@charset "UTF-8";

@-moz-keyframes flash {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes flash {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes flash {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@-o-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@-ms-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-ms-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-o-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-ms-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-o-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-ms-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-moz-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-o-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-ms-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-moz-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
}
@-o-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
}
@-ms-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
}
@-moz-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-ms-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-ms-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-ms-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-ms-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
70% {
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
70% {
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
70% {
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
70% {
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
70% {
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
}
@-webkit-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
}
@-o-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
}
@-ms-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
}
@keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
}
@-moz-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@-webkit-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@-o-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@-ms-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@-moz-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
}
@-webkit-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
}
@-o-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
}
@-ms-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
}
@keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
}
@-moz-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
}
@-webkit-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
}
@-o-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
}
@-ms-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
}
@keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
}
@-moz-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0;
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0;
}
}
@-o-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0;
}
}
@-ms-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0;
}
}
@keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0;
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-ms-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-ms-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-ms-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-ms-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-ms-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-ms-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-moz-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-ms-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-moz-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-ms-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-moz-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-ms-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-moz-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-ms-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-ms-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
}
@-moz-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-o-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-ms-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-ms-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-o-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-ms-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@-moz-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-webkit-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-o-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-ms-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-moz-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
}
@-webkit-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
}
@-o-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
}
@-ms-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
}
@keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
}   html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: not-allowed;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
.foundation-mq {
font-family: "small=0em&medium=40.0625em&large=64.0625em&xlarge=90.0625em";
}
html {
font-size: 100%;
box-sizing: border-box;
}
*, :after, :before {
box-sizing: inherit;
}
body {
padding: 0;
margin: 0;
font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
width: 100%;
border-radius: 0;
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
max-width: none !important;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1;
}
[data-whatinput=mouse] button {
outline: 0;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.row:after, .row:before {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.column, .columns {
width: 100%;
float: left;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.small-1 {
width: 8.33333%;
}
.small-push-1 {
position: relative;
left: 8.33333%;
}
.small-pull-1 {
position: relative;
left: -8.33333%;
}
.small-2 {
width: 16.66667%;
}
.small-push-2 {
position: relative;
left: 16.66667%;
}
.small-pull-2 {
position: relative;
left: -16.66667%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-4 {
width: 33.33333%;
}
.small-push-4 {
position: relative;
left: 33.33333%;
}
.small-pull-4 {
position: relative;
left: -33.33333%;
}
.small-5 {
width: 41.66667%;
}
.small-push-5 {
position: relative;
left: 41.66667%;
}
.small-pull-5 {
position: relative;
left: -41.66667%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-7 {
width: 58.33333%;
}
.small-push-7 {
position: relative;
left: 58.33333%;
}
.small-pull-7 {
position: relative;
left: -58.33333%;
}
.small-8 {
width: 66.66667%;
}
.small-push-8 {
position: relative;
left: 66.66667%;
}
.small-pull-8 {
position: relative;
left: -66.66667%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-10 {
width: 83.33333%;
}
.small-push-10 {
position: relative;
left: 83.33333%;
}
.small-pull-10 {
position: relative;
left: -83.33333%;
}
.small-11 {
width: 91.66667%;
}
.small-push-11 {
position: relative;
left: 91.66667%;
}
.small-pull-11 {
position: relative;
left: -91.66667%;
}
.small-12 {
width: 100%;
}
.small-up-1 > .column, .small-up-1 > .columns {
width: 100%;
float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
width: 50%;
float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
width: 33.33333%;
float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
width: 25%;
float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
width: 20%;
float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
width: 16.66667%;
float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
width: 14.28571%;
float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
width: 12.5%;
float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.expanded.row .small-collapse.row, .small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.small-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.small-pull-0, .small-push-0, .small-uncentered {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
@media screen and (min-width: 40.0625em) {
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0;
}
.medium-2 {
width: 16.66667%;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
}
.medium-pull-2 {
position: relative;
left: -16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
width: 33.33333%;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
}
.medium-pull-4 {
position: relative;
left: -33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.66667%;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
}
.medium-pull-5 {
position: relative;
left: -41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
width: 58.33333%;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
}
.medium-pull-7 {
position: relative;
left: -58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.66667%;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
}
.medium-pull-8 {
position: relative;
left: -66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
width: 83.33333%;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
}
.medium-pull-10 {
position: relative;
left: -83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.66667%;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
}
.medium-pull-11 {
position: relative;
left: -91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
width: 100%;
float: left;
}
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
width: 50%;
float: left;
}
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
width: 33.33333%;
float: left;
}
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
width: 25%;
float: left;
}
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
width: 20%;
float: left;
}
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
width: 16.66667%;
float: left;
}
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
width: 14.28571%;
float: left;
}
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
width: 12.5%;
float: left;
}
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.expanded.row .medium-collapse.row, .medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.medium-pull-0, .medium-push-0, .medium-uncentered {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 64.0625em) {
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0;
}
.large-2 {
width: 16.66667%;
}
.large-push-2 {
position: relative;
left: 16.66667%;
}
.large-pull-2 {
position: relative;
left: -16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
width: 33.33333%;
}
.large-push-4 {
position: relative;
left: 33.33333%;
}
.large-pull-4 {
position: relative;
left: -33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.66667%;
}
.large-push-5 {
position: relative;
left: 41.66667%;
}
.large-pull-5 {
position: relative;
left: -41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
width: 58.33333%;
}
.large-push-7 {
position: relative;
left: 58.33333%;
}
.large-pull-7 {
position: relative;
left: -58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.66667%;
}
.large-push-8 {
position: relative;
left: 66.66667%;
}
.large-pull-8 {
position: relative;
left: -66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
width: 83.33333%;
}
.large-push-10 {
position: relative;
left: 83.33333%;
}
.large-pull-10 {
position: relative;
left: -83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.66667%;
}
.large-push-11 {
position: relative;
left: 91.66667%;
}
.large-pull-11 {
position: relative;
left: -91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
width: 100%;
float: left;
}
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
width: 50%;
float: left;
}
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
width: 33.33333%;
float: left;
}
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
width: 25%;
float: left;
}
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
width: 20%;
float: left;
}
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
width: 16.66667%;
float: left;
}
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
width: 14.28571%;
float: left;
}
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
width: 12.5%;
float: left;
}
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.expanded.row .large-collapse.row, .large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.large-pull-0, .large-push-0, .large-uncentered {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 90.0625em) {
.xlarge-1 {
width: 8.33333%;
}
.xlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xlarge-offset-0 {
margin-left: 0;
}
.xlarge-2 {
width: 16.66667%;
}
.xlarge-push-2 {
position: relative;
left: 16.66667%;
}
.xlarge-pull-2 {
position: relative;
left: -16.66667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-push-3 {
position: relative;
left: 25%;
}
.xlarge-pull-3 {
position: relative;
left: -25%;
}
.xlarge-offset-2 {
margin-left: 16.66667%;
}
.xlarge-4 {
width: 33.33333%;
}
.xlarge-push-4 {
position: relative;
left: 33.33333%;
}
.xlarge-pull-4 {
position: relative;
left: -33.33333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
width: 41.66667%;
}
.xlarge-push-5 {
position: relative;
left: 41.66667%;
}
.xlarge-pull-5 {
position: relative;
left: -41.66667%;
}
.xlarge-offset-4 {
margin-left: 33.33333%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-push-6 {
position: relative;
left: 50%;
}
.xlarge-pull-6 {
position: relative;
left: -50%;
}
.xlarge-offset-5 {
margin-left: 41.66667%;
}
.xlarge-7 {
width: 58.33333%;
}
.xlarge-push-7 {
position: relative;
left: 58.33333%;
}
.xlarge-pull-7 {
position: relative;
left: -58.33333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
width: 66.66667%;
}
.xlarge-push-8 {
position: relative;
left: 66.66667%;
}
.xlarge-pull-8 {
position: relative;
left: -66.66667%;
}
.xlarge-offset-7 {
margin-left: 58.33333%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-push-9 {
position: relative;
left: 75%;
}
.xlarge-pull-9 {
position: relative;
left: -75%;
}
.xlarge-offset-8 {
margin-left: 66.66667%;
}
.xlarge-10 {
width: 83.33333%;
}
.xlarge-push-10 {
position: relative;
left: 83.33333%;
}
.xlarge-pull-10 {
position: relative;
left: -83.33333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
width: 91.66667%;
}
.xlarge-push-11 {
position: relative;
left: 91.66667%;
}
.xlarge-pull-11 {
position: relative;
left: -91.66667%;
}
.xlarge-offset-10 {
margin-left: 83.33333%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.66667%;
}
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
width: 100%;
float: left;
}
.xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
float: left;
}
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
width: 50%;
float: left;
}
.xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
float: left;
}
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
width: 33.33333%;
float: left;
}
.xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
float: left;
}
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
width: 25%;
float: left;
}
.xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
float: left;
}
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
width: 20%;
float: left;
}
.xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
float: left;
}
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
width: 16.66667%;
float: left;
}
.xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
float: left;
}
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
width: 14.28571%;
float: left;
}
.xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
float: left;
}
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
width: 12.5%;
float: left;
}
.xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
float: left;
}
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.expanded.row .xlarge-collapse.row, .xlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.xlarge-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.xlarge-pull-0, .xlarge-push-0, .xlarge-uncentered {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
.row {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.row .row {
max-width: none;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
@media screen and (min-width: 40.0625em) {
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.row.expanded {
max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.column, .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-left: 0.625rem;
padding-right: 0.625rem;
min-width: initial;
}
@media screen and (min-width: 40.0625em) {
.column, .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.column.row.row, .row.row.columns {
float: none;
display: block;
}
.row .column.row.row, .row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.small-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.small-offset-0 {
margin-left: 0;
}
.small-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.small-offset-2 {
margin-left: 16.66667%;
}
.small-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.small-offset-4 {
margin-left: 33.33333%;
}
.small-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.small-offset-5 {
margin-left: 41.66667%;
}
.small-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.small-offset-7 {
margin-left: 58.33333%;
}
.small-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.small-offset-8 {
margin-left: 66.66667%;
}
.small-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.small-offset-10 {
margin-left: 83.33333%;
}
.small-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.small-offset-11 {
margin-left: 91.66667%;
}
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media screen and (min-width: 40.0625em) {
.medium-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.medium-offset-0 {
margin-left: 0;
}
.medium-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-order-1 {
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-ms-flex-order: 6;
order: 6;
}
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
.medium-expand {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 40.0625em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media screen and (min-width: 40.0625em) {
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 64.0625em) {
.large-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.large-offset-0 {
margin-left: 0;
}
.large-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-order-1 {
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-ms-flex-order: 6;
order: 6;
}
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-1 > .column, .large-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-2 > .column, .large-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-3 > .column, .large-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-4 > .column, .large-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-5 > .column, .large-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-6 > .column, .large-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-7 > .column, .large-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-8 > .column, .large-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.large-expand {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.row.large-unstack > .column, .row.large-unstack > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 64.0625em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media screen and (min-width: 64.0625em) {
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 90.0625em) {
.xlarge-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.xlarge-offset-0 {
margin-left: 0;
}
.xlarge-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.xlarge-offset-2 {
margin-left: 16.66667%;
}
.xlarge-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.xlarge-offset-4 {
margin-left: 33.33333%;
}
.xlarge-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.xlarge-offset-5 {
margin-left: 41.66667%;
}
.xlarge-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.xlarge-offset-7 {
margin-left: 58.33333%;
}
.xlarge-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.xlarge-offset-8 {
margin-left: 66.66667%;
}
.xlarge-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.xlarge-offset-10 {
margin-left: 83.33333%;
}
.xlarge-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.66667%;
}
.xlarge-order-1 {
-ms-flex-order: 1;
order: 1;
}
.xlarge-order-2 {
-ms-flex-order: 2;
order: 2;
}
.xlarge-order-3 {
-ms-flex-order: 3;
order: 3;
}
.xlarge-order-4 {
-ms-flex-order: 4;
order: 4;
}
.xlarge-order-5 {
-ms-flex-order: 5;
order: 5;
}
.xlarge-order-6 {
-ms-flex-order: 6;
order: 6;
}
.xlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.xlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.xlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.xlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.xlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.xlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.xlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.xlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media screen and (min-width: 90.0625em) and (min-width: 90.0625em) {
.xlarge-expand {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 90.0625em) {
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media screen and (min-width: 90.0625em) {
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.shrink {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.align-top.columns, .column.align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom.columns, .column.align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle.columns, .column.align-middle {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-stretch.columns, .column.align-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0;
}
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 1rem;
text-rendering: optimizeLegibility;
}
em, i {
font-style: italic;
}
b, em, i, strong {
line-height: inherit;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #cacaca;
line-height: 0;
}
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.1875rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.0625rem;
}
h6 {
font-size: 1rem;
}
@media screen and (min-width: 40.0625em) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.9375rem;
}
h4 {
font-size: 1.5625rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
}
a {
color: #2199e8;
text-decoration: none;
line-height: inherit;
cursor: pointer;
}
a img {
border: 0;
}
hr {
max-width: 112.5rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
margin: 1.25rem auto;
clear: both;
}
dl, ol, ul {
line-height: 1.6;
margin-bottom: 1rem;
list-style-position: outside;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
}
ol, ul {
margin-left: 1.25rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: 700;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a;
}
cite:before {
content: "— ";
}
abbr {
color: #0a0a0a;
cursor: help;
border-bottom: 1px dotted #0a0a0a;
}
code {
font-weight: 400;
border: 1px solid #cacaca;
padding: 0.125rem 0.3125rem 0.0625rem;
}
code, kbd {
font-family: Consolas, Liberation Mono, Courier, monospace;
color: #0a0a0a;
background-color: #e6e6e6;
}
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 400;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media screen and (min-width: 40.0625em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 90.0625em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print, th.show-for-print {
display: table-cell !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
blockquote, pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img, tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
h2, h3, p {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
.flex-video {
position: relative;
height: 0;
padding-bottom: 75%;
margin-bottom: 1rem;
overflow: hidden;
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-video.widescreen {
padding-bottom: 56.25%;
}
.flex-video.vimeo {
padding-top: 0;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width: 40.0625em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40.0625em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 40.0625em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 40.0625em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 40.0625em) and (max-width: 64em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 40.0625em), screen and (min-width: 64.0625em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 64.0625em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 64em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64.0625em) and (max-width: 90em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 64em), screen and (min-width: 90.0625em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 90.0625em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 90em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 90.0625em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
.show-for-sr, .show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.hide-for-portrait, .show-for-landscape {
display: block !important;
}
@media screen and (orientation: landscape) {
.hide-for-portrait, .show-for-landscape {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-portrait, .show-for-landscape {
display: none !important;
}
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix:after, .clearfix:before {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.align-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center {
-ms-flex-pack: center;
justify-content: center;
}
.align-justify {
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-top {
-ms-flex-align: start;
align-items: flex-start;
}
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom {
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle {
-ms-flex-align: center;
align-items: center;
}
.align-self-middle {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-stretch {
-ms-flex-align: stretch;
align-items: stretch;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.small-order-1 {
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-ms-flex-order: 6;
order: 6;
}
@media screen and (min-width: 40.0625em) {
.medium-order-1 {
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 64.0625em) {
.large-order-1 {
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 90.0625em) {
.xlarge-order-1 {
-ms-flex-order: 1;
order: 1;
}
.xlarge-order-2 {
-ms-flex-order: 2;
order: 2;
}
.xlarge-order-3 {
-ms-flex-order: 3;
order: 3;
}
.xlarge-order-4 {
-ms-flex-order: 4;
order: 4;
}
.xlarge-order-5 {
-ms-flex-order: 5;
order: 5;
}
.xlarge-order-6 {
-ms-flex-order: 6;
order: 6;
}
} html {
min-height: 100vh;
overflow-y: scroll !important;
}
body {
color: #222;
background: #fff;
position: static;
min-height: 100%;
scroll-behavior: smooth;
}
body div, body dl, body dt, body dd, body ul, body ol, body li, body pre, body form, body p, body blockquote, body th, body td {
font-size: inherit;
font-family: inherit;
}
body p {
font-style: normal;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 0.65rem;
}
body strong {
font-weight: 600;
}
figure {
margin: 0;
}
a {
color: #ef2673;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
color: #222;
} .mont, .smalltitle, .social_bar, #footer.style2 .menu, #footer.style3 .menu, #footer.style4 .menu, #footer.style5 .menu, cite, q, blockquote p {
font-family: "Playfair Display", sans-serif;
}
.reset, #comments ol.commentlist .comment .vcard, .searchform fieldset, .slick-dots, .widget.widget_calendar table, .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li, .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
margin: 0;
padding: 0;
}
.cf:before, .addresses:before, .woocommerce .woocommerce-form-login:before, .woocommerce-additional-fields:before,
.woocommerce-billing-fields:before,
.woocommerce-shipping-fields:before, .woocommerce-account-fields:before, .woocommerce-checkout-review-order:before, .image_link:before, .category_container .inner:before, .category_container:before, .commentlist_parent .commentlist_container:before, .comment-respond:before, .authorpage:before, .wpcf7-response-output:before, .wpcf7-form-control-wrap:before, .product_list_widget li:before, .widget.widget_price_filter:before, .widget.widget_flickr .pin_link:before, .widget.widget_dribbble .pin_link:before, .widget.thb_pinterest_widget .pin_link:before, .blog_nav:before, .post-content-container:before, .cf:after, .addresses:after, .woocommerce .woocommerce-form-login:after, .woocommerce-additional-fields:after,
.woocommerce-billing-fields:after,
.woocommerce-shipping-fields:after, .woocommerce-account-fields:after, .woocommerce-checkout-review-order:after, .image_link:after, .category_container .inner:after, .category_container:after, .commentlist_parent .commentlist_container:after, .comment-respond:after, .authorpage:after, .wpcf7-response-output:after, .wpcf7-form-control-wrap:after, .product_list_widget li:after, .widget.widget_price_filter:after, .widget.widget_flickr .pin_link:after, .widget.widget_dribbble .pin_link:after, .widget.thb_pinterest_widget .pin_link:after, .blog_nav:after, .post-content-container:after {
content: " ";
display: table;
}
.cf:after, .addresses:after, .woocommerce .woocommerce-form-login:after, .woocommerce-additional-fields:after,
.woocommerce-billing-fields:after,
.woocommerce-shipping-fields:after, .woocommerce-account-fields:after, .woocommerce-checkout-review-order:after, .image_link:after, .category_container .inner:after, .category_container:after, .commentlist_parent .commentlist_container:after, .comment-respond:after, .authorpage:after, .wpcf7-response-output:after, .wpcf7-form-control-wrap:after, .product_list_widget li:after, .widget.widget_price_filter:after, .widget.widget_flickr .pin_link:after, .widget.widget_dribbble .pin_link:after, .widget.thb_pinterest_widget .pin_link:after, .blog_nav:after, .post-content-container:after {
clear: both;
}
.visually-hidden {
visibility: hidden;
opacity: 0;
}
.endcolumn [class*=column] + [class*=column]:last-child, .products [class*=column] + [class*=column]:last-child, .author_list [class*=column] + [class*=column]:last-child, .category_container .inner [class*=column] + [class*=column]:last-child, .posts [class*=column] + [class*=column]:last-child, .related-posts .relatedposts [class*=column] + [class*=column]:last-child, .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div [class*=column] + [class*=column]:last-child {
float: left;
} .small-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media only screen and (min-width: 64.0625em) {
.thb-5,
.medium-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media only screen and (min-width: 75.0625em) {
.large-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.small-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
@media only screen and (min-width: 64.0625em) {
.thb-5-2,
.medium-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
}
@media only screen and (min-width: 75.0625em) {
.large-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
}
.small-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
@media only screen and (min-width: 64.0625em) {
.thb-5-3,
.medium-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
}
@media only screen and (min-width: 75.0625em) {
.large-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
}
.transition, .products .product.product-category a div span, .image_link img, .thb-mobile-menu-secondary li a, .thb-mobile-menu li a, .custom_check + .custom_label:before, .custom_check + .custom_label, input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea, .post-detail .share-article .boxed-icon.style1 span, .post.listing.listing-style2 .bg-figure, .post.category-widget-slider .featured-title .post-content, .post.category-widget-slider .featured-title, .post.featured-style4 .featured-title .post-content, .post.featured-style4 .featured-title, .post .post-gallery img, .quick_search .searchform {
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.quick-transition, .mfp-zoom-3d.mfp-bg, .mfp-zoom-3d .mfp-with-anim,
.mfp-zoom-3d .mfp-iframe-scaler,
.mfp-zoom-3d .mfp-inline-holder,
.mfp-zoom-3d .mfp-close, .mfp-zoom-out.mfp-bg, .mfp-zoom-out .mfp-with-anim, .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-iframe-scaler,
.mfp-zoom-in .mfp-inline-holder,
.mfp-zoom-in .mfp-close, .mfp-bg, button.mfp-arrow svg .thb-arrow-head,
button.mfp-arrow svg .thb-arrow-line, .woocommerce-tabs .wc-tabs li a:after, .woocommerce-MyAccount-navigation ul li a, .thb-form-container .thb-login-form,
.thb-form-container .thb-register-form, .thb-form-container, .login-page-form li a:before, .products .product .product-image .woocommerce-loop-product__link .attachment-woocommerce_thumbnail + .attachment-woocommerce_thumbnail, .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip, .thb-pin-it-container .thb-pin-it, .thb_tabs .tabs h6 a:after, #scroll_totop svg .thb-arrow-line, #scroll_totop svg .thb-arrow-head, .commentlist_parent .commentlist_container, .thb-gallery-item .thb-gallery-nav .arrow, .post-gallery-content .thb-gallery-grid .thb-grid-image img, .post-gallery-content .thb-gallery-arrow svg .thb-arrow-head,
.post-gallery-content .thb-gallery-arrow svg .thb-arrow-line, .btn,
.btn:focus,
.button,
input[type=submit], .slick-nav svg .thb-arrow-head,
.slick-nav svg .thb-arrow-line, .slick.post-carousel-style8 .slick-slide, .widget.widget_socialicons ul li a, .post-detail .article-navigation .post-nav-link svg .thb-arrow-line, .post-detail .share-article .boxed-icon.style2 span, .post.style-masonry.style-masonry-3 .post-gallery a img, .post.style-masonry.style-masonry-2, .post.carousel-style12, .post.carousel-style8 .thb-placeholder, .post.featured-style10 .post-gallery:before, .post .post-gallery > a, .header .social-holder .social_header > div, .header .social-holder .social_header .social_icon, .thb-borders, a {
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mid-transition, .mfp-zoom-3d .theme-popup, .thb-social-links-container .thb-social-link .thb-social-icon-container, .post.post-blockgrid-style1 .post-gallery > a:before, .post.post-blockgrid-style1 .post-gallery > a {
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.linear-transition {
transition: all 1s linear;
}
.linear-quick-transition, .thb_3dimg .title,
.thb_3dimg .arrow, .commentlist_parent .comment-button:after, #comments ol.commentlist .comment .reply, .thb-mobile-menu li span, #mobile-menu, .thb-gallery-item .thb-gallery-nav .arrow svg .thb-arrow-head,
.thb-gallery-item .thb-gallery-nav .arrow svg .thb-arrow-line, .thb-gallery-item .thb-gallery-nav .arrow svg, .post-title-bullets li button span, .slick-dots li button, .slick-nav, .slick:after, .slick, .post-links .post-link.share-article-loop:hover .boxed-icon, .full-menu-container .full-menu a, .header .logo .logoimg, .header .logo .logolink, .header .header_top > .row > .columns, .header .header_top, .header, #content-container {
transition: all 0.25s linear;
}
.admin-bar .admin-style, .admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close, .mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close, .admin-bar #mobile-menu, .admin-bar .thb-borders {
top: 0;
}
@media screen and (min-width: 601px) {
.admin-bar .admin-style, .admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close, .mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close, .admin-bar #mobile-menu, .admin-bar .thb-borders {
top: 46px;
}
}
@media screen and (min-width: 783px) {
.admin-bar .admin-style, .admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close, .mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close, .admin-bar #mobile-menu, .admin-bar .thb-borders {
top: 32px;
}
}
.custom_scroll {
overflow: hidden;
height: 100%;
position: relative;
}
.row:not(.cf):not(.addresses):not(.woocommerce-additional-fields):not(.woocommerce-billing-fields):not(.woocommerce-shipping-fields):not(.woocommerce-account-fields):not(.woocommerce-checkout-review-order):not(.image_link):not(.category_container):not(.comment-respond):not(.authorpage):not(.wpcf7-response-output):not(.wpcf7-form-control-wrap):not(.widget.widget_price_filter):not(.blog_nav):not(.post-content-container):before, .row:not(.cf):not(.addresses):not(.woocommerce-additional-fields):not(.woocommerce-billing-fields):not(.woocommerce-shipping-fields):not(.woocommerce-account-fields):not(.woocommerce-checkout-review-order):not(.image_link):not(.category_container):not(.comment-respond):not(.authorpage):not(.wpcf7-response-output):not(.wpcf7-form-control-wrap):not(.widget.widget_price_filter):not(.blog_nav):not(.post-content-container):after {
display: none !important;
}
.vc_editor.compose-mode .vc_element > .columns {
width: 100%;
max-width: 100%;
}
.columns .vc_column-inner {
width: 100%;
}
.columns:not(.full-height) .vc_column-inner:not(.fixed-me) {
height: 100%;
}
.columns .vc_video-bg + .vc_column-inner {
position: relative;
z-index: 20;
}
.cover-bg, .widget.widget_subscribe_widget .newsletter-container.has-image, .widget.widget_flickr .photocontainer .overlay-effect figure, .widget.widget_dribbble .photocontainer .overlay-effect figure, .widget.thb_pinterest_widget .photocontainer .overlay-effect figure, .post.carousel-style12 .thb-placeholder, .post.carousel-style8 .thb-placeholder {
background-size: cover;
background-position: center;
}
.flex-video {
margin: 0;
}
@media only screen and (min-width: 75.0625em) {
.thb-five {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media only screen and (min-width: 75.0625em) {
.thb-five-2 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
} .fixed-me {
position: sticky;
top: 150px;
left: 0;
} .table {
display: table;
}
.table > div {
display: table-cell;
vertical-align: middle;
} .instagram-media {
position: static !important;
} .lazyload,
.lazyloading {
opacity: 0.3;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.screen-reader-text {
display: none;
} .row:before, .row:after {
display: none !important;
}
.row.full-width-row {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.row.mpc-row {
display: flex;
}
.row.row-o-full-height {
display: flex;
min-height: 100vh;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.row.row-o-full-height { height: 100vh;
}
}
.row.row-o-columns-bottom {
align-items: flex-end;
}
.row.row-o-columns-middle {
align-items: center;
}
.row.row-o-content-middle .vc_column-inner {
display: flex;
flex-direction: column;
justify-content: center;
}
.row.row-o-content-bottom .vc_column-inner {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.row.no-padding {
margin: auto;
}
.row.no-padding > .columns,
.row.no-padding .owl-item > .columns {
padding: 0;
}
.row.max_width {
max-width: 75em;
margin: 0 auto;
}
.row .columns .wpb_wrapper {
width: 100%;
}
#content-container {
min-height: 100%;
}
#content-container .click-capture {
position: absolute;
z-index: 998;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.2);
content: "";
will-change: opacity;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.25s linear;
-moz-transition: opacity 0.25s linear;
-o-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
#wrapper {
position: relative;
width: 100%;
min-height: 100%;
scroll-behavior: smooth;
}
#wrapper [role=main] {
position: relative;
z-index: 10;
}
@media only screen and (max-width: 40.0625em) {
#wrapper {
overflow: hidden;
}
}
#wrapper.open-menu {
overflow: hidden;
}
#wrapper.open-menu #content-container {
-webkit-transform: translate3d(320px, 0, 0);
-moz-transform: translate3d(320px, 0, 0);
-ms-transform: translate3d(320px, 0, 0);
-o-transform: translate3d(320px, 0, 0);
transform: translate3d(320px, 0, 0);
}
@media only screen and (max-width: 40.0625em) {
#wrapper.open-menu #content-container {
-webkit-transform: translate3d(280px, 0, 0);
-moz-transform: translate3d(280px, 0, 0);
-ms-transform: translate3d(280px, 0, 0);
-o-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}
}
.rtl #wrapper.open-menu #content-container {
-webkit-transform: translate3d(-320px, 0, 0);
-moz-transform: translate3d(-320px, 0, 0);
-ms-transform: translate3d(-320px, 0, 0);
-o-transform: translate3d(-320px, 0, 0);
transform: translate3d(-320px, 0, 0);
}
@media only screen and (max-width: 40.0625em) {
.rtl #wrapper.open-menu #content-container {
-webkit-transform: translate3d(-280px, 0, 0);
-moz-transform: translate3d(-280px, 0, 0);
-ms-transform: translate3d(-280px, 0, 0);
-o-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0);
}
}
.mobile_menu_animation-over-content #wrapper.open-menu #content-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 40.0625em) {
.mobile_menu_animation-over-content #wrapper.open-menu #content-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rtl .mobile_menu_animation-over-content #wrapper.open-menu #content-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 40.0625em) {
.rtl .mobile_menu_animation-over-content #wrapper.open-menu #content-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
#wrapper.open-menu #content-container .click-capture {
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
left: 0;
}
#wrapper.open-menu .header.fixed {
display: none;
}
.thb-borders {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 0;
pointer-events: none;
z-index: 999;
border: 0px solid #222;
}
@media only screen and (min-width: 40.0625em) {
.thb-borders {
border-width: 8px;
}
} .titlefont, h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display", serif;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
text-rendering: auto;
margin-top: 0;
}
h1 {
display: block;
font-size: 36px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 20px;
word-break: break-word;
}
@media only screen and (min-width: 64.0625em) {
h1 {
font-size: 56px;
word-break: normal;
}
}
h2 {
font-size: 30px;
line-height: 1.15;
font-weight: 600;
margin-bottom: 15px;
}
h3 {
font-size: 26px;
margin-bottom: 15px;
font-weight: 400;
line-height: 1.4;
}
h4 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 400;
line-height: 1.4;
}
h5 {
font-size: 18px;
margin-bottom: 15px;
font-weight: 400;
}
h6 {
font-size: 14px;
margin-bottom: 15px;
font-weight: 400;
}
ul, ol {
margin-left: 0;
list-style-position: inside;
font-size: 14px;
font-weight: 400;
}
ul ul, ul ol, ol ul, ol ol {
margin: 10px 0 0 15px;
}
ul li, ol li {
margin-bottom: 10px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 1em;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
pre.wp-block-verse {
white-space: nowrap;
overflow: auto;
} .thb-page-transition-on {
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.vc_editor.compose-mode .thb-page-transition-on, .elementor-editor-active .thb-page-transition-on {
opacity: 1;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
} .animsition-loading,
.animsition-loading:after {
width: 32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 100;
}
.animsition-loading {
background-color: transparent;
border-top: 5px solid rgba(0, 0, 0, 0.2);
border-right: 5px solid rgba(0, 0, 0, 0.2);
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid #eee;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: animsition-loading;
animation-name: animsition-loading;
}
@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} @-moz-keyframes thb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes thb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes thb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes thb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes thb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.thb-fade-in {
-webkit-animation-name: thb-fade-in;
-moz-animation-name: thb-fade-in;
-ms-animation-name: thb-fade-in;
-o-animation-name: thb-fade-in;
animation-name: thb-fade-in;
}
@-moz-keyframes thb-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes thb-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes thb-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes thb-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes thb-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.thb-fade-out {
-webkit-animation-name: thb-fade-out;
-moz-animation-name: thb-fade-out;
-ms-animation-name: thb-fade-out;
-o-animation-name: thb-fade-out;
animation-name: thb-fade-out;
} @-moz-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.thb-fade-up-in {
-webkit-animation-name: thb-fade-up-in;
-moz-animation-name: thb-fade-up-in;
-ms-animation-name: thb-fade-up-in;
-o-animation-name: thb-fade-up-in;
animation-name: thb-fade-up-in;
}
@-moz-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
}
@-webkit-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
}
@-o-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
}
@-ms-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
}
@keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
}
.thb-fade-up-out {
-webkit-animation-name: thb-fade-up-out;
-moz-animation-name: thb-fade-up-out;
-ms-animation-name: thb-fade-up-out;
-o-animation-name: thb-fade-up-out;
animation-name: thb-fade-up-out;
} @-moz-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.thb-fade-down-in {
-webkit-animation-name: thb-fade-down-in;
-moz-animation-name: thb-fade-down-in;
-ms-animation-name: thb-fade-down-in;
-o-animation-name: thb-fade-down-in;
animation-name: thb-fade-down-in;
}
@-moz-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
}
@-webkit-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
}
@-o-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
}
@-ms-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
}
@keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
}
.thb-fade-down-out {
-webkit-animation-name: thb-fade-down-out;
-moz-animation-name: thb-fade-down-out;
-ms-animation-name: thb-fade-down-out;
-o-animation-name: thb-fade-down-out;
animation-name: thb-fade-down-out;
}  .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
width: 3px; right: 0; position: absolute;
-webkit-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 1;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #222;
border-radius: 1px;
width: 3px; right: 0; position: absolute;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
} .header {
height: auto;
position: static;
top: 0;
left: 0;
width: 100%;
z-index: 101;
background: #fff;
user-select: none;
}
.header .header_top {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
direction: ltr;
background-size: cover;
will-change: padding;
}
@media only screen and (min-width: 40.0625em) {
.header .header_top {
padding: 30px 15px;
}
}
.rtl .header .header_top {
direction: rtl;
}
.header .header_top > .row:before, .header .header_top > .row:after {
display: none !important;
}
.header .header_top > .row > .columns {
padding: 0;
min-height: 1px;
}
@media only screen and (min-width: 40.0625em) {
.header .header_top > .row > .columns {
padding: 0 0.9375em;
}
}
.header .logo {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 1px;
will-change: height;
}
.header .logo .logolink {
display: inline-block;
max-width: 100%;
}
.header .logo .logoimg {
display: block;
max-height: 40px;
max-width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.header .logo .logoimg {
max-height: 70px;
}
}
.header .logo .logoimg[src$=".svg"] {
max-height: 100%;
height: 40px;
}
@media only screen and (min-width: 40.0625em) {
.header .logo .logoimg[src$=".svg"] {
height: 70px;
}
}
.header .logo #page-title {
display: block;
line-height: 1;
margin: 0;
padding: 5px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
will-change: contents;
}
@media only screen and (min-width: 40.0625em) {
.header .logo #page-title {
font-size: 18px;
}
}
.header .toggle-holder .logofixed {
display: none;
max-height: 40px;
visibility: hidden;
margin-left: 20px;
will-change: opacity;
}
@media only screen and (min-width: 64.0625em) {
.header .toggle-holder .logofixed {
display: inline-block;
}
}
.header .toggle-holder {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.header .nav_holder.dark {
color: #fff;
border: 0 !important;
}
.header .nav_holder.dark .full-menu-container .full-menu {
border: 0 !important;
}
.header .nav_holder.dark .full-menu-container .full-menu > li > a {
color: #fff;
}
.header .nav_holder.dark .full-menu-container .full-menu > li > a:hover {
color: #ef2673;
}
.header .nav_holder.dark .full-menu-container .full-menu > li.active > a, .header .nav_holder.dark .full-menu-container .full-menu > li.sfHover > a {
color: #222;
}
.header .nav_holder.dark .mobile-toggle span {
background: #fff;
}
.header .nav_holder.dark .quick_search:not(.active) .search_icon,
.header .nav_holder.dark .social-header svg,
.header .nav_holder.dark .quick_cart svg {
fill: #fff;
}
.header .quick_cart {
position: relative;
display: inline-flex;
width: 30px;
margin-left: 3px;
height: 50px;
justify-content: center;
align-items: center;
}
.header .quick_cart svg {
vertical-align: middle;
}
.header .quick_cart .float_count {
position: absolute;
bottom: 10px;
right: 4px;
display: block;
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
color: #fff;
font-size: 8px;
font-weight: 600;
background: #ef2673;
}
.header .social-holder {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.header .social-holder > div {
display: inline-flex;
}
.header .social-holder .icon-1x {
display: none;
font-size: 16px;
padding: 0 5px;
line-height: 1;
}
@media only screen and (min-width: 64.0625em) {
.header .social-holder .icon-1x {
vertical-align: middle;
display: inline-block;
}
}
@media only screen and (min-width: 64.0625em) and (-ms-high-contrast: active), only screen and (min-width: 64.0625em) and (-ms-high-contrast: none) {
.header .social-holder .icon-1x {
line-height: 40px;
}
}
.header .social-holder.style2 .quick_search {
width: 30px;
}
@media only screen and (min-width: 40.0625em) {
.header .social-holder.style2 .quick_search {
margin-left: 10px;
}
}
.header .social-holder .social_header {
position: relative;
display: none;
z-index: 4;
}
@media only screen and (min-width: 64.0625em) {
.header .social-holder .social_header {
display: inline-flex;
}
}
.header .social-holder .social_header > i {
display: inline-flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
cursor: pointer;
}
.header .social-holder .social_header .social_icon {
fill: #222;
vertical-align: middle;
}
.header .social-holder .social_header > div {
display: inline-flex;
align-items: center;
opacity: 0;
position: absolute;
top: 0;
right: 100%;
height: 40px;
pointer-events: none;
visibility: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header .social-holder .social_header > div {
display: block;
white-space: nowrap;
}
}
.header .social-holder .social_header.active > div {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.header .social-holder .social_header:hover .social_icon {
fill: #ef2673;
}
.header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
margin: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
transition: all 0.35s linear;
}
@media screen and (min-width: 783px) {
.admin-bar .header.fixed {
top: 32px;
}
}
.header.fixed {
will-change: transform;
}
.header.fixed.header--slide {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header.fixed.header--unslide {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.header.fixed .logo .logoimg {
max-height: 40px;
}
.header.fixed .logo .logoimg[src$=".svg"] {
max-height: 100%;
height: 40px;
}
.header.fixed .progress {
display: block;
position: absolute;
bottom: -2px;
left: -15px;
height: 2px;
width: 0;
background: #ef2673;
will-change: width;
}
.header.fixed .header_top {
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.header.fixed .header_top > .row > .columns {
min-height: 50px;
}
}
.header.fixed .nav_holder {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.fixed .full-menu-container .full-menu {
border: 0;
}
.header.fixed.header--slide.thb-fixed-shadow-style1 {
opacity: 1;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15);
}
.header.fixed.header--slide.thb-fixed-shadow-style2 {
opacity: 1;
-webkit-box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
}
.header.fixed.header--slide.thb-fixed-shadow-style3 {
opacity: 1;
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
}
.header.fixed.style5 {
text-align: center;
}
.header.fixed-style3 .logo {
padding: 10px 0;
}
.header.style1.boxed .header_top {
padding-left: 0;
padding-right: 0;
}
.header.style1.boxed .header_top > .row > .columns {
padding-left: 0;
padding-right: 0;
}
.header.style1 .full-menu-container {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.style1 .full-menu-container .full-menu {
border: 0;
}
.header.style1 .thb_ad_header {
margin-left: 20px;
}
.header.style2:not(.boxed) .header_top {
padding: 0 10px;
}
@media only screen and (min-width: 40.0625em) {
.header.style2:not(.boxed) .header_top {
padding: 0 15px;
}
}
.header.style2.boxed .header_top {
padding: 0;
}
.header.style2.boxed .header_top > .row > .columns {
padding: 0;
}
.header.style2.boxed .full-menu-container .full-menu > li {
padding: 0 10px;
}
@media only screen and (min-width: 64.0625em) {
.header.style2 .mobile-toggle.hide-for-large + .logolink {
margin-left: 0;
}
}
.header.style2 .logo {
display: flex;
align-items: initial;
justify-content: flex-start;
}
.header.style2 .logo .mobile-toggle {
align-self: center;
}
.header.style2 .logo .logoimg {
max-height: 40px;
display: inline-block;
}
.header.style2 .logo .logolink {
display: none;
margin: 15px 20px;
}
@media only screen and (min-width: 40.0625em) {
.header.style2 .logo .logolink {
display: inline-block;
}
}
.header.style2 .logo .full-menu-container {
position: static;
}
@media only screen and (min-width: 64.0625em) {
.header.style2 .logo .full-menu-container {
display: none;
}
}
@media only screen and (min-width: 75.0625em) {
.header.style2 .logo .full-menu-container {
display: inline-flex;
text-align: left;
}
.header.style2 .logo .full-menu-container .full-menu {
border: 0;
}
.header.style2 .logo .full-menu-container .full-menu > li > a {
padding: 15px 0;
}
}
.header.style2 .logo .full-menu-container .full-menu > li > a {
height: 100%;
}
.header.style2 .logo .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
top: 100%;
}
.header.style2 .logo.mobile {
display: table;
text-align: center;
}
.header.style2 .logo.mobile .logolink {
display: inline-block;
}
@media only screen and (min-width: 40.0625em) {
.header.style2 .logo.mobile {
display: none;
}
}
.header.style2 .nav_holder {
display: flex;
}
.header.style3.boxed .header_top {
padding-left: 0;
padding-right: 0;
}
.header.style3.boxed .header_top > .row > .columns {
padding: 0;
}
.header.style3.boxed .nav_holder > .row > .columns {
padding: 0;
}
.header.style3.boxed .full-menu-container .full-menu > li {
padding: 0 10px;
}
.header.style3.boxed .full-menu-container .full-menu > li:first-child {
padding-left: 0;
}
.header.style3.boxed .social-holder {
padding-right: 0;
}
.header.style3.boxed .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
left: 0;
}
.header.style3 .nav_holder {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.style3 .nav_holder > .row > .columns {
display: flex;
justify-content: space-between;
}
.header.style3 .logo {
justify-content: space-between;
}
.header.style3 .logolink {
margin: 0 20px;
}
.header.style3 .full-menu-container {
display: inline-flex;
}
.header.style3 .full-menu-container .full-menu {
border: 0;
}
.header.style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
left: -15px;
}
.header.style3 .social-holder {
display: inline-flex;
padding-right: 15px;
}
.header.style3.fixed .header_top {
padding: 10px 15px;
}
@media only screen and (min-width: 40.0625em) {
.header.style3.fixed .row > .columns {
height: auto;
}
}
.header.style3.fixed .progress {
bottom: -1px;
}
.header { }
.header.style4.boxed .nav_holder > .row > .columns {
padding: 0;
}
.header.style4.boxed .nav_holder.dark {
padding: 0 20px;
}
.header.style4.boxed .center-column {
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.header.style4 .header_top {
padding-top: 45px;
padding-bottom: 45px;
}
}
.header.style4 .header_top {
border-bottom: 2px solid #222;
}
.header.style4:not(.fixed) .nav_holder {
border-bottom: 1px dotted #959595;
}
.header.style4 .center-column {
display: flex;
padding: 0 7px;
justify-content: space-between;
}
.header.style4 .full-menu-container {
display: inline-flex;
}
.header.style4 .full-menu-container .full-menu {
border-color: transparent;
}
.header.style4 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
left: -15px;
}
.header.style4 .social-holder {
display: inline-flex;
}
.header { }
.header.style5.boxed .nav_holder > .row > .columns {
padding: 0;
}
.header.style5.boxed .nav_holder.dark {
padding: 0 20px;
}
.header.style5.boxed .center-column {
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.header.style5:not(.fixed).header_top {
padding-top: 45px;
padding-bottom: 45px;
}
}
.header.style5 .nav_holder.light {
border: 1px solid #f0f0f0;
}
.header.style5 .nav_holder.dark {
background: #222;
color: #fff;
border: 0;
}
.header.style5 .nav_holder.dark .full-menu-container .full-menu {
border: 0;
}
.header.style5 .nav_holder.dark .mobile-toggle span {
background: #fff;
}
.header.style5 .nav_holder.dark .quick_search:not(.active) .search_icon,
.header.style5 .nav_holder.dark .social_header svg,
.header.style5 .nav_holder.dark .quick_cart svg {
fill: #fff;
}
.header.style5 .center-column {
display: flex;
padding: 0 7px;
justify-content: space-between;
}
.header.style5 .full-menu-container {
display: inline-flex;
}
.header.style5 .full-menu-container .full-menu {
border-color: transparent;
}
.header.style5 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
left: -15px;
}
.header.style5 .social-holder {
display: inline-flex;
}
.header { }
.header.style6.boxed .nav_holder > .row > .columns {
padding: 0;
}
.header.style6.boxed .nav_holder.dark {
padding: 0 20px;
}
.header.style6.boxed .center-column {
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.header.style6 .header_top {
padding-top: 45px;
padding-bottom: 45px;
}
}
.header.style6 .nav_holder {
border-bottom: 1px solid #959595;
}
.header.style6 .center-column {
display: flex;
padding: 0 7px;
justify-content: space-between;
}
.header.style6 .full-menu-container {
display: inline-flex;
}
.header.style6 .full-menu-container .full-menu {
border-color: transparent;
}
.header.style6 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
left: -15px;
}
@media only screen and (min-width: 75.0625em) {
.header.style6 .full-menu-container .full-menu > li {
padding: 0 15px;
}
}
.header.style6 .full-menu-container .full-menu > li > a {
height: 60px;
position: relative;
padding: 0;
}
@media only screen and (min-width: 75.0625em) {
.header.style6 .full-menu-container .full-menu > li > a {
padding: 0 10px;
}
}
.header.style6 .full-menu-container .full-menu > li > a:before {
content: "·";
position: absolute;
top: 50%;
right: 0;
color: #222;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 75.0625em) {
.header.style6 .full-menu-container .full-menu > li > a:before {
right: -15px;
}
}
.header.style6 .full-menu-container .full-menu > li:last-child > a:before {
content: none;
}
.header.style6 .social-holder {
display: inline-flex;
}
.header { }
.header.style7 .nav_holder {
padding: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.style7 .nav_holder .mobile-toggle {
margin-right: 20px;
}
.header.style7 .nav_holder .subheader-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;
}
.header.style7 .nav_holder .subheader-menu li {
display: inline-flex;
margin-right: 15px;
}
.header.style7 .nav_holder .subheader-menu li a {
color: #222;
}
@media only screen and (min-width: 64.0625em) {
.header.style7 .nav_holder .subheader-menu {
display: inline-flex;
}
}
.header.style7 .header_top {
padding: 0;
border: 0;
}
.header.style7 .header_top .logo {
display: flex;
align-items: stretch;
justify-content: center;
}
@media only screen and (min-width: 64.0625em) {
.header.style7 .header_top .logo {
justify-content: space-between;
}
}
.header.style7 .header_top .logo .logolink {
padding: 15px 0;
}
@media only screen and (min-width: 40.0625em) {
.header.style7 .header_top .logo .logolink {
padding: 35px 0;
}
}
.header.style7 .full-menu-container {
position: static;
}
.header.style7 .full-menu-container .full-menu {
border: 0;
height: 100%;
}
.header.style7 .full-menu-container .full-menu > li {
display: inline-flex;
align-items: center;
}
.header.style7 .full-menu-container .full-menu > li:last-child {
padding-right: 0;
}
@media only screen and (min-width: 75.0625em) {
.header.style7:not(.boxed) .header_top,
.header.style7:not(.boxed) .nav_holder {
padding-right: 15px;
padding-left: 15px;
}
}
.header.style7.boxed .header_top > .row,
.header.style7.boxed .nav_holder > .row {
margin: 0;
}
.header.style7.boxed .header_top > .row > .columns,
.header.style7.boxed .nav_holder > .row > .columns {
padding-left: 0;
padding-right: 0;
}
.header { }
.header.style8 .header_top {
border: 0;
}
.header.style8 .logo {
position: relative;
justify-content: space-between;
}
.header.style8 .logo .logolink {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.header.style8 .full-menu-container .full-menu {
border: 0;
}
.header.style8 .style8-left-side {
display: flex;
}
.header { }
.header.style9 .header_top {
border: 0;
}
.header.style9 .logo {
position: relative;
justify-content: space-between;
}
.header.style9 .logo .logolink {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.header.style9 .full-menu-container .full-menu {
border: 0;
}
.header.style9 .style9-left-side {
display: flex;
}
.header { }
.header.style10 .social-holder {
text-align: left;
justify-content: flex-start;
}
.header.style10 .social-holder .social_header > div {
right: auto;
left: 100%;
}
@media only screen and (min-width: 64.0625em) {
.header.style10 .mobile-toggle {
display: none;
}
}
.header.style10 .full-menu-container .full-menu {
border: 0;
}
.header { }
.header_holder.on {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
}
.header_holder.on .header {
background: transparent;
}
.header_holder.on.light-transparent-header {
color: #fff;
}
.header_holder.on.light-transparent-header .header .full-menu-container .full-menu > li > a {
color: #fff;
}
.header_holder.on.light-transparent-header .header .mobile-toggle span {
background: #fff;
}
.header_holder.on.light-transparent-header .header svg {
fill: #fff;
}
.header_holder.on.light-transparent-header .header .quick_search.active svg {
fill: #222;
}
.header_holder.on.light-transparent-header .header .social-holder a:not(:hover) {
color: #fff;
}
.header_holder.on.light-transparent-header .header.style1 .header_top,
.header_holder.on.light-transparent-header .header.style1 .full-menu-container {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.header_holder.on.light-transparent-header .header.style2 .header_top {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.header_holder.on.light-transparent-header .header.style3 .header_top,
.header_holder.on.light-transparent-header .header.style3 .nav_holder {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.header_holder.on.light-transparent-header .header.style4 .nav_holder {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.header_holder.on.light-transparent-header .header.style4 .header_top {
border-bottom-color: #fff;
}
.header_holder.on.light-transparent-header .header.style7 .nav_holder {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.header_holder.on.light-transparent-header .header.style7 .nav_holder .subheader-menu li a {
color: #fff;
}
.thb-header-video {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 0;
width: 100%;
height: 100%;
}
.thb-header-video .thb-header-video-overlay {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 1;
width: 100%;
height: 100%;
}
.thb-header-video video {
width: 100%;
max-width: 100%;
}
.header .thb-header-video + .row {
position: relative;
} .full-menu-container {
display: none;
vertical-align: middle;
text-align: center;
position: relative;
}
@media only screen and (min-width: 64.0625em) {
.full-menu-container {
display: block;
}
}
.full-menu-container.light-menu-color .full-menu > li > a {
color: #fff;
}
.full-menu-container.light-menu-color .full-menu > li > a:hover {
color: #ef2673;
}
.full-menu-container.light-menu-color .full-menu > li.active > a, .full-menu-container.light-menu-color .full-menu > li.sfHover > a {
color: #222;
}
.full-menu-container .full-menu {
display: inline-flex;
list-style: none;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: auto;
}
.full-menu-container .full-menu a {
font-size: 13px;
white-space: nowrap;
color: #5a5a5a;
}
.full-menu-container .full-menu .fa {
margin-right: 10px;
vertical-align: middle;
display: inline-block;
}
.rtl .full-menu-container .full-menu .fa {
margin-right: 0;
margin-left: 10px;
}
.full-menu-container .full-menu li {
margin-bottom: 0;
}
.full-menu-container .full-menu li.menu-item-has-children > a:after {
display: inline-block;
content: "\f107";
font-family: FontAwesome;
margin-left: 7px;
vertical-align: middle;
font-size: 12px;
position: relative;
font-weight: 400;
}
.rtl .full-menu-container .full-menu li.menu-item-has-children > a:after {
margin-left: 0;
margin-right: 7px;
}
.full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children > a {
display: flex;
justify-content: space-between;
}
.full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
content: "\f105";
}
.rtl .full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
content: "\f104";
}
.full-menu-container .full-menu > li {
display: block;
margin: 0;
padding: 0 8px;
}
@media only screen and (min-width: 40.0625em) {
.full-menu-container .full-menu > li {
display: inline-block;
}
}
@media only screen and (min-width: 64.0625em) {
.full-menu-container .full-menu > li {
padding: 0 12px;
}
}
@media only screen and (min-width: 75.0625em) {
.full-menu-container .full-menu > li {
padding: 0 15px;
}
}
.full-menu-container .full-menu > li.active > a, .full-menu-container .full-menu > li.sfHover > a {
color: #ef2673;
}
.full-menu-container .full-menu > li.active > a:after, .full-menu-container .full-menu > li.sfHover > a:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.style1 .full-menu-container .full-menu > li:first-child {
padding-left: 0;
}
.full-menu-container .full-menu > li > a {
display: flex;
align-items: center;
height: 50px;
line-height: 1;
font-weight: 600;
color: #222;
text-transform: uppercase;
font-size: 13px;
}
.full-menu-container .full-menu > li > a:hover {
color: #ef2673;
}
.full-menu-container .full-menu > li.menu-item-has-children {
position: relative;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent {
position: static;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent, .header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent {
position: relative;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
display: none;
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
background: #fff;
padding: 30px 0 25px;
z-index: 20;
opacity: 0;
will-change: opacity;
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder, .header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder, .header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
background: #222;
}
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a, .header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,
.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,
.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a, .header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,
.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,
.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a {
color: #fff;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
background: #fff;
padding: 0;
left: 50%;
width: 1200px;
max-width: 100vw;
border: 1px solid #000;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row {
padding: 0;
margin: 0;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .columns {
padding: 0;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li {
padding: 0;
margin: 0;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a {
height: 42px;
display: flex;
padding: 0 25px;
margin: 0;
align-items: center;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
color: #000;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a:hover {
background: rgba(239, 38, 115, 0.2);
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a {
background: rgba(239, 38, 115, 0.2);
color: #000;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product {
border-left: 1px solid rgba(0, 0, 0, 0.1);
text-align: left;
margin: 0;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .product-image {
margin: 0 !important;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .post-title {
padding: 30px;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .post-title h6 {
font-size: 16px;
line-height: 22px;
}
.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product {
border-left-color: rgba(255, 255, 255, 0.1);
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
background: #fff;
border-top: 2px solid #ef2673;
padding: 0;
width: 630px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row {
padding: 0;
margin: 0;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns {
padding: 0;
display: flex;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing {
margin-bottom: 20px;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product {
display: flex;
text-align: left;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .star-rating, .header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .comment-form-rating .stars, .comment-form-rating .header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .stars {
display: none;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
padding: 30px 35px;
flex-shrink: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li {
border-bottom: 0;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children {
margin: 0;
padding: 30px 35px 15px 35px;
}
.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
border-right-color: rgba(255, 255, 255, 0.1);
}
.header-submenu-style1 .boxed .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
padding: 30px 15px 25px;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder > .row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 75em;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
float: left;
width: 230px;
text-align: left;
}
.rtl .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
float: right;
text-align: right;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li {
display: block;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a {
color: #222;
display: block;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-transform: none;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a .fa {
color: #c7c7c7;
position: relative;
top: -1px;
}
.header_submenu_color-dark .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a {
color: #fff;
}
.header_submenu_color-dark .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a .fa {
color: rgba(255, 255, 255, 0.6);
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a, .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a .fa {
color: #ef2673;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children {
margin-left: 230px;
}
.rtl .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children {
margin-left: 0;
margin-right: 230px;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div {
display: none;
float: left;
text-align: left;
min-width: 100%;
}
.rtl .full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div {
float: right;
text-align: right;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div:first-child {
display: flex;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div a {
white-space: normal;
}
.full-menu-container .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post .post-gallery {
margin-bottom: 15px;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) {
display: none;
position: absolute;
top: calc(100% - 1px);
left: -12px;
background: #fff;
padding: 30px;
margin: 0;
list-style: none;
z-index: 20;
text-align: left;
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu), .header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu), .header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) {
background: #222;
}
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a, .header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a, .header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a {
color: #fff;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li {
padding: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
min-width: 160px;
}
.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li {
border-color: rgba(255, 255, 255, 0.1);
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li:first-child {
padding-top: 0;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a {
font-weight: 500;
font-size: 13px;
color: #464646;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .menu-item-has-children {
position: relative;
}
.full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .sub-menu {
top: -30px;
left: 100%;
}
.rtl .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .sub-menu {
left: auto;
right: 100%;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) {
border: 1px solid #000;
padding: 0;
background: #fff;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li {
padding: 0;
margin: 0;
border: 0;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a {
height: 42px;
display: flex;
padding: 0 25px;
align-items: center;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
color: #000;
}
.header-submenu-style3 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a:hover {
background: rgba(239, 38, 115, 0.2);
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) {
background: #fff;
border-top: 2px solid #ef2673;
padding: 30px 35px;
left: -18px;
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 40.0625em) {
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) {
left: -14px;
}
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li {
border-bottom: 0;
min-width: 0;
}
.header-submenu-style2 .full-menu-container .full-menu > li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
} .quick_search {
display: inline-flex;
width: 30px;
height: 50px;
font-size: 26px;
justify-content: center;
align-items: center;
position: relative;
z-index: 5;
}
.quick_search .search_icon {
z-index: 20;
position: relative;
cursor: pointer;
top: 0;
vertical-align: middle;
}
.quick_search .search_icon path {
pointer-events: none;
}
.quick_search.active .searchform {
visibility: visible;
opacity: 1;
width: 290px;
}
.quick_search .searchform {
position: absolute;
top: 50%;
right: -10px;
z-index: 10;
display: block;
visibility: hidden;
background: #f8f8f8;
height: 42px;
padding: 5px 40px 5px 5px;
width: 0;
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 40.0625em) {
.quick_search .searchform {
right: -10px;
}
}
.rtl .quick_search .searchform {
right: auto;
left: -10px;
padding: 5px 5px 5px 40px;
}
.quick_search .searchform input[type=text] {
margin: 0;
height: 35px;
line-height: 35px;
float: left;
padding: 0 10px;
width: 100%;
background: transparent;
color: #222;
border: 0;
}
.quick_search .searchform input[type=text]:-moz-placeholder {
color: #222;
}
.quick_search .searchform input[type=text]::-moz-placeholder {
color: #222;
}
.quick_search .searchform input[type=text]:-ms-input-placeholder {
color: #222;
}
.quick_search .searchform input[type=text]::-webkit-input-placeholder {
color: #222;
}
.quick_search .searchform input[type=text]:focus {
background: transparent;
border: 0;
}
.quick_search .searchform input[type=submit] {
display: none;
}
.thb_ad_header p:last-of-type {
margin: 0;
}
.thb_ad_before_header {
padding: 15px 0;
background: #f8f8f8;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.thb_ad_before_header {
padding: 25px 0;
}
}
.thb_ad_before_header > *:last-child {
margin-bottom: 0;
} .post .thb-post-top {
display: flex;
flex-wrap: wrap;
line-height: 1;
align-items: center;
margin-bottom: 15px;
}
.post .thb-post-top .post-date {
display: inline-flex;
align-items: center;
font-size: 11px;
color: #767676;
font-weight: 400;
text-transform: uppercase;
white-space: nowrap;
}
.post .thb-post-top .post-meta {
display: inline-flex;
position: relative;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
flex-wrap: wrap;
}
.post .thb-post-top .post-meta a {
font-weight: 600;
white-space: nowrap;
}
.post .thb-post-top .post-meta + .post-date:before {
content: "";
height: 1px;
background: rgba(0, 0, 0, 0.2);
width: 10px;
margin: 0 5px;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
}
@media only screen and (min-width: 40.0625em) {
.post .thb-post-top .post-meta + .post-date:before {
margin: 0 10px;
width: 21px;
}
}
.post .thb-post-top .post-meta.style2 {
line-height: 16px;
}
.post .thb-post-top .post-meta.style2 a {
display: inline-block;
background: #f5f5f5;
color: #222;
font-weight: 500;
padding: 0 3px;
line-height: 16px;
text-transform: uppercase;
}
#footer.dark .post .thb-post-top .post-meta.style2 a {
color: #222;
}
.post .thb-post-top .post-meta.style2 i {
display: none;
}
.post .thb-post-top .post-meta.style2 + .post-date {
background: #f5f5f5;
color: #4d4d4d;
font-weight: 500;
line-height: 16px;
padding: 0 4px;
text-transform: uppercase;
margin-left: 3px;
}
.post .thb-post-top .post-meta.style2 + .post-date:before {
display: none;
}
.post .post-author {
font-size: 11px;
color: #767676;
font-weight: 400;
text-transform: uppercase;
}
.post .post-author em {
font-style: normal;
text-transform: none;
}
.post .video-container {
margin: 0 0 45px;
}
.post .video-container .wp-video {
width: 100% !important;
}
.post .post-gallery {
display: block;
position: relative;
margin-bottom: 25px;
padding: 0;
overflow: hidden;
background: #fff;
}
.post .post-gallery img {
min-width: 100%;
}
.post .post-gallery > a {
display: block;
will-change: opacity;
}
.post .post-gallery > a:hover {
opacity: 0.8;
}
.post .post-gallery.has-parallax {
height: 0;
padding-bottom: 70%;
}
.post .post-gallery.has-parallax .parallax_bg {
position: absolute;
z-index: 0;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
}
.post .post-gallery .thb-post-icon {
position: absolute;
top: 20px;
right: 20px;
z-index: 99;
background: rgba(0, 0, 0, 0.8);
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 42px;
height: 42px;
border-radius: 3px;
padding: 8px;
color: #fff;
font-size: 11px;
font-weight: 600;
}
.post .post-gallery .thb-post-icon svg {
display: block;
fill: #fff;
width: 26px;
height: auto;
}
.post .post-gallery .thb-post-icon svg.thb-video-icon {
width: 14px;
margin-left: 2px;
}
.post .post-gallery .thb-post-icon .gallery_count {
position: absolute;
display: block;
width: 22px;
height: 16px;
line-height: 16px;
text-align: center;
left: 12px;
top: 14px;
}
.post .post-gallery .thb-post-icon .review_count {
font-size: 16px;
}
.post .post-content {
float: none;
position: relative;
}
.post .post-content del {
color: #222;
}
.post .post-content .plyr--video,
.post .post-content .wp-video {
margin-bottom: 20px;
}
.post .post-content h1, .post .post-content h2, .post .post-content h3, .post .post-content h4 {
margin-bottom: 30px;
font-weight: 400;
}
.post .post-content h5, .post .post-content h6 {
margin-bottom: 20px;
font-weight: 600;
}
.post .post-content p {
margin-bottom: 25px;
line-height: 1.6;
}
.post .post-content p:last-child {
margin: 0;
}
.attachment-page .post .post-content {
margin-bottom: 30px;
}
.post .post-content.small p {
font-size: 14px;
margin-bottom: 20px;
}
.post .post-title a {
color: #222;
}
.post .post-title a:hover {
color: #222;
}
.post .post-title h1 a:hover, .post .post-title h2 a:hover, .post .post-title h3 a:hover, .post .post-title h4 a:hover, .post .post-title h5 a:hover, .post .post-title h6 a:hover {
color: #222;
text-decoration: underline;
}
.post .featured-title {
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
text-align: center;
}
.post.sticky .post-title a {
text-decoration: underline;
}
.post.center-category .thb-post-top, .post.text-center .thb-post-top {
justify-content: center;
text-align: center;
}
.post.post-slider:not(.featured-style10) .post-gallery.has-parallax {
padding-bottom: 55%;
}
.post.post-slider:not(.featured-style10).featured-style3 .post-gallery.has-parallax {
padding-bottom: 62%;
}
.post.offset-title {
position: relative;
}
.post.offset-title .offset-title-container {
display: block;
background: #fff;
bottom: 0;
left: 0;
right: 10%;
padding: 15px 20px 0 0;
}
.post.offset-title .offset-title-container .post-title h5 {
margin-bottom: 0 !important;
}
.post.offset-title .offset-title-container {
position: static;
}
@media only screen and (min-width: 40.0625em) {
.post.offset-title .offset-title-container {
position: absolute;
}
}
.post.light-title .post-meta.style1 a {
color: #fff !important;
}
.post.light-title .thb-post-top .post-meta + .post-date:before {
background: rgba(255, 255, 255, 0.6);
}
.post.light-title .post-title,
.post.light-title .post-date,
.post.light-title .post-content,
.post.light-title .post-author {
color: #fff;
}
.post.light-title .post-title a,
.post.light-title .post-title a:hover,
.post.light-title .post-title em,
.post.light-title .post-date a,
.post.light-title .post-date a:hover,
.post.light-title .post-date em,
.post.light-title .post-content a,
.post.light-title .post-content a:hover,
.post.light-title .post-content em,
.post.light-title .post-author a,
.post.light-title .post-author a:hover,
.post.light-title .post-author em {
color: #fff;
}
.post.light-title h1, .post.light-title h2, .post.light-title h3, .post.light-title h4, .post.light-title h5, .post.light-title h6 {
color: #fff;
}
.post.light-title .post-title h1, .post.light-title .post-title h2, .post.light-title .post-title h3, .post.light-title .post-title h4, .post.light-title .post-title h5, .post.light-title .post-title h6 {
font-weight: 600;
}
.post.light-title .post-title h1 a:hover, .post.light-title .post-title h2 a:hover, .post.light-title .post-title h3 a:hover, .post.light-title .post-title h4 a:hover, .post.light-title .post-title h5 a:hover, .post.light-title .post-title h6 a:hover {
text-decoration: none;
}
.post.light-title .post-links .post-link svg {
fill: #fff;
}
.post.light-title .post-links span {
color: #fff;
}
.post.light-title .post-style2-links a,
.post.light-title .post-style2-links span {
color: #fff;
}
.post.light-title .post-style2-links svg {
fill: #fff;
}
.post.cover-image {
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.post.cover-image {
height: 0;
padding-bottom: 80%;
}
}
.post.cover-image .thb-placeholder {
position: static;
top: 0;
left: 0;
width: 100%;
z-index: 0;
height: 300px;
overflow: hidden;
}
@media only screen and (min-width: 40.0625em) {
.post.cover-image .thb-placeholder {
position: absolute;
height: 100%;
}
}
.post.cover-image .thb-placeholder .wp-post-image {
height: 100%;
object-fit: cover;
}
.post.featured-style1 .post-gallery {
margin-bottom: 0;
}
.post.featured-style1 .featured-title {
background: #fff;
padding: 15px;
width: 100%;
position: static;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style1 .featured-title {
position: absolute;
width: 70%;
padding: 20px;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style1 .featured-title {
width: 50%;
padding: 30px;
}
}
@media only screen and (min-width: 75.0625em) {
.post.featured-style1 .featured-title {
width: 40%;
padding: 40px;
}
}
.post.featured-style1 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style1 .featured-title .post-date {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style5 .featured-title {
background: rgba(255, 255, 255, 0.95);
padding: 15px;
width: 100%;
position: static;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style5 .featured-title {
position: absolute;
width: 70%;
padding: 20px;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style5 .featured-title {
width: 60%;
padding: 30px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style5 .featured-title {
width: 50%;
padding: 40px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style5 .featured-title {
width: 40%;
padding: 50px;
}
}
.post.featured-style5 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
}
.post.featured-style5 .featured-title .post-date {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style5 .post-links {
margin-top: 10px;
}
.post.featured-style5 .post-title h5 {
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}
.post.featured-style2 .post-gallery {
margin-bottom: 0;
}
.post.featured-style2 .featured-title {
top: auto;
bottom: 0;
left: 0;
right: 0;
background: rgb(255, 255, 255);
padding: 20px;
text-align: left;
border: 1px solid #e5e5e5;
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style2 .featured-title {
position: absolute;
padding: 25px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style2 .featured-title {
padding: 30px;
}
}
.post.featured-style2 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style2 .featured-title .post-date {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style3 .post-gallery {
margin-bottom: 0;
}
.post.featured-style3 .featured-title {
top: auto;
bottom: 30px;
left: 30px;
right: 30px;
background: rgba(255, 255, 255, 0.9);
padding: 20px 20px 35px;
position: static;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style3 .featured-title {
position: absolute;
padding: 25px 25px 40px;
}
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style3 .featured-title {
padding: 30px 30px 45px;
}
}
.post.featured-style3 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style3 .featured-title .post-date {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style4 .featured-title {
position: static;
top: auto;
bottom: auto;
left: 0;
right: 0;
background: #ef2673;
padding: 15px 15px 5px 15px;
text-align: left;
min-height: 120px;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style4 .featured-title {
padding: 20px 20px 10px 20px;
min-height: 0;
bottom: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4);
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style4 .featured-title {
padding: 28px 28px 18px 28px;
}
}
.post.featured-style4 .featured-title .post-meta {
-webkit-text-size-adjust: 100%;
}
.post.featured-style4 .featured-title .post-title h3 {
font-size: 20px;
-webkit-text-size-adjust: 100%;
}
.post.featured-style4 .featured-title .post-content {
display: none;
overflow: hidden;
max-height: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style4 .featured-title .post-content {
display: block;
}
}
.post.featured-style4 .featured-title .post-content p {
font-size: 14px;
line-height: 18px;
}
.post.featured-style4 .featured-title .post-content .more {
display: block;
color: #fff;
font-weight: 600;
font-size: 12px;
margin: 10px 0;
text-transform: uppercase;
}
.post.featured-style4 .featured-title .post-date {
margin-bottom: 0;
}
.post.featured-style4:hover .featured-title {
background: #ef2673;
}
.post.featured-style4:hover .featured-title .post-content,
.post.featured-style4:hover .featured-title .more {
max-height: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style4:hover .featured-title .post-content,
.post.featured-style4:hover .featured-title .more {
max-height: 100px;
}
}
.post.featured-style8 {
position: relative;
width: 100%;
}
.post.featured-style8 .featured-title {
width: 75%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.post.featured-style8 .post-gallery {
opacity: 1;
margin: 0;
background: #000;
height: 100%;
}
.post.featured-style8 .post-gallery .parallax_bg {
opacity: 0.8;
}
.post.featured-style8 .post-gallery img {
object-fit: cover;
height: 100%;
opacity: 0.8;
}
.post.featured-style8 .post-meta a {
color: #fff;
}
.post.featured-style8 .post-meta a:hover {
color: #fff;
}
@media only screen and (min-width: 75.0625em) {
.post.featured-style8 .post-title {
margin: 20px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style8 .post-title h3 {
font-size: 40px;
}
}
@media only screen and (min-width: 75.0625em) {
.post.featured-style8 .post-title h3 {
font-size: 60px;
}
}
.post.featured-style8 .post-title a {
text-transform: uppercase;
color: #fff;
}
.post.featured-style8 .post-date {
color: #fff;
margin: 0;
}
.post.featured-style8 .post-date a,
.post.featured-style8 .post-date em {
color: #fff;
}
.post.featured-style9 {
padding-bottom: 15px;
}
.post.featured-style9 .featured-title {
position: static;
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style9.offset .post-gallery {
margin-bottom: 80px;
}
}
.post.featured-style9.offset .featured-title {
background: #fff;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style9.offset .featured-title {
position: absolute;
bottom: -80px;
top: auto;
width: auto;
left: 10%;
right: 10%;
padding: 5%;
}
}
.post.featured-style10 {
position: relative;
}
.post.featured-style10 .post-date {
margin-bottom: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style10 .post-gallery {
margin-bottom: 0px;
}
}
.post.featured-style10 .post-gallery:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
border: 0;
margin: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: 0.8;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
background-image: -owg-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
background-size: auto;
}
.post.featured-style10 .featured-title {
position: static;
text-align: left;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style10 .featured-title {
position: absolute;
top: auto;
bottom: 40px;
left: 40px;
z-index: 10;
color: #fff;
max-width: 70%;
}
}
@media only screen and (min-width: 64.0625em) {
.post.featured-style10 .featured-title .post-title h3 {
font-size: 30px;
}
}
.post.featured-style11 {
width: 100%;
height: 100vh;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
background: #222;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style11 {
height: 90vh;
}
}
@media only screen and (min-width: 90.0625em) {
.post.featured-style11 {
height: 80vh;
}
}
.post.featured-style11.slick-slide {
display: flex;
}
.post.featured-style11 .parallax_bg {
position: absolute;
z-index: 0;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 0.6;
}
.post.featured-style11 .featured-title {
position: relative;
left: auto;
top: auto;
z-index: 2;
width: 100%;
}
@media only screen and (min-width: 75.0625em) {
.post.featured-style11 .featured-title .post-title h1 {
font-size: 60px;
}
}
.post.featured-style11 .post-date {
margin: 0;
}
.post.featured-style12 {
width: 100%;
height: 70vh;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
background: #222;
}
.post.featured-style12 .parallax_bg {
position: absolute;
z-index: 0;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 0.6;
user-select: none;
pointer-events: none;
}
.post.featured-style12 .featured-title {
position: static;
width: 100%;
z-index: 2;
text-align: left;
padding: 30px;
backface-visibility: hidden;
}
.full-width-row .post.featured-style12 .featured-title {
padding: 0;
}
.post.featured-style12 .featured-title .post-meta.style1 {
margin-bottom: 10px;
}
.post.featured-style12 .featured-title .post-meta.style1 a {
color: #fff;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style12 .featured-title .post-title h1 {
font-size: 44px;
}
}
.post.featured-style12 .featured-title .post-date {
margin-bottom: 0;
}
.post.featured-style12 .featured-title .btn {
margin-top: 40px;
}
.post.featured-style13 {
width: 100%;
height: 100vh;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
background: #222;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style13 {
height: 90vh;
}
}
@media only screen and (min-width: 90.0625em) {
.post.featured-style13 {
height: 80vh;
}
}
.post.featured-style13.slick-slide {
display: flex;
}
.post.featured-style13 .parallax_bg {
position: absolute;
z-index: 0;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 0.6;
}
.post.featured-style13 .featured-title {
position: relative;
left: auto;
top: auto;
z-index: 2;
width: 100%;
text-align: left;
}
.rtl .post.featured-style13 .featured-title {
text-align: right;
}
@media only screen and (min-width: 75.0625em) {
.post.featured-style13 .featured-title .post-title h1 {
font-size: 40px;
}
}
.post.featured-style13 .post-date {
margin: 0;
}
.post.featured-style14 {
background: #131313;
width: 100%;
}
.post.featured-style14 > .row {
height: 100%;
}
.post.featured-style14 .image-side {
position: relative;
min-height: 50vh;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style14 .image-side {
min-height: 70vh;
}
}
.post.featured-style14 .image-side .post-gallery {
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post.featured-style14 .image-side .post-gallery img {
height: 100%;
width: 100%;
object-fit: cover;
}
.post.featured-style14 .featured-title {
padding: 15px;
display: flex;
flex-direction: column;
position: static;
text-align: left;
margin-bottom: 80px;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style14 .featured-title {
padding: 10%;
}
}
.post.featured-style14 .featured-title .post-title h1 {
font-size: 30px;
}
@media only screen and (min-width: 40.0625em) {
.post.featured-style14 .featured-title .post-title h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 90.0625em) {
.post.featured-style14 .featured-title .post-title h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 40.0625em) {
.post.category-widget-slider {
padding-bottom: 120%;
}
}
.post.category-widget-slider .featured-title {
display: flex;
flex-direction: column;
justify-content: center;
position: static;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ef2673;
padding: 20px 20px 10px 20px;
text-align: left;
min-height: 120px;
background: #222;
}
@media only screen and (min-width: 40.0625em) {
.post.category-widget-slider .featured-title {
position: absolute;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.4);
}
}
@media only screen and (min-width: 64.0625em) {
.post.category-widget-slider .featured-title {
padding: 28px 28px 18px 28px;
}
}
.post.category-widget-slider .featured-title .post-meta {
color: #fff;
-webkit-text-size-adjust: 100%;
}
.post.category-widget-slider .featured-title .post-meta.style1 a {
color: #fff;
}
.post.category-widget-slider .featured-title .post-title h3 {
font-size: 30px;
line-height: 1;
font-weight: 600;
margin: 0 0 10px;
-webkit-text-size-adjust: 100%;
}
.post.category-widget-slider .featured-title .post-title h3 a {
color: #fff;
}
.post.category-widget-slider .featured-title .post-title h4 {
font-weight: 500;
-webkit-text-size-adjust: 100%;
}
.post.category-widget-slider .featured-title .post-title h4 a {
color: #fff;
}
.post.category-widget-slider .featured-title .post-content {
display: none;
overflow: hidden;
max-height: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.category-widget-slider .featured-title .post-content {
display: block;
}
}
.post.category-widget-slider .featured-title .post-content p {
font-size: 14px;
color: #fff;
line-height: 18px;
}
.post.category-widget-slider .featured-title .post-content .more {
display: block;
color: #fff;
font-weight: 600;
font-size: 12px;
margin: 10px 0;
text-transform: uppercase;
}
.post.category-widget-slider .featured-title .post-date {
font-size: 12px;
margin-bottom: 0;
}
.post.category-widget-slider .featured-title .post-links span {
color: #fff;
}
.post.category-widget-slider .featured-title .post-links svg {
fill: #fff;
}
.post.category-widget-slider:hover .featured-title .post-content,
.post.category-widget-slider:hover .featured-title .more {
max-height: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.category-widget-slider:hover .featured-title .post-content,
.post.category-widget-slider:hover .featured-title .more {
max-height: 100px;
}
}
@media only screen and (min-width: 40.0625em) {
.post.category-widget-slider:hover .featured-title {
background: rgba(0, 0, 0, 0.8);
}
}
.post.carousel-style8 {
border-left: 1px solid #efefef;
border-bottom: 1px solid #efefef;
height: 100%;
}
.post.carousel-style8 .thb-placeholder {
height: 0;
padding-bottom: 80%;
position: relative;
will-change: opacity;
}
.post.carousel-style8 .thb-placeholder > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post.carousel-style8 .thb-placeholder .wp-post-image {
height: 100%;
object-fit: cover;
}
.post.carousel-style8:hover .thb-placeholder {
opacity: 0.8;
}
.post.carousel-style8 .featured-title {
position: static;
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.carousel-style8 .featured-title {
padding: 30px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.carousel-style8 .featured-title {
padding: 40px;
}
}
.post.carousel-style8 .featured-title .post-date {
margin-bottom: 0;
}
.post.carousel-style8 .featured-title .post-title h3 {
font-weight: 500;
}
.post.carousel-style12 {
height: 100%;
}
.post.carousel-style12 .thb-placeholder {
height: 0;
padding-bottom: 80%;
position: relative;
will-change: opacity;
}
.post.carousel-style12 .thb-placeholder > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post.carousel-style12 .thb-placeholder .wp-post-image {
height: 100%;
object-fit: cover;
}
.post.carousel-style12:hover {
background: rgba(239, 38, 115, 0.2);
}
.post.carousel-style12 .featured-title {
position: static;
padding: 15px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.0625em) {
.post.carousel-style12 .featured-title {
padding: 30px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.carousel-style12 .featured-title {
padding: 40px;
}
}
.post.carousel-style12 .featured-title .post-date {
margin-bottom: 0;
}
.post.carousel-style12 .featured-title .post-title h3 {
font-size: 24px;
font-weight: 500;
}
.post.featured-style-carousel {
display: flex !important;
padding-right: 30px;
}
.post.featured-style-carousel .post-title {
display: flex;
flex: 1;
}
.post.featured-style-carousel .post-title h6 {
font-size: 12px;
text-transform: none;
display: flex;
align-items: center;
margin: 0;
}
.post.featured-style-carousel .post-gallery {
background: none;
margin-right: 18px;
margin-bottom: 0;
display: flex;
width: 70px;
align-items: center;
}
.post.featured-style-carousel .post-gallery > a {
height: 100%;
}
.post.featured-style-carousel .post-gallery > a .wp-post-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.post.post-carousel-style10 .post-gallery {
margin-bottom: 25px;
background: transparent;
}
.post.post-carousel-style10 .post-gallery img {
border-radius: 100%;
}
.post.post-carousel-style10 .post-title h6 {
font-weight: 600;
font-size: 13px;
}
.post.post-carousel-style11 {
display: flex;
flex-direction: column;
border-radius: 3px;
background: #fff;
margin: 20px 0;
-webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.post.post-carousel-style11 {
width: 100%;
}
}
.masonry .post.post-carousel-style11 {
margin-bottom: 40px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
will-change: transform, opacity;
}
.post.post-carousel-style11 .post-gallery {
border-radius: 3px 3px 0 0;
margin-bottom: 0;
position: relative;
}
.post.post-carousel-style11 .post-gallery .post-meta {
position: absolute;
top: 20px;
left: 20px;
z-index: 20;
}
.post.post-carousel-style11 .style11-content {
padding: 15px;
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 40.0625em) {
.post.post-carousel-style11 .style11-content {
padding: 30px;
}
}
.post.post-carousel-style11 .style11-content .post-date {
margin-bottom: 0;
}
.post.post-carousel-style11 .post-title h5 {
font-weight: 600;
}
.post.post-carousel-style11 .post-meta.style2 a {
background: rgba(0, 0, 0, 0.25);
color: #fff;
height: 30px;
display: inline-flex;
align-items: center;
text-transform: uppercase;
padding: 0 13px;
font-weight: 600;
font-size: 10px;
border-radius: 3px;
}
.post.featured-style7 .post-gallery {
margin-bottom: 25px;
}
.post.featured-style7 .post-title h4 {
margin-bottom: 10px;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.post-carousel-style9 .post.featured-style7 {
text-align: left;
}
.post-carousel-style9 .post.featured-style7 .post-date {
display: none;
}
.post.mega-menu-post .post-title h6 {
line-height: 20px;
}
.header-submenu-style3 .post.mega-menu-post:not(.related-post) {
border-left: 1px solid rgba(0, 0, 0, 0.1);
height: 100%;
}
.header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-gallery {
margin: 0 !important;
}
.header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-title {
padding: 30px;
}
.header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-title h6 {
font-size: 16px;
line-height: 22px;
}
.header_submenu_color-dark.header-submenu-style3 .post.mega-menu-post:not(.related-post) {
border-left-color: rgba(255, 255, 255, 0.1);
}
.post.blog-list {
margin-bottom: 30px;
text-align: center;
}
.post.blog-list .post-gallery {
margin-bottom: 25px;
}
.post.blog-list .post-meta {
margin-bottom: 5px;
}
.post.blog-list .post-date {
font-size: 11px;
margin: 0 0 15px;
}
.post.blog-list .post-content p {
font-size: 14px;
line-height: 20px;
}
.post.blog-featured .post-meta {
margin-bottom: 10px;
}
.post.blog-featured .post-title h2 {
font-size: 40px;
line-height: 44px;
}
.post.style1 {
padding-bottom: 29px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 30px;
}
.post.style1 .post-title h3 {
font-weight: 400;
}
.post.style1 .post-gallery {
margin-bottom: 25px;
}
@media only screen and (min-width: 40.0625em) {
.post.style1 .post-gallery {
margin-bottom: 0;
}
}
.post.style1:last-of-type {
border: 0;
margin: 0;
padding: 0;
}
.post.style1.style1-bg {
border: 0;
padding-bottom: 0;
margin-bottom: 30px;
background: #fef6f4;
}
.post.style1.style1-bg .thb-post-style1-content {
padding: 20px 10px;
}
@media only screen and (min-width: 40.0625em) {
.post.style1.style1-bg .thb-post-style1-content {
padding: 40px 25px;
}
}
.post.style1.style1-bg .post-gallery {
background: transparent;
}
.post.style2 .post-meta {
display: inline-block;
}
.post.style2 .post-title h3 {
font-weight: 400;
}
.post.style3 {
margin-bottom: 30px;
}
.post.style3.offset-title .post-gallery {
margin-bottom: 0;
}
.post.style3.offset-title .offset-title-container {
bottom: -40px;
}
.post.style3.offset-title .thb-post-top {
display: none;
}
.post.style3 .post-title h3 {
font-size: 34px;
font-weight: 400;
}
.post.style3 .post-title h5 {
font-size: 15px;
font-weight: 600;
}
.catelement-style3-alt .post.style3 h3 {
font-size: 18px;
line-height: 1.4;
}
.catelement-style3-alt .post.style3 .post-content p {
font-size: 14px;
}
.catelement-style3-nothumbs .post.style3 {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #eaeaea;
}
.catelement-style3-nothumbs .post.style3 h3 {
font-size: 24px;
line-height: 1.4;
}
.catelement-style3-nothumbs .post.style3 .post-content {
display: none;
}
.post.style3-small {
margin-bottom: 35px;
}
.post.style3-small.offset-title .post-gallery {
margin-bottom: 0;
}
.post.style3-small.offset-title .post-content,
.post.style3-small.offset-title .thb-post-top {
display: none;
}
.post.style3-small.offset-title .post-title h5 {
font-size: 16px;
font-weight: 400;
}
@media only screen and (min-width: 40.0625em) {
.post.style3-small.offset-title .post-title h5 {
margin-bottom: 0;
}
}
.post.style3-small .post-gallery {
margin-bottom: 20px;
}
.post.style3-small .thb-post-top {
margin-bottom: 15px;
}
.post.style3-small .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.catelement-style5 .post.style3-small .post-title h5 {
font-weight: 400;
}
.post.style3-small-center {
text-align: center;
}
.post.style3-small-center.offset-title .offset-title-container {
left: 30px;
right: 30px;
bottom: 0;
padding: 15px 15px 0 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.style3-small-center.offset-title .offset-title-container {
padding: 30px 30px 0 30px;
position: absolute;
bottom: 0;
}
}
.post.style3-small-center.offset-title .offset-title-container .thb-post-top {
display: flex;
justify-content: center;
}
.post.style3-small-center.offset-title .offset-title-container .post-title h4 {
font-size: 22px;
margin-bottom: 0;
}
.post.style3-small-center.offset-title .post-content {
padding: 0 15px;
margin-top: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.style3-small-center.offset-title .post-content {
padding: 0 45px;
}
}
.post.style5 {
margin-bottom: 40px;
}
.post.style5 .post-title h4 {
font-weight: 400;
line-height: 26px;
}
.post.style5 .post-content p {
color: #545353;
}
.post.style5 .thb-post-top {
justify-content: center;
text-align: center;
}
.post.style5.extend {
margin-bottom: 40px;
}
.post.style5.extend .post-title h4 {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px;
}
.post.style6 {
margin-bottom: 30px;
}
.post.style6 .post-gallery {
margin-bottom: 20px;
}
.post.style6 .post-content.small p {
margin: 0;
}
.post.style7 {
margin-bottom: 40px;
}
.post.style7 .post-gallery {
margin: 0 0 25px;
max-height: 410px;
}
.post.style7 .post-title h2 {
font-weight: 400;
}
.style6-posts .post.style7 .post-title h2 {
font-size: 24px;
line-height: 30px;
}
.post.style7 .post-content p {
margin: 0;
}
.post.style7.offset-title .offset-title-container {
bottom: auto;
position: relative;
left: 0;
text-align: center;
width: 100%;
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.style7.offset-title .offset-title-container {
left: 5%;
margin-top: -90px;
width: 90%;
padding: 30px 10%;
}
}
.post.style7.offset-title .thb-post-top,
.post.style7.offset-title .post-links {
justify-content: center;
}
.post.style8 {
margin-bottom: 30px;
}
.post.style8 .post-title h5 {
margin-bottom: 10px;
}
.post.style8 .post-gallery {
margin-bottom: 20px;
}
.post.style8 .post-content p {
margin: 0;
}
.post.style11 {
padding: 15px;
position: relative;
background: #222;
margin-bottom: 40px;
overflow: hidden;
min-height: 400px;
}
.masonry .post.style11 {
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
will-change: transform, opacity;
}
@media only screen and (min-width: 64.0625em) {
.post.style11 {
padding: 30px;
}
}
.post.style11:hover .parallax_bg {
opacity: 0.7;
}
.post.style11 .parallax_bg {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
opacity: 0.6;
z-index: -1;
-webkit-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.post.style11 .post-title h2 {
font-size: 30px;
font-weight: 500;
}
.post.style12 {
border-bottom: 1px solid #e8e8e8;
padding: 30px 0;
}
@media only screen and (min-width: 40.0625em) {
.post.style12 {
padding: 30px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.post.style12 {
padding: 45px 0;
}
}
.post.style12:first-of-type {
padding-top: 0;
}
.post.style12:last-of-type {
border: 0;
}
.post.style12 .post-title {
text-align: center;
margin-bottom: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.style12 .post-title {
padding: 40px;
}
}
.post.style12 .post-title h1 {
font-weight: 500;
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.post.style12 .post-title h1 {
font-size: 60px;
}
}
.post.style12 .post-title .post-meta {
margin-bottom: 20px;
}
.post.style12 .post-gallery {
margin-bottom: 35px;
}
.post.style12 .text-center {
margin: 0;
}
.post.style13 {
background: #fff;
margin-bottom: 15px;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 40.0625em) {
.post.style13 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.style13 {
max-height: 520px;
}
}
.post.style13 .post-gallery {
margin: 0;
}
.post.style13 .post-gallery img {
object-fit: cover;
}
@media only screen and (min-width: 64.0625em) {
.post.style13 .post-gallery img {
max-height: 520px;
}
}
.post.style13 .content-side .style13-content {
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 15px;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.post.style13 .content-side .style13-content {
padding: 50px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.style13 .content-side .style13-content {
padding: 60px;
}
}
@media only screen and (min-width: 75.0625em) {
.post.style13 .content-side .style13-content {
padding: 80px;
}
}
.post.style13 .content-side .style13-content > div {
width: 100%;
}
.post.style13 .content-side .post-meta {
display: inline-block;
}
.post.style13 .content-side .post-title {
margin-bottom: 30px;
}
.post.style13 .content-side .post-title h2 {
font-weight: 400;
}
.post.style14 {
margin-bottom: 30px;
}
.post.style14 .post-gallery {
margin-bottom: 25px;
}
.post.style14 .post-title h4 {
margin-bottom: 15px;
}
.post.style14 .post-content p {
font-size: 12px;
margin: 0;
}
.post.style15 {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.post.style15:last-of-type {
padding: 0;
border: 0;
}
.post.style15 .post-gallery-column {
align-self: normal;
}
.post.style15 .post-gallery {
height: 100%;
}
.post.style15 .post-gallery > a {
height: 100%;
}
.post.style15 .post-gallery img {
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 64.0625em) {
.post.style15 .post-gallery img {
max-height: 520px;
}
}
@media only screen and (min-width: 64.0625em) {
.post.style15 .post-gallery {
margin: 0;
}
}
.post.style15 .content-side .style15-content {
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.style15 .content-side .style15-content {
padding: 10% 0 10% 10%;
}
}
.post.style15 .content-side .post-meta {
display: inline-block;
}
.post.style15 .content-side .thb-post-top {
margin-bottom: 25px;
}
.post.style15 .content-side .post-title {
margin-bottom: 15px;
}
.post.style15 .content-side .post-title h2 {
font-weight: 400;
margin-bottom: 0;
}
@media only screen and (min-width: 40.0625em) {
.post.style15.style15-alt .content-side .style15-content {
padding: 10% 10% 10% 0;
}
}
.post.style16 {
text-align: center;
margin-bottom: 45px;
}
.post.style16 .btn {
margin: 0;
}
.post.style16 .post-content,
.post.style16 .post-title {
padding: 0 10%;
}
.post.style16 .post-gallery {
margin-bottom: 30px;
}
.post.style16 .post-title h2, .post.style16 .post-title h3 {
font-weight: 400;
}
.large-style16 .post.style16 {
border-bottom: 1px solid #eaeaea;
padding-bottom: 45px;
margin-bottom: 30px;
}
@media only screen and (min-width: 64.0625em) {
.post.style17 {
margin-bottom: 50px;
}
.post.style17 .row {
margin: 0 -25px;
}
.post.style17 .row .columns {
padding: 0 25px;
}
}
.post.style17 .post-gallery {
max-height: 390px;
}
@media only screen and (min-width: 40.0625em) {
.post.style17 .post-gallery {
margin-bottom: 0;
}
}
.post.style17 .post-style17-inner {
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.post.style17 .post-content {
margin-top: 25px;
}
.post.listing {
display: flex;
align-items: center;
}
.rtl .post.listing .listing_content {
flex: 1;
}
.post.listing .figure {
display: block;
flex-shrink: 0;
}
.rtl .post.listing .figure {
flex-direction: row-reverse;
}
.rtl .post.listing .figure img {
margin-right: 0;
margin-left: 15px;
}
.post.listing .figure img {
width: 90px;
margin-right: 15px;
}
.post.listing .figure.count-image {
float: none;
}
.post.listing .figure.count-image img {
width: 100%;
margin: 0;
}
.rtl .post.listing .figure.count-image {
margin: 0;
}
.post.listing .post-content,
.post.listing .post-content p {
margin: 0;
}
.post.listing .post-title h6 {
margin-bottom: 5px;
}
.post.listing .thb-post-top {
margin-bottom: 8px;
}
.post.listing .thb-post-top .post-meta a {
white-space: normal;
}
.post.listing .post-links {
margin-top: 5px;
}
.post.listing .post-links svg {
width: 10px;
vertical-align: middle;
position: relative;
top: -1px;
}
.post.listing .post-links svg + span {
margin-left: 3px;
}
.post.listing.listing-style2 {
display: flex;
background: #222;
position: relative;
overflow: hidden;
margin-bottom: 10px;
padding: 0;
border: 0;
}
.post.listing.listing-style2:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.post.listing.listing-style2:nth-child(5n+1):before {
background-image: -owg-linear-gradient(90deg, #6943f7, transparent);
background-image: -webkit-linear-gradient(90deg, #6943f7, transparent);
background-image: -moz-linear-gradient(90deg, #6943f7, transparent);
background-image: -o-linear-gradient(90deg, #6943f7, transparent);
background-image: linear-gradient(90deg, #6943f7, transparent);
}
.post.listing.listing-style2:nth-child(5n+2):before {
background-image: -owg-linear-gradient(90deg, #43f765, transparent);
background-image: -webkit-linear-gradient(90deg, #43f765, transparent);
background-image: -moz-linear-gradient(90deg, #43f765, transparent);
background-image: -o-linear-gradient(90deg, #43f765, transparent);
background-image: linear-gradient(90deg, #43f765, transparent);
}
.post.listing.listing-style2:nth-child(5n+3):before {
background-image: -owg-linear-gradient(90deg, #43dbf7, transparent);
background-image: -webkit-linear-gradient(90deg, #43dbf7, transparent);
background-image: -moz-linear-gradient(90deg, #43dbf7, transparent);
background-image: -o-linear-gradient(90deg, #43dbf7, transparent);
background-image: linear-gradient(90deg, #43dbf7, transparent);
}
.post.listing.listing-style2:nth-child(5n+4):before {
background-image: -owg-linear-gradient(90deg, #f76143, transparent);
background-image: -webkit-linear-gradient(90deg, #f76143, transparent);
background-image: -moz-linear-gradient(90deg, #f76143, transparent);
background-image: -o-linear-gradient(90deg, #f76143, transparent);
background-image: linear-gradient(90deg, #f76143, transparent);
}
.post.listing.listing-style2:nth-child(5n+5):before {
background-image: -owg-linear-gradient(90deg, #fc3eb2, transparent);
background-image: -webkit-linear-gradient(90deg, #fc3eb2, transparent);
background-image: -moz-linear-gradient(90deg, #fc3eb2, transparent);
background-image: -o-linear-gradient(90deg, #fc3eb2, transparent);
background-image: linear-gradient(90deg, #fc3eb2, transparent);
}
.post.listing.listing-style2 .bg-figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.4;
background-position: center;
background-size: cover;
}
.post.listing.listing-style2:hover .bg-figure {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.post.listing.listing-style2 .listing_content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
padding: 15px;
text-align: left;
}
@media only screen and (min-width: 40.0625em) {
.post.listing.listing-style2 .listing_content {
padding: 25px;
}
}
.post.listing.listing-style2 .listing_content .post-title {
text-transform: uppercase;
}
.post.listing.listing-style2 .listing_content .post-title a {
color: #fff;
}
.rtl .post.listing.listing-style2 .listing_content {
text-align: right;
}
.post.listing.listing-style2 .just-shares {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
border-left: 1px solid rgba(255, 255, 255, 0.4);
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post.listing.listing-style2 .just-shares {
padding: 25px;
}
}
.post.listing.listing-style2 .just-shares span {
display: flex;
flex-direction: column;
align-items: center;
color: rgba(255, 255, 255, 0.9);
}
.post.listing.listing-style2 .just-shares em {
font-size: 26px;
}
.post.listing.listing-style2 .just-shares svg {
display: none;
}
.post.listing.with-excerpt {
align-items: flex-start;
}
.post.listing.with-excerpt .post-title {
margin-top: 0;
}
.post.listing.with-excerpt .post-title h5 {
margin-bottom: 5px;
}
.post.listing.with-excerpt p {
font-size: 12px;
margin: 0;
}
.post-category-listing .post.listing {
padding-bottom: 19px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
align-items: center;
}
.post-category-listing .post.listing:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.catelement-style3-nothumbs .post-category-listing .post.listing {
border-bottom-style: dotted;
}
.post.style-masonry {
margin-bottom: 40px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
will-change: transform, opacity;
}
.post.style-masonry .post-title h2 {
font-weight: 400;
}
.post.style-masonry.style-masonry-2 {
border-bottom: 4px solid #f1f1f1;
padding-bottom: 20px;
}
.post.style-masonry.style-masonry-2:hover {
border-bottom-color: #222;
}
.post.style-masonry.style-masonry-2 .post-title h2 {
font-size: 30px;
font-weight: 500;
}
.post.style-masonry.style-masonry-2 .post-title a:hover {
text-decoration: none;
}
.post.style-masonry.style-masonry-3 .post-gallery img {
border-radius: 3px;
}
.post.style-masonry.style-masonry-3 .post-gallery .ave {
border-radius: 0 3px 0 0;
}
.post.style-masonry.style-masonry-3 .post-gallery.has-gallery:after {
border-radius: 0 3px 0 0;
}
.post.style-masonry.style-masonry-3 .post-gallery a {
overflow: hidden;
}
.post.style-masonry.style-masonry-3 .post-gallery a img {
display: block;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
will-change: transform;
}
.post.style-masonry.style-masonry-3 .post-gallery a:hover {
opacity: 1;
}
.post.style-masonry.style-masonry-3 .post-gallery a:hover img {
-webkit-transform: scale(1.07, 1.07);
-moz-transform: scale(1.07, 1.07);
-ms-transform: scale(1.07, 1.07);
-o-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07);
}
.post.style-masonry.style-masonry-3 .post-title h4 {
margin-bottom: 10px;
}
.post.style-masonry.style-masonry-3 .post-content {
font-size: 14px;
}
.post.style-masonry.style-masonry-3 .post-content p {
font-size: inherit;
} .post-detail .post-title-container {
margin-bottom: 30px;
}
.post-detail .post-title-container .ad_before_title {
margin-bottom: 20px;
}
.post-detail .post-title-container .ad_before_title a {
display: block;
}
.post-detail .post-detail-gallery {
margin-bottom: 30px;
position: relative;
}
.post-detail .post-detail-gallery .featured_image_credit {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
padding: 7px 9px;
font-size: 10px;
background: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 40.0625em) {
.post-detail .post-detail-gallery .featured_image_credit {
display: block;
}
}
.rtl .post-detail .post-detail-gallery .featured_image_credit {
left: auto;
right: 0;
}
.post-detail .post-detail-gallery img {
width: 100%;
}
.post-detail .post-detail-gallery .gallery-link {
position: absolute;
top: 20px;
right: 20px;
z-index: 99;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
padding: 14px;
border-radius: 3px;
}
.post-detail .post-detail-gallery .gallery-link svg {
fill: #fff;
width: 34px;
margin-right: 12px;
}
.post-detail .post-detail-gallery .gallery-link a {
color: #fff;
}
.post-detail .post-detail-gallery .gallery-link div {
padding: 0 5px;
}
.post-detail .post-detail-gallery .gallery-link:hover {
background: #ef2673;
}
.post-detail .post-detail-gallery .gallery-link .thb-view-gallery {
display: block;
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 1;
}
.post-detail .post-detail-gallery .gallery-link .thb-count-gallery {
display: block;
line-height: 1;
margin-top: 5px;
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
}
.post-detail .article-tags {
display: block;
margin: 30px 0;
font-size: 11px;
color: #222;
font-weight: 400;
text-transform: uppercase;
}
.post-detail .article-tags a {
color: #ef2673;
font-weight: 600;
}
.post-detail .share-article {
width: 55px;
margin-right: 25px;
min-width: 55px;
max-width: 100%;
margin-bottom: 20px;
}
.rtl .post-detail .share-article {
margin-right: 0;
margin-left: 25px;
}
.post-detail .share-article .boxed-icon {
display: flex;
justify-content: center;
align-items: center;
vertical-align: middle;
position: relative;
margin-bottom: 10px;
}
.post-detail .share-article .boxed-icon.style1 {
font-size: 14px;
width: 45px;
height: 43px;
}
.post-detail .share-article .boxed-icon.style1:not(:hover) {
background: #fff;
}
.post-detail .share-article .boxed-icon.style1 span {
position: absolute;
display: block;
top: -10px;
right: -3px;
background: #b1b1b1;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
height: 20px;
min-width: 20px;
text-align: center;
line-height: 20px;
padding: 0 3px;
color: #fff;
font-size: 10px;
font-weight: 600;
}
@media only screen and (min-width: 40.0625em) {
.post-detail .share-article .boxed-icon.style1 {
width: 55px;
height: 53px;
font-size: 18px;
}
.post-detail .share-article .boxed-icon.style1 span {
top: -3px;
}
}
.post-detail .share-article .boxed-icon.style1:hover span {
background: #222;
}
.post-detail .share-article .boxed-icon.style2 {
width: 36px;
height: 36px;
font-size: 18px;
color: #fff;
font-weight: 600;
}
@media only screen and (min-width: 40.0625em) {
.post-detail .share-article .boxed-icon.style2 {
width: 48px;
height: 48px;
}
}
.post-detail .share-article .boxed-icon.style2 span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.post-detail .share-article .boxed-icon.style2:hover span {
opacity: 1;
}
.post-detail .share-article .boxed-icon.style2.comment {
background: #222;
}
.post-detail .share-article .boxed-icon.style2.comment svg {
fill: #fff;
}
.post-detail .share-article .boxed-icon.style2.comment span {
background: #222;
}
.post-detail .thb-post-top {
margin-bottom: 30px;
clear: both;
}
.post-detail .post-content p {
line-height: 1.8;
}
.article-dropcap-on .post-detail .post-content:before {
color: rgba(0, 0, 0, 0.06);
content: attr(data-first);
display: none;
font-size: 16.25em;
font-weight: 600;
top: 0;
left: 0;
line-height: 1;
position: absolute;
z-index: -1;
}
@media only screen and (min-width: 64.0625em) {
.article-dropcap-on .post-detail .post-content:before {
display: block;
left: -105px;
top: -55px;
}
}
.rtl .article-dropcap-on .post-detail .post-content:before {
left: auto;
right: 0;
}
@media only screen and (min-width: 64.0625em) {
.rtl .article-dropcap-on .post-detail .post-content:before {
left: auto;
right: -105px;
top: -55px;
}
}
.post-detail .article-navigation {
display: block;
border: 1px solid rgba(0, 0, 0, 0.07);
padding: 15px;
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.post-detail .article-navigation {
padding: 30px;
}
}
@media only screen and (max-width: 40.0625em) {
.post-detail .article-navigation .columns + .columns {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
}
.post-detail .article-navigation .post-nav-link {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
color: #222;
}
.post-detail .article-navigation .post-nav-link span {
text-transform: uppercase;
font-size: 10px;
color: #222;
opacity: 0.6;
display: block;
line-height: 1;
font-weight: 600;
margin-bottom: 10px;
}
.post-detail .article-navigation .post-nav-link h6 {
font-weight: 400;
margin: 0;
line-height: 1.4;
}
.post-detail .article-navigation .post-nav-link svg {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.2);
-moz-transform: translateY(-50%) scale(1.2);
-ms-transform: translateY(-50%) scale(1.2);
-o-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
}
.post-detail .article-navigation .post-nav-link svg .thb-arrow-line {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.post-detail .article-navigation .post-nav-link:hover svg .thb-arrow-line {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.post-detail .article-navigation .post-nav-link.prev {
padding-left: 20px;
}
.post-detail .article-navigation .post-nav-link.prev svg {
left: -10px;
}
.post-detail .article-navigation .post-nav-link.next {
text-align: right;
padding-right: 20px;
}
.post-detail .article-navigation .post-nav-link.next .thb-arrow-line {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.post-detail .article-navigation .post-nav-link.next svg {
right: -10px;
}
.post-share-container {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.post-share-container {
flex-direction: row;
}
}
.post-content-container {
padding-left: 0;
min-height: 220px;
max-width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.post-content-container {
max-width: calc(100% - 80px);
}
}
.post-content-container + .share-article {
width: auto;
max-width: 100%;
margin: 0 0 50px;
float: none;
text-align: center;
}
.post-content-container + .share-article .boxed-icon {
display: inline-flex;
margin: 0 2px 0;
}
.post-content-container .ad_before_content,
.post-content-container .ad_after_content {
margin-bottom: 20px;
}
.post-content-container .ad_before_content a,
.post-content-container .ad_after_content a {
display: block;
}
.post-header {
height: 300px;
background: #222;
position: relative;
overflow: hidden;
}
.post-header .parallax_bg {
position: absolute;
top: -15%;
left: 0;
width: 100%;
height: 150%;
background-size: cover;
background-position: 0 center;
will-change: transform;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.post-header .post-title-container {
margin: 0;
min-width: 100%;
}
.style3 .post-header {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
padding: 30px 15px;
margin-bottom: 50px;
height: auto;
}
.style3 .post-header .parallax_bg {
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
}
.style3 .post-header .thb-post-top {
justify-content: center;
}
.style3 .post-header .post-title {
text-align: center;
color: #fff;
position: relative;
min-width: 100%;
}
.style3 .post-header .post-title h1,
.style3 .post-header .post-title a {
color: #fff !important;
}
.style3 .post-header .post-title h1:hover,
.style3 .post-header .post-title a:hover {
text-decoration: none;
}
.style3 .post-header .post-title .thb-post-top .post-meta + .post-date:before {
background: rgba(255, 255, 255, 0.6);
}
.style3 .post-header .post-meta,
.style3 .post-header .post-date,
.style3 .post-header .post-author {
color: #fff;
}
.post-detail-style4 .post-title,
.post-detail-style4 .post-meta,
.post-detail-style4 .post-date {
text-align: center;
}
.post-detail-style5 .post-title-container {
padding-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 40.0625em) {
.post-detail-style5 .post-title-container .post-title {
max-width: 75%;
}
}
.post-detail-style2-row .post-detail {
margin-top: -90px;
z-index: 0;
position: relative;
}
.post-detail-style2-row .post-detail .post-title-container {
background: #fff;
padding: 15px;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.post-detail-style2-row .post-detail .post-title-container {
padding: 30px;
}
}
@media only screen and (min-width: 75.0625em) {
.post-detail-style2-row .post-detail .post-title-container {
margin-left: -50px;
padding: 50px;
}
}
.post-detail-style2-row .sidebar_inner {
margin-top: -70px;
min-height: 80px;
}
.thb-shop-the-look {
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 40px 0 60px;
}
.thb-shop-the-look h5 {
display: block;
text-transform: uppercase;
text-align: center;
font-weight: 500;
}
.thb-shop-the-look .slick-dots {
bottom: -20px;
}
.thb-shop-the-look-small {
margin-top: 30px;
}
.thb-shop-the-look-small h6 {
display: block;
text-align: center;
overflow: hidden;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
}
.thb-shop-the-look-small h6 span {
display: inline-block;
position: relative;
padding: 0 15px;
}
.thb-shop-the-look-small h6 span:after {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.08);
height: 1px;
top: 50%;
left: 100%;
width: 999px;
}
.thb-shop-the-look-small h6 span:before {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.08);
height: 1px;
top: 50%;
right: 100%;
width: 999px;
}
.thb-shop-the-look-small .slick.outset-nav .slick-nav {
top: 50%;
margin-top: -23px;
}
.post .post-content .post-review strong {
display: block;
text-transform: uppercase;
color: #222;
margin-bottom: 20px;
padding-bottom: 19px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.post .post-content .post-review ul {
margin-bottom: 40px;
list-style: none;
}
.post .post-content .post-review ul li {
margin-bottom: 25px;
font-size: 14px;
font-weight: bold;
}
.post .post-content .post-review ul li:last-child {
margin-bottom: 0;
}
.post .post-content .post-review ul li .show-for-medium {
text-align: right;
}
.post .post-content .post-review .comment_section {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.post .post-content .post-review .comment_section {
margin-bottom: 50px;
}
}
.post .post-content .post-review .comment_section p {
display: block;
margin-bottom: 10px;
position: relative;
padding-left: 24px;
font-size: 12px;
line-height: 16px;
}
.post .post-content .post-review .comment_section p:before {
content: "";
display: block;
width: 14px;
height: 14px;
line-height: 14px;
background: #fbecec;
border-radius: 7px;
text-align: center;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
}
.post .post-content .post-review .comment_section p.positive:before {
content: "+";
color: #0fbe5d;
}
.post .post-content .post-review .comment_section p.negative:before {
content: "-";
color: #dc4242;
}
.post .post-content .post-review .post_comment {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
display: block;
margin-bottom: 25px;
}
.post .post-content .post-review .post_comment.good {
color: #0fbe5d;
}
.post .post-content .post-review .post_comment.bad {
color: #dc4242;
}
.post .post-content .post-review .average {
display: block;
margin: 0 0 30px;
padding: 0;
text-align: center;
border: 3px solid #fccce0;
font-size: 38px;
line-height: 1;
padding: 15px;
color: #ef2673;
font-weight: 600;
}
@media only screen and (min-width: 40.0625em) {
.post .post-content .post-review .average {
padding: 25px 15px;
margin: 0 0 50px;
}
}
@media only screen and (min-width: 64.0625em) {
.post .post-content .post-review .average {
padding: 35px 15px;
}
}
@media only screen and (min-width: 64.0625em) {
.post .post-content .post-review .average {
padding: 35px 15px;
}
}
.post .post-content .post-review .average .thb-counter {
margin: 0;
}
.post .post-content .post-review .average .thb-counter .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: center;
} .post-style2-links {
font-size: 10px;
text-transform: uppercase;
margin-top: 20px;
}
.post-style2-links a,
.post-style2-links span {
display: inline-flex;
vertical-align: middle;
align-items: center;
margin-right: 19px;
color: #222;
}
.post-style2-links svg {
margin-right: 8px;
}
.slick:not(.outset-nav) .post-style2-links svg {
margin-right: 8px;
}
.post-style2-links .share-link svg {
position: relative;
top: -2px;
}
.post-links {
margin-top: 20px;
}
.post-links .post-link {
display: inline-flex;
height: 36px;
justify-content: center;
vertical-align: middle;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
text-align: center;
color: #222;
}
.post-links .post-link.comment-link {
width: 38px;
margin-right: 2px;
}
.post-links .post-link.comment-link svg {
position: relative;
top: 1px;
}
.post-links .post-link.share-article-loop {
min-width: 38px;
cursor: pointer;
}
.post-links .post-link.share-article-loop .boxed-icon {
width: 38px;
height: 36px;
position: absolute;
top: -1px;
left: 0;
font-size: 14px;
opacity: 0;
pointer-events: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(2) {
z-index: 8;
-webkit-transform: translateX(28px);
-moz-transform: translateX(28px);
-ms-transform: translateX(28px);
-o-transform: translateX(28px);
transform: translateX(28px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(3) {
z-index: 7;
-webkit-transform: translateX(66px);
-moz-transform: translateX(66px);
-ms-transform: translateX(66px);
-o-transform: translateX(66px);
transform: translateX(66px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(4) {
z-index: 6;
-webkit-transform: translateX(104px);
-moz-transform: translateX(104px);
-ms-transform: translateX(104px);
-o-transform: translateX(104px);
transform: translateX(104px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(5) {
z-index: 5;
-webkit-transform: translateX(142px);
-moz-transform: translateX(142px);
-ms-transform: translateX(142px);
-o-transform: translateX(142px);
transform: translateX(142px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(6) {
z-index: 4;
-webkit-transform: translateX(180px);
-moz-transform: translateX(180px);
-ms-transform: translateX(180px);
-o-transform: translateX(180px);
transform: translateX(180px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(7) {
z-index: 3;
-webkit-transform: translateX(218px);
-moz-transform: translateX(218px);
-ms-transform: translateX(218px);
-o-transform: translateX(218px);
transform: translateX(218px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(8) {
z-index: 2;
-webkit-transform: translateX(256px);
-moz-transform: translateX(256px);
-ms-transform: translateX(256px);
-o-transform: translateX(256px);
transform: translateX(256px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(9) {
z-index: 1;
-webkit-transform: translateX(294px);
-moz-transform: translateX(294px);
-ms-transform: translateX(294px);
-o-transform: translateX(294px);
transform: translateX(294px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon {
left: auto;
right: 0;
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(2) {
z-index: 8;
-webkit-transform: translateX(-28px);
-moz-transform: translateX(-28px);
-ms-transform: translateX(-28px);
-o-transform: translateX(-28px);
transform: translateX(-28px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(3) {
z-index: 7;
-webkit-transform: translateX(-66px);
-moz-transform: translateX(-66px);
-ms-transform: translateX(-66px);
-o-transform: translateX(-66px);
transform: translateX(-66px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(4) {
z-index: 6;
-webkit-transform: translateX(-104px);
-moz-transform: translateX(-104px);
-ms-transform: translateX(-104px);
-o-transform: translateX(-104px);
transform: translateX(-104px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(5) {
z-index: 5;
-webkit-transform: translateX(-142px);
-moz-transform: translateX(-142px);
-ms-transform: translateX(-142px);
-o-transform: translateX(-142px);
transform: translateX(-142px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(6) {
z-index: 4;
-webkit-transform: translateX(-180px);
-moz-transform: translateX(-180px);
-ms-transform: translateX(-180px);
-o-transform: translateX(-180px);
transform: translateX(-180px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(7) {
z-index: 3;
-webkit-transform: translateX(-218px);
-moz-transform: translateX(-218px);
-ms-transform: translateX(-218px);
-o-transform: translateX(-218px);
transform: translateX(-218px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(8) {
z-index: 2;
-webkit-transform: translateX(-256px);
-moz-transform: translateX(-256px);
-ms-transform: translateX(-256px);
-o-transform: translateX(-256px);
transform: translateX(-256px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(9) {
z-index: 1;
-webkit-transform: translateX(-294px);
-moz-transform: translateX(-294px);
-ms-transform: translateX(-294px);
-o-transform: translateX(-294px);
transform: translateX(-294px);
}
.post-links .post-link.share-article-loop:hover .boxed-icon {
pointer-events: auto;
opacity: 1;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) {
-webkit-transform: translateX(37px);
-moz-transform: translateX(37px);
-ms-transform: translateX(37px);
-o-transform: translateX(37px);
transform: translateX(37px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) {
-webkit-transform: translateX(75px);
-moz-transform: translateX(75px);
-ms-transform: translateX(75px);
-o-transform: translateX(75px);
transform: translateX(75px);
-webkit-transition-delay: 0.18s;
-moz-transition-delay: 0.18s;
-o-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) {
-webkit-transform: translateX(113px);
-moz-transform: translateX(113px);
-ms-transform: translateX(113px);
-o-transform: translateX(113px);
transform: translateX(113px);
-webkit-transition-delay: 0.26s;
-moz-transition-delay: 0.26s;
-o-transition-delay: 0.26s;
transition-delay: 0.26s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) {
-webkit-transform: translateX(151px);
-moz-transform: translateX(151px);
-ms-transform: translateX(151px);
-o-transform: translateX(151px);
transform: translateX(151px);
-webkit-transition-delay: 0.34s;
-moz-transition-delay: 0.34s;
-o-transition-delay: 0.34s;
transition-delay: 0.34s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(6) {
-webkit-transform: translateX(189px);
-moz-transform: translateX(189px);
-ms-transform: translateX(189px);
-o-transform: translateX(189px);
transform: translateX(189px);
-webkit-transition-delay: 0.42s;
-moz-transition-delay: 0.42s;
-o-transition-delay: 0.42s;
transition-delay: 0.42s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(7) {
-webkit-transform: translateX(227px);
-moz-transform: translateX(227px);
-ms-transform: translateX(227px);
-o-transform: translateX(227px);
transform: translateX(227px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(8) {
-webkit-transform: translateX(265px);
-moz-transform: translateX(265px);
-ms-transform: translateX(265px);
-o-transform: translateX(265px);
transform: translateX(265px);
-webkit-transition-delay: 0.58s;
-moz-transition-delay: 0.58s;
-o-transition-delay: 0.58s;
transition-delay: 0.58s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(9) {
-webkit-transform: translateX(303px);
-moz-transform: translateX(303px);
-ms-transform: translateX(303px);
-o-transform: translateX(303px);
transform: translateX(303px);
-webkit-transition-delay: 0.66s;
-moz-transition-delay: 0.66s;
-o-transition-delay: 0.66s;
transition-delay: 0.66s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) {
-webkit-transform: translateX(-37px);
-moz-transform: translateX(-37px);
-ms-transform: translateX(-37px);
-o-transform: translateX(-37px);
transform: translateX(-37px);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) {
-webkit-transform: translateX(-75px);
-moz-transform: translateX(-75px);
-ms-transform: translateX(-75px);
-o-transform: translateX(-75px);
transform: translateX(-75px);
-webkit-transition-delay: 0.18s;
-moz-transition-delay: 0.18s;
-o-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) {
-webkit-transform: translateX(-113px);
-moz-transform: translateX(-113px);
-ms-transform: translateX(-113px);
-o-transform: translateX(-113px);
transform: translateX(-113px);
-webkit-transition-delay: 0.26s;
-moz-transition-delay: 0.26s;
-o-transition-delay: 0.26s;
transition-delay: 0.26s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) {
-webkit-transform: translateX(-151px);
-moz-transform: translateX(-151px);
-ms-transform: translateX(-151px);
-o-transform: translateX(-151px);
transform: translateX(-151px);
-webkit-transition-delay: 0.34s;
-moz-transition-delay: 0.34s;
-o-transition-delay: 0.34s;
transition-delay: 0.34s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(6) {
-webkit-transform: translateX(-189px);
-moz-transform: translateX(-189px);
-ms-transform: translateX(-189px);
-o-transform: translateX(-189px);
transform: translateX(-189px);
-webkit-transition-delay: 0.42s;
-moz-transition-delay: 0.42s;
-o-transition-delay: 0.42s;
transition-delay: 0.42s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(7) {
-webkit-transform: translateX(-227px);
-moz-transform: translateX(-227px);
-ms-transform: translateX(-227px);
-o-transform: translateX(-227px);
transform: translateX(-227px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(8) {
-webkit-transform: translateX(-265px);
-moz-transform: translateX(-265px);
-ms-transform: translateX(-265px);
-o-transform: translateX(-265px);
transform: translateX(-265px);
-webkit-transition-delay: 0.58s;
-moz-transition-delay: 0.58s;
-o-transition-delay: 0.58s;
transition-delay: 0.58s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(9) {
-webkit-transform: translateX(-303px);
-moz-transform: translateX(-303px);
-ms-transform: translateX(-303px);
-o-transform: translateX(-303px);
transform: translateX(-303px);
-webkit-transition-delay: 0.66s;
-moz-transition-delay: 0.66s;
-o-transition-delay: 0.66s;
transition-delay: 0.66s;
}
.post-links span {
display: inline-block;
font-size: 10px;
margin-left: 10px;
color: #595959;
text-transform: uppercase;
vertical-align: middle;
}
.post-links.just-shares {
display: block;
}
.post-links.just-shares span {
line-height: 1;
}
.post-links.just-shares span em {
font-style: normal;
}
.post-links.just-shares.and-comments {
font-size: 11px;
color: #222;
text-transform: uppercase;
}
.post-links.just-shares.and-comments .comment-link {
margin-left: 20px;
}
.post-links.just-shares.and-comments span {
color: #222;
}
.post-links.just-shares.and-comments > div,
.post-links.just-shares.and-comments a {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.post-links.just-shares.and-comments .share-link svg {
position: relative;
top: -2px;
}
.post-links:not(.just-shares) {
display: flex;
align-items: center;
}
.post-links:not(.just-shares) .comment-link + .share-article-loop {
margin-left: 3px;
}
.post-links:not(.just-shares) .share-article-loop span {
margin-left: 10px;
}
.header_content {
margin-top: 30px;
}
.related-posts {
margin-top: 60px;
}
.related-posts .mega-menu-post {
margin-bottom: 30px;
}
.related-posts .mega-menu-post .post-gallery {
margin-bottom: 18px;
}
#infinite-article {
padding-bottom: 80px;
position: relative;
will-change: contents;
}
#infinite-article > .post-detail-row {
padding: 60px 0;
}
#infinite-article > .post-detail-row + .post-detail-row {
padding: 60px 0;
}
#infinite-article > .post-detail-row.style2, #infinite-article > .post-detail-row.style3 {
padding: 0 0 60px 0;
}
.post-detail-row.attachment-page {
padding: 60px 0;
}
.post-info-vertical {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.thb-loading, .slick {
position: relative;
}
.thb-loading:after, .slick:after {
content: "";
width: 38px;
height: 38px;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -19px;
padding: 3px;
border-radius: 19px;
background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat;
}
.thb-loading.posts:not(.pagination-style3):after, .posts.slick:not(.pagination-style3):after {
bottom: auto;
top: 50%;
margin-top: -16px;
}
.thb-loading.posts:not(.pagination-style3) .post, .posts.slick:not(.pagination-style3) .post {
opacity: 0.2;
pointer-events: none;
}
.thb-loading.posts.pagination-style3, .posts.pagination-style3.slick {
padding-bottom: 40px;
}
.thb-loading.posts.pagination-style3:after, .posts.pagination-style3.slick:after {
bottom: 0;
} .non-VC-page {
padding: 60px 0;
}
.non-VC-page .post .post-title {
margin-bottom: 20px;
} .archive-page-container {
padding-bottom: 40px;
}
#category-title {
width: 100%;
padding: 15px 0 17px;
text-align: center;
margin-bottom: 40px;
background-image: url(//bestorium.com/wp-content/themes/thevoux-wp/assets/img/archive-title.jpg);
background-position: center center;
}
@media only screen and (min-width: 40.0625em) {
#category-title {
padding: 25px 0 27px;
}
}
@media only screen and (min-width: 64.0625em) {
#category-title {
padding: 35px 0 37px;
}
}
#category-title h1 {
color: #fff;
font-size: 30px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
#category-title h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 64.0625em) {
#category-title h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 75.0625em) {
#category-title h1 {
font-size: 60px;
}
}
#category-title h1 + p {
color: #fff;
margin: 20px 0 0;
}
#category-title h2 {
color: #fff;
font-size: 40px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
}
#archive-title {
width: 100%;
padding: 15px 0 17px;
text-align: center;
margin-bottom: 40px;
background: #ef2673;
}
@media only screen and (min-width: 40.0625em) {
#archive-title {
padding: 25px 0 27px;
}
}
@media only screen and (min-width: 64.0625em) {
#archive-title {
padding: 35px 0 37px;
}
}
#archive-title h1 {
font-size: 25px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
color: #fff;
}
@media only screen and (min-width: 40.0625em) {
#archive-title h1 {
font-size: 30px;
}
}
@media only screen and (min-width: 64.0625em) {
#archive-title h1 {
font-size: 35px;
}
}
@media only screen and (min-width: 75.0625em) {
#archive-title h1 {
font-size: 40px;
}
}
#archive-title h1 span {
font-weight: 600;
text-transform: uppercase;
color: #ef2673;
display: block;
margin-top: 10px;
}
@media only screen and (min-width: 40.0625em) {
#archive-title h1 span {
display: inline;
margin: 0;
}
}
#archive-title h1 + p {
color: #fff;
margin: 20px 0 0;
} .blog-section {
margin: 55px 0;
}
.blog-section + .sidebar {
margin: 0 0 55px 0;
}
@media only screen and (min-width: 40.0625em) {
.blog-section + .sidebar {
margin-top: 55px;
}
}
.content-section {
padding-right: 15px;
}
@media only screen and (min-width: 40.0625em) {
.content-section {
padding-right: 40px;
}
}
@media only screen and (min-width: 40.0625em) {
.content-section.with-border {
border-right: 1px solid #eaeaea;
}
}
.blog_nav {
margin-top: 55px;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
}
.blog_nav a {
line-height: 18px;
color: #222;
}
.blog_nav .fa {
font-size: 18px;
position: relative;
vertical-align: middle;
top: -1px;
}
.blog_nav .next {
float: left;
}
.blog_nav .next .fa {
margin-right: 15px;
}
.blog_nav .prev {
float: right;
}
.blog_nav .prev .fa {
margin-left: 15px;
}
.sidebar {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 15px;
}
@media only screen and (min-width: 40.0625em) {
.sidebar {
padding-left: 45px;
}
}
@media only screen and (min-width: 40.0625em) {
.sidebar.with-border {
border-left: 1px solid #eaeaea;
}
}
.sidebar .sidebar_inner {
background: #fff;
padding: 0 20px;
height: auto !important;
}
.post-detail-style2-row .sidebar .sidebar_inner {
padding: 20px;
}
.post-detail-row .sidebar {
display: none;
}
@media only screen and (min-width: 64.0625em) {
.post-detail-row .sidebar {
display: block;
}
}
.sidebar.woo {
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.sidebar.woo {
padding: 0;
}
}
@media only screen and (min-width: 64.0625em) {
.sidebar.woo {
padding-left: 3%;
}
.rtl .sidebar.woo {
padding-left: 0;
padding-right: 3%;
}
.sidebar.woo.large-order-1 {
padding-left: 0;
padding-right: 3%;
}
.rtl .sidebar.woo.large-order-1 {
padding-right: 0;
padding-left: 3%;
}
}
.widget {
margin-bottom: 30px;
width: 100%;
}
.widget:last-child {
margin-bottom: 0;
}
.widget .post.style1, .widget .post.style2 {
border: 0;
}
.widget .shared-style2 .post.listing {
flex-direction: column;
align-items: flex-start;
}
.widget .shared-style2 .post.listing .figure img {
border-radius: 0;
width: 100%;
height: auto;
}
.widget li:not(.post) a:not([class^=cat-]):not([class^=tag-cloud]):not([class^=boxed-icon]) {
color: #595959;
}
.widget li:not(.post) a:not([class^=cat-]):not([class^=tag-cloud]):not([class^=boxed-icon]):hover {
color: #ef2673;
}
.widget .post .post-title a {
color: #222;
}
.widget .post .post-title a:hover {
color: #222;
}
.widget.style1 {
border: 1px solid #dedede;
padding: 19px;
}
.widget.style2 {
padding: 0;
border: 0;
border-top: 1px solid #ededed;
margin-bottom: 45px;
}
.widget.style2 > strong {
position: static;
text-align: left;
color: #222;
}
.widget.style2 > strong span {
background: none;
width: 100%;
padding: 18px 0 30px;
height: auto;
line-height: 1;
}
.widget { }
.widget.style3 {
padding: 0;
border: 0;
margin-bottom: 40px;
}
.widget.style3 > strong {
position: static;
text-align: left;
color: #222;
width: 100%;
border-bottom: 1px solid #ededed;
text-align: center;
font-weight: 600;
height: 12px;
margin-bottom: 30px;
padding-top: 4px;
letter-spacing: normal;
font-size: 12px;
}
.widget.style3 > strong span {
display: inline-block;
background: #fff;
width: auto;
padding: 0 8px;
height: auto;
line-height: 1;
font-weight: 600;
}
.widget { }
.widget.style4 {
padding: 15px;
border: 0;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.widget.style4 {
padding: 40px 25px;
}
.widget.style4.widget_socialicons {
padding: 30px;
}
}
.vc_inner .widget.style4 {
padding: 0;
}
.vc_inner .widget.style4 + .widget.style4 {
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.vc_inner .widget.style4 + .widget.style4 {
padding: 25px;
}
}
.widget.style4 > strong {
position: static;
text-align: left;
color: #222;
width: 100%;
text-align: center;
font-weight: 600;
margin-bottom: 25px;
line-height: 1;
letter-spacing: normal;
font-size: 12px;
}
.widget.style4 > strong span {
display: inline-block;
background: #fff;
width: auto;
padding: 0 8px;
height: auto;
line-height: 1;
font-weight: 600;
}
.widget.style4 + .widget.style4 {
position: relative;
}
.widget.style4 + .widget.style4:after {
content: "";
display: block;
position: absolute;
top: 0;
left: -15px;
right: -15px;
z-index: 5;
border-top: 1px solid #eaeaea;
}
.vc_inner .widget.style4 + .widget.style4:after {
left: 0;
right: 0;
}
.widget.style4:first-of-type {
padding-top: 0;
}
.widget { }
.widget.style5 {
border: 2px solid #f0f0f0;
padding: 30px;
}
.widget.style5 > strong {
letter-spacing: normal;
font-size: 20px;
top: 0;
color: #222;
}
.widget.style5 > strong span {
display: block;
padding: 0 0 15px;
margin-bottom: 30px;
line-height: 1;
height: auto;
background: none;
border-bottom: 2px solid #f0f0f0;
text-transform: uppercase;
text-align: left;
}
.rtl .widget.style5 > strong span {
text-align: right;
}
.widget.style5 .post.listing .figure img {
border-radius: 50%;
width: 75px;
height: 75px;
}
.widget.style5 .shared-style2 .post.listing {
flex-direction: column;
align-items: flex-start;
}
.widget.style5 .shared-style2 .post.listing .figure img {
border-radius: 0;
width: 100%;
height: auto;
}
.widget.style5 ul li {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 20px;
margin-bottom: 12px;
}
.widget.style5 ul li:first-child {
padding-top: 0;
}
.widget.style5 ul li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.widget.style5.widget_socialicons ul li {
margin: 0;
padding: 0;
border: 0;
}
.widget { }
.widget.style6 {
border: 0;
padding: 0;
}
.widget.style6 > strong {
top: 0;
margin-bottom: 10px;
}
.widget.style6 > strong span {
display: block;
background: #222;
font-size: 12px;
font-weight: 600;
color: #fff;
height: 46px;
line-height: 46px;
}
.widget { }
.widget.style7 {
border: 1px solid #e5e5e5;
margin-bottom: 40px;
padding-top: 0;
}
@media only screen and (min-width: 40.0625em) {
.widget.style7 {
padding: 29px;
padding-top: 0;
}
}
.widget.style7 > strong {
font-weight: 500;
color: #222;
top: -18px;
}
#footer.left-align-text .widget.style7 > strong {
text-align: left;
}
.widget.style7 > strong span {
background: #fff;
}
#footer .widget.style7 > strong span {
padding: 0;
}
.widget.style8 > strong {
top: 0;
margin-bottom: 30px;
}
.widget.style8 > strong span {
display: block;
background: transparent !important;
border: 1px solid #222;
height: 45px;
line-height: 43px;
}
.widget > strong {
text-align: center;
margin: 0;
color: #222;
font-weight: 400;
font-size: 10px;
display: block;
position: relative;
top: -20px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #222;
}
.widget > strong span {
display: inline-block;
background: #ffe7f0;
height: 35px;
padding: 0 20px;
line-height: 35px;
font-weight: 400;
}
.widget > strong.style1 {
color: #ef2673;
}
.widget ul {
margin: 0;
}
.widget ul li {
display: block;
padding: 8px 0;
font-size: 14px;
line-height: 18px;
margin: 0;
clear: both;
}
.widget ul li:first-child {
padding-top: 0;
}
.widget ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.widget ul li p {
font-size: 13px;
line-height: 18px;
}
#footer .widget ul li {
font-size: 13px;
border-color: rgba(255, 255, 255, 0.1);
}
.widget ul.menu a {
font-size: 12px;
font-weight: 400;
}
.widget ul.menu .current-menu-item > a {
color: #ef2673;
}
.widget ul.menu .sub-menu {
margin-top: 15px;
padding-top: 15px;
padding-left: 10px;
border-top: 1px solid #eeeeee;
}
.widget .count-image {
position: relative;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.widget .count-image img {
width: 100%;
}
.widget .count-image .count {
z-index: 10;
position: absolute;
top: 12px;
left: 12px;
display: block;
background: #ef2673;
text-align: center;
color: #fff;
width: 30px;
height: 30px;
line-height: 32px;
font-size: 12px;
font-weight: 600;
border-radius: 15px;
}
.widget .count-image + .post-title {
margin-bottom: 20px !important;
text-align: center;
}
.widget.widget_recent_entries ul li, .widget.widget_recent_comments ul li {
margin: 0;
padding: 14px 0;
font-size: 14px;
font-weight: 400;
border-bottom: 1px dotted rgba(134, 134, 134, 0.6);
}
.widget.widget_recent_entries ul li .url, .widget.widget_recent_comments ul li .url {
color: #ef2673;
}
.widget.widget_tag_cloud .wp-tag-cloud {
text-align: center;
}
.widget.widget_tag_cloud .wp-tag-cloud li {
display: inline-block;
padding: 0;
border: 0;
margin: 0;
}
.widget.widget_tag_cloud .next {
display: none;
}
.widget.widget_categories ul li {
padding: 12px 0;
}
.widget.widget_nav_menu .thb-arrow, .widget.widget_pages .thb-arrow {
display: inline-flex;
padding-left: 15px;
cursor: pointer;
}
.widget.widget_nav_menu .thb-arrow i, .widget.widget_pages .thb-arrow i {
pointer-events: none;
}
.rtl .widget.widget_nav_menu .thb-arrow, .rtl .widget.widget_pages .thb-arrow {
padding-left: 0;
padding-right: 15px;
}
.widget.widget_nav_menu .sub-menu,
.widget.widget_nav_menu .children, .widget.widget_pages .sub-menu,
.widget.widget_pages .children {
display: none;
padding: 10px 0 0 20px;
list-style: none;
}
.rtl .widget.widget_nav_menu .sub-menu,
.rtl .widget.widget_nav_menu .children, .rtl .widget.widget_pages .sub-menu,
.rtl .widget.widget_pages .children {
padding: 10px 20px 0 0;
}
.widget.widget_nav_menu .sub-menu li:last-child,
.widget.widget_nav_menu .children li:last-child, .widget.widget_pages .sub-menu li:last-child,
.widget.widget_pages .children li:last-child {
margin: 0;
}
.widget.widget_calendar #calendar_wrap {
border: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table {
background: transparent;
border: 0;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget.widget_calendar table thead {
background: transparent;
font-size: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table thead th {
padding: 13px 0;
color: #303030;
text-align: center;
font-weight: 800;
}
.widget.widget_calendar table tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.01);
}
.widget.widget_calendar table tbody td {
font-size: 12px;
color: #686868;
text-align: center;
padding: 9px 0;
}
.widget.widget_calendar table tfoot {
background: transparent;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table tfoot tr td {
padding: 12px 14px;
font-size: 12px;
}
.widget.widget_calendar table tfoot tr td a {
color: #737373;
text-transform: uppercase;
font-weight: 800;
}
.widget.widget_calendar table tfoot tr #next {
text-align: right;
}
.widget.widget_calendar table caption {
color: #303030;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
padding: 15px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_featured_video {
padding: 19px 0 0;
text-align: center;
}
.widget.widget_featured_video h6 {
display: block;
padding: 0 15px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin: 5px 0 25px;
}
.widget.widget_featured_video .flex-video {
margin: 0;
}
.widget.widget_categoryslider {
padding-bottom: 0;
}
.widget.widget_categoryslider .slick-slider {
padding-bottom: 30px;
}
.widget.widget_categoryslider .slick.dark-pagination .slick-dots {
bottom: 10px;
padding: 0;
}
.widget.widget_categoryslider .post {
margin: 0;
}
.widget.widget_categoryslider .post:not(.cover-image) {
padding: 0;
}
.widget.widget_categoryslider .post .post-gallery {
margin-bottom: 20px;
}
.widget.widget_categoryslider .post .post-title h4 {
font-weight: 400;
margin-bottom: 10px;
}
.widget.widget_categoryslider .category-slider-style2.slick.dark-pagination .slick-dots {
bottom: 0;
}
.widget.widget_categoryslider .category-slider-style2.slick.dark-pagination .post .post-title h4 {
font-weight: 500;
font-size: 22px;
}
.widget.widget_categoryslider .category-widget-slider .featured-title {
align-items: center;
justify-content: center;
}
.widget.widget_categoryslider .category-widget-slider .featured-title .post-title {
text-align: center;
}
.widget.widget_text.style1 {
padding: 0;
}
.widget.widget_text {
border: 0;
}
.widget.thb_widget_twitter .thb-twitter-carousel-wrapper {
background: #e4f2f8;
padding: 20px;
}
@media only screen and (min-width: 40.0625em) {
.widget.thb_widget_twitter .thb-twitter-carousel-wrapper {
padding: 40px;
}
}
.widget.thb_widget_twitter .thb-twitter-carousel-header {
text-align: center;
padding: 0 0 25px 0;
font-size: 36px;
line-height: 1;
color: #222222;
}
.widget.thb_widget_twitter .thb-carousel .thb-tweet {
padding: 0;
font-size: 16px;
text-align: center;
margin: 0;
}
.widget.thb_widget_twitter .thb-carousel .thb-tweet .thb-tweet-time {
margin-top: 15px;
}
.widget.thb_widget_twitter .thb-twitter-header {
height: 100px;
border-radius: 3px 3px 0 0;
}
.widget.thb_widget_twitter .thb-twitter-header > a {
display: block;
position: relative;
height: 100%;
}
.widget.thb_widget_twitter .thb-twitter-header .thb_twitter_header_bg {
display: block;
border-radius: 3px 3px 0 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.widget.thb_widget_twitter .thb-twitter-header .thb_twitter_avatar {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #fff;
bottom: -12px;
left: 50%;
margin-left: -25px;
}
.widget.thb_widget_twitter .thb-twitter-content {
background: #fff;
border-radius: 0 0 3px 3px;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 13px;
}
@media only screen and (min-width: 40.0625em) {
.widget.thb_widget_twitter .thb-twitter-content {
padding: 18px;
}
}
.widget.thb_widget_twitter .thb-twitter-user {
padding: 5px 0 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
color: #222;
}
.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-username,
.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-screenname {
font-size: 12px;
margin-right: 10px;
font-weight: 500;
text-transform: uppercase;
}
.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-screenname {
opacity: 0.4;
margin-right: 0;
}
.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-usermeta {
margin-top: 5px;
opacity: 0.4;
text-transform: uppercase;
font-size: 10px;
}
.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-usermeta span {
margin-right: 15px;
}
.widget.thb_widget_twitter .thb-tweet {
position: relative;
padding-left: 30px;
margin-bottom: 20px;
font-size: 12px;
color: #222;
}
.widget.thb_widget_twitter .thb-tweet:last-of-type {
margin-bottom: 0;
}
.widget.thb_widget_twitter .thb-tweet .fa {
position: absolute;
top: 2px;
left: 0;
color: #d3d3d3;
font-size: 20px;
line-height: 1;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-time {
opacity: 0.6;
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
line-height: 1;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-text a {
color: #222222;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-text a:hover {
color: rgb(21.25, 21.25, 21.25);
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-actions {
line-height: 1;
margin-top: 10px;
font-size: 10px;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a {
display: inline-flex;
align-items: center;
margin-right: 14px;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a i {
font-size: 14px;
}
.widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a .tweet-count {
margin-left: 8px;
}
.widget.thb_widget_instagram .thb-instagram-row figure {
margin: 0;
}
.widget.thb_widget_instagram .thb-instagram-footer {
padding: 20px 0;
line-height: 1;
text-align: center;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #eaeaea;
}
.widget.thb_widget_instagram .thb-instagram-footer i {
font-size: 20px;
margin-right: 10px;
}
.widget.thb_widget_instagram .thb-instagram-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.widget.thb_widget_instagram .thb-instagram-header a {
display: block;
width: 54px;
height: 54px;
line-height: 0;
margin-right: 20px;
}
.widget.thb_widget_instagram .thb-instagram-header a .thb_instagram_avatar {
border-radius: 50px;
width: 54px;
height: 54px;
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-username {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta {
margin-top: 5px;
opacity: 0.4;
text-transform: uppercase;
font-size: 10px;
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta span {
margin-right: 15px;
}
.widget.widget_flickr, .widget.widget_dribbble, .widget.thb_pinterest_widget {
text-align: center;
padding: 0 -2px;
}
.widget.widget_flickr .photocontainer, .widget.widget_dribbble .photocontainer, .widget.thb_pinterest_widget .photocontainer {
display: flex;
flex-wrap: wrap;
}
.widget.widget_flickr .photocontainer .overlay-effect, .widget.widget_dribbble .photocontainer .overlay-effect, .widget.thb_pinterest_widget .photocontainer .overlay-effect {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
-webkit-transition: all 0.2s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out false;
will-change: opacity;
padding: 0 2px 4px;
display: flex;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.widget.widget_flickr .photocontainer .overlay-effect figure, .widget.widget_dribbble .photocontainer .overlay-effect figure, .widget.thb_pinterest_widget .photocontainer .overlay-effect figure {
display: block;
height: 0;
width: 100%;
padding-bottom: 100%;
position: relative;
}
.widget.widget_flickr .photocontainer .overlay-effect figure > a, .widget.widget_dribbble .photocontainer .overlay-effect figure > a, .widget.thb_pinterest_widget .photocontainer .overlay-effect figure > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widget.widget_flickr .photocontainer .overlay-effect:hover, .widget.widget_dribbble .photocontainer .overlay-effect:hover, .widget.thb_pinterest_widget .photocontainer .overlay-effect:hover {
opacity: 1;
}
.widget.widget_flickr .pin_link, .widget.widget_dribbble .pin_link, .widget.thb_pinterest_widget .pin_link {
display: block;
margin-top: 20px;
text-transform: uppercase;
text-align: left;
font-size: 11px;
font-weight: 600;
}
.widget.widget_latestlist ul li {
padding-top: 0;
padding-bottom: 20px;
}
.widget.widget_latestlist ul li .post-author {
margin: 0;
color: #a7a7a7;
font-size: 10px;
}
.widget.widget_latestlist ul li .post-title h6 {
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin: 0 0 5px;
}
.widget.widget_latestlist ul li .post-content p {
margin: 0;
}
.widget.widget_subscribe_widget {
text-align: center;
}
.widget.widget_subscribe_widget p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
}
.widget.widget_subscribe_widget input[type=text] {
height: 40px;
width: 100%;
}
.widget.widget_subscribe_widget .newsletter-form-container {
position: relative;
z-index: 2;
}
.widget.widget_subscribe_widget .newsletter-container.light-text {
color: #fff;
}
.widget.widget_subscribe_widget .newsletter-container.has-image {
position: relative;
overflow: hidden;
padding: 20px 15px;
}
@media only screen and (min-width: 40.0625em) {
.widget.widget_subscribe_widget .newsletter-container.has-image {
padding: 40px 30px;
}
}
.widget.widget_subscribe_widget .newsletter-container.has-image .parallax_bg {
position: absolute;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
z-index: -1;
}
.widget.widget_about {
text-align: center;
}
.widget.widget_about figure {
display: block;
text-align: center;
margin-bottom: 30px;
}
.widget.widget_about figure img {
display: inline-block;
max-width: 100%;
}
.widget.widget_about p {
font-size: 14px;
line-height: 1.6;
display: block;
padding: 0 10%;
}
.widget.widget_about p > img {
margin-top: 20px;
}
.widget.widget_socialicons {
text-align: center;
}
.widget.widget_socialicons li {
padding: 0;
border: 0;
}
.widget.widget_socialicons ul li a {
font-size: 20px;
display: inline-block;
}
.widget.widget_socialicons .social-icons-style2 {
margin: 0;
padding: 0 20px;
}
.widget.widget_socialicons .social-icons-style2 .social {
display: inline-flex;
background: #222;
width: 52px;
height: 52px;
justify-content: center;
align-items: center;
color: #fff !important;
border-radius: 26px;
margin-bottom: 20px;
}
.widget.widget_socialicons .social-icons-style2 .social.facebook:hover {
background: #3b5998;
}
.widget.widget_socialicons .social-icons-style2 .social.google:hover {
background: #dd4b39;
}
.widget.widget_socialicons .social-icons-style2 .social.google-plus:hover {
background: #dd4b39;
}
.widget.widget_socialicons .social-icons-style2 .social.linkedin:hover {
background: #007bb6;
}
.widget.widget_socialicons .social-icons-style2 .social.vkontakte:hover {
background: #45668e;
}
.widget.widget_socialicons .social-icons-style2 .social.pinterest:hover {
background: #bd081c;
}
.widget.widget_socialicons .social-icons-style2 .social.whatsapp:hover {
background: #25d366;
}
.widget.widget_socialicons .social-icons-style2 .social.twitter:hover {
background: #222222;
}
.widget.widget_socialicons .social-icons-style2 .social.instagram:hover {
background: #3f729b;
}
.widget.widget_socialicons .social-icons-style2 .social.vk:hover {
background: #45668e;
}
.widget.widget_socialicons .social-icons-style2 .social.tumblr:hover {
background: #35465c;
}
.widget.widget_socialicons .social-icons-style2 .social.xing:hover {
background: #cfdc00;
}
.widget.widget_socialicons .social-icons-style2 .social.soundcloud:hover {
background: #f80;
}
.widget.widget_socialicons .social-icons-style2 .social.dribbble:hover {
background: #ea4c89;
}
.widget.widget_socialicons .social-icons-style2 .social.youtube:hover {
background: #e52d27;
}
.widget.widget_socialicons .social-icons-style2 .social.spotify:hover {
background: #7ab800;
}
.widget.widget_socialicons .social-icons-style2 .social.behance:hover {
background: #1769ff;
}
.widget.widget_socialicons .social-icons-style2 .social.deviantart:hover {
background: #4e6252;
}
.widget.widget_socialicons .social-icons-style2 .social.snapchat:hover {
background: #fffc00;
}
.widget.widget_socialicons .social-icons-style2 .social.medium:hover {
background: #00ab6c;
}
.widget.widget_socialicons .social-icons-style2 .social.vimeo:hover {
background: #1ab7ea;
}
.widget.widget_socialicons .social-icons-style2 .social.email:hover {
background: #9b9b9b;
}
.widget.widget_socialicons .social-icons-style2 .social.reddit:hover {
background: #ff4500;
}
.widget.widget_socialicons .social-icons-style2 .social.telegram:hover {
background: #0088cc;
}
.widget.widget_price_filter .price_slider {
height: 4px;
background: #eee;
position: relative;
margin-bottom: 25px;
margin-top: 10px;
}
.widget.widget_price_filter .price_slider .ui-slider-range {
height: 4px;
background: #0cbf69;
position: absolute;
}
.widget.widget_price_filter .price_slider .ui-slider-handle {
display: block;
position: absolute;
outline: 0;
top: -4px;
width: 12px;
height: 12px;
border-radius: 6px;
background: #fff;
border: 3px solid #0cbf69;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.widget.widget_price_filter .price_slider_amount .button {
float: right;
font-size: 12px;
font-weight: 700;
padding: 1px 0;
border: 0;
color: #0cbf69;
background: transparent;
height: auto;
text-transform: uppercase;
}
.widget.widget_price_filter .price_slider_amount .button:hover {
background: transparent !important;
color: #222;
}
.widget.widget_price_filter .price_slider_amount .price_label {
float: left;
line-height: 14px;
font-size: 12px;
text-transform: uppercase;
color: #222;
}
.widget.widget_price_filter .price_slider_amount .price_label span {
font-weight: 700;
} .overlay-effect {
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
max-height: 100%;
height: 100%;
}
.overlay-effect.fresco {
display: block;
}
.overlay-effect img {
width: 100%;
line-height: 0;
}
.overlay-effect .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
background: rgba(234, 120, 85, 0.9);
text-align: center;
opacity: 0;
padding: 30px;
}
.overlay-effect .overlay > div {
display: table;
width: 100%;
height: 100%;
}
.overlay-effect .overlay > div > div {
display: table-cell;
vertical-align: middle;
}
.overlay-effect .overlay .post-title {
margin-top: 0;
}
.overlay-effect .overlay .post-title h3 {
color: #fff;
}
.overlay-effect .overlay .post-content {
color: #fff;
}
.overlay-effect .overlay .post-content p {
margin-bottom: 30px;
}
.overlay-effect .overlay .post-meta {
color: #fff;
}
.overlay-effect .buttons {
text-align: center;
}
.overlay-effect { } .product_list_widget {
list-style: none;
margin: 0;
}
.product_list_widget .remove {
display: flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
font-size: 14px;
font-weight: 400;
position: absolute;
top: 0;
right: 0;
}
.rtl .product_list_widget .remove {
right: auto;
left: 0;
}
.product_list_widget li {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 0;
white-space: normal;
}
.product_list_widget li.empty {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #222;
margin: 30px 0;
}
.product_list_widget li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.product_list_widget a {
display: block;
font-weight: 400;
color: #222;
opacity: 1;
text-transform: none;
font-size: 16px;
}
.product_list_widget a:before {
display: none;
}
.product_list_widget a .wp-post-image,
.product_list_widget a .attachment-woocommerce_thumbnail {
max-width: 65px;
margin-right: 15px;
float: left;
}
.rtl .product_list_widget a .wp-post-image,
.rtl .product_list_widget a .attachment-woocommerce_thumbnail {
float: right;
margin-right: 0;
margin-left: 15px;
}
.product_list_widget a .product-title {
display: block;
margin-bottom: 0;
font-size: 14px;
}
.product_list_widget .woocommerce-Price-amount {
color: rgba(34, 34, 34, 0.7);
font-size: 12px;
}
.product_list_widget .quantity {
margin-top: 5px;
font-size: 12px;
color: rgba(34, 34, 34, 0.7);
}  .slick {
max-width: 100%;
height: 300px;
position: relative;
overflow: hidden;
}
.slick:after {
top: 50%;
margin-top: -19px;
bottom: auto;
}
.slick .post {
visibility: hidden;
}
.slick.slick-initialized {
height: auto;
overflow: visible;
}
.slick.slick-initialized .post {
visibility: visible;
}
.slick.slick-initialized .slick-list {
opacity: 1;
}
.slick.slick-initialized:after {
display: none;
}
.slick.equal-height .slick-track {
display: flex;
}
.slick.equal-height.slick-initialized .slick-slide {
height: auto;
display: flex;
flex: 1;
}
.slick.vertical-video .slick-list {
height: auto !important;
}
.slick.dark-pagination .slick-dots li button {
background: rgba(0, 0, 0, 0.2);
}
.slick.dark-pagination .slick-dots li.slick-active button {
background: black;
}
.slick.dark-pagination.bottom-margin {
margin-bottom: 30px;
}
.slick.dark-pagination.bottom-margin .slick-dots {
padding-bottom: 0;
bottom: -30px;
height: 15px;
}
.slick.mini-columns .columns {
padding: 0 2px;
}
.slick.overflow-visible .slick-list {
overflow: visible;
}
.slick.overflow-visible .slick-list .slick-slide {
opacity: 0.4;
pointer-events: none;
-webkit-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slick.overflow-visible .slick-list .slick-slide.slick-active {
opacity: 1;
pointer-events: auto;
}
.slick.featured-style8 {
background: #222;
}
.slick.featured-style14 {
background: #131313;
}
.slick.featured-style14 .slick-nav svg {
margin: 0 !important;
}
.slick.fly-nav .slick-nav {
opacity: 0;
}
.slick.fly-nav:hover .slick-nav {
opacity: 1;
}
.slick.post-carousel-style7 {
margin: 0 -1px;
}
.slick.post-carousel-style7 .slick-track {
display: flex;
}
.slick.post-carousel-style7.slick-initialized .slick-slide {
height: auto;
display: flex;
flex: 1;
}
.slick.post-carousel-style7 .post {
width: 100%;
display: flex;
flex-direction: column;
margin: 0 1px;
}
.slick.post-carousel-style7 .post .featured-title {
flex: 1;
}
.slick.post-carousel-style8 .slick-slide:hover {
box-shadow: inset 0 -4px 0 0 #222;
}
.slick.post-carousel-style11 .slick-track {
display: flex;
}
.slick.post-carousel-style11.slick-initialized .slick-slide {
height: auto;
display: flex;
flex: 1;
}
.slick.post-carousel-style12 .slick-slide {
padding: 0 10px;
}
.slick.flex .slick-track {
display: flex;
}
.slick.flex .slick-slide {
height: auto;
flex: 1;
}
.slick.outset-nav {
padding: 0 50px;
}
.slick.outset-nav.featured-style-carousel {
background: #f4f4f4;
height: 100%;
}
.slick.outset-nav.post-carousel-style5 .slick-nav {
height: 100%;
}
.slick.outset-nav .slick-nav {
border: 0;
top: 0;
margin: 0;
width: 50px;
visibility: visible;
background: transparent;
}
.slick.outset-nav .slick-nav svg {
fill: #222;
}
.slick.outset-nav .slick-nav.slick-prev {
left: 0;
padding-left: 15px;
justify-content: flex-start;
}
.slick.outset-nav .slick-nav.slick-next {
right: 0;
padding-right: 15px;
justify-content: flex-end;
}
.slick.outset-nav .slick-nav:hover {
background: transparent;
}
.slick:not(.outset-nav) .slick-nav svg {
margin: 0 auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.slick:not(.outset-nav) .slick-nav svg {
margin: 0;
}
}
.slick.bottom-left-nav .slick-nav {
position: absolute;
top: auto;
left: 15px;
bottom: 8%;
z-index: 99;
}
.slick.bottom-left-nav .slick-nav.slick-next {
left: 65px;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
opacity: 0;
-webkit-transition: opacity 0.25s linear;
-moz-transition: opacity 0.25s linear;
-o-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
will-change: transform;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
position: relative;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide > a {
display: block;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-nav {
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
position: absolute;
top: 50%;
background: #fff;
width: 46px;
height: 46px;
line-height: 1;
margin-top: -23px;
outline: 0;
color: #fff;
font-size: 20px;
padding: 0;
cursor: pointer;
z-index: 10;
}
.slick-nav.slick-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.slick-nav.slick-prev {
left: 40px;
}
.slick-nav.slick-prev .thb-arrow-head {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.slick-nav.slick-prev .thb-arrow-line {
-webkit-transform-origin: 100% center;
-moz-transform-origin: 100% center;
-ms-transform-origin: 100% center;
-o-transform-origin: 100% center;
transform-origin: 100% center;
-webkit-transform: translateX(4px) scale(0, 1);
-moz-transform: translateX(4px) scale(0, 1);
-ms-transform: translateX(4px) scale(0, 1);
-o-transform: translateX(4px) scale(0, 1);
transform: translateX(4px) scale(0, 1);
}
.slick-nav.slick-prev:not(.slick-disabled):hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.slick-nav.slick-prev:not(.slick-disabled):hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.slick-nav.slick-next {
right: 40px;
}
.slick-nav.slick-next .thb-arrow-head {
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px);
}
.slick-nav.slick-next .thb-arrow-line {
-webkit-transform-origin: 0 center;
-moz-transform-origin: 0 center;
-ms-transform-origin: 0 center;
-o-transform-origin: 0 center;
transform-origin: 0 center;
-webkit-transform: translateX(-4px) scale(0, 1);
-moz-transform: translateX(-4px) scale(0, 1);
-ms-transform: translateX(-4px) scale(0, 1);
-o-transform: translateX(-4px) scale(0, 1);
transform: translateX(-4px) scale(0, 1);
}
.slick-nav.slick-next:not(.slick-disabled):hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.slick-nav.slick-next:not(.slick-disabled):hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.slick-nav svg {
fill: #222;
stroke-width: 0;
}
.slick-nav:hover {
background: #ef2673;
color: #fff;
}
.slick-nav:hover svg {
fill: #fff;
}
@media only screen and (min-width: 40.0625em) {
.slick-nav {
visibility: visible;
}
}
.slick-dots {
position: absolute;
bottom: 5%;
text-align: center;
width: 100%;
}
.featured-style3 .slick-dots {
bottom: 0;
}
@media only screen and (min-width: 40.0625em) {
.featured-style3 .slick-dots {
bottom: 40px;
}
}
.featured-style2 .slick-dots {
bottom: auto;
top: 5%;
}
.featured-style5 .slick-dots {
bottom: 10px;
}
.slick-dots li {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.slick-dots li button {
display: block;
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.2);
border-radius: 5px;
margin: 0 3px;
text-indent: -9999px;
padding: 0;
outline: 0;
cursor: pointer;
}
.slick-dots li.slick-active button {
background: white;
}
.featured-style9 .slick-dots {
position: static;
}
.post-title-bullets {
display: none;
position: absolute;
top: 50%;
right: 30px;
text-align: left;
list-style: none;
margin: 0;
z-index: 5;
max-width: 320px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 64.0625em) {
.post-title-bullets {
display: block;
}
}
.post-title-bullets li button {
display: block;
outline: 0;
color: #fff;
position: relative;
text-align: left;
padding: 15px 0 15px 55px;
padding-left: 55px;
}
.post-title-bullets li button span {
position: absolute;
top: 50%;
left: 0;
z-index: 10;
margin-top: -17px;
width: 34px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 12px;
font-weight: 600;
background: transparent;
border-radius: 17px;
border: 2px solid #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-title-bullets li button h6 {
color: #fff;
}
.post-title-bullets li button .thb-post-top {
margin-bottom: 10px;
}
.post-title-bullets li button .post-meta {
font-size: 10px;
}
.post-title-bullets li.slick-active button span {
color: #222;
border-width: 17px;
}
.bottom-right-nav-arrows {
position: absolute;
bottom: 0;
right: 0;
height: 51px;
display: flex;
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.bottom-right-nav-arrows {
width: 33.33%;
height: 71px;
}
}
.bottom-right-nav-arrows .slick-nav {
width: 50%;
position: static;
margin: 0;
visibility: visible;
background: transparent;
height: 50px;
border-top: 1px solid #262626;
}
@media only screen and (min-width: 40.0625em) {
.bottom-right-nav-arrows .slick-nav {
height: 70px;
}
}
.bottom-right-nav-arrows .slick-nav .arrow-text {
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
.bottom-right-nav-arrows .slick-nav.slick-prev .arrow-text {
margin-left: 8px;
}
.bottom-right-nav-arrows .slick-nav.slick-next {
border-left: 1px solid #262626;
}
.bottom-right-nav-arrows .slick-nav.slick-next .arrow-text {
margin-right: 8px;
}
.bottom-right-nav-arrows .slick-nav svg {
fill: rgba(255, 255, 255, 0.4);
margin: 0 !important;
}
.bottom-right-nav-arrows .slick-nav:hover {
background: #262626;
}
.slick[data-center=true] .slick-list {
padding: 0 15px;
}
@media only screen and (min-width: 40.0625em) {
.slick[data-center=true] .slick-list {
padding: 0 30px;
}
}
@media only screen and (min-width: 64.0625em) {
.slick[data-center=true] .slick-list {
padding: 0 50px;
}
}
.slick.overflow-visible-only .slick-list {
overflow: visible;
}  form {
margin: 0;
}
form fieldset {
padding: 0;
margin: 0;
border: 0;
} .btn,
.btn:focus,
.button,
input[type=submit] {
font-size: 12px;
line-height: 1;
font-weight: 600;
padding: 14px 25px;
height: 40px;
margin-bottom: 0;
display: inline-block;
cursor: pointer;
outline: 0;
color: #fff;
background: #222;
text-transform: uppercase;
text-decoration: none;
text-shadow: none !important;
text-align: center;
overflow: hidden;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.btn .icon,
.btn:focus .icon,
.button .icon,
input[type=submit] .icon {
margin-right: 10px;
}
.btn .icon i,
.btn:focus .icon i,
.button .icon i,
input[type=submit] .icon i {
display: inline-block;
}
.btn:hover,
.btn:focus:hover,
.button:hover,
input[type=submit]:hover {
color: #fff;
background: #ef2673;
}
.btn:active,
.btn:focus:active,
.button:active,
input[type=submit]:active {
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);
}
.btn.disabled,
.btn:focus.disabled,
.button.disabled,
input[type=submit].disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.6;
}
.btn.accent,
.btn:focus.accent,
.button.accent,
input[type=submit].accent {
background: #ef2673;
}
.btn.accent:hover,
.btn:focus.accent:hover,
.button.accent:hover,
input[type=submit].accent:hover {
background: rgb(234.2296137339, 17.2703862661, 100.3841201717);
}
.btn.white,
.btn:focus.white,
.button.white,
input[type=submit].white {
background: #fff;
color: #222;
}
.btn.white:hover,
.btn:focus.white:hover,
.button.white:hover,
input[type=submit].white:hover {
background: #222;
color: #fff;
}
.btn.border-radius-small,
.btn:focus.border-radius-small,
.button.border-radius-small,
input[type=submit].border-radius-small {
border-radius: 3px;
}
.btn.pill-radius,
.btn:focus.pill-radius,
.button.pill-radius,
input[type=submit].pill-radius {
border-radius: 500px;
}
.btn.mini,
.btn:focus.mini,
.button.mini,
input[type=submit].mini {
font-size: 10px;
line-height: 10px;
padding: 6px 8px 5px;
vertical-align: middle;
height: auto;
}
.btn.small,
.btn:focus.small,
.button.small,
input[type=submit].small {
font-size: 12px;
line-height: 12px;
padding: 14px 30px;
height: auto;
}
.btn.very-small,
.btn:focus.very-small,
.button.very-small,
input[type=submit].very-small {
height: 32px;
line-height: 32px;
padding: 0 20px;
font-size: 11px;
font-weight: 400;
}
.btn.medium,
.btn:focus.medium,
.button.medium,
input[type=submit].medium {
font-size: 11px;
padding: 8px 15px;
height: auto;
}
.btn.large,
.btn:focus.large,
.button.large,
input[type=submit].large {
font-size: 14px;
line-height: 14px;
padding: 21px 40px;
height: 58px;
}
.btn.right,
.btn:focus.right,
.button.right,
input[type=submit].right {
float: right;
}
.btn.full,
.btn:focus.full,
.button.full,
input[type=submit].full {
width: 100%;
}
.btn.green, .btn.single_add_to_cart_button,
.btn:focus.green,
.btn:focus.single_add_to_cart_button,
.button.green,
.button.single_add_to_cart_button,
input[type=submit].green,
input[type=submit].single_add_to_cart_button {
background: #41d48d;
color: #fff;
}
.btn.green:hover, .btn.single_add_to_cart_button:hover,
.btn:focus.green:hover,
.btn:focus.single_add_to_cart_button:hover,
.button.green:hover,
.button.single_add_to_cart_button:hover,
input[type=submit].green:hover,
input[type=submit].single_add_to_cart_button:hover {
background: rgb(41.7081545064, 184.2918454936, 115.4248927039);
}
.btn.transparent-black,
.btn:focus.transparent-black,
.button.transparent-black,
input[type=submit].transparent-black {
background: transparent;
border: 1px solid #222;
color: #222;
}
.btn.transparent-black:hover,
.btn:focus.transparent-black:hover,
.button.transparent-black:hover,
input[type=submit].transparent-black:hover {
background: #222;
color: #fff;
}
.btn.transparent-accent,
.btn:focus.transparent-accent,
.button.transparent-accent,
input[type=submit].transparent-accent {
background: transparent;
border: 1px solid #ef2673;
color: #ef2673;
}
.btn.transparent-accent:hover,
.btn:focus.transparent-accent:hover,
.button.transparent-accent:hover,
input[type=submit].transparent-accent:hover {
background: #ef2673;
color: #fff;
}
.btn.transparent-white,
.btn:focus.transparent-white,
.button.transparent-white,
input[type=submit].transparent-white {
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn.transparent-white:hover,
.btn:focus.transparent-white:hover,
.button.transparent-white:hover,
input[type=submit].transparent-white:hover {
background: #fff;
color: #222;
}
.thb-rounded-forms-on .btn,
.thb-rounded-forms-on .btn:focus,
.thb-rounded-forms-on .button,
.thb-rounded-forms-on input[type=submit] {
border-radius: 3px;
} input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
border: 0;
padding: 14px 15px;
margin: 0 0 20px;
height: 40px;
color: #222;
font-size: 12px;
max-width: 100%;
outline: 0;
height: 40px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text].parsley-error, input[type=text].wpcf7-not-valid,
input[type=password].parsley-error,
input[type=password].wpcf7-not-valid,
input[type=date].parsley-error,
input[type=date].wpcf7-not-valid,
input[type=datetime].parsley-error,
input[type=datetime].wpcf7-not-valid,
input[type=email].parsley-error,
input[type=email].wpcf7-not-valid,
input[type=number].parsley-error,
input[type=number].wpcf7-not-valid,
input[type=search].parsley-error,
input[type=search].wpcf7-not-valid,
input[type=tel].parsley-error,
input[type=tel].wpcf7-not-valid,
input[type=time].parsley-error,
input[type=time].wpcf7-not-valid,
input[type=url].parsley-error,
input[type=url].wpcf7-not-valid,
textarea.parsley-error,
textarea.wpcf7-not-valid {
-webkit-box-shadow: 0 0 3px #cb2027;
-moz-box-shadow: 0 0 3px #cb2027;
box-shadow: 0 0 3px #cb2027;
}
input[type=text].full, .form-row input[type=text],
input[type=password].full,
.form-row input[type=password],
input[type=date].full,
.form-row input[type=date],
input[type=datetime].full,
.form-row input[type=datetime],
input[type=email].full,
.form-row input[type=email],
input[type=number].full,
.form-row input[type=number],
input[type=search].full,
.form-row input[type=search],
input[type=tel].full,
.form-row input[type=tel],
input[type=time].full,
.form-row input[type=time],
input[type=url].full,
.form-row input[type=url],
textarea.full,
.form-row textarea {
width: 100%;
}
input[type=text].small,
input[type=password].small,
input[type=date].small,
input[type=datetime].small,
input[type=email].small,
input[type=number].small,
input[type=search].small,
input[type=tel].small,
input[type=time].small,
input[type=url].small,
textarea.small {
padding: 11px 13px;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
color: #767676;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
color: #767676;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #767676;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #767676;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
border: 1px solid #737373;
background: #fff;
}
.dark input[type=text],
.dark input[type=password],
.dark input[type=date],
.dark input[type=datetime],
.dark input[type=email],
.dark input[type=number],
.dark input[type=search],
.dark input[type=tel],
.dark input[type=time],
.dark input[type=url],
.dark textarea {
background: rgba(255, 255, 255, 0.08);
color: #fff;
border: 0;
}
.dark input[type=text]:-moz-placeholder,
.dark input[type=password]:-moz-placeholder,
.dark input[type=date]:-moz-placeholder,
.dark input[type=datetime]:-moz-placeholder,
.dark input[type=email]:-moz-placeholder,
.dark input[type=number]:-moz-placeholder,
.dark input[type=search]:-moz-placeholder,
.dark input[type=tel]:-moz-placeholder,
.dark input[type=time]:-moz-placeholder,
.dark input[type=url]:-moz-placeholder,
.dark textarea:-moz-placeholder {
color: #565656;
}
.dark input[type=text]::-moz-placeholder,
.dark input[type=password]::-moz-placeholder,
.dark input[type=date]::-moz-placeholder,
.dark input[type=datetime]::-moz-placeholder,
.dark input[type=email]::-moz-placeholder,
.dark input[type=number]::-moz-placeholder,
.dark input[type=search]::-moz-placeholder,
.dark input[type=tel]::-moz-placeholder,
.dark input[type=time]::-moz-placeholder,
.dark input[type=url]::-moz-placeholder,
.dark textarea::-moz-placeholder {
color: #565656;
}
.dark input[type=text]:-ms-input-placeholder,
.dark input[type=password]:-ms-input-placeholder,
.dark input[type=date]:-ms-input-placeholder,
.dark input[type=datetime]:-ms-input-placeholder,
.dark input[type=email]:-ms-input-placeholder,
.dark input[type=number]:-ms-input-placeholder,
.dark input[type=search]:-ms-input-placeholder,
.dark input[type=tel]:-ms-input-placeholder,
.dark input[type=time]:-ms-input-placeholder,
.dark input[type=url]:-ms-input-placeholder,
.dark textarea:-ms-input-placeholder {
color: #565656;
}
.dark input[type=text]::-webkit-input-placeholder,
.dark input[type=password]::-webkit-input-placeholder,
.dark input[type=date]::-webkit-input-placeholder,
.dark input[type=datetime]::-webkit-input-placeholder,
.dark input[type=email]::-webkit-input-placeholder,
.dark input[type=number]::-webkit-input-placeholder,
.dark input[type=search]::-webkit-input-placeholder,
.dark input[type=tel]::-webkit-input-placeholder,
.dark input[type=time]::-webkit-input-placeholder,
.dark input[type=url]::-webkit-input-placeholder,
.dark textarea::-webkit-input-placeholder {
color: #565656;
}
.thb-rounded-forms-on input[type=text],
.thb-rounded-forms-on input[type=password],
.thb-rounded-forms-on input[type=date],
.thb-rounded-forms-on input[type=datetime],
.thb-rounded-forms-on input[type=email],
.thb-rounded-forms-on input[type=number],
.thb-rounded-forms-on input[type=search],
.thb-rounded-forms-on input[type=tel],
.thb-rounded-forms-on input[type=time],
.thb-rounded-forms-on input[type=url],
.thb-rounded-forms-on textarea {
border-radius: 3px;
}
.wpcf7-response-output {
padding: 18px 22px !important;
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7-response-output {
float: left;
width: 100%;
}
label {
display: inline-block;
clear: left;
font-size: 12px;
color: #222;
margin: 0 0 10px;
line-height: 12px;
font-weight: 600;
text-transform: uppercase;
}
label abbr,
label .required {
text-decoration: none;
border: 0;
vertical-align: super;
font-size: 10px;
opacity: 0.6;
border: none;
}
textarea {
height: auto;
min-height: 162px;
resize: none;
overflow: auto;
}
.wpcf7-form textarea {
min-height: 200px;
}
.select-wrapper {
position: relative;
display: inline-block;
margin-bottom: 15px;
outline: 0;
min-width: 170px;
border: 1px solid #eaeaea;
color: #222;
}
.select-wrapper:after {
content: " ";
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjYuN3B4IiB2aWV3Qm94PSIwIDAgOCA0LjcwNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy45OTggNC43MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCQ0KCQkJPHJlY3QgeD0iMS44NTQiIHk9Ii0wLjQ3NSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC45NzQ3IDIuMzUzNCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iMSIgaGVpZ2h0PSI1LjY1NyIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQkNCgkJCTxyZWN0IHg9IjIuODE3IiB5PSIxLjg1NCIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC4wMTA3IDQuNjgxMSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iNS42NTciIGhlaWdodD0iMSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat;
display: block;
width: 12px;
height: 7px;
position: absolute;
top: 20px;
right: 15px;
line-height: 1;
}
.rtl .select-wrapper select {
padding: 0 17px 0 34px;
}
.rtl .select-wrapper:after {
right: auto;
left: 15px;
}
.select-wrapper select {
display: block;
font-size: 14px;
font-weight: 400;
height: 40px;
padding: 0 34px 0 17px;
border: 0;
background: #fff;
color: #222;
outline: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
text-indent: 0.01px;
text-overflow: "";
-moz-appearance: radio-container;
}
.shipping-calculator-form .select-wrapper {
width: 100%;
} @-moz-document url-prefix() {
.select-wrapper:after {
display: none;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-wrapper:after {
display: none;
}
} .custom_check {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.custom_check + .custom_label {
display: block !important;
float: left;
font-size: 14px;
margin: 0;
padding: 0 0 0 30px;
min-height: 16px;
line-height: 16px;
position: relative;
text-transform: none;
}
.custom_check + .custom_label:before {
content: "";
display: block;
width: 16px;
height: 16px;
border: 1px solid #e5e5e5;
position: absolute;
background: #fff;
top: 0;
left: 0;
}
.custom_check + .custom_label:hover:before {
border-color: #ef2673;
}
.custom_check + .custom_label:after {
content: "";
width: 10px;
height: 10px;
background: #ef2673;
position: absolute;
top: 3px;
left: 3px;
opacity: 0;
}
.custom_check:checked + .custom_label:after {
opacity: 1;
}
input[type=radio].custom_check + .custom_label:before,
input[type=radio].custom_check + .custom_label:after {
border-radius: 8px;
} .form-row.woocommerce-invalid-required-field .select2-container .select2-choice {
border-color: #e76049;
}
.select2-container.select2-container--default {
margin-bottom: 25px;
clear: left;
font-size: 14px;
height: 40px;
}
.select2-container.select2-container--default .select2-selection__arrow:before {
content: "\f107";
display: block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.select2-container.select2-container--default .select2-selection__arrow b {
display: none;
}
.select2-container.select2-container--default.select2-container--open .select2-selection--single {
border-color: #222;
}
.select2-container.select2-container--default .select2-selection--single {
border-radius: 0;
border-color: rgba(0, 0, 0, 0.1);
height: 40px;
line-height: 40px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 40px;
line-height: 40px;
padding-left: 16px;
}
.select2-dropdown {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #222;
}
.rtl .select2-dropdown {
left: auto;
right: -9999px;
}
.select2-dropdown.select2-drop-active {
border-color: #222;
}
.select2-dropdown.select2-drop-active.select2-drop-above {
border-top-color: #222;
}
.select2-dropdown .select2-search {
padding: 8px;
}
.select2-dropdown .select2-search input {
background: #fff !important;
margin-bottom: 5px;
}
.select2-dropdown .select2-results {
background: #fff;
font-size: 14px;
}
.select2-dropdown .select2-results .select2-results__option {
margin: 0;
height: 40px;
line-height: 40px;
padding: 0 16px;
white-space: nowrap;
}
.select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
background: rgba(0, 0, 0, 0.1);
}
.select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {
background: #222;
border-radius: 0;
color: #fff;
}
.select2-container-single .select2-search input[type=text] {
background: #fff !important;
}
.select2-container-single .select2-search input[type=text] {
background: #fff !important;
} .thb-custom-checkbox {
line-height: 1;
padding-top: 20px;
}
.thb-custom-checkbox input[type=checkbox] {
opacity: 0;
display: none;
}
.thb-custom-checkbox input[type=checkbox]:checked + label:before {
background: #222;
content: "\f00c";
opacity: 1;
}
.thb-custom-checkbox label {
position: relative;
display: inline-block;
padding-left: 22px;
line-height: 12px;
font-size: 12px;
margin: 0;
text-transform: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rtl .thb-custom-checkbox label {
padding-left: 0;
padding-right: 22px;
}
.thb-custom-checkbox label:before {
position: absolute;
top: 50%;
left: 0;
font-family: "FontAwesome";
content: "";
color: #fff;
width: 12px;
font-size: 8px;
height: 12px;
margin-top: -6px;
border: 1px solid #222;
background: transparent;
display: inline-flex;
justify-content: center;
align-items: center;
opacity: 0.6;
}
.rtl .thb-custom-checkbox label:before {
left: auto;
right: 0;
} .wp-video {
max-width: 100%;
}
.wp-video iframe,
.wp-video video {
max-width: 100%;
height: auto;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter,
.bypostauthor {
color: inherit;
}
.alignright {
float: none;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.alignright {
float: right;
margin: 0 0 0 40px;
}
}
.alignleft {
float: none;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.alignleft {
float: left;
margin: 0 40px 0 0;
}
}
.alignright img,
.alignleft img,
.aligncenter img {
max-width: 100%;
}
img.center {
margin: 0 auto;
display: block;
}
img.full {
width: 100%;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption {
position: relative;
max-width: 100%;
}
.wp-caption .wp-caption-text {
display: block;
margin: 0;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #767676;
padding: 13px 0 26px;
}
.gallery {
display: block;
margin: 0 auto;
float: left;
clear: both;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery .gallery-item {
display: inline-block;
width: 100%;
padding: 0 1px 1px 0;
margin: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-delay: 0s;
-moz-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) false;
}
.gallery .gallery-item:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.gallery .gallery-item img {
width: 100%;
max-width: 100%;
}
.gallery .gallery-item .gallery-icon a:not(.thb-pin-it) {
line-height: 0;
display: block;
width: 100%;
}
.gallery .gallery-item .gallery-icon {
margin: 0;
}
.gallery .gallery-item .gallery-caption {
display: none;
}
.more-link {
display: inline-block;
font-weight: 600;
color: #222;
text-transform: uppercase;
font-size: 11px;
text-align: center;
}
.more-link:after {
content: "›";
display: inline-block;
margin-left: 7px;
}
[class^=tag-link],
.tag-cloud-link {
display: inline-block;
background: #f4f4f4;
color: #8e8e8e;
font-size: 10px;
padding: 9px 12px;
margin: 0 0px 3px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 400;
border: 0;
}
[class^=tag-link]:hover,
.tag-cloud-link:hover {
background: #ef2673;
color: #fff;
}
.searchform {
margin: 0;
}
.searchform fieldset {
position: relative;
border: 0;
}
.searchform input {
margin-bottom: 0;
box-sizing: border-box;
width: 100%;
}
.searchform input[type=submit],
.searchform button {
display: none;
}
q, blockquote p {
font-size: 26px;
font-weight: 400;
color: #ef2673;
line-height: 36px !important;
margin: 0;
}
cite {
font-weight: 400;
font-size: 16px;
color: #ef2673;
font-style: normal;
line-height: 1;
margin-top: 20px;
text-transform: uppercase;
}
cite:before {
display: none;
}
blockquote {
position: relative;
clear: both;
text-align: center;
border: 0;
padding: 35px 25px;
margin: 25px 0;
}
blockquote:before {
content: "";
display: block;
width: 60%;
height: 2px;
background: rgba(239, 38, 115, 0.2);
position: absolute;
top: 0;
left: 20%;
}
blockquote:after {
content: "";
display: block;
width: 60%;
height: 2px;
background: rgba(239, 38, 115, 0.2);
position: absolute;
bottom: 0;
left: 20%;
}
blockquote p {
text-rendering: auto;
}
blockquote.left, blockquote.pullleft {
float: left;
width: 40%;
margin: 5px 30px 30px 0;
}
@media only screen and (max-width: 40.0625em) {
blockquote.left, blockquote.pullleft {
margin-right: 0;
width: 100%;
}
}
blockquote.right, blockquote.pullright {
float: right;
width: 40%;
margin: 5px 0 30px 30px;
}
@media only screen and (max-width: 40.0625em) {
blockquote.right, blockquote.pullright {
margin-left: 0;
width: 100%;
}
} table:not(.variations):not(.shop_table):not(.group_table) {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 0;
}
table:not(.variations):not(.shop_table):not(.group_table) thead,
table:not(.variations):not(.shop_table):not(.group_table) tbody,
table:not(.variations):not(.shop_table):not(.group_table) tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe;
}
table:not(.variations):not(.shop_table):not(.group_table) caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
}
table:not(.variations):not(.shop_table):not(.group_table) thead {
background: #f8f8f8;
color: #0a0a0a;
}
table:not(.variations):not(.shop_table):not(.group_table) tfoot {
background: #f1f1f1;
color: #0a0a0a;
}
table:not(.variations):not(.shop_table):not(.group_table) thead tr,
table:not(.variations):not(.shop_table):not(.group_table) tfoot tr {
background: transparent;
}
table:not(.variations):not(.shop_table):not(.group_table) thead th,
table:not(.variations):not(.shop_table):not(.group_table) thead td,
table:not(.variations):not(.shop_table):not(.group_table) tfoot th,
table:not(.variations):not(.shop_table):not(.group_table) tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left;
}
table:not(.variations):not(.shop_table):not(.group_table) tbody th,
table:not(.variations):not(.shop_table):not(.group_table) tbody td {
padding: 0.5rem 0.625rem 0.625rem;
}
table:not(.variations):not(.shop_table):not(.group_table) tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1;
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background: transparent !important;
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes thead,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tfoot {
border-left: 0 !important;
border-right: 0 !important;
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody tr:nth-child(even) {
background: #f7f7f7;
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular thead,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tfoot {
border-color: rgba(0, 0, 0, 0.2);
} .has-thb-accent-background-color {
background-color: #ef2673;
}
.has-thb-accent-color {
color: #ef2673;
}
.has-thb-accent-color p {
color: #ef2673;
}
.wp-block-pullquote {
padding: 0;
}
.wp-block-button .wp-block-button__link.has-thb-accent-background-color {
background-color: #ef2673;
}
.wp-block-button .wp-block-button__link.has-thb-accent-color {
color: #ef2673;
}
.wp-block-button .wp-block-button__link.has-thb-accent-color p {
color: #ef2673;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
}
.alignwide {
position: relative;
}
@media only screen and (min-width: 64.0625em) {
.alignwide {
margin-left: -3%;
margin-right: -3%;
max-width: none;
width: 106%;
}
}
.alignwide { }
@media only screen and (min-width: 64.0625em) {
.post-detail-style3 .alignwide, .post-detail-style4 .alignwide {
margin-left: -170px;
margin-right: -170px;
width: calc(100% + 340px);
}
}
.alignfull {
position: relative;
width: 100vw;
}
@media only screen and (min-width: 64.0625em) {
.alignfull {
max-width: 100vw;
margin-left: calc(50% - 40vw);
width: calc(50% + 40vw);
}
}
.alignfull { }
@media only screen and (min-width: 64.0625em) {
.post-detail-style3 .alignfull, .post-detail-style4 .alignfull {
left: 50%;
right: 50%;
width: 100vw;
margin-left: calc(-50vw - 50px);
margin-right: -50vw;
}
}
.wp-block-image.thb-pin-it-container {
max-width: 100vw;
}
.post-detail ul.wp-block-gallery {
margin-bottom: 1rem;
}
.post-detail ul.wp-block-gallery:not(.alignwide):not(.alignfull) {
margin-left: 0;
}
.post-detail ul.wp-block-gallery .blocks-gallery-image,
.post-detail ul.wp-block-gallery .blocks-gallery-item {
margin-bottom: 1rem;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a.thb-pin-it,
.wp-block-gallery.is-cropped .blocks-gallery-item a.thb-pin-it {
width: 36px;
height: 36px;
}
.wp-block-media-text {
margin-bottom: 1rem;
}
.wp-block-latest-comments {
margin-left: 0;
}
.has-medium-font-size {
font-size: 1.2em;
}
.has-large-font-size {
font-size: 2em;
}
.has-huge-font-size {
font-size: 3em;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
color: #fff;
} .authorpage {
padding: 40px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
margin-bottom: 50px;
max-width: 770px;
}
.authorpage.author_grid {
padding: 0 20px;
border: 0;
}
.authorpage.author_grid .avatar {
display: block;
margin: 0 auto 30px auto;
}
@media only screen and (min-width: 40.0625em) {
.authorpage.author_grid .avatar {
float: none;
margin: 0 auto 30px auto;
}
}
.authorpage.author_grid .author-content {
padding: 0;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
@media only screen and (min-width: 64.0625em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
@media only screen and (min-width: 75.0625em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
.authorpage.author_grid .author-content h5 {
font-size: 20px;
}
.authorpage.author_grid .author-content h4 {
font-size: 16px;
}
.authorpage.author_grid .author-content p {
font-size: 11px;
line-height: 14px;
}
.author-information .authorpage {
border: 0;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.author-information .authorpage .author-content {
padding-left: 84px;
text-align: left;
}
}
@media only screen and (min-width: 64.0625em) {
.author-information .authorpage .author-content {
padding-left: 104px;
}
}
@media only screen and (min-width: 75.0625em) {
.author-information .authorpage .author-content {
padding-left: 144px;
}
}
.author-information .authorpage .author-content h5 {
font-size: 18px;
margin-bottom: 3px;
}
.author-information .authorpage .author-content h4 {
font-size: 14px;
}
.author-information .authorpage .author-content p {
font-size: 11px;
margin-bottom: 10px;
}
.author-information .authorpage .avatar {
width: 54px;
border-radius: 27px;
}
@media only screen and (min-width: 40.0625em) {
.author-information .authorpage .avatar {
float: left;
margin: 0;
}
}
@media only screen and (min-width: 64.0625em) {
.author-information .authorpage .avatar {
width: 74px;
border-radius: 37px;
}
}
@media only screen and (min-width: 75.0625em) {
.author-information .authorpage .avatar {
width: 114px;
border-radius: 57px;
}
}
.authorpage .author-content {
padding: 0;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.authorpage .author-content {
padding-left: 104px;
text-align: left;
}
}
@media only screen and (min-width: 64.0625em) {
.authorpage .author-content {
padding-left: 144px;
}
}
@media only screen and (min-width: 75.0625em) {
.authorpage .author-content {
padding-left: 204px;
}
}
.authorpage .author-content h5 {
font-size: 48px;
line-height: 1;
margin: 3px 0 0 0;
color: #222;
font-weight: 600;
text-transform: uppercase;
}
.authorpage .author-content h5 a {
color: #222;
}
.authorpage .author-content h4 {
font-size: 24px;
line-height: 1;
font-weight: 400;
color: #767676;
margin: 0 0 10px;
text-transform: uppercase;
}
.authorpage .author-content p {
font-size: 12px;
line-height: 18px;
color: #767676;
text-transform: uppercase;
}
.authorpage .author-content .boxed-icon {
width: 32px;
height: 28px;
line-height: 28px;
}
.authorpage .avatar {
display: block;
width: 84px;
margin: 0 auto 30px auto;
border-radius: 42px;
}
@media only screen and (min-width: 40.0625em) {
.authorpage .avatar {
float: left;
margin: 0;
}
}
@media only screen and (min-width: 64.0625em) {
.authorpage .avatar {
width: 114px;
border-radius: 57px;
}
}
@media only screen and (min-width: 75.0625em) {
.authorpage .avatar {
width: 164px;
border-radius: 82px;
}
}  .post-gallery-lightbox {
padding: 0;
}
.post-gallery-lightbox .mfp-container {
padding: 0;
}
.post-gallery-lightbox .mfp-content {
height: 100vh;
max-height: 100vh;
overflow: scroll;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-lightbox .mfp-content {
overflow: hidden;
}
}
.admin-bar .post-gallery-lightbox .mfp-content {
height: calc(100vh - 46px);
}
@media screen and (min-width: 783px) {
.admin-bar .post-gallery-lightbox .mfp-content {
height: calc(100vh - 32px);
}
}
.post-gallery-lightbox .mfp-arrow {
display: none;
}
.post-gallery-content {
height: 100%;
display: flex;
flex-direction: column;
}
.post-gallery-content .mfp-close {
display: none;
}
.post-gallery-content .lightbox-header {
background: #fff;
padding: 10px 0;
width: 100%;
flex-shrink: 0;
}
.post-gallery-content .lightbox-header .logolink {
display: block;
}
.post-gallery-content .lightbox-header .logolink .logoimg {
max-height: 40px;
}
.post-gallery-content .lightbox-header .lightbox-header-button {
display: inline-flex;
border: 0;
outline: 0;
background: none;
cursor: pointer;
}
.post-gallery-content .lightbox-header .lightbox-header-button svg {
width: 40px;
}
.post-gallery-content .lightbox-header .lightbox-header-button + button {
margin-left: 20px;
}
.post-gallery-content .lightbox-header .columns {
display: flex;
align-items: center;
}
.post-gallery-content .lightbox-header .columns.center-column {
justify-content: center;
}
.post-gallery-content .lightbox-header .columns.close-column {
justify-content: flex-end;
}
.post-gallery-content .thb-gallery-arrow {
display: inline-flex;
width: 36px;
height: 36px;
border-radius: 18px;
justify-content: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.post-gallery-content .thb-gallery-arrow:hover {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.post-gallery-content .thb-gallery-arrow:hover svg {
fill: rgba(0, 0, 0, 0.6);
}
.post-gallery-content .thb-gallery-arrow svg {
fill: black;
}
.post-gallery-content .thb-gallery-arrow.prev .thb-arrow-head {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.post-gallery-content .thb-gallery-arrow.prev .thb-arrow-line {
-webkit-transform-origin: 100% center;
-moz-transform-origin: 100% center;
-ms-transform-origin: 100% center;
-o-transform-origin: 100% center;
transform-origin: 100% center;
-webkit-transform: translateX(4px) scale(0, 1);
-moz-transform: translateX(4px) scale(0, 1);
-ms-transform: translateX(4px) scale(0, 1);
-o-transform: translateX(4px) scale(0, 1);
transform: translateX(4px) scale(0, 1);
}
.post-gallery-content .thb-gallery-arrow.prev:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.post-gallery-content .thb-gallery-arrow.prev:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.post-gallery-content .thb-gallery-arrow.next {
right: 40px;
}
.post-gallery-content .thb-gallery-arrow.next .thb-arrow-head {
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px);
}
.post-gallery-content .thb-gallery-arrow.next .thb-arrow-line {
-webkit-transform-origin: 0 center;
-moz-transform-origin: 0 center;
-ms-transform-origin: 0 center;
-o-transform-origin: 0 center;
transform-origin: 0 center;
-webkit-transform: translateX(-4px) scale(0, 1);
-moz-transform: translateX(-4px) scale(0, 1);
-ms-transform: translateX(-4px) scale(0, 1);
-o-transform: translateX(-4px) scale(0, 1);
transform: translateX(-4px) scale(0, 1);
}
.post-gallery-content .thb-gallery-arrow.next:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.post-gallery-content .thb-gallery-arrow.next:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-content-row {
height: 100%;
max-height: calc(100% - 70px);
}
}
.post-gallery-content .thb-content-row .columns {
height: auto;
}
.post-gallery-content .thb-content-row .columns.image {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 100%;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-content-row .columns.image {
padding: 3%;
}
}
.post-gallery-content .thb-content-row .columns.image.gridActive .attachment-full {
display: none;
}
.post-gallery-content .thb-content-row .columns.image.gridActive .thb-gallery-grid {
display: block;
overflow-x: hidden;
overflow-y: scroll;
}
.post-gallery-content .thb-content-row .columns.image.gridActive .thb-gallery-arrow {
display: none;
}
.post-gallery-content .thb-content-row .columns.image .attachment-full {
height: 100%;
width: 100%;
display: block;
object-fit: contain;
}
.post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow {
display: flex;
position: absolute;
top: 50%;
margin-top: -18px;
z-index: 30;
}
.post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.prev {
left: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.prev {
left: 25px;
}
}
.post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.next {
right: 15px;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.next {
right: 25px;
}
}
.post-gallery-content .thb-content-row .columns.image-text {
background: #1d1d1d;
padding: 3%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-content-row .columns.image-text {
overflow-x: hidden;
overflow-y: scroll;
}
}
.post-gallery-content .thb-content-row .columns.image-text .meta {
display: flex;
margin-bottom: 20px;
}
.post-gallery-content .thb-content-row .columns.image-text .meta span {
color: #767676;
font-size: 13px;
}
.post-gallery-content .thb-content-row .columns.image-text .meta span em {
display: inline-flex;
margin-right: 2px;
color: #d5d5d5;
font-style: normal;
font-weight: 600;
}
.post-gallery-content .thb-content-row .columns.image-text h5 {
color: #fff;
font-weight: 600;
font-size: 18px;
margin: 0 0 15px 0;
}
.post-gallery-content .thb-content-row .columns.image-text h6 {
color: #fff;
}
.post-gallery-content .thb-content-row .columns.image-text p {
font-size: 14px;
color: #cfcfcf;
}
.post-gallery-content .thb-content-row .columns.image-text small {
font-size: 12px;
color: #767676;
}
.post-gallery-content .thb-gallery-grid {
width: 100%;
position: absolute;
top: 3%;
left: 3%;
width: 94%;
height: 94%;
display: none;
}
.post-gallery-content .thb-gallery-grid .thb-grid-image {
position: relative;
margin: 0 0 20px;
background: #000;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-gallery-grid .thb-grid-image {
margin: 0 0 30px;
}
}
.post-gallery-content .thb-gallery-grid .thb-grid-image:hover img {
opacity: 0.9;
}
.post-gallery-content .thb-gallery-grid .thb-grid-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.post-gallery-content .thb-gallery-grid .thb-grid-image .thb-grid-count {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
color: #fff;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content .thb-gallery-grid .thb-grid-image .thb-grid-count {
width: 70px;
height: 70px;
}
}
.post-gallery-content.lightbox-dark {
background: #0a0a0a;
}
.post-gallery-content.lightbox-dark .thb-gallery-arrow {
background: transparent;
border: 2px solid #fff;
opacity: 0.4;
}
.post-gallery-content.lightbox-dark .thb-gallery-arrow svg {
fill: #fff;
}
.post-gallery-content.lightbox-dark .thb-gallery-arrow:hover {
opacity: 1;
}
.post-gallery-content.lightbox-dark .lightbox-header {
background: #0a0a0a;
}
.post-gallery-content.lightbox-dark .lightbox-header .close-column svg {
fill: #fff;
}
.post-gallery-content.lightbox-dark .lightbox-header .close-column svg g {
stroke: #fff;
}
.post-gallery-content.lightbox-dark .thb-content-row .columns.image-text {
background: #131313;
}
.post-gallery-content.lightbox-style2 .lightbox-header {
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.post-gallery-content.lightbox-style2 .lightbox-header .columns {
padding: 0;
}
.post-gallery-content.lightbox-style2 .lightbox-header .columns .logolink {
padding: 10px 0;
margin-left: 10px;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content.lightbox-style2 .lightbox-header .columns .logolink {
margin-left: 15px;
}
}
.post-gallery-content.lightbox-style2 .lightbox-header h5 {
display: none;
margin: 0 0 0 20px;
font-size: 18px;
font-weight: 600;
}
@media only screen and (min-width: 40.0625em) {
.post-gallery-content.lightbox-style2 .lightbox-header h5 {
display: block;
}
}
.post-gallery-content.lightbox-style2 .lightbox-header .meta {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
margin-right: 18px;
}
.post-gallery-content.lightbox-style2 .lightbox-header .meta em {
display: inline-flex;
margin: 0 4px;
font-size: 12px;
font-weight: 400;
font-style: normal;
}
.post-gallery-content.lightbox-style2 .lightbox-header .lightbox-header-button {
width: 70px;
min-height: 70px;
justify-content: center;
align-items: center;
margin: 0;
border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.post-gallery-content.lightbox-style2 .thb-content-row {
background: #fff;
}
.post-gallery-content.lightbox-style2 .thb-content-row .columns.image-text {
background: transparent;
border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.post-gallery-content.lightbox-style2.lightbox-dark .thb-content-row {
background: #0a0a0a;
}
.post-gallery-content.lightbox-style2.lightbox-dark .thb-content-row .columns.image-text {
background: transparent;
border-left-color: rgba(255, 255, 255, 0.18);
}
.post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header {
border-color: rgba(255, 255, 255, 0.18);
}
.post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header h5, .post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header .meta {
color: #fff;
}
.post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header .lightbox-header-button {
border-color: rgba(255, 255, 255, 0.18);
}
.post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text h5, .post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text h6 {
color: #000;
}
.post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text p {
color: rgba(0, 0, 0, 0.8);
}
.post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text small {
color: rgba(0, 0, 0, 0.5);
} .thb-gallery-item .thb-gallery-image {
position: relative;
padding-left: 50px;
margin-bottom: 30px;
}
@media only screen and (min-width: 64.0625em) {
.thb-gallery-item .thb-gallery-image {
padding-left: 0;
}
}
.thb-gallery-item .thb-gallery-nav {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 60px;
padding: 5px 4px 5px 0;
background: #fff;
}
.thb-gallery-item .thb-gallery-nav .arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 40px;
opacity: 0.4;
cursor: pointer;
}
.thb-gallery-item .thb-gallery-nav .arrow svg {
height: 20px;
height: 20px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.thb-gallery-item .thb-gallery-nav .arrow:hover {
opacity: 1;
}
.thb-gallery-item .thb-gallery-nav .arrow.visually-hidden {
visibility: hidden;
}
.thb-gallery-item .thb-gallery-nav .arrow.to_top .thb-arrow-head {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_top .thb-arrow-line {
-webkit-transform-origin: 100% center;
-moz-transform-origin: 100% center;
-ms-transform-origin: 100% center;
-o-transform-origin: 100% center;
transform-origin: 100% center;
-webkit-transform: translateX(4px) scale(0, 1);
-moz-transform: translateX(4px) scale(0, 1);
-ms-transform: translateX(4px) scale(0, 1);
-o-transform: translateX(4px) scale(0, 1);
transform: translateX(4px) scale(0, 1);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_top:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_top:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_bottom .thb-arrow-head {
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_bottom .thb-arrow-line {
-webkit-transform-origin: 0 center;
-moz-transform-origin: 0 center;
-ms-transform-origin: 0 center;
-o-transform-origin: 0 center;
transform-origin: 0 center;
-webkit-transform: translateX(-4px) scale(0, 1);
-moz-transform: translateX(-4px) scale(0, 1);
-ms-transform: translateX(-4px) scale(0, 1);
-o-transform: translateX(-4px) scale(0, 1);
transform: translateX(-4px) scale(0, 1);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_bottom:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.thb-gallery-item .thb-gallery-nav .arrow.to_bottom:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.thb-gallery-item .thb-gallery-nav .count {
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
.thb-gallery-item .thb-gallery-nav .count em {
display: inline-block;
padding: 0 4px;
font-style: normal;
opacity: 0.6;
font-size: 8px;
}
.thb-gallery-item .thb-gallery-content {
margin-bottom: 40px;
}
.thb-gallery-item .thb-gallery-content h5 {
font-weight: 600;
margin-bottom: 10px;
}
.thb-gallery-item:last-child .thb-gallery-content {
margin-bottom: 0;
} .mobile-toggle {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
position: relative;
}
.mobile-toggle div {
width: 30px;
height: 30px;
position: relative;
}
.mobile-toggle span {
display: block;
position: absolute;
width: 22px;
height: 3px;
background: #222;
content: " ";
left: 4px;
border-radius: 2px;
}
.mobile-toggle span:nth-child(1) {
top: 8px;
}
.mobile-toggle span:nth-child(2) {
top: 13px;
}
.mobile-toggle span:nth-child(3) {
top: 18px;
}
.mobile-toggle.small span {
width: 18px;
height: 2px;
}
.mobile-toggle.small span:nth-child(1) {
top: 9px;
}
.mobile-toggle.small span:nth-child(2) {
top: 14px;
}
.mobile-toggle.small span:nth-child(3) {
top: 19px;
}
.mobile-toggle {
-webkit-transition: none 1s;
-webkit-transition-delay: 0s;
-moz-transition: none 1s;
-o-transition: none 1s;
transition: none 1s false false;
}
#mobile-menu {
position: fixed;
top: 0;
height: 100%;
z-index: 99;
padding: 20px 10px 20px 20px;
width: 320px;
background: #fff;
overflow: hidden;
left: 0;
-webkit-transform: translate3d(-320px, 0, 0);
-moz-transform: translate3d(-320px, 0, 0);
-ms-transform: translate3d(-320px, 0, 0);
-o-transform: translate3d(-320px, 0, 0);
transform: translate3d(-320px, 0, 0);
}
@media only screen and (min-width: 40.0625em) {
#mobile-menu {
padding: 30px 20px 30px 30px;
}
}
.rtl #mobile-menu {
left: auto;
right: 0;
-webkit-transform: translate3d(320px, 0, 0);
-moz-transform: translate3d(320px, 0, 0);
-ms-transform: translate3d(320px, 0, 0);
-o-transform: translate3d(320px, 0, 0);
transform: translate3d(320px, 0, 0);
}
.touch #mobile-menu {
overflow-x: hidden !important;
overflow-y: scroll !important;
-ms-overflow-style: -ms-autohiding-scrollbar !important;
-webkit-overflow-scrolling: touch !important;
}
@media only screen and (max-width: 40.0625em) {
#mobile-menu {
width: 280px;
left: 0;
-webkit-transform: translate3d(-280px, 0, 0);
-moz-transform: translate3d(-280px, 0, 0);
-ms-transform: translate3d(-280px, 0, 0);
-o-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0);
}
.rtl #mobile-menu {
left: auto;
right: 0;
-webkit-transform: translate3d(280px, 0, 0);
-moz-transform: translate3d(280px, 0, 0);
-ms-transform: translate3d(280px, 0, 0);
-o-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}
}
#mobile-menu .custom_scroll {
padding-right: 10px;
}
.rtl #mobile-menu .custom_scroll {
padding-right: 0;
padding-left: 10px;
}
.open-menu #mobile-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile-menu .close {
position: absolute;
top: 0;
right: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
background: #222;
color: #fff;
}
#mobile-menu .close svg {
width: 16px;
display: block;
position: relative;
top: 1px;
}
#mobile-menu .close svg g {
stroke: #fff;
}
.rtl #mobile-menu .close {
right: auto;
left: 10px;
}
@media only screen and (min-width: 40.0625em) {
#mobile-menu .close {
width: 24px;
height: 24px;
}
#mobile-menu .close svg {
width: 24px;
}
}
#mobile-menu .logolink {
display: block;
}
#mobile-menu .logoimg {
max-height: 45px;
margin-bottom: 30px;
}
#mobile-menu .logoimg[src$=".svg"] {
max-height: 100%;
height: 45px;
}
#mobile-menu.dark {
background: #222;
}
#mobile-menu.dark .close {
background: #fff;
}
#mobile-menu.dark .close svg g {
stroke: #222;
}
#mobile-menu.dark .thb-mobile-menu li {
border-color: rgba(255, 255, 255, 0.3);
margin: 0;
}
#mobile-menu.dark .thb-mobile-menu li a {
color: #fff;
}
#mobile-menu.dark .thb-mobile-menu li span {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.5);
}
#mobile-menu.dark .thb-mobile-menu .sub-menu {
border-color: rgba(255, 255, 255, 0.3);
}
#mobile-menu.dark .thb-mobile-menu-secondary li a:not(:hover) {
color: rgba(255, 255, 255, 0.8);
}
#mobile-menu.dark .menu-footer a {
color: #fff;
} .thb-mobile-menu {
list-style: none;
padding: 0;
margin: 0 0 30px;
clear: left;
position: relative;
}
.thb-mobile-menu li {
border-bottom: 1px solid #e7e7e7;
margin: 0;
}
.thb-mobile-menu li.menu-item-has-children {
position: relative;
}
.thb-mobile-menu li span {
display: block;
position: absolute;
width: 23px;
height: 23px;
text-align: center;
line-height: 21px;
font-size: 14px;
border: 1px solid #e7e7e7;
cursor: pointer;
right: 0;
top: 10px;
}
.rtl .thb-mobile-menu li span {
right: auto;
left: 0;
}
.thb-mobile-menu li a {
display: block;
line-height: 44px;
font-size: 16px;
font-weight: 600;
color: #222;
position: relative;
}
.thb-mobile-menu li a.active {
color: #ef2673;
}
.thb-mobile-menu li a.active + span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.thb-mobile-menu li:last-child {
border: 0;
}
.thb-mobile-menu .sub-menu {
display: none;
list-style: none;
margin: 0;
border-top: 1px solid #e7e7e7;
padding: 5px 0 5px 20px;
}
.thb-mobile-menu .sub-menu li a {
font-size: 12px;
line-height: 35px;
color: #595959;
}
.thb-mobile-menu .sub-menu span {
width: 21px;
height: 21px;
line-height: 19px;
top: 7px;
}
.rtl .thb-mobile-menu .sub-menu {
padding: 5px 20px 5px 0;
}
.thb-mobile-menu-secondary {
list-style: none;
padding: 0;
margin: 0 0 30px;
clear: left;
position: relative;
}
.thb-mobile-menu-secondary li a {
display: block;
line-height: 24px;
font-size: 14px;
font-weight: 400;
color: rgba(34, 34, 34, 0.8);
position: relative;
}
.thb-mobile-menu-secondary li a:hover {
color: #ef2673;
}
.menu-footer p {
font-size: 11px;
line-break: 16px;
color: #767676;
} #footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer .row {
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding: 0 15px;
flex: 1;
}
#footer .row:before, #footer .row:after {
display: none !important;
}
#footer .row.no-padding {
padding: 0;
}
#footer .row.center-align .columns {
align-items: center;
justify-content: center;
}
#footer .row .columns {
padding: 0;
display: flex;
flex-direction: column;
}
#footer .row .columns + .columns {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.0625em) {
#footer .row .columns + .columns {
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
#footer.dark {
background: #0e0e0e;
color: #fff;
border-top: 0;
}
#footer.dark h1, #footer.dark h2, #footer.dark h3, #footer.dark h4, #footer.dark h5, #footer.dark h6 {
color: #fff;
}
#footer.dark .widget strong {
color: #fff;
}
#footer.dark .widget ul.menu li a,
#footer.dark .widget ul li a:not(.tag-cloud-link) {
color: #fff;
}
#footer.dark [class^=tag-link]:not(:hover) {
background: rgba(255, 255, 255, 0.08);
}
#footer.dark .columns {
padding: 0;
display: flex;
flex-direction: column;
}
#footer.dark .columns + .columns {
border-top-color: rgba(255, 255, 255, 0.08);
}
@media only screen and (min-width: 40.0625em) {
#footer.dark .columns + .columns {
border-left-color: rgba(255, 255, 255, 0.08);
}
}
#footer.dark .post .post-title a {
color: #fff;
}
#footer.dark ul.menu .sub-menu {
border-top-color: rgba(255, 255, 255, 0.08);
}
#footer.dark .slick.dark-pagination .slick-dots li.slick-active button {
background: #fff;
}
#footer.dark .slick.dark-pagination .slick-dots li button {
background: rgba(255, 255, 255, 0.2);
}
#footer { }
#footer.no-borders .row .columns + .columns {
border: 0;
}
@media only screen and (min-width: 40.0625em) {
#footer.no-borders .row .columns + .columns {
border: 0;
}
}
#footer.left-align-text .widget {
text-align: left;
}
#footer p {
font-size: 12px;
}
#footer .widget {
border: 0;
padding: 30px 15px;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
#footer .widget {
padding: 40px;
}
}
#footer .widget.style1 > strong {
font-size: 11px;
top: 0;
margin-bottom: 20px;
}
#footer .widget.style1 > strong span {
background: transparent;
color: #222;
}
#footer .widget.style3 > strong {
text-align: left;
border: 0;
height: auto;
}
#footer .widget.style3 > strong span {
padding: 0;
}
#footer .widget.style5 > strong span {
text-align: center;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
#footer .widget ul.menu li .submenu {
border: 0;
padding: 0;
margin: 0;
}
#footer .widget.widget_latestimages, #footer .widget.widget_sharedimages {
text-align: left;
}
#footer { }
#footer.style2, #footer.style3, #footer.style4, #footer.style5 {
padding: 60px 0 100px;
}
#footer.style2 .logolink, #footer.style3 .logolink, #footer.style4 .logolink, #footer.style5 .logolink {
display: inline-block;
margin-bottom: 35px;
}
#footer.style2 .logolink img, #footer.style3 .logolink img, #footer.style4 .logolink img, #footer.style5 .logolink img {
display: inline-block;
max-height: 40px;
}
#footer.style2 .menu, #footer.style3 .menu, #footer.style4 .menu, #footer.style5 .menu {
list-style: none;
margin: 0 0 15px;
padding: 0;
}
#footer.style2 .menu li, #footer.style3 .menu li, #footer.style4 .menu li, #footer.style5 .menu li {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.0625em) {
#footer.style2 .menu li, #footer.style3 .menu li, #footer.style4 .menu li, #footer.style5 .menu li {
display: inline-block;
margin: 0 9px;
}
}
#footer.style2 p, #footer.style3 p, #footer.style4 p, #footer.style5 p {
font-size: 10px;
color: rgba(34, 34, 34, 0.6);
text-transform: uppercase;
}
#footer.style2.dark .menu a,
#footer.style2.dark .social-section a:not(:hover),
#footer.style2.dark p, #footer.style3.dark .menu a,
#footer.style3.dark .social-section a:not(:hover),
#footer.style3.dark p, #footer.style4.dark .menu a,
#footer.style4.dark .social-section a:not(:hover),
#footer.style4.dark p, #footer.style5.dark .menu a,
#footer.style5.dark .social-section a:not(:hover),
#footer.style5.dark p {
color: #fff;
}
#footer { }
#footer.style3 {
padding: 30px 0 70px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
}
#footer.style3 .row .columns {
flex-direction: row;
align-items: center;
}
#footer.style3 .text-center {
justify-content: center;
}
@media only screen and (min-width: 64.0625em) {
#footer.style3 .logo-section {
justify-content: flex-start;
}
}
#footer.style3 .social-section {
text-align: right;
}
@media only screen and (min-width: 64.0625em) {
#footer.style3 .social-section {
justify-content: flex-end;
}
}
#footer.style3 .social-section a {
padding: 0 5px;
text-align: center;
display: inline-block;
}
#footer.style3 .social-section a:last-of-type {
padding-right: 0;
}
@media only screen and (min-width: 64.0625em) {
#footer.style3 .social-section a {
text-align: right;
}
}
#footer.style3 .menu a {
color: #222;
}
#footer.style3 .logolink img {
max-height: 20px;
}
#footer.style3 .logolink,
#footer.style3 .menu {
line-height: 1;
}
@media only screen and (min-width: 64.0625em) {
#footer.style3 .logolink,
#footer.style3 .menu {
margin: 0;
}
}
#footer.style3.dark .menu a,
#footer.style3.dark .social-section a:not(:hover) {
color: #fff;
}
#footer { }
#footer.style4 {
text-align: center;
padding: 60px 0;
}
#footer.style4 .social-section a {
padding: 0 5px;
text-align: center;
display: inline-block;
}
#footer.style4.dark .menu a,
#footer.style4.dark .social-section a:not(:hover) {
color: #fff;
}
#footer { }
#footer.style5 {
padding: 60px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.0625em) {
#footer.style5 .logo-section {
justify-content: flex-start;
}
}
#footer.style5 .social-section {
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
#footer.style5 .social-section {
text-align: right;
}
}
#footer.style5 .social-section a {
padding: 0 5px;
text-align: center;
display: inline-block;
}
#footer.style5 .social-section a:last-of-type {
padding-right: 0;
}
#footer.style5 .menu {
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
#footer.style5 .menu {
text-align: right;
}
}
#footer.style5 .menu a {
color: #222;
}
@media only screen and (min-width: 40.0625em) {
#footer.style5 .menu li:last-child {
margin-right: 0;
}
}
#footer.style5 .logolink {
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
#footer.style5 .logolink {
text-align: left;
}
}
#footer.style5 .logolink img {
max-height: 70px;
}
#footer.style5 .logolink {
line-height: 1;
}
@media only screen and (min-width: 64.0625em) {
#footer.style5 .logolink {
margin: 0;
}
}
#footer.style5.dark .menu a,
#footer.style5.dark .social-section a:not(:hover) {
color: #fff;
}
#footer { }
#subfooter {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 30px 0;
color: #6a6a6a;
font-weight: 400;
text-align: center;
}
#subfooter p {
font-size: 10px;
}
#subfooter a {
display: inline-block;
margin: 0 10px;
font-size: 10px;
}
#subfooter a.icon-1x {
font-size: 16px;
}
#subfooter .menu {
list-style: none;
margin: 0;
padding: 0;
}
#subfooter .menu li {
display: inline-block;
text-transform: uppercase;
}
@media only screen and (min-width: 40.0625em) {
#subfooter .menu li {
margin: 0;
}
}
#subfooter .menu li a {
color: #222;
font-size: 12px;
}
#subfooter.dark {
background: #0e0e0e;
color: #ccc;
border-top-color: rgba(255, 255, 255, 0.1);
}
#subfooter.dark .menu li a {
color: #fff;
}
#subfooter.dark a.social:not(:hover) {
color: #fff;
}
#subfooter.style2 .row {
max-width: 100%;
}
@media only screen and (min-width: 40.0625em) {
#subfooter.style2 .row {
padding: 0 25px;
}
}
@media only screen and (min-width: 40.0625em) {
#subfooter.style2 .menu-container {
text-align: left;
}
.rtl #subfooter.style2 .menu-container {
text-align: right;
}
}
@media only screen and (min-width: 40.0625em) {
#subfooter.style2 .copyright-container {
text-align: right;
}
.rtl #subfooter.style2 .copyright-container {
text-align: left;
}
}
#subfooter.style3 .menu-container {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.0625em) {
#subfooter.style3 .menu-container {
margin-bottom: 0;
}
}
#subfooter.style3 .footer-logo-holder {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
#subfooter.style3 .copyright-container p {
margin-bottom: 0;
}
}
.social_bar {
padding: 30px 0 20px;
background: #feeeee;
color: #222;
}
@media only screen and (min-width: 40.0625em) {
.social_bar {
padding: 50px 0 40px;
}
}
.social_bar ul {
list-style: none;
margin-bottom: 0;
}
.social_bar ul li {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
text-align: center;
margin-bottom: 10px;
}
.social_bar ul li .fa {
font-size: 20px;
margin-right: 15px;
}
.social_bar ul li a {
color: #222;
display: inline-flex;
align-items: center;
}
.social_bar + #footer {
border-top: 0;
}
.footer-logo-holder {
display: flex;
justify-content: center;
align-items: center;
}
.footer-logo-holder .footer-logolink {
display: block;
margin-bottom: 30px;
}
.footer-logo-holder .footer-logolink .logoimg {
max-height: 70px;
} #comments {
width: 100%;
clear: left;
}
#comments.expanded-comments-on .commentlist_parent .commentlist_container {
height: auto;
max-height: none;
}
#comments.expanded-comments-on .comment-button:after {
display: none;
}
#comments ol.commentlist {
list-style: none;
margin: 15px;
display: block;
width: calc(100% - 30px);
}
@media only screen and (min-width: 40.0625em) {
#comments ol.commentlist {
margin: 30px;
width: calc(100% - 60px);
}
}
.woocommerce-Reviews #comments ol.commentlist {
margin: 30px 0;
width: 100%;
}
#comments ol.commentlist .comment .comment-respond {
padding: 0;
margin-top: 20px;
line-height: 1;
}
#comments ol.commentlist .comment .comment-body,
#comments ol.commentlist .comment .comment_container {
position: relative;
min-height: 56px;
padding-left: 76px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
margin-bottom: 22px;
}
#comments ol.commentlist .comment .comment-body:hover .reply,
#comments ol.commentlist .comment .comment_container:hover .reply {
opacity: 1;
}
#comments ol.commentlist .comment .comment-body .star-rating, #comments ol.commentlist .comment .comment-body .comment-form-rating .stars, .comment-form-rating #comments ol.commentlist .comment .comment-body .stars,
#comments ol.commentlist .comment .comment_container .star-rating,
#comments ol.commentlist .comment .comment_container .comment-form-rating .stars,
.comment-form-rating #comments ol.commentlist .comment .comment_container .stars {
float: right;
}
#comments ol.commentlist .comment .comment-meta {
line-height: 1;
}
#comments ol.commentlist .comment .comment-meta p:last-child {
margin-bottom: 0;
}
#comments ol.commentlist .comment .comment-metadata {
position: absolute;
bottom: 12px;
left: 76px;
font-size: 9px;
color: #767676;
text-transform: uppercase;
font-weight: 400;
}
#comments ol.commentlist .comment .comment-metadata a {
color: #767676;
}
#comments ol.commentlist .comment .vcard {
border: 0;
}
#comments ol.commentlist .comment .vcard .fn {
font-size: 12px;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
#comments ol.commentlist .comment .vcard .says {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #767676;
}
#comments ol.commentlist .comment .avatar {
width: 56px;
height: 56px;
float: left;
position: absolute;
top: 0;
left: 0;
}
#comments ol.commentlist .comment .meta strong {
font-size: 12px;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
#comments ol.commentlist .comment .meta time .comment-metadata {
position: absolute;
bottom: 12px;
left: 76px;
font-size: 9px;
color: #767676;
text-transform: uppercase;
font-weight: 400;
}
#comments ol.commentlist .comment .meta time .comment-metadata a {
color: #767676;
}
#comments ol.commentlist .comment .comment-content,
#comments ol.commentlist .comment .description {
padding-top: 7px;
}
#comments ol.commentlist .comment .comment-content p,
#comments ol.commentlist .comment .description p {
font-size: 13px;
line-height: 18px;
word-break: break-word;
}
#comments ol.commentlist .comment .reply {
position: absolute;
top: 0;
right: 0;
opacity: 0;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
#comments ol.commentlist .comment:last-child .comment-body {
border: 0;
margin: 0;
}
#comments ol.commentlist .comment .children {
list-style: none;
margin-left: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
margin-bottom: 22px;
}
@media only screen and (min-width: 40.0625em) {
#comments ol.commentlist .comment .children {
margin-left: 76px;
}
}
#reviews {
max-width: 800px;
margin: 0 auto;
}
.comment-respond {
display: block;
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.comment-respond {
padding: 30px;
}
}
#reviews .comment-respond {
padding: 0;
margin-top: 30px;
}
.comment-respond input:not([type=checkbox]),
.comment-respond textarea {
width: 100%;
margin-bottom: 10px;
}
.comment-respond .comment-form-cookies-consent input {
margin-right: 10px;
}
.comment-respond .comment-form-rating {
margin-bottom: 20px;
}
.comment-respond .comment-reply-title {
font-weight: 600;
}
.comment-respond .comment-reply-title small {
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
margin-left: 10px;
}
.comment-respond .comment-notes,
.comment-respond .form-allowed-tags,
.comment-respond .logged-in-as {
font-size: 14px;
color: #595959;
margin-bottom: 18px;
}
.comment-respond .comment-notes code,
.comment-respond .form-allowed-tags code,
.comment-respond .logged-in-as code {
display: block;
font-size: 12px;
color: #595959;
font-weight: 400;
}
.comment-respond .form-submit,
.comment-respond .form-submit input {
margin: 0;
}
.comment-respond .row {
margin-left: -5px;
margin-right: -5px;
}
.comment-respond .row .columns {
padding: 0 5px;
}
.commentlist_parent {
border: 1px solid rgba(0, 0, 0, 0.07);
}
.commentlist_parent .comment-button {
display: block;
width: 100%;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #222;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
line-height: 48px;
padding: 0 35px 0 50px;
position: relative;
}
.commentlist_parent .comment-button:after {
opacity: 0.6;
}
.commentlist_parent .comment-button:hover:after {
opacity: 1;
}
.commentlist_parent .comment-button svg {
position: absolute;
top: 17px;
left: 20px;
}
.commentlist_parent .comment-button:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #222 transparent transparent transparent;
position: absolute;
top: 22px;
right: 20px;
}
.commentlist_parent .comment-button.toggled:after {
border-width: 0 5px 6px 5px;
border-color: transparent transparent #222 transparent;
}
.commentlist_parent .comment-button.toggled + .commentlist_container {
max-height: 9999px;
border-bottom-color: rgba(0, 0, 0, 0.07);
}
.commentlist_parent .comment-button.disabled:after {
display: none;
}
.commentlist_parent .commentlist_container {
display: block;
height: auto;
max-height: 0;
overflow: hidden;
border-bottom: 1px solid transparent;
}
.commentlist_parent .nocomments {
display: block;
margin: 0;
padding: 20px;
text-align: center;
}
.commentlist_parent .comment-subscription-form label {
width: auto;
float: none;
} .star-rating, .comment-form-rating .stars {
display: inline-block;
position: relative;
font-size: 12px;
letter-spacing: 0.2em;
font-family: FontAwesome;
color: #dcdcdc;
}
.star-rating:before, .comment-form-rating .stars:before {
font-family: FontAwesome;
content: "\f005\f005\f005\f005\f005";
}
.star-rating > span, .comment-form-rating .stars > span {
display: block;
top: 0;
left: 0;
position: absolute;
height: 18px;
line-height: 18px;
overflow: hidden;
}
.star-rating > span:before, .comment-form-rating .stars > span:before {
color: #ffc200;
content: "\f005\f005\f005\f005\f005";
}
.star-rating > span strong, .comment-form-rating .stars > span strong {
display: none;
}
.star-rating + .write_first, .comment-form-rating .stars + .write_first {
display: inline-block;
font-size: 13px;
font-weight: 300;
color: #222;
margin-left: 20px;
line-height: 18px;
vertical-align: text-top;
}
.comment-form-rating .stars {
display: block;
}
.comment-form-rating .stars:before {
opacity: 0;
}
.comment-form-rating .stars > span:before {
content: none;
}
.comment-form-rating .stars a {
position: relative;
color: #dcdcdc;
display: inline-block;
text-indent: -999em;
width: 15px;
}
.comment-form-rating .stars a:before {
position: absolute;
display: block;
width: 15px;
text-indent: 0;
content: "\f005";
}
.comment-form-rating .stars a:hover ~ a {
color: #dcdcdc;
}
.comment-form-rating .stars a.active ~ a {
color: #dcdcdc;
}
.comment-form-rating .stars:hover a, .comment-form-rating .stars.selected a {
color: #ffc200;
}  .posts .pagination {
width: 100%;
}
.posts .masonry_loader {
width: 100%;
padding: 20px 0 30px;
position: relative;
}
.posts .masonry_loader.style1 {
padding-top: 70px;
}
.posts .masonry_loader.style1:before {
content: "";
height: 50px;
width: 1px;
background: #222;
display: block;
position: absolute;
top: 0;
left: 50%;
}
.posts .masonry_loader.style1 a {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
color: #222;
}
.posts.columns-6.row {
margin: 0 -3px;
}
.posts.columns-6.row .columns {
padding: 0 3px;
}
.posts.columns-6.row .columns .post.style6 .post-gallery {
margin-bottom: 15px;
}
.posts.columns-6.row .columns .post.style6 .post-title h5 {
font-weight: 400;
font-size: 14px;
padding-right: 10px;
}
.posts.post-grid-style8 .pagination, .posts.post-grid-style10 .pagination, .posts.post-grid-style13 .pagination, .posts.post-grid-style16 .pagination {
padding: 0 15px;
}
.posts.border .post {
width: 100%;
padding-bottom: 29px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 30px;
width: 100%;
}
.posts.border .post:last-child {
padding: 0;
border: 0;
}
.posts.border.post-grid-style2-alt .post.style1:last-of-type {
padding-left: 0;
border: 0;
}
.posts.border-vertical {
border-top: 1px solid #eaeaea;
}
.posts.border-vertical .post {
padding: 29px 0 29px 0;
}
@media only screen and (min-width: 64.0625em) {
.posts.border-vertical .post {
padding: 29px 29px 29px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.posts.border-vertical .post .post-gallery {
margin-bottom: 0;
}
}
.posts.border-vertical > .columns {
border-bottom: 1px solid #eaeaea;
}
.posts.border-vertical .even {
border-left: 1px solid #eaeaea;
}
.posts.border-vertical .even .post {
padding: 29px 0 29px 0;
}
@media only screen and (min-width: 64.0625em) {
.posts.border-vertical .even .post {
padding: 29px 0 29px 29px;
}
}
.posts.border-vertical.style7-posts .post {
padding: 29px 0;
}
.posts.border-vertical.style7-posts .post .post-gallery {
margin-bottom: 35px;
}
@media only screen and (min-width: 75.0625em) {
.posts.masonry.row {
margin: 0 -20px;
}
.posts.masonry.row > .columns {
padding: 0 20px;
}
}
.posts.style7-posts .pagination {
text-align: center;
}
.posts.style10-posts .columns {
display: flex;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.posts.style10-posts .columns .post {
display: block;
}
}
.posts.style13-posts .pagination {
margin: 0 auto 40px;
}
.posts.style13-posts .pagination ul .page-numbers:not(.dots):hover,
.posts.style13-posts .pagination ul .page-numbers.current,
.posts.style13-posts .pagination .nav-links .page-numbers:not(.dots):hover,
.posts.style13-posts .pagination .nav-links .page-numbers.current {
background-color: #ef2673;
border-color: #ef2673;
} .catelement-style4 .thb-post-top {
margin-bottom: 15px;
}
.catelement-style5 .featured-style8 {
margin-bottom: 30px;
}
.catelement-style5 .featured-style8 .thb-post-top {
justify-content: center;
}
.catelement-style6 .post.style3 .post-author {
display: none;
}
.catelement-style6 .post.style3 .post-content p {
font-size: 14px;
}
.catelement-style6 .post .post-gallery img {
border-radius: 3px;
}
@media only screen and (min-width: 40.0625em) {
.catelement-style6 .medium-7.columns {
padding-right: 30px;
}
}
@media only screen and (min-width: 40.0625em) {
.catelement-style6 .medium-5.columns {
border-left: 1px solid #eaeaea;
padding-left: 30px;
}
}
.catelement-style7 .post.style3 .post-title h3 {
font-size: 30px;
}
.catelement-style7 .post.style3 .post-content p {
font-size: 12px;
}
.catelement-style7 .post.style3-small .post-title h5 {
font-weight: 400;
font-size: 20px;
line-height: 1.4;
}
.catelement-style8 .style3-overlay,
.catelement-style8 .style3-overlay-small {
position: relative;
height: 0;
margin-bottom: 10px;
}
.catelement-style8 .style3-overlay .post-gallery,
.catelement-style8 .style3-overlay-small .post-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.catelement-style8 .style3-overlay .post-gallery > a,
.catelement-style8 .style3-overlay-small .post-gallery > a {
height: 100%;
display: block;
}
.catelement-style8 .style3-overlay .post-gallery img,
.catelement-style8 .style3-overlay-small .post-gallery img {
object-fit: cover;
height: 100%;
width: 100%;
}
.catelement-style8 .style3-overlay .post-gallery .offset-title-container,
.catelement-style8 .style3-overlay-small .post-gallery .offset-title-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 20px;
width: 100%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.4);
height: 100%;
flex: 1;
pointer-events: none;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .style3-overlay .post-gallery .offset-title-container,
.catelement-style8 .style3-overlay-small .post-gallery .offset-title-container {
padding: 25px;
}
}
.catelement-style8 .style3-overlay {
padding-bottom: 90%;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .style3-overlay {
padding-bottom: 70%;
margin-bottom: 0;
}
}
.catelement-style8 .style3-overlay-small {
padding-bottom: 60%;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .style3-overlay-small {
padding-bottom: calc(50% - 5px);
margin-bottom: 10px;
}
.catelement-style8 .style3-overlay-small:last-child {
margin-bottom: 0;
}
}
.catelement-style8 .thb-catelement-children-col .style3-overlay-small:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .thb-catelement-children-col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.catelement-style8 .post.style3-overlay .post-title h3 {
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .post.style3-overlay .post-title h3 {
font-size: 28px;
}
}
.catelement-style8 .post.style3-overlay .post-content {
margin-top: 8px;
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.85);
}
.catelement-style8 .post.style3-overlay-small .post-title h5 {
font-weight: 600;
font-size: 16px;
line-height: 1.4;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style8 .post.style3-overlay-small .post-title h5 {
font-size: 18px;
}
}
.catelement-style8 .post.style3-overlay .post-title,
.catelement-style8 .post.style3-overlay .post-date,
.catelement-style8 .post.style3-overlay .post-content,
.catelement-style8 .post.style3-overlay .post-author,
.catelement-style8 .post.style3-overlay-small .post-title,
.catelement-style8 .post.style3-overlay-small .post-date,
.catelement-style8 .post.style3-overlay-small .post-content,
.catelement-style8 .post.style3-overlay-small .post-author {
color: #fff;
}
.catelement-style8 .post.style3-overlay .post-title a,
.catelement-style8 .post.style3-overlay .post-title a:hover,
.catelement-style8 .post.style3-overlay .post-title em,
.catelement-style8 .post.style3-overlay .post-date a,
.catelement-style8 .post.style3-overlay .post-date a:hover,
.catelement-style8 .post.style3-overlay .post-date em,
.catelement-style8 .post.style3-overlay .post-content a,
.catelement-style8 .post.style3-overlay .post-content a:hover,
.catelement-style8 .post.style3-overlay .post-content em,
.catelement-style8 .post.style3-overlay .post-author a,
.catelement-style8 .post.style3-overlay .post-author a:hover,
.catelement-style8 .post.style3-overlay .post-author em,
.catelement-style8 .post.style3-overlay-small .post-title a,
.catelement-style8 .post.style3-overlay-small .post-title a:hover,
.catelement-style8 .post.style3-overlay-small .post-title em,
.catelement-style8 .post.style3-overlay-small .post-date a,
.catelement-style8 .post.style3-overlay-small .post-date a:hover,
.catelement-style8 .post.style3-overlay-small .post-date em,
.catelement-style8 .post.style3-overlay-small .post-content a,
.catelement-style8 .post.style3-overlay-small .post-content a:hover,
.catelement-style8 .post.style3-overlay-small .post-content em,
.catelement-style8 .post.style3-overlay-small .post-author a,
.catelement-style8 .post.style3-overlay-small .post-author a:hover,
.catelement-style8 .post.style3-overlay-small .post-author em {
color: #fff;
}
.catelement-style8 .post.style3-overlay .post-meta a,
.catelement-style8 .post.style3-overlay-small .post-meta a {
color: #fff;
}
.catelement-style9 .style3-overlay {
position: relative;
height: 0;
padding-bottom: 80%;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.0625em) {
.catelement-style9.row {
display: flex;
flex-wrap: wrap;
}
.catelement-style9.row > .columns {
display: flex;
flex-direction: column;
}
.catelement-style9.row > .columns > .style3-overlay {
flex: 1;
}
.catelement-style9.row > .thb-catelement-children-col > .style3-overlay {
padding-bottom: 0;
height: auto;
}
}
.catelement-style9 .style3-overlay .post-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.catelement-style9 .style3-overlay .post-gallery > a {
height: 100%;
}
.catelement-style9 .style3-overlay .post-gallery img {
object-fit: cover;
height: 100%;
width: 100%;
}
.catelement-style9 .style3-overlay .post-gallery .offset-title-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 15px;
width: 100%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.4);
height: 100%;
flex: 1;
pointer-events: none;
}
.catelement-style9 .style3-overlay-small {
position: relative;
height: 0;
padding-bottom: 80%;
margin-bottom: 10px;
}
.catelement-style9 .style3-overlay-small .post-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.catelement-style9 .style3-overlay-small .post-gallery > a {
height: 100%;
}
.catelement-style9 .style3-overlay-small .post-gallery img {
object-fit: cover;
height: 100%;
width: 100%;
}
.catelement-style9 .style3-overlay-small .post-gallery .offset-title-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 15px;
width: 100%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.4);
height: 100%;
flex: 1;
pointer-events: none;
}
.catelement-style9 .thb-catelement-children-row .columns:nth-child(1) .style3-overlay-small {
padding-bottom: 40%;
}
@media only screen and (max-width: 64.0625em) {
.catelement-style9 .thb-catelement-children-row .columns:nth-child(1) .style3-overlay-small {
padding-bottom: 80%;
}
}
.catelement-style9 .thb-catelement-children-row .columns:nth-child(2) .style3-overlay-small {
padding-bottom: calc(80% + 2px);
}
.catelement-style9 .thb-catelement-children-row .columns:nth-child(3) .style3-overlay-small {
padding-bottom: calc(80% + 2px);
}
.catelement-style9 .post.style3-overlay .post-title h3 {
font-size: 22px;
font-weight: 400;
}
@media only screen and (min-width: 64.0625em) {
.catelement-style9 .post.style3-overlay .post-title h3 {
font-size: 30px;
}
}
.catelement-style9 .post.style3-overlay-small .post-title h5 {
font-weight: 400;
font-size: 20px;
line-height: 1.4;
}
.catelement-style9.thb-catelement-parent-row {
margin: 0;
}
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row {
margin: 0;
}
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row > .columns {
padding: 0;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row > .columns:nth-child(1) {
padding: 0px;
}
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row > .columns:nth-child(2) {
padding-right: 5px;
}
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row > .columns:nth-child(3) {
padding-left: 5px;
}
}
@media only screen and (min-width: 64.0625em) {
.catelement-style9.thb-catelement-parent-row .thb-catelement-children-row > .columns {
padding-left: 10px;
}
}
.catelement-style9.thb-catelement-parent-row > .columns {
padding: 0;
}
.post-category-listing {
margin: 0;
}
.category_title {
display: block;
border-bottom: 3px solid #222;
padding-bottom: 20px;
margin-bottom: 30px;
}
.category_title.small {
padding-bottom: 10px;
}
.category_title h2 {
margin: 0;
font-weight: 900;
line-height: 1;
font-size: 28px;
}
.category_title h2 a {
color: #222;
}
.category_title h5 {
margin: 0;
font-weight: 900;
line-height: 1;
font-size: 20px;
}
.category_title h5 a {
color: #222;
}
.category_title.catstyle-style4 {
border-bottom: 0;
padding-bottom: 0;
}
.category_title.style2 {
border-bottom: 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 20px;
padding-bottom: 0;
margin-bottom: 30px;
}
.category_title.style2 h2 {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.category_title.style3 {
height: 12px;
border-bottom: 1px solid #ededed;
margin-bottom: 30px;
text-align: left;
padding: 0;
}
.category_title.style3 h2 {
color: #222;
display: inline-block;
background: #fff;
padding-right: 8px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.category_title.style4 {
padding-bottom: 15px;
border-bottom: 2px solid #ebebeb;
}
.category_title.style4 h2 {
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
line-height: 1;
margin: 0;
}
.category_title.style5 {
border: 0;
padding: 0;
}
.category_title.style5 h2 {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 1;
margin-bottom: 30px;
}
.category_container {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;
padding: 5px;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.category_container {
padding: 10px;
}
}
.category_container .inner {
background: #fff;
padding: 20px 5px 0;
}
@media only screen and (min-width: 40.0625em) {
.category_container .inner {
padding: 20px 20px;
}
}
@media only screen and (min-width: 64.0625em) {
.category_container .inner {
padding: 40px 50px;
}
}
.category_container .inner > .columns {
padding: 0 10px;
}
@media only screen and (min-width: 40.0625em) {
.category_container .inner > .columns {
padding: 0 20px;
}
}
@media only screen and (min-width: 40.0625em) {
.category_container.style2 {
padding: 12px;
}
}
.category_container.style2 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVCODFGRUZCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVCODFGRjBCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUI4MUZFREJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUI4MUZFRUJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCuGZ0AAAA3SURBVHjaYlywYAEDEJgwQMCZ+Ph4MIMFKmjEgABnQAQTAw7AAlOBrBoEGP///49VB06jAAIMAK/bCdPi+3dIAAAAAElFTkSuQmCC) repeat left top;
}
.category_container.style2 .inner {
padding: 5px;
}
@media only screen and (min-width: 40.0625em) {
.category_container.style2 .inner {
padding: 10px;
}
}
@media only screen and (min-width: 64.0625em) {
.category_container.style2 .inner {
padding: 24px;
}
}
.category_container.style3 {
border: 1px solid #222;
background: #fff;
position: relative;
margin-bottom: 5px;
padding: 0;
z-index: 3;
}
.category_container.style3:before {
content: "";
display: block;
position: absolute;
background: #ef2673;
width: 100%;
z-index: 0;
height: 100%;
top: 5px;
left: -5px;
}
.category_container.style3:after {
content: "";
display: block;
position: absolute;
border: 1px solid #222;
width: 100%;
z-index: 1;
height: calc(100% + 2px);
width: calc(100% + 2px);
top: -1px;
left: -1px;
}
.category_container.style3 .inner {
position: relative;
z-index: 5;
}
.category_container.author-information {
margin-bottom: 30px;
}
.category_container.author-information .inner {
float: left;
width: 100%;
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.category_container.author-information .inner {
padding: 20px;
}
}
@media only screen and (min-width: 64.0625em) {
.category_container.author-information .inner {
padding: 35px;
}
} .smalltitle {
color: #222;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
margin: 0 0 25px;
letter-spacing: 0.3em;
}
.mediumtitle {
font-size: 22px;
line-height: 34px;
margin: 0 0 25px;
font-weight: 400;
color: #5a5a5a;
}
@media only screen and (min-width: 40.0625em) {
.mediumtitle {
font-size: 26px;
}
} .inline-icon {
display: inline;
}
.inline-icon.icon-1x {
font-size: 14px;
vertical-align: middle;
}
.inline-icon.icon-2x {
font-size: 18px;
vertical-align: middle;
}
.inline-icon.icon-3x {
font-size: 22px;
vertical-align: middle;
}
.inline-icon.icon-4x {
font-size: 26px;
vertical-align: middle;
}
.boxed-icon {
display: inline-flex;
width: 24px;
height: 24px;
line-height: 1;
justify-content: center;
align-items: center;
text-align: center;
font-size: 12px;
border: 1px solid #eaeaea;
}
.boxed-icon.style2 {
border: 0;
border-radius: 100%;
}
.boxed-icon.style2 span {
border-radius: 100%;
}
.boxed-icon.icon-1x {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
}
.boxed-icon.icon-2x {
width: 30px;
height: 28px;
line-height: 28px;
font-size: 14px;
}
.boxed-icon.icon-3x {
width: 40px;
height: 38px;
line-height: 38px;
font-size: 16px;
}
.boxed-icon.icon-4x {
width: 56px;
height: 54px;
line-height: 54px;
font-size: 18px;
}
.boxed-icon.large {
width: 56px;
height: 54px;
line-height: 54px;
}
.boxed-icon.fill {
background: #222;
border-color: #222;
color: #fff !important;
}
.boxed-icon.fill:hover {
background: rgb(8.5, 8.5, 8.5);
border-color: rgb(8.5, 8.5, 8.5);
}
.facebook {
color: #3b5998;
}
.facebook:hover {
color: rgb(51.8696682464, 78.2440758294, 133.6303317536);
}
.social_black-on .facebook {
color: #222;
}
.social_black-on .facebook:hover {
color: #3b5998;
}
.facebook.boxed-icon {
background: #fff;
}
.facebook.boxed-icon:hover {
color: #fff !important;
background: #3b5998;
border-color: #3b5998;
}
.social_black-on .facebook.boxed-icon:hover {
background: #222;
border-color: #222;
}
.facebook.boxed-icon.fill {
background: #3b5998;
border-color: #3b5998;
color: #fff !important;
}
.facebook.boxed-icon.fill:hover {
background: rgb(44.7393364929, 67.4881516588, 115.2606635071);
border-color: rgb(44.7393364929, 67.4881516588, 115.2606635071);
}
.social_black-on .facebook.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .facebook.boxed-icon.fill:hover {
background: #3b5998;
border-color: #3b5998;
}
.facebook.boxed-icon.style2 {
border: 0;
background: #3b5998;
}
.facebook.boxed-icon.style2 span {
background: #3b5998;
}
.social_black-on .facebook.boxed-icon.style2 {
background: #222;
}
.google {
color: #dd4b39;
}
.google:hover {
color: rgb(215.4956896552, 56.5948275862, 37.0043103448);
}
.social_black-on .google {
color: #222;
}
.social_black-on .google:hover {
color: #dd4b39;
}
.google.boxed-icon {
background: #fff;
}
.google.boxed-icon:hover {
color: #fff !important;
background: #dd4b39;
border-color: #dd4b39;
}
.social_black-on .google.boxed-icon:hover {
background: #222;
border-color: #222;
}
.google.boxed-icon.fill {
background: #dd4b39;
border-color: #dd4b39;
color: #fff !important;
}
.google.boxed-icon.fill:hover {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
border-color: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.social_black-on .google.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .google.boxed-icon.fill:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.google.boxed-icon.style2 {
border: 0;
background: #dd4b39;
}
.google.boxed-icon.style2 span {
background: #dd4b39;
}
.social_black-on .google.boxed-icon.style2 {
background: #222;
}
.google-plus {
color: #dd4b39;
}
.google-plus:hover {
color: rgb(215.4956896552, 56.5948275862, 37.0043103448);
}
.social_black-on .google-plus {
color: #222;
}
.social_black-on .google-plus:hover {
color: #dd4b39;
}
.google-plus.boxed-icon {
background: #fff;
}
.google-plus.boxed-icon:hover {
color: #fff !important;
background: #dd4b39;
border-color: #dd4b39;
}
.social_black-on .google-plus.boxed-icon:hover {
background: #222;
border-color: #222;
}
.google-plus.boxed-icon.fill {
background: #dd4b39;
border-color: #dd4b39;
color: #fff !important;
}
.google-plus.boxed-icon.fill:hover {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
border-color: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.social_black-on .google-plus.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .google-plus.boxed-icon.fill:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.google-plus.boxed-icon.style2 {
border: 0;
background: #dd4b39;
}
.google-plus.boxed-icon.style2 span {
background: #dd4b39;
}
.social_black-on .google-plus.boxed-icon.style2 {
background: #222;
}
.linkedin {
color: #007bb6;
}
.linkedin:hover {
color: rgb(0, 105.7664835165, 156.5);
}
.social_black-on .linkedin {
color: #222;
}
.social_black-on .linkedin:hover {
color: #007bb6;
}
.linkedin.boxed-icon {
background: #fff;
}
.linkedin.boxed-icon:hover {
color: #fff !important;
background: #007bb6;
border-color: #007bb6;
}
.social_black-on .linkedin.boxed-icon:hover {
background: #222;
border-color: #222;
}
.linkedin.boxed-icon.fill {
background: #007bb6;
border-color: #007bb6;
color: #fff !important;
}
.linkedin.boxed-icon.fill:hover {
background: rgb(0, 88.532967033, 131);
border-color: rgb(0, 88.532967033, 131);
}
.social_black-on .linkedin.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .linkedin.boxed-icon.fill:hover {
background: #007bb6;
border-color: #007bb6;
}
.linkedin.boxed-icon.style2 {
border: 0;
background: #007bb6;
}
.linkedin.boxed-icon.style2 span {
background: #007bb6;
}
.social_black-on .linkedin.boxed-icon.style2 {
background: #222;
}
.vkontakte {
color: #45668e;
}
.vkontakte:hover {
color: rgb(60.6611374408, 89.672985782, 124.8388625592);
}
.social_black-on .vkontakte {
color: #222;
}
.social_black-on .vkontakte:hover {
color: #45668e;
}
.vkontakte.boxed-icon {
background: #fff;
}
.vkontakte.boxed-icon:hover {
color: #fff !important;
background: #45668e;
border-color: #45668e;
}
.social_black-on .vkontakte.boxed-icon:hover {
background: #222;
border-color: #222;
}
.vkontakte.boxed-icon.fill {
background: #45668e;
border-color: #45668e;
color: #fff !important;
}
.vkontakte.boxed-icon.fill:hover {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
border-color: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.social_black-on .vkontakte.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .vkontakte.boxed-icon.fill:hover {
background: #45668e;
border-color: #45668e;
}
.vkontakte.boxed-icon.style2 {
border: 0;
background: #45668e;
}
.vkontakte.boxed-icon.style2 span {
background: #45668e;
}
.social_black-on .vkontakte.boxed-icon.style2 {
background: #222;
}
.pinterest {
color: #bd081c;
}
.pinterest:hover {
color: rgb(164.5355329949, 6.9644670051, 24.3756345178);
}
.social_black-on .pinterest {
color: #222;
}
.social_black-on .pinterest:hover {
color: #bd081c;
}
.pinterest.boxed-icon {
background: #fff;
}
.pinterest.boxed-icon:hover {
color: #fff !important;
background: #bd081c;
border-color: #bd081c;
}
.social_black-on .pinterest.boxed-icon:hover {
background: #222;
border-color: #222;
}
.pinterest.boxed-icon.fill {
background: #bd081c;
border-color: #bd081c;
color: #fff !important;
}
.pinterest.boxed-icon.fill:hover {
background: rgb(140.0710659898, 5.9289340102, 20.7512690355);
border-color: rgb(140.0710659898, 5.9289340102, 20.7512690355);
}
.social_black-on .pinterest.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .pinterest.boxed-icon.fill:hover {
background: #bd081c;
border-color: #bd081c;
}
.pinterest.boxed-icon.style2 {
border: 0;
background: #bd081c;
}
.pinterest.boxed-icon.style2 span {
background: #bd081c;
}
.social_black-on .pinterest.boxed-icon.style2 {
background: #222;
}
.whatsapp {
color: #25d366;
}
.whatsapp:hover {
color: rgb(33.1955645161, 189.3044354839, 91.5120967742);
}
.social_black-on .whatsapp {
color: #222;
}
.social_black-on .whatsapp:hover {
color: #25d366;
}
.whatsapp.boxed-icon {
background: #fff;
}
.whatsapp.boxed-icon:hover {
color: #fff !important;
background: #25d366;
border-color: #25d366;
}
.social_black-on .whatsapp.boxed-icon:hover {
background: #222;
border-color: #222;
}
.whatsapp.boxed-icon.fill {
background: #25d366;
border-color: #25d366;
color: #fff !important;
}
.whatsapp.boxed-icon.fill:hover {
background: rgb(29.3911290323, 167.6088709677, 81.0241935484);
border-color: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}
.social_black-on .whatsapp.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .whatsapp.boxed-icon.fill:hover {
background: #25d366;
border-color: #25d366;
}
.whatsapp.boxed-icon.style2 {
border: 0;
background: #25d366;
}
.whatsapp.boxed-icon.style2 span {
background: #25d366;
}
.social_black-on .whatsapp.boxed-icon.style2 {
background: #222;
}
.twitter {
color: #222222;
}
.twitter:hover {
color: rgb(21.25, 21.25, 21.25);
}
.social_black-on .twitter {
color: #222;
}
.social_black-on .twitter:hover {
color: #222222;
}
.twitter.boxed-icon {
background: #fff;
}
.twitter.boxed-icon:hover {
color: #fff !important;
background: #222222;
border-color: #222222;
}
.social_black-on .twitter.boxed-icon:hover {
background: #222;
border-color: #222;
}
.twitter.boxed-icon.fill {
background: #222222;
border-color: #222222;
color: #fff !important;
}
.twitter.boxed-icon.fill:hover {
background: rgb(8.5, 8.5, 8.5);
border-color: rgb(8.5, 8.5, 8.5);
}
.social_black-on .twitter.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .twitter.boxed-icon.fill:hover {
background: #222222;
border-color: #222222;
}
.twitter.boxed-icon.style2 {
border: 0;
background: #222222;
}
.twitter.boxed-icon.style2 span {
background: #222222;
}
.social_black-on .twitter.boxed-icon.style2 {
background: #222;
}
.instagram {
color: #3f729b;
}
.instagram:hover {
color: rgb(55.630733945, 100.6651376147, 136.869266055);
}
.social_black-on .instagram {
color: #222;
}
.social_black-on .instagram:hover {
color: #3f729b;
}
.instagram.boxed-icon {
background: #fff;
}
.instagram.boxed-icon:hover {
color: #fff !important;
background: #3f729b;
border-color: #3f729b;
}
.social_black-on .instagram.boxed-icon:hover {
background: #222;
border-color: #222;
}
.instagram.boxed-icon.fill {
background: #3f729b;
border-color: #3f729b;
color: #fff !important;
}
.instagram.boxed-icon.fill:hover {
background: rgb(48.2614678899, 87.3302752294, 118.7385321101);
border-color: rgb(48.2614678899, 87.3302752294, 118.7385321101);
}
.social_black-on .instagram.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .instagram.boxed-icon.fill:hover {
background: #3f729b;
border-color: #3f729b;
}
.instagram.boxed-icon.style2 {
border: 0;
background: #3f729b;
}
.instagram.boxed-icon.style2 span {
background: #3f729b;
}
.social_black-on .instagram.boxed-icon.style2 {
background: #222;
}
.vk {
color: #45668e;
}
.vk:hover {
color: rgb(60.6611374408, 89.672985782, 124.8388625592);
}
.social_black-on .vk {
color: #222;
}
.social_black-on .vk:hover {
color: #45668e;
}
.vk.boxed-icon {
background: #fff;
}
.vk.boxed-icon:hover {
color: #fff !important;
background: #45668e;
border-color: #45668e;
}
.social_black-on .vk.boxed-icon:hover {
background: #222;
border-color: #222;
}
.vk.boxed-icon.fill {
background: #45668e;
border-color: #45668e;
color: #fff !important;
}
.vk.boxed-icon.fill:hover {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
border-color: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.social_black-on .vk.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .vk.boxed-icon.fill:hover {
background: #45668e;
border-color: #45668e;
}
.vk.boxed-icon.style2 {
border: 0;
background: #45668e;
}
.vk.boxed-icon.style2 span {
background: #45668e;
}
.social_black-on .vk.boxed-icon.style2 {
background: #222;
}
.tumblr {
color: #35465c;
}
.tumblr:hover {
color: rgb(43.6793103448, 57.6896551724, 75.8206896552);
}
.social_black-on .tumblr {
color: #222;
}
.social_black-on .tumblr:hover {
color: #35465c;
}
.tumblr.boxed-icon {
background: #fff;
}
.tumblr.boxed-icon:hover {
color: #fff !important;
background: #35465c;
border-color: #35465c;
}
.social_black-on .tumblr.boxed-icon:hover {
background: #222;
border-color: #222;
}
.tumblr.boxed-icon.fill {
background: #35465c;
border-color: #35465c;
color: #fff !important;
}
.tumblr.boxed-icon.fill:hover {
background: rgb(34.3586206897, 45.3793103448, 59.6413793103);
border-color: rgb(34.3586206897, 45.3793103448, 59.6413793103);
}
.social_black-on .tumblr.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .tumblr.boxed-icon.fill:hover {
background: #35465c;
border-color: #35465c;
}
.tumblr.boxed-icon.style2 {
border: 0;
background: #35465c;
}
.tumblr.boxed-icon.style2 span {
background: #35465c;
}
.social_black-on .tumblr.boxed-icon.style2 {
background: #222;
}
.xing {
color: #cfdc00;
}
.xing:hover {
color: rgb(183.0068181818, 194.5, 0);
}
.social_black-on .xing {
color: #222;
}
.social_black-on .xing:hover {
color: #cfdc00;
}
.xing.boxed-icon {
background: #fff;
}
.xing.boxed-icon:hover {
color: #fff !important;
background: #cfdc00;
border-color: #cfdc00;
}
.social_black-on .xing.boxed-icon:hover {
background: #222;
border-color: #222;
}
.xing.boxed-icon.fill {
background: #cfdc00;
border-color: #cfdc00;
color: #fff !important;
}
.xing.boxed-icon.fill:hover {
background: rgb(159.0136363636, 169, 0);
border-color: rgb(159.0136363636, 169, 0);
}
.social_black-on .xing.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .xing.boxed-icon.fill:hover {
background: #cfdc00;
border-color: #cfdc00;
}
.xing.boxed-icon.style2 {
border: 0;
background: #cfdc00;
}
.xing.boxed-icon.style2 span {
background: #cfdc00;
}
.social_black-on .xing.boxed-icon.style2 {
background: #222;
}
.soundcloud {
color: #f80;
}
.soundcloud:hover {
color: rgb(229.5, 122.4, 0);
}
.social_black-on .soundcloud {
color: #222;
}
.social_black-on .soundcloud:hover {
color: #f80;
}
.soundcloud.boxed-icon {
background: #fff;
}
.soundcloud.boxed-icon:hover {
color: #fff !important;
background: #f80;
border-color: #f80;
}
.social_black-on .soundcloud.boxed-icon:hover {
background: #222;
border-color: #222;
}
.soundcloud.boxed-icon.fill {
background: #f80;
border-color: #f80;
color: #fff !important;
}
.soundcloud.boxed-icon.fill:hover {
background: rgb(204, 108.8, 0);
border-color: rgb(204, 108.8, 0);
}
.social_black-on .soundcloud.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .soundcloud.boxed-icon.fill:hover {
background: #f80;
border-color: #f80;
}
.soundcloud.boxed-icon.style2 {
border: 0;
background: #f80;
}
.soundcloud.boxed-icon.style2 span {
background: #f80;
}
.social_black-on .soundcloud.boxed-icon.style2 {
background: #222;
}
.dribbble {
color: #ea4c89;
}
.dribbble:hover {
color: rgb(231.3225, 53.1775, 121.955);
}
.social_black-on .dribbble {
color: #222;
}
.social_black-on .dribbble:hover {
color: #ea4c89;
}
.dribbble.boxed-icon {
background: #fff;
}
.dribbble.boxed-icon:hover {
color: #fff !important;
background: #ea4c89;
border-color: #ea4c89;
}
.social_black-on .dribbble.boxed-icon:hover {
background: #222;
border-color: #222;
}
.dribbble.boxed-icon.fill {
background: #ea4c89;
border-color: #ea4c89;
color: #fff !important;
}
.dribbble.boxed-icon.fill:hover {
background: rgb(228.645, 30.355, 106.91);
border-color: rgb(228.645, 30.355, 106.91);
}
.social_black-on .dribbble.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .dribbble.boxed-icon.fill:hover {
background: #ea4c89;
border-color: #ea4c89;
}
.dribbble.boxed-icon.style2 {
border: 0;
background: #ea4c89;
}
.dribbble.boxed-icon.style2 span {
background: #ea4c89;
}
.social_black-on .dribbble.boxed-icon.style2 {
background: #222;
}
.youtube {
color: #e52d27;
}
.youtube:hover {
color: rgb(216.4462809917, 32.0661157025, 26.0537190083);
}
.social_black-on .youtube {
color: #222;
}
.social_black-on .youtube:hover {
color: #e52d27;
}
.youtube.boxed-icon {
background: #fff;
}
.youtube.boxed-icon:hover {
color: #fff !important;
background: #e52d27;
border-color: #e52d27;
}
.social_black-on .youtube.boxed-icon:hover {
background: #222;
border-color: #222;
}
.youtube.boxed-icon.fill {
background: #e52d27;
border-color: #e52d27;
color: #fff !important;
}
.youtube.boxed-icon.fill:hover {
background: rgb(193.6859504132, 28.694214876, 23.3140495868);
border-color: rgb(193.6859504132, 28.694214876, 23.3140495868);
}
.social_black-on .youtube.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .youtube.boxed-icon.fill:hover {
background: #e52d27;
border-color: #e52d27;
}
.youtube.boxed-icon.style2 {
border: 0;
background: #e52d27;
}
.youtube.boxed-icon.style2 span {
background: #e52d27;
}
.social_black-on .youtube.boxed-icon.style2 {
background: #222;
}
.spotify {
color: #7ab800;
}
.spotify:hover {
color: rgb(105.0923913043, 158.5, 0);
}
.social_black-on .spotify {
color: #222;
}
.social_black-on .spotify:hover {
color: #7ab800;
}
.spotify.boxed-icon {
background: #fff;
}
.spotify.boxed-icon:hover {
color: #fff !important;
background: #7ab800;
border-color: #7ab800;
}
.social_black-on .spotify.boxed-icon:hover {
background: #222;
border-color: #222;
}
.spotify.boxed-icon.fill {
background: #7ab800;
border-color: #7ab800;
color: #fff !important;
}
.spotify.boxed-icon.fill:hover {
background: rgb(88.1847826087, 133, 0);
border-color: rgb(88.1847826087, 133, 0);
}
.social_black-on .spotify.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .spotify.boxed-icon.fill:hover {
background: #7ab800;
border-color: #7ab800;
}
.spotify.boxed-icon.style2 {
border: 0;
background: #7ab800;
}
.spotify.boxed-icon.style2 span {
background: #7ab800;
}
.social_black-on .spotify.boxed-icon.style2 {
background: #222;
}
.behance {
color: #1769ff;
}
.behance:hover {
color: rgb(0, 89.2456896552, 252.5);
}
.social_black-on .behance {
color: #222;
}
.social_black-on .behance:hover {
color: #1769ff;
}
.behance.boxed-icon {
background: #fff;
}
.behance.boxed-icon:hover {
color: #fff !important;
background: #1769ff;
border-color: #1769ff;
}
.social_black-on .behance.boxed-icon:hover {
background: #222;
border-color: #222;
}
.behance.boxed-icon.fill {
background: #1769ff;
border-color: #1769ff;
color: #fff !important;
}
.behance.boxed-icon.fill:hover {
background: rgb(0, 80.2327586207, 227);
border-color: rgb(0, 80.2327586207, 227);
}
.social_black-on .behance.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .behance.boxed-icon.fill:hover {
background: #1769ff;
border-color: #1769ff;
}
.behance.boxed-icon.style2 {
border: 0;
background: #1769ff;
}
.behance.boxed-icon.style2 span {
background: #1769ff;
}
.social_black-on .behance.boxed-icon.style2 {
background: #222;
}
.deviantart {
color: #4e6252;
}
.deviantart:hover {
color: rgb(66.6988636364, 83.8011363636, 70.1193181818);
}
.social_black-on .deviantart {
color: #222;
}
.social_black-on .deviantart:hover {
color: #4e6252;
}
.deviantart.boxed-icon {
background: #fff;
}
.deviantart.boxed-icon:hover {
color: #fff !important;
background: #4e6252;
border-color: #4e6252;
}
.social_black-on .deviantart.boxed-icon:hover {
background: #222;
border-color: #222;
}
.deviantart.boxed-icon.fill {
background: #4e6252;
border-color: #4e6252;
color: #fff !important;
}
.deviantart.boxed-icon.fill:hover {
background: rgb(55.3977272727, 69.6022727273, 58.2386363636);
border-color: rgb(55.3977272727, 69.6022727273, 58.2386363636);
}
.social_black-on .deviantart.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .deviantart.boxed-icon.fill:hover {
background: #4e6252;
border-color: #4e6252;
}
.deviantart.boxed-icon.style2 {
border: 0;
background: #4e6252;
}
.deviantart.boxed-icon.style2 span {
background: #4e6252;
}
.social_black-on .deviantart.boxed-icon.style2 {
background: #222;
}
.snapchat {
color: #fffc00;
}
.snapchat:hover {
color: rgb(229.5, 226.8, 0);
}
.social_black-on .snapchat {
color: #222;
}
.social_black-on .snapchat:hover {
color: #fffc00;
}
.snapchat.boxed-icon {
background: #fff;
}
.snapchat.boxed-icon:hover {
color: #fff !important;
background: #fffc00;
border-color: #fffc00;
}
.social_black-on .snapchat.boxed-icon:hover {
background: #222;
border-color: #222;
}
.snapchat.boxed-icon.fill {
background: #fffc00;
border-color: #fffc00;
color: #fff !important;
}
.snapchat.boxed-icon.fill:hover {
background: rgb(204, 201.6, 0);
border-color: rgb(204, 201.6, 0);
}
.social_black-on .snapchat.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .snapchat.boxed-icon.fill:hover {
background: #fffc00;
border-color: #fffc00;
}
.snapchat.boxed-icon.style2 {
border: 0;
background: #fffc00;
}
.snapchat.boxed-icon.style2 span {
background: #fffc00;
}
.social_black-on .snapchat.boxed-icon.style2 {
background: #222;
}
.medium {
color: #00ab6c;
}
.medium:hover {
color: rgb(0, 145.5, 91.8947368421);
}
.social_black-on .medium {
color: #222;
}
.social_black-on .medium:hover {
color: #00ab6c;
}
.medium.boxed-icon {
background: #fff;
}
.medium.boxed-icon:hover {
color: #fff !important;
background: #00ab6c;
border-color: #00ab6c;
}
.social_black-on .medium.boxed-icon:hover {
background: #222;
border-color: #222;
}
.medium.boxed-icon.fill {
background: #00ab6c;
border-color: #00ab6c;
color: #fff !important;
}
.medium.boxed-icon.fill:hover {
background: rgb(0, 120, 75.7894736842);
border-color: rgb(0, 120, 75.7894736842);
}
.social_black-on .medium.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .medium.boxed-icon.fill:hover {
background: #00ab6c;
border-color: #00ab6c;
}
.medium.boxed-icon.style2 {
border: 0;
background: #00ab6c;
}
.medium.boxed-icon.style2 span {
background: #00ab6c;
}
.social_black-on .medium.boxed-icon.style2 {
background: #222;
}
.vimeo {
color: #1ab7ea;
}
.vimeo:hover {
color: rgb(19.698, 166.964, 214.802);
}
.social_black-on .vimeo {
color: #222;
}
.social_black-on .vimeo:hover {
color: #1ab7ea;
}
.vimeo.boxed-icon {
background: #fff;
}
.vimeo.boxed-icon:hover {
color: #fff !important;
background: #1ab7ea;
border-color: #1ab7ea;
}
.social_black-on .vimeo.boxed-icon:hover {
background: #222;
border-color: #222;
}
.vimeo.boxed-icon.fill {
background: #1ab7ea;
border-color: #1ab7ea;
color: #fff !important;
}
.vimeo.boxed-icon.fill:hover {
background: rgb(17.556, 148.808, 191.444);
border-color: rgb(17.556, 148.808, 191.444);
}
.social_black-on .vimeo.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .vimeo.boxed-icon.fill:hover {
background: #1ab7ea;
border-color: #1ab7ea;
}
.vimeo.boxed-icon.style2 {
border: 0;
background: #1ab7ea;
}
.vimeo.boxed-icon.style2 span {
background: #1ab7ea;
}
.social_black-on .vimeo.boxed-icon.style2 {
background: #222;
}
.email {
color: #9b9b9b;
}
.email:hover {
color: rgb(142.25, 142.25, 142.25);
}
.social_black-on .email {
color: #222;
}
.social_black-on .email:hover {
color: #9b9b9b;
}
.email.boxed-icon {
background: #fff;
}
.email.boxed-icon:hover {
color: #fff !important;
background: #9b9b9b;
border-color: #9b9b9b;
}
.social_black-on .email.boxed-icon:hover {
background: #222;
border-color: #222;
}
.email.boxed-icon.fill {
background: #9b9b9b;
border-color: #9b9b9b;
color: #fff !important;
}
.email.boxed-icon.fill:hover {
background: rgb(129.5, 129.5, 129.5);
border-color: rgb(129.5, 129.5, 129.5);
}
.social_black-on .email.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .email.boxed-icon.fill:hover {
background: #9b9b9b;
border-color: #9b9b9b;
}
.email.boxed-icon.style2 {
border: 0;
background: #9b9b9b;
}
.email.boxed-icon.style2 span {
background: #9b9b9b;
}
.social_black-on .email.boxed-icon.style2 {
background: #222;
}
.reddit {
color: #ff4500;
}
.reddit:hover {
color: rgb(229.5, 62.1, 0);
}
.social_black-on .reddit {
color: #222;
}
.social_black-on .reddit:hover {
color: #ff4500;
}
.reddit.boxed-icon {
background: #fff;
}
.reddit.boxed-icon:hover {
color: #fff !important;
background: #ff4500;
border-color: #ff4500;
}
.social_black-on .reddit.boxed-icon:hover {
background: #222;
border-color: #222;
}
.reddit.boxed-icon.fill {
background: #ff4500;
border-color: #ff4500;
color: #fff !important;
}
.reddit.boxed-icon.fill:hover {
background: rgb(204, 55.2, 0);
border-color: rgb(204, 55.2, 0);
}
.social_black-on .reddit.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .reddit.boxed-icon.fill:hover {
background: #ff4500;
border-color: #ff4500;
}
.reddit.boxed-icon.style2 {
border: 0;
background: #ff4500;
}
.reddit.boxed-icon.style2 span {
background: #ff4500;
}
.social_black-on .reddit.boxed-icon.style2 {
background: #222;
}
.telegram {
color: #0088cc;
}
.telegram:hover {
color: rgb(0, 119, 178.5);
}
.social_black-on .telegram {
color: #222;
}
.social_black-on .telegram:hover {
color: #0088cc;
}
.telegram.boxed-icon {
background: #fff;
}
.telegram.boxed-icon:hover {
color: #fff !important;
background: #0088cc;
border-color: #0088cc;
}
.social_black-on .telegram.boxed-icon:hover {
background: #222;
border-color: #222;
}
.telegram.boxed-icon.fill {
background: #0088cc;
border-color: #0088cc;
color: #fff !important;
}
.telegram.boxed-icon.fill:hover {
background: #006699;
border-color: #006699;
}
.social_black-on .telegram.boxed-icon.fill {
background: #222;
border-color: #222;
}
.social_black-on .telegram.boxed-icon.fill:hover {
background: #0088cc;
border-color: #0088cc;
}
.telegram.boxed-icon.style2 {
border: 0;
background: #0088cc;
}
.telegram.boxed-icon.style2 span {
background: #0088cc;
}
.social_black-on .telegram.boxed-icon.style2 {
background: #222;
} .wpb_video_widget .wpb_video_wrapper .responsive-embed, .wpb_video_widget .wpb_video_wrapper .flex-video {
height: auto;
padding-bottom: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.wpb_video_widget .wpb_video_wrapper .plyr {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video_bg {
position: relative;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.video_bg .row-video-bg {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
.video_bg .video_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parallax_bg {
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.parallax_bg .wp-post-image {
height: 100%;
object-fit: cover;
}
.iconlist {
list-style: none;
}
.iconlist li {
padding: 0 0 0 25px;
position: relative;
}
.rtl .iconlist li {
padding: 0 25px 0 0;
}
.rtl .iconlist li > i {
left: auto;
right: 0;
}
.iconlist li > i {
position: absolute;
top: 2px;
left: 0;
color: #222;
} .gap {
clear: both;
} .dropcap {
display: block;
font-size: 100px;
line-height: 84px;
text-transform: uppercase;
float: left;
position: relative;
top: 0;
margin-right: 10px;
color: #222;
font-weight: 600;
}
.rtl .dropcap {
float: right;
margin-right: 0;
margin-left: 10px;
} .highlight {
padding: 0 2px;
}
.highlight.black {
background: #222;
color: #fff;
}
.highlight.accent {
background: #ef2673;
color: #fff;
} .thb_image.retina_size {
visibility: hidden;
}
.thb_image.retina_size.retina_active {
visibility: visible;
} .wpb_content_element {
margin-bottom: 0 !important;
}
.wpb_text_column:not(.slick-slide) {
float: none;
} .contact_map {
position: relative;
overflow: hidden;
}
.contact_map .google_map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.contact_map .google_map img {
max-width: none;
height: auto;
} .image_link {
display: block;
} table {
border: 0;
} .contentbox {
position: relative;
}
.contentbox > a {
display: block;
color: #545353;
text-decoration: none;
position: relative;
}
.contentbox img {
width: 100%;
display: block;
}
.contentbox .contentbox-figure {
position: relative;
overflow: hidden;
}
.contentbox .contentbox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.contentbox .contentbox-subtitle {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
}
.contentbox h6 {
font-size: 22px;
line-height: 26px;
font-weight: 400;
margin: 5px 0 15px;
}
.contentbox .content {
font-size: 14px;
line-height: 20px;
}
.contentbox .content .button {
margin-top: 15px;
display: inline-block;
}
.contentbox.text-center { text-align: center; }
.contentbox.text-left { text-align: left; }
.contentbox.text-right { text-align: right; }
.contentbox.radius-small { border-radius: 4px; overflow: hidden; }
.contentbox.radius-medium { border-radius: 8px; overflow: hidden; }
.contentbox.radius-large { border-radius: 16px; overflow: hidden; }
.contentbox.has-shadow { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
.contentbox.padding-none .content { padding: 0; }
.contentbox.padding-small .content { padding: 10px; }
.contentbox.padding-medium .content { padding: 20px; }
.contentbox.padding-large .content { padding: 40px; }
.contentbox.ratio-16-9 .contentbox-figure { aspect-ratio: 16/9; }
.contentbox.ratio-4-3 .contentbox-figure { aspect-ratio: 4/3; }
.contentbox.ratio-1-1 .contentbox-figure { aspect-ratio: 1/1; }
.contentbox.ratio-3-4 .contentbox-figure { aspect-ratio: 3/4; }
.contentbox[class*="ratio-"] .contentbox-figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contentbox.hover-lift {
transition: all 0.3s ease;
}
.contentbox.hover-lift:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.contentbox.hover-zoom .contentbox-figure img {
transition: all 0.3s ease;
}
.contentbox.hover-zoom:hover .contentbox-figure img {
transform: scale(1.05);
}
.contentbox.hover-darken .contentbox-figure::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
transition: all 0.3s ease;
}
.contentbox.hover-darken:hover .contentbox-figure::after {
background: rgba(0, 0, 0, 0.15);
} .contentbox-style1 {
text-align: center;
}
.contentbox-style1 .content {
position: relative;
background: #fff;
margin: -52px 10px 0;
padding: 10px;
}
@media only screen and (min-width: 40.0625em) {
.contentbox-style1 .content {
margin: -58px 20px 0;
padding: 20px;
}
} .contentbox-style2 .contentbox-inner {
display: flex;
align-items: center;
}
.contentbox-style2 .contentbox-figure {
flex: 0 0 40%;
max-width: 40%;
}
.contentbox-style2 .content {
flex: 1;
padding: 20px 30px;
}
@media only screen and (max-width: 40em) {
.contentbox-style2 .contentbox-inner {
flex-direction: column;
}
.contentbox-style2 .contentbox-figure {
flex: 0 0 100%;
max-width: 100%;
}
.contentbox-style2 .content {
padding: 20px 0;
}
} .contentbox-style3 {
position: relative;
}
.contentbox-style3 > a {
position: relative;
display: block;
}
.contentbox-style3 .contentbox-figure {
min-height: 300px;
}
.contentbox-style3 .contentbox-figure img {
width: 100%;
height: 100%;
min-height: 300px;
object-fit: cover;
}
.contentbox-style3 .contentbox-figure::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
pointer-events: none;
}
.contentbox-style3 .content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 2;
color: #fff;
}
.contentbox-style3 .content h6 {
color: #fff;
}
.contentbox-style3 .content .contentbox-subtitle {
color: rgba(255, 255, 255, 0.8);
}
.contentbox-style3 .content .button {
color: #fff;
border-color: #fff;
} .contentbox-style4 {
text-align: center;
}
.contentbox-style4 .content {
position: relative;
background: #fff;
margin: 0 10px -52px;
padding: 10px;
z-index: 2;
}
@media only screen and (min-width: 40.0625em) {
.contentbox-style4 .content {
margin: 0 20px -58px;
padding: 20px;
}
} .contentbox-style5 .contentbox-figure {
margin-bottom: 20px;
}
.contentbox-style5 .content {
border-top: 2px solid #222;
padding-top: 15px;
}
.contentbox-style5 .content h6 {
font-weight: 600;
} .contentbox-style6 {
background: #fff;
border: 1px solid #eee;
}
.contentbox-style6 .contentbox-figure {
margin: 15px 15px 0;
}
.contentbox-style6 .content {
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.contentbox-style6 .content {
padding: 20px;
}
} .contentbox-style7 .contentbox-inner {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.contentbox-style7 .contentbox-figure {
flex: 0 0 40%;
max-width: 40%;
}
.contentbox-style7 .content {
flex: 1;
padding: 20px 30px;
}
@media only screen and (max-width: 40em) {
.contentbox-style7 .contentbox-inner {
flex-direction: column;
}
.contentbox-style7 .contentbox-figure {
flex: 0 0 100%;
max-width: 100%;
}
.contentbox-style7 .content {
padding: 20px 0;
}
} #scroll_totop {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
width: 36px;
height: 36px;
position: fixed;
right: 15px;
bottom: 15px;
z-index: 99;
border-radius: 18px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 40.0625em) {
#scroll_totop {
right: 30px;
bottom: 30px;
}
}
.rtl #scroll_totop {
right: auto;
left: 15px;
}
@media only screen and (min-width: 40.0625em) {
.rtl #scroll_totop {
right: auto;
left: 30px;
}
}
#scroll_totop svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
#scroll_totop svg .thb-arrow-head {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
#scroll_totop svg .thb-arrow-line {
-webkit-transform-origin: 100% center;
-moz-transform-origin: 100% center;
-ms-transform-origin: 100% center;
-o-transform-origin: 100% center;
transform-origin: 100% center;
-webkit-transform: translateX(5px) scale(0, 1);
-moz-transform: translateX(5px) scale(0, 1);
-ms-transform: translateX(5px) scale(0, 1);
-o-transform: translateX(5px) scale(0, 1);
transform: translateX(5px) scale(0, 1);
}
#scroll_totop:hover {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
#scroll_totop:hover svg .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#scroll_totop:hover svg .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
} .ad_container_bottom {
margin-top: 30px;
}
.ad_container_bottom p:last-of-type,
.ad_container_gallery_header p:last-of-type {
margin: 0;
} .video_playlist.style1 {
position: relative;
}
.video_playlist.style1 .thb-play-list-holder {
height: 190px;
}
@media only screen and (min-width: 64.0625em) {
.video_playlist.style1 .thb-play-list-holder {
position: absolute;
top: 0;
margin: 0;
right: -15px;
height: 100%;
}
}
.video_playlist.style1 .video-side {
margin-bottom: 10px;
}
@media only screen and (min-width: 40.0625em) {
.video_playlist.style1 .video-side {
margin: 0;
}
}
.video_playlist .video-side {
margin-bottom: 20px;
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.video_playlist .video-side {
margin: 0;
}
}
.video_playlist .video-side .wp-video {
width: 100% !important;
}
.video_playlist .video-side.thb-loading:before, .video_playlist .video-side.slick:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 15px;
right: 15px;
height: 100%;
background: #222;
opacity: 0.2;
z-index: 5;
}
.video_playlist .video-side.thb-loading:after, .video_playlist .video-side.slick:after {
bottom: auto;
top: 50%;
margin-top: -19px;
z-index: 20;
}
.video_playlist.style2 .video-side {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.video_playlist.style2 .video-side {
margin-bottom: 30px;
}
}
.video_playlist .video_play {
display: flex;
align-items: center;
background: #f9f9f9;
position: relative;
padding: 5px;
text-align: left;
color: #222;
font-size: 13px;
margin-bottom: 2px;
}
@media only screen and (min-width: 64.0625em) {
.video_playlist .video_play {
padding: 22px 20px;
}
}
.video_playlist .video_play span {
display: inline-block;
width: 26px;
min-width: 26px;
height: 26px;
line-height: 26px;
text-indent: 1px;
color: #fff;
text-align: center;
background: rgba(0, 0, 0, 0.15);
border-radius: 50%;
font-size: 10px;
margin-right: 5px;
}
@media only screen and (min-width: 64.0625em) {
.video_playlist .video_play span {
margin-right: 20px;
}
}
.video_playlist .video_play.vertical {
display: block;
padding: 0;
background: none;
}
.video_playlist .video_play.vertical .post-gallery {
width: 100%;
margin-bottom: 20px;
}
.video_playlist .video_play.vertical.video-active {
background: transparent;
color: #ef2673;
}
.video_playlist .video_play.vertical.video-active h6 {
color: #ef2673;
}
.video_playlist .video_play.video-active {
background: #ef2673;
color: #fff;
}
.video_playlist .video_play.video-active span {
background: rgba(255, 255, 255, 0.2);
} .password-protected {
display: flex;
justify-content: center;
align-items: center;
padding-top: calc(10vh + 80px);
padding-bottom: 10vh;
}
.password-protected svg {
display: inline-block;
width: 60px;
max-width: 100%;
margin-bottom: 30px;
}
.password-protected h3 {
margin-bottom: 5px;
}
.password-protected .password-form {
text-align: center;
}
.password-protected p {
margin-bottom: 30px;
} .not-found {
text-align: center;
width: 100%;
margin-bottom: 30px;
}
.not-found figure {
display: inline-flex;
width: 120px;
height: 120px;
border: 6px solid #f8f8f8;
color: #e6e6e6;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.not-found figure:after {
content: "!";
font-size: 80px;
}
.not-found p {
color: #ef2673;
} .thb-content-carousel .slick-slide {
margin-bottom: 0;
}
.thb-content-carousel.regular-padding {
margin: 0 -15px;
}
.thb-content-carousel.regular-padding .slick-slide {
margin-right: 10px;
margin-left: 10px;
}
@media only screen and (min-width: 40.0625em) {
.thb-content-carousel.regular-padding .slick-slide {
margin-right: 15px;
margin-left: 15px;
}
}
.thb-content-carousel.mini-padding {
margin: 0 -5px;
}
.thb-content-carousel.mini-padding .slick-slide {
margin-right: 5px;
margin-left: 5px;
}
.thb-content-carousel.pixel-padding {
margin: 0 -1px;
}
.thb-content-carousel.pixel-padding .slick-slide {
margin-right: 1px;
margin-left: 1px;
}
.thb-content-carousel.no-padding {
margin: 0;
}
.thb-content-carousel.no-padding .slick-slide {
margin-left: 0;
margin-right: 0;
}
.thb-content-carousel.dark-pagination {
padding-bottom: 40px;
}
.thb-content-carousel.dark-pagination .slick-dots {
bottom: 0;
} hr {
border-bottom: 1px solid #eaeaea;
}  .thb-progress {
width: 100%;
background: #f0f0f0;
height: 12px;
margin-top: 4px;
}
.thb-progress span {
background: #ef2673;
display: block;
height: 12px;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.animation {
will-change: opacity, transform;
opacity: 0;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}
.animation.bottom-to-top {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
.animation.top-to-bottom {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
.animation.left-to-right {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
.animation.right-to-left {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
.animation.left-to-right-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-origin: 100% 100%;
transform-style: preserve-3d;
-webkit-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-moz-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-ms-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-o-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
}
.animation.right-to-left-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-origin: 0% 100%;
transform-style: preserve-3d;
-webkit-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-moz-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-ms-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-o-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
}
.animation.bottom-to-top-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(-45deg) translateY(120px);
-moz-transform: rotateX(-45deg) translateY(120px);
-ms-transform: rotateX(-45deg) translateY(120px);
-o-transform: rotateX(-45deg) translateY(120px);
transform: rotateX(-45deg) translateY(120px);
}
.animation.top-to-bottom-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(45deg) translateY(-120px);
-moz-transform: rotateX(45deg) translateY(-120px);
-ms-transform: rotateX(45deg) translateY(-120px);
-o-transform: rotateX(45deg) translateY(-120px);
transform: rotateX(45deg) translateY(-120px);
}
.animation.scale {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
.vc_editor .animation {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
} .thb-pricing-table .thb-pricing-column {
display: flex;
flex-direction: column;
}
.thb-pricing-table .thb-pricing-column .pricing-container {
background: #fff;
display: flex;
height: 100%;
flex-direction: column;
border: 1px solid #e6e6e6;
text-align: center;
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.thb-pricing-table .thb-pricing-column .pricing-container {
padding: 40px;
}
}
.thb-pricing-table .thb-pricing-column .pricing-container img {
display: block;
border-radius: 3px;
margin: 0 auto 40px;
flex-shrink: 0;
}
.thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1;
}
.thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head h3 {
font-size: 30px;
font-weight: 600;
line-height: 1;
margin-bottom: 25px;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head .pricing_sub_title {
font-size: 13px;
margin-bottom: 39px;
opacity: 0.4;
}
.thb-pricing-table .thb-pricing-column .pricing-container.has-button {
border-radius: 3px 3px 0 0;
border-bottom: 0;
}
.thb-pricing-table .thb-pricing-column .pricing-container .pricing-description {
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 40px;
text-align: left;
font-size: 14px;
color: #222;
}
.thb-pricing-table .thb-pricing-column .pricing-container .pricing-description p {
font-size: inherit;
color: inherit;
}
.thb-pricing-table .thb-pricing-column .btn {
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
padding: 0;
}
.thb-pricing-table .thb-pricing-column.highlight-true .pricing-container {
background: #fff6f6;
border-color: #ef2673;
}
.thb-pricing-table .btn {
border-radius: 0 0 3px 3px;
}
.thb-block-grid .row.thb-grid-parent-row {
margin: 0;
}
.thb-block-grid .row.thb-grid-parent-row > .columns {
padding: 0;
}
.thb-block-grid .row.thb-grid-parent-row > .columns > .post {
margin-bottom: 1px;
}
.thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row {
margin: 0;
}
.thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row > .columns {
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row > .columns {
padding-left: 1px;
}
}
.thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row > .columns .post {
margin-bottom: 1px;
}
.thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 {
height: 0;
padding-bottom: 80%;
}
.thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 .post-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 .post-gallery img {
object-fit: cover;
height: 100%;
width: 100%;
}
.thb-block-grid.thb-block-grid-style1 .post.post-blockgrid-style1 h3 {
font-size: 20px;
}
@media only screen and (min-width: 40.0625em) {
.thb-block-grid.thb-block-grid-style1 .post.post-blockgrid-style1 h3 {
font-size: 30px;
}
}
.thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .columns:nth-child(3) .post.post-blockgrid-style1,
.thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .columns:nth-child(4) .post.post-blockgrid-style1 {
padding-bottom: calc(80% + 1px);
}
@media only screen and (min-width: 40.0625em) {
.thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .post.post-blockgrid-style1 h3 {
font-size: 20px;
}
} .post.post-blockgrid-style1 {
position: relative;
}
.post.post-blockgrid-style1 .post-date {
margin-bottom: 15px;
}
.post.post-blockgrid-style1 .post-gallery {
background: #000;
}
@media only screen and (min-width: 40.0625em) {
.post.post-blockgrid-style1 .post-gallery {
margin-bottom: 0px;
}
}
.post.post-blockgrid-style1 .post-gallery > a {
height: 100%;
opacity: 1;
}
.post.post-blockgrid-style1 .post-gallery > a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
border: 0;
margin: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: 0.8;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
background-image: -owg-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8));
background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8));
background-size: auto;
}
.post.post-blockgrid-style1 .featured-title {
position: absolute;
top: auto;
bottom: 40px;
left: 40px;
z-index: 10;
color: #fff;
max-width: 70%;
text-align: left;
}
.post.post-blockgrid-style1:hover .post-gallery > a:before {
opacity: 1;
} .thb-filter-tabs {
display: flex;
flex-wrap: nowrap;
gap: 0;
margin-bottom: 30px;
padding-bottom: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.thb-filter-tabs::-webkit-scrollbar {
display: none;
} .thb-filter-tabs.thb-filter-align-center {
justify-content: center;
}
.thb-filter-tabs.thb-filter-align-right {
justify-content: flex-end;
}
.thb-filter-tab {
display: inline-block;
font-size: 12px;
font-weight: var(--thb-tab-font-weight, 600);
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.has-ajax-filter {
position: relative;
}
.has-ajax-filter .thb-grid-wrapper {
position: relative;
} .thb-filter-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 200px;
background: rgba(255, 255, 255, 0.7);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
}
.thb-filter-spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(0, 0, 0, 0.1);
border-top-color: #222;
border-radius: 50%;
animation: thb-filter-spin 0.8s linear infinite;
}
@keyframes thb-filter-spin {
to { transform: rotate(360deg); }
} .thb-filter-loading.thb-loading-skeleton {
background: transparent;
padding: 0;
align-items: stretch;
}
.thb-skeleton-item {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: thb-skeleton-pulse 1.5s ease-in-out infinite;
border-radius: 4px;
}
@keyframes thb-skeleton-pulse {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
} .thb-loading-skeleton.thb-skeleton-style1 {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.thb-skeleton-style1 .thb-skeleton-item {
flex: 1 1 calc(33.333% - 15px);
min-width: 200px;
min-height: 200px;
}
.thb-skeleton-style1 .thb-skeleton-pos-0 {
flex: 1 1 calc(66.666% - 15px);
min-height: 300px;
} .thb-loading-skeleton.thb-skeleton-style2 {
display: grid;
grid-template-columns: 3fr 2fr;
grid-template-rows: 1fr 1fr;
gap: 2px;
height: 520px;
}
.thb-skeleton-style2 .thb-skeleton-pos-0 { grid-column: 1; grid-row: 1 / 3; }
.thb-skeleton-style2 .thb-skeleton-pos-1 { grid-column: 2; grid-row: 1; }
.thb-skeleton-style2 .thb-skeleton-pos-2 { grid-column: 2; grid-row: 2; } .thb-loading-skeleton.thb-skeleton-style3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 240px 240px 230px;
gap: 2px;
}
.thb-skeleton-style3 .thb-skeleton-pos-0 { grid-column: 1 / 3; grid-row: 1 / 3; }
.thb-skeleton-style3 .thb-skeleton-pos-1 { grid-column: 3; grid-row: 1; }
.thb-skeleton-style3 .thb-skeleton-pos-2 { grid-column: 3; grid-row: 2; }
.thb-skeleton-style3 .thb-skeleton-pos-3 { grid-column: 1; grid-row: 3; }
.thb-skeleton-style3 .thb-skeleton-pos-4 { grid-column: 2; grid-row: 3; }
.thb-skeleton-style3 .thb-skeleton-pos-5 { grid-column: 3; grid-row: 3; } .thb-loading-skeleton.thb-skeleton-style4 {
display: grid;
grid-template-columns: 5fr 3fr 4fr;
grid-template-rows: 340px 260px;
gap: 2px;
}
.thb-skeleton-style4 .thb-skeleton-pos-0 { grid-column: 1 / -1; grid-row: 1; }
.thb-skeleton-style4 .thb-skeleton-pos-1 { grid-column: 1; grid-row: 2; }
.thb-skeleton-style4 .thb-skeleton-pos-2 { grid-column: 2; grid-row: 2; }
.thb-skeleton-style4 .thb-skeleton-pos-3 { grid-column: 3; grid-row: 2; } .thb-loading-skeleton.thb-skeleton-style5 {
display: grid;
grid-template-columns: 2fr 3fr 2fr;
grid-template-rows: 1fr 1fr;
gap: 2px;
height: 540px;
}
.thb-skeleton-style5 .thb-skeleton-pos-0 { grid-column: 1; grid-row: 1 / 3; }
.thb-skeleton-style5 .thb-skeleton-pos-1 { grid-column: 2; grid-row: 1; }
.thb-skeleton-style5 .thb-skeleton-pos-2 { grid-column: 3; grid-row: 1; }
.thb-skeleton-style5 .thb-skeleton-pos-3 { grid-column: 2 / 4; grid-row: 2; } @media screen and (max-width: 767px) {
.thb-loading-skeleton.thb-skeleton-style2,
.thb-loading-skeleton.thb-skeleton-style3,
.thb-loading-skeleton.thb-skeleton-style4,
.thb-loading-skeleton.thb-skeleton-style5 {
grid-template-columns: 1fr;
grid-template-rows: auto;
height: auto;
}
.thb-loading-skeleton .thb-skeleton-item {
grid-column: 1 !important;
grid-row: auto !important;
min-height: 200px;
}
} .thb-filter-loading.thb-loading-fade {
background: transparent;
min-height: 0;
pointer-events: none;
}
.has-ajax-filter .thb-grid-wrapper {
overflow: hidden;
border-radius: 4px;
}
.thb-grid-wrapper.thb-fade-loading,
.thb-grid-wrapper.thb-blur-loading {
background: linear-gradient(90deg, #f5f5f5 25%, #ebebeb 50%, #f5f5f5 75%);
background-size: 200% 100%;
animation: thb-shimmer-pulse 1.2s ease-in-out infinite;
}
.thb-grid-wrapper.thb-fade-loading::after,
.thb-grid-wrapper.thb-blur-loading::after {
content: attr(data-loading-text);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 110;
font-size: 15px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #555;
background: rgba(255, 255, 255, 0.85);
padding: 12px 28px;
border-radius: 6px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
pointer-events: none;
animation: thb-loading-text-fade 1.4s ease-in-out infinite;
}
@keyframes thb-loading-text-fade {
0%, 100% { opacity: 0.6; }
50% { opacity: 1; }
}
@keyframes thb-shimmer-pulse {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
} .thb-grid-wrapper.thb-loading-blur > .thb-blockgrid-grid,
.thb-grid-wrapper.thb-loading-blur > .row,
.thb-grid-wrapper.thb-loading-blur > .thb-post-grid-wrapper,
.thb-grid-wrapper.thb-loading-blur > article.post,
.thb-grid-wrapper.thb-loading-blur > .columns,
.has-ajax-filter.thb-loading-blur > .thb-blockgrid-grid,
.has-ajax-filter.thb-loading-blur > .row,
.has-ajax-filter.thb-loading-blur > .thb-post-grid-wrapper,
.has-ajax-filter.thb-loading-blur > article.post,
.has-ajax-filter.thb-loading-blur > .columns {
filter: blur(6px);
transition: filter 0.3s ease;
}
.thb-filter-loading.thb-loading-blur {
background: rgba(255, 255, 255, 0.3);
}
.has-ajax-filter .thb-no-posts {
text-align: center;
padding: 40px 20px;
color: #999;
font-size: 14px;
} .thb-filter-tabs.thb-filter-style1 {
border-bottom: 2px solid #ebebeb;
}
.thb-filter-style1 .thb-filter-tab {
padding: 10px 20px;
color: #999;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
}
.thb-filter-style1 .thb-filter-tab:hover {
color: #222;
}
.thb-filter-style1 .thb-filter-tab.active {
color: #222;
border-bottom-color: #222;
} .thb-filter-tabs.thb-filter-style2 {
gap: 8px;
}
.thb-filter-style2 .thb-filter-tab {
padding: 8px 20px;
color: #666;
background: #f5f5f5;
border-radius: 999px;
}
.thb-filter-style2 .thb-filter-tab:hover {
color: #222;
background: #eee;
}
.thb-filter-style2 .thb-filter-tab.active {
color: #fff;
background: #222;
} .thb-filter-tabs.thb-filter-style3 {
gap: 4px;
}
.thb-filter-style3 .thb-filter-tab {
padding: 8px 16px;
color: #999;
font-weight: 400;
}
.thb-filter-style3 .thb-filter-tab:hover {
color: #555;
}
.thb-filter-style3 .thb-filter-tab.active {
color: #222;
font-weight: 700;
} .thb-filter-tabs.thb-filter-style4 {
gap: 8px;
}
.thb-filter-style4 .thb-filter-tab {
padding: 8px 20px;
color: #666;
border: 1px solid #ddd;
background: transparent;
}
.thb-filter-style4 .thb-filter-tab:hover {
color: #222;
border-color: #222;
}
.thb-filter-style4 .thb-filter-tab.active {
color: #fff;
background: #222;
border-color: #222;
} .thb-filter-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
gap: 20px;
}
.thb-filter-header .category_title {
margin-bottom: 0;
border-bottom: 0;
border-top: 0;
padding-bottom: 0;
padding-top: 0;
flex-shrink: 0;
height: auto;
}
.thb-filter-header .thb-filter-tabs {
margin-bottom: 0;
justify-content: flex-end;
}
.thb-filter-header.thb-title-style1 {
border-bottom: 3px solid #222;
padding-bottom: 20px;
}
.thb-filter-header.thb-title-style2 {
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 20px;
}
.thb-filter-header.thb-title-style3 {
border-bottom: 1px solid #ededed;
padding-bottom: 12px;
}
.thb-filter-header.thb-title-style4 {
border-bottom: 2px solid #ebebeb;
padding-bottom: 15px;
}
.thb-filter-header .thb-filter-tabs.thb-filter-style1 {
border-bottom: 0;
}
.thb-filter-header .thb-filter-style1 .thb-filter-tab {
margin-bottom: 0;
border-bottom-color: transparent;
}
.thb-filter-header .thb-filter-style1 .thb-filter-tab.active {
color: #222;
border-bottom-color: transparent;
}  .thb-blockgrid-grid {
gap: 4px;
}
.thb-blockgrid-grid .thb-bg-item {
position: relative;
overflow: hidden;
min-height: 0;
} .thb-blockgrid-grid .thb-bg-item article.post-blockgrid-style1 {
height: 100% !important;
padding-bottom: 0 !important;
}
.thb-blockgrid-grid .thb-bg-item article.post-blockgrid-style1 .post-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thb-blockgrid-grid .thb-bg-item article.post-blockgrid-style1 .post-gallery > a {
display: block;
width: 100%;
height: 100%;
}
.thb-blockgrid-grid .thb-bg-item article.post-blockgrid-style1 .post-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .thb-block-grid-style2 .thb-blockgrid-grid {
display: grid;
grid-template-columns: 3fr 2fr;
grid-template-rows: 1fr 1fr;
height: 520px;
}
.thb-block-grid-style2 .thb-bg-hero {
grid-column: 1;
grid-row: 1 / 3;
}
.thb-block-grid-style2 .thb-bg-item-1 {
grid-column: 2;
grid-row: 1;
}
.thb-block-grid-style2 .thb-bg-item-2 {
grid-column: 2;
grid-row: 2;
} .thb-block-grid-style3 .thb-blockgrid-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 240px 240px 230px;
} .thb-block-grid-style3 .thb-bg-item-0 {
grid-column: 1 / 3;
grid-row: 1 / 3;
} .thb-block-grid-style3 .thb-bg-item-1 {
grid-column: 3;
grid-row: 1;
} .thb-block-grid-style3 .thb-bg-item-2 {
grid-column: 3;
grid-row: 2;
} .thb-block-grid-style3 .thb-bg-item-3 { grid-column: 1; grid-row: 3; }
.thb-block-grid-style3 .thb-bg-item-4 { grid-column: 2; grid-row: 3; }
.thb-block-grid-style3 .thb-bg-item-5 { grid-column: 3; grid-row: 3; } .thb-block-grid-style3 .thb-bg-item-1 h3,
.thb-block-grid-style3 .thb-bg-item-2 h3 {
font-size: 16px;
} .thb-block-grid-style3 .thb-bg-item-3 h3,
.thb-block-grid-style3 .thb-bg-item-4 h3,
.thb-block-grid-style3 .thb-bg-item-5 h3 {
font-size: 14px;
} .thb-block-grid-style4 .thb-blockgrid-grid {
display: grid;
grid-template-columns: 5fr 3fr 4fr;
grid-template-rows: 340px 260px;
}
.thb-block-grid-style4 .thb-bg-hero {
grid-column: 1 / -1;
grid-row: 1;
}
.thb-block-grid-style4 .thb-bg-item-1 { grid-column: 1; grid-row: 2; }
.thb-block-grid-style4 .thb-bg-item-2 { grid-column: 2; grid-row: 2; }
.thb-block-grid-style4 .thb-bg-item-3 { grid-column: 3; grid-row: 2; } .thb-block-grid-style4 .thb-bg-item-2 h3,
.thb-block-grid-style4 .thb-bg-item-3 h3 {
font-size: 15px;
} .thb-block-grid-style5 .thb-blockgrid-grid {
display: grid;
grid-template-columns: 2fr 3fr 2fr;
grid-template-rows: 1fr 1fr;
height: 540px;
}
.thb-block-grid-style5 .thb-bg-item-0 {
grid-column: 1;
grid-row: 1 / 3;
}
.thb-block-grid-style5 .thb-bg-item-1 {
grid-column: 2;
grid-row: 1;
}
.thb-block-grid-style5 .thb-bg-item-2 {
grid-column: 3;
grid-row: 1;
} .thb-block-grid-style5 .thb-bg-item-3 {
grid-column: 2 / 4;
grid-row: 2;
} @media screen and (max-width: 1024px) {
.thb-block-grid-style2 .thb-blockgrid-grid { height: 420px; }
.thb-block-grid-style3 .thb-blockgrid-grid { grid-template-rows: 200px 200px 200px; }
.thb-block-grid-style4 .thb-blockgrid-grid { grid-template-rows: 280px 220px; }
.thb-block-grid-style5 .thb-blockgrid-grid { height: 440px; }
} @media screen and (max-width: 640px) { .thb-block-grid-style2 .thb-blockgrid-grid {
grid-template-columns: 1fr;
grid-template-rows: 280px 200px 200px;
height: auto;
}
.thb-block-grid-style2 .thb-bg-hero  { grid-column: 1; grid-row: 1; }
.thb-block-grid-style2 .thb-bg-item-1 { grid-column: 1; grid-row: 2; }
.thb-block-grid-style2 .thb-bg-item-2 { grid-column: 1; grid-row: 3; } .thb-block-grid-style3 .thb-blockgrid-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(6, 220px);
}
.thb-block-grid-style3 .thb-bg-item-0,
.thb-block-grid-style3 .thb-bg-item-1,
.thb-block-grid-style3 .thb-bg-item-2,
.thb-block-grid-style3 .thb-bg-item-3,
.thb-block-grid-style3 .thb-bg-item-4,
.thb-block-grid-style3 .thb-bg-item-5 { grid-column: 1; grid-row: auto; } .thb-block-grid-style4 .thb-blockgrid-grid {
grid-template-columns: 1fr;
grid-template-rows: 280px 220px 220px 220px;
height: auto;
}
.thb-block-grid-style4 .thb-bg-hero   { grid-column: 1; grid-row: 1; }
.thb-block-grid-style4 .thb-bg-item-1 { grid-column: 1; grid-row: 2; }
.thb-block-grid-style4 .thb-bg-item-2 { grid-column: 1; grid-row: 3; }
.thb-block-grid-style4 .thb-bg-item-3 { grid-column: 1; grid-row: 4; } .thb-block-grid-style5 .thb-blockgrid-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 240px);
height: auto;
}
.thb-block-grid-style5 .thb-bg-item-0,
.thb-block-grid-style5 .thb-bg-item-1,
.thb-block-grid-style5 .thb-bg-item-2,
.thb-block-grid-style5 .thb-bg-item-3 { grid-column: 1; grid-row: auto; }
} .thb_tabs .tabs {
display: flex;
}
.thb_tabs .tabs h6 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.thb_tabs .tabs h6 a {
display: block;
color: rgba(0, 0, 0, 0.4);
}
.thb_tabs .tabs h6 a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
height: 1px;
width: 100%;
background: #ef2673;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.thb_tabs .tabs h6 a:hover {
color: #ef2673;
}
.thb_tabs .tabs dd {
margin-right: 20px;
}
.thb_tabs .tabs dd.active h6 a {
color: #ef2673;
}
.thb_tabs .tabs dd.active h6 a:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.thb_tabs .tabs-content > li {
display: none;
}
.thb_tabs .tabs-content > li.active {
display: block;
}
.thb_3dimg-container {
position: relative;
display: block;
}
.thb_3dimg-container .visually-hidden {
visibility: hidden;
opacity: 0;
object-fit: cover;
}
.thb_3dimg {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.atvImg-container {
position: relative;
width: 100%;
height: 100%;
outline: 1px solid transparent;
transform-origin: center;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.atvImg-container.over .atvImg-shadow {
box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.4);
}
.atvImg-layers {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.atvImg-layer {
position: absolute;
width: 104%;
height: 104%;
top: -2%;
left: -2%;
will-change: transform;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.atvImg-shadow {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6);
}
.thb_3dimg .image_link {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
border: 6px solid #fff;
}
.thb_3dimg h3 {
margin: 0;
letter-spacing: normal;
color: #fff;
text-transform: uppercase;
}
.thb_3dimg .title,
.thb_3dimg .arrow {
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
align-items: center;
justify-content: center;
}
.thb_3dimg .title svg,
.thb_3dimg .arrow svg {
fill: #ef2673;
}
.thb_3dimg .arrow {
opacity: 0;
}
.thb_3dimg .image_bg {
width: 100%;
height: 100%;
}
.thb_3dimg:hover .image_link {
background: #fff;
border-color: #ef2673;
}
.thb_3dimg:hover .image_bg {
background: #fff;
}
.thb_3dimg:hover .title {
opacity: 0;
}
.thb_3dimg:hover .arrow {
opacity: 1;
} .woocommerce-message,
.woocommerce-error,
.woocommerce-info:not(.cart-empty) {
background: #478df7;
border: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 70px;
display: flex;
margin: 0;
padding: 15px;
z-index: 9999;
overflow: hidden;
transform: translateY(100%);
font-weight: bold;
color: #fff;
font-size: 16px;
animation: thb-slide-in, thb-slide-out;
animation-duration: 1.5s, 1.5s;
animation-delay: 0.5s, 5s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
@media only screen and (min-width: 40.0625em) {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info:not(.cart-empty) {
padding: 25px 45px;
}
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info:not(.cart-empty) .button {
display: none;
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info:not(.cart-empty) a {
display: inline-flex;
margin-left: 10px;
color: #fff;
text-decoration: underline;
}
.woocommerce-info:not(.cart-empty) {
background: #feb04b;
}
.woocommerce-error {
background: #fc5f5f;
list-style: none;
flex-direction: column;
}
.woocommerce-error li {
display: block;
}
.woocommerce-error li:last-of-type {
margin: 0;
}
@keyframes thb-slide-in {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes thb-slide-out {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(1000%);
}
} .thb_subscribe h3 {
margin: 0 0 15px;
}
.thb_subscribe h3 + p {
color: #222;
font-size: 16px;
}
.thb_subscribe .newsletter-form {
margin: 0 auto;
display: flex;
max-width: 450px;
}
.thb_subscribe .newsletter-form .widget_subscribe {
flex: 1;
margin-bottom: 0;
margin-right: 5px;
}
.thb_subscribe .newsletter-form.thb-loading:after, .thb_subscribe .newsletter-form.slick:after {
bottom: auto;
top: 50%;
margin-top: -19px;
}
.thb_subscribe.style1 {
text-align: center;
}
.thb_subscribe.style1 p {
margin-bottom: 30px;
}
.thb_subscribe.style1 .widget_subscribe {
height: 58px;
padding: 0 25px;
}
.thb_subscribe.style1 .newsletter-form {
max-width: 530px;
}
.thb_subscribe.style2 {
padding: 24px 0;
text-align: left;
}
.thb_subscribe.style2 h3 {
font-size: 14px;
line-height: 1;
font-weight: 600;
}
.thb_subscribe.style2 p {
font-size: 14px;
}
@media only screen and (min-width: 40.0625em) {
.thb_subscribe.style2 .newsletter-form {
margin-left: auto;
margin-right: 0;
}
}
.thb_subscribe.style3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 40.0625em) {
.thb_subscribe.style3 {
flex-direction: row;
}
}
@media only screen and (min-width: 40.0625em) {
.thb_subscribe.style3 .subscribe_content {
margin-right: 40px;
}
}
.thb_subscribe.style3 .newsletter-form {
margin: 0;
display: inline-flex;
max-width: 100%;
width: 400px;
}
.thb_subscribe.style2 .thb-custom-checkbox, .thb_subscribe.style3 .thb-custom-checkbox {
padding-top: 10px;
}
.thb-article-sponsors .thb-sponsor {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-wrap: wrap;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
padding-bottom: 20px;
}
.thb-article-sponsors .thb-sponsor a {
display: block;
}
.thb-article-sponsors .thb-sponsor .thb-sponsor-text {
display: block;
text-align: center;
width: 100%;
font-size: 14px;
font-weight: 400;
margin-top: 15px;
margin-bottom: 0;
}
.thb-article-sponsors .thb-sponsor .sponsored-by {
margin-right: 20px;
font-size: 14px;
font-weight: 300;
}
.thb-article-sponsors .thb-sponsor .thb-sponsor-x2 {
height: 48px;
}
.thb-article-sponsors .thb-sponsor .thb-sponsor-logo {
font-size: 14px;
font-weight: 300;
}
.thb-article-sponsors .thb-sponsor .thb-sponsor-logo img {
display: block;
height: 32px;
width: auto;
}
@media only screen and (min-width: 40.0625em) {
.thb-article-sponsors .thb-sponsor .thb-sponsor-logo img {
height: 48px;
}
}
.thb-pin-it-container {
position: relative;
max-width: 100%;
}
.thb-pin-it-container .thb-pin-it {
position: absolute;
top: 15px;
right: 15px;
color: #fff;
width: 36px;
height: 36px;
border-radius: 18px;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
background: #bd081c;
}
.thb-pin-it-container .thb-pin-it:hover {
background: rgb(140.0710659898, 5.9289340102, 20.7512690355);
}
.thb-pin-it-container:hover .thb-pin-it {
opacity: 1;
}
.thb-hotspot-container {
position: relative;
}
.thb-hotspot-container.hover .thb-hotspot:hover {
z-index: 20;
}
.thb-hotspot-container.hover .thb-hotspot:hover .thb-hotspot-tooltip {
opacity: 1;
pointer-events: all;
}
.thb-hotspot-container.click .thb-hotspot.active {
z-index: 20;
}
.thb-hotspot-container.click .thb-hotspot.active .thb-hotspot-tooltip {
opacity: 1;
pointer-events: all;
}
.thb-hotspot-container.click .thb-hotspot .thb-hotspot-content {
cursor: pointer;
}
.thb-hotspot-container.always .thb-hotspot .thb-hotspot-tooltip {
opacity: 1;
pointer-events: all;
}
.thb-hotspot-container .product-hotspots {
display: flex;
}
.thb-hotspot-container .product-hotspots .product-image {
width: 90px;
height: auto;
}
.thb-hotspot-container .product-hotspots .product-image .wp-post-image {
object-fit: cover;
width: 100%;
height: 100%;
flex-shrink: 0;
}
.thb-hotspot-container .product-hotspots .product-title {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
padding: 13px 15px 15px 20px;
}
.thb-hotspot-container .product-hotspots .product-title h6 {
font-size: 14px !important;
}
.thb-hotspot-container .product-hotspots .product-title h6 a {
color: #222;
}
.thb-hotspot-container .product-hotspots .product-title .price {
line-height: 1;
}
.thb-hotspot-container .product-hotspots .product-title .price .amount {
font-size: 13px;
color: #222;
}
.thb-hotspot-container .product-hotspots .product-title .hotspots-buynow {
display: block;
color: #ef2673;
font-weight: 600;
font-size: 11px;
margin-top: 17px;
}
.thb-hotspot-container .thb-hotspot {
position: absolute;
z-index: 10;
display: flex;
justify-content: flex-start;
align-items: center;
width: 36px;
height: 36px;
border-radius: 100%;
background: #222;
font-size: 16px;
color: #fff;
font-weight: 600;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.thb-hotspot-container .thb-hotspot.pin-accent {
background: #ef2673;
}
.thb-hotspot-container .thb-hotspot.pin-white {
background: #fff;
}
.thb-hotspot-container .thb-hotspot.pin-white .thb-hotspot-content {
color: #222;
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-content {
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
text-align: center;
flex-shrink: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-content.thb-pulsate {
-webkit-animation: thb-hotspot-pulse 2s infinite;
-moz-animation: thb-hotspot-pulse 2s infinite;
-ms-animation: thb-hotspot-pulse 2s infinite;
-o-animation: thb-hotspot-pulse 2s infinite;
animation: thb-hotspot-pulse 2s infinite;
}
@-moz-keyframes thb-hotspot-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes thb-hotspot-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-o-keyframes thb-hotspot-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-ms-keyframes thb-hotspot-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes thb-hotspot-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip {
position: relative;
width: 260px;
height: 60px;
flex-shrink: 0;
opacity: 0;
pointer-events: none;
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner {
background: #fff;
border-radius: 3px;
padding: 20px;
width: 240px;
position: absolute;
text-align: center;
left: 50%;
bottom: 0;
margin: 0 0 20px 0;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner.thb-product-popup {
padding: 5px;
width: 270px;
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after {
content: "";
display: block;
position: absolute;
background: #fff;
top: 100%;
left: 50%;
margin-left: -6px;
margin-top: -7px;
width: 12px;
height: 12px;
border-radius: 2px;
z-index: -1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: -2px 2px 1px -2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 2px 1px -2px rgba(0, 0, 0, 0.5);
box-shadow: -2px 2px 1px -2px rgba(0, 0, 0, 0.5);
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner h6 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner p {
font-size: 14px;
margin: 0;
color: #222;
}
.thb-hotspot-container .thb-hotspot.top {
align-items: flex-end;
}
.thb-hotspot-container .thb-hotspot.top .thb-hotspot-tooltip {
bottom: 100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.thb-hotspot-container .thb-hotspot.bottom {
align-items: flex-start;
}
.thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip {
top: 100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip .thb-hotspot-tooltip-inner {
bottom: auto;
top: 0;
margin: 20px 0 0;
}
.thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after {
top: auto;
bottom: 100%;
left: 50%;
margin-left: -6px;
margin-top: 0;
margin-bottom: -7px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip {
top: 0;
left: 100%;
}
.thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip .thb-hotspot-tooltip-inner {
margin: 0 0 0 20px;
left: auto;
bottom: auto;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after {
top: 50%;
right: 100%;
left: auto;
margin-top: -6px;
margin-right: -7px;
margin-left: 0;
z-index: -1;
-webkit-box-shadow: -2px -1px 1px -2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -2px -1px 1px -2px rgba(0, 0, 0, 0.4);
box-shadow: -2px -1px 1px -2px rgba(0, 0, 0, 0.4);
}
.thb-hotspot-container .thb-hotspot.left {
flex-direction: row-reverse;
}
.thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip {
top: 0;
left: auto;
right: 100%;
margin-left: 0;
}
.thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip .thb-hotspot-tooltip-inner {
left: auto;
bottom: auto;
right: 0;
top: 50%;
margin: 0 20px 0 0;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after {
top: 50%;
left: 100%;
margin-top: -6px;
margin-left: -7px;
margin-right: 0;
z-index: -1;
-webkit-box-shadow: 1px 2px 1px -2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 2px 1px -2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 1px -2px rgba(0, 0, 0, 0.4);
} .thb-counter {
display: flex;
flex-direction: column;
text-align: center;
color: #222;
visibility: hidden;
margin-bottom: 30px;
}
.thb-counter figure {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding-top: 15px;
}
.thb-counter figure svg {
display: none;
width: 50px;
margin: 0 auto;
}
.thb-counter figure svg path,
.thb-counter figure svg circle,
.thb-counter figure svg rect,
.thb-counter figure svg ellipse {
stroke: #222;
}
.thb-counter figure .counter-image img {
width: 64px;
}
.thb-counter .counter-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
white-space: nowrap;
}
.thb-counter .h1 {
display: block;
width: 100%;
line-height: 1;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
margin-bottom: 10px;
will-change: contents;
}
.thb-counter .h1 .odometer-digit {
line-height: 1;
}
.thb-counter h6 {
text-transform: none;
font-weight: 500;
font-size: 16px;
letter-spacing: normal;
color: #222;
margin: 0 0 15px;
}
.thb-counter .thb-description p {
font-size: 14px;
margin-bottom: 15px;
}
.thb-counter.counter-style1 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.thb-counter.counter-style1 .counter-container .odometer {
flex: 0;
white-space: nowrap;
}
.thb-counter.counter-style1 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex;
}
.thb-counter.counter-style1 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline;
}
.thb-counter.counter-style1 .counter-container .h1 {
line-height: 1;
will-change: contents;
margin: 0;
}
.thb-counter.counter-style1 .counter-container .h1.counter-text {
width: auto;
display: inline-flex;
margin: 0 0 0 7px;
}
@media only screen and (min-width: 64.0625em) {
.thb-counter.counter-style1 .h1 {
font-size: 90px;
}
}
.thb-counter.counter-style3 .h1 {
font-size: 30px;
font-weight: 600;
margin: 0;
}
.thb-counter.counter-style3 h6 {
font-size: 14px;
font-weight: 600;
}
.thb-counter.counter-style3 figure {
padding: 0;
margin-bottom: 30px;
}
.thb-counter.counter-style2 .h1 {
margin-bottom: 0;
}
.thb-counter.counter-style2 .counter-container {
text-align: center;
padding: 20px 0;
min-width: 155px;
}
.thb-counter.counter-style2 .thb-description {
display: flex;
align-items: center;
padding: 30px 0;
}
.thb-counter.counter-style2 .thb-description p {
margin: 0;
}
.thb-counter.counter-style2.left {
flex-direction: row;
text-align: left;
}
.thb-counter.counter-style2.left .counter-container {
padding-right: 40px;
border-right: 1px solid rgba(0, 0, 0, 0.15);
margin-right: 40px;
}
.thb-counter.counter-style2.right {
text-align: right;
flex-direction: row-reverse;
}
.thb-counter.counter-style2.right .counter-container {
padding-left: 40px;
border-left: 1px solid rgba(0, 0, 0, 0.15);
margin-left: 40px;
}
.thb-counter.counter-style4 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.thb-counter.counter-style4 .counter-container .odometer {
flex: 0;
white-space: nowrap;
}
.thb-counter.counter-style4 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex;
}
.thb-counter.counter-style4 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline;
}
.thb-counter.counter-style4 .counter-container .counter {
line-height: 1;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
will-change: contents;
margin: 0;
font-size: 40px;
}
@media only screen and (min-width: 40.0625em) {
.thb-counter.counter-style4 .counter-container .counter {
font-size: 60px;
}
}
.thb-counter.counter-style4 .counter-container .counter.counter-text {
width: auto;
display: inline-flex;
margin: 0 0 0 7px;
}
.thb-counter.counter-style4 .thb-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 10px;
}
.thb-counter.counter-style5 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.thb-counter.counter-style5 .counter-container .odometer {
flex: 0;
white-space: nowrap;
}
.thb-counter.counter-style5 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex;
}
.thb-counter.counter-style5 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline;
}
.thb-counter.counter-style5 .counter-container .counter {
line-height: 1;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
will-change: contents;
margin: 0;
font-size: 40px;
}
@media only screen and (min-width: 40.0625em) {
.thb-counter.counter-style5 .counter-container .counter {
font-size: 60px;
}
}
.thb-counter.counter-style5 .counter-container .counter.counter-text {
width: auto;
display: inline-flex;
margin: 0 0 0 7px;
}
.thb-counter.counter-style5 .h1 {
font-weight: 400;
}
@media only screen and (min-width: 64.0625em) {
.thb-counter.counter-style5 .h1 {
font-size: 80px;
}
}
.thb-counter.counter-style5 h6 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit,
.odometer.odometer-theme-minimal .odometer-formatting-mark {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
} .thb_cascading_images {
position: relative;
}
.thb_cascading_images .cascading_image {
display: block;
width: 100%;
}
.thb_cascading_images .cascading_image:not(:first-child) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.thb_cascading_images .cascading_image img {
display: block;
margin: 0 auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.thb_cascading_images .cascading_image .thb_box_shadow {
-webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
} .thb-autotype .thb-autotype-entry {
display: inline;
color: rgba(0, 0, 0, 0.1);
will-change: contents;
}
.thb-autotype .typed-cursor {
font-weight: 400;
display: inline-block;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .thb-fadetype {
visibility: hidden;
perspective: 2000px;
}
.thb-fadetype .thb-fadetype-entry {
display: inline-block;
will-change: contents;
}
.thb-fadetype .thb-fadetype-entry div {
transform-origin: 0 100%;
transform-style: preserve-3d;
will-change: opacity;
} .thb-gradienttype * {
-moz-background-clip: text !important;
-o-background-clip: text !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-moz-text-fill-color: transparent !important;
-o-text-fill-color: transparent !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
} .thb-slidetype {
visibility: hidden;
}
.thb-slidetype .thb-slidetype-entry {
display: block;
will-change: contents;
overflow: hidden;
}
.thb-slidetype .thb-slidetype-entry .lines {
display: block;
} .thb-stroketype * {
color: #222;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-o-text-fill-color: transparent;
-ms-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-moz-text-stroke-width: 1px;
-o-text-stroke-width: 1px;
-ms-text-stroke-width: 1px;
text-stroke-width: 1px;
-webkit-text-stroke-color: #222;
-moz-text-stroke-color: #222;
-o-text-stroke-color: #222;
-ms-text-stroke-color: #222;
text-stroke-color: #222;
}
.thb-social-links-container {
font-size: 10px;
}
.thb-social-links-container .thb-social-link-wrap {
display: block;
line-height: 1;
}
.thb-social-links-container .thb-social-link {
display: inline-flex;
width: 100%;
align-items: center;
text-transform: uppercase;
color: #222;
}
.thb-social-links-container .thb-social-link .thb-social-label-container {
display: inline-flex;
align-items: center;
}
.thb-social-links-container .thb-social-link .thb-social-icon-container {
display: inline-flex;
justify-content: center;
text-align: center;
font-size: 16px;
}
.thb-social-links-container .thb-social-link .thb-social-count {
opacity: 0.8;
}
.thb-social-links-container { }
.thb-social-links-container.thb-social-vertical {
display: flex;
flex-direction: column;
}
.thb-social-links-container.thb-social-vertical .thb-social-link-wrap:last-child .thb-social-link {
margin: 0;
}
.thb-social-links-container.thb-social-vertical .thb-social-link {
justify-content: space-between;
margin-bottom: 12px;
}
.thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-label-container {
font-weight: 600;
}
.thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-icon-container {
min-width: 15px;
margin-right: 15px;
}
.rtl .thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-icon-container {
margin-right: 0;
margin-left: 15px;
}
.thb-social-links-container.thb-social-vertical.border-mono .thb-social-link, .thb-social-links-container.thb-social-vertical.border-color .thb-social-link, .thb-social-links-container.thb-social-vertical.fill-color .thb-social-link {
padding: 10px 15px;
margin-bottom: 6px;
}
.thb-social-links-container.thb-social-vertical.circle-mono .thb-social-icon-container, .thb-social-links-container.thb-social-vertical.circle-color .thb-social-icon-container, .thb-social-links-container.thb-social-vertical.circle-fill .thb-social-icon-container {
font-size: 14px;
}
.thb-social-links-container.thb-social-horizontal .thb-social-link-wrap {
display: inline-flex;
padding: 0 8px;
margin-bottom: 20px;
}
.thb-social-links-container.thb-social-horizontal .thb-social-link-wrap .thb-social-link {
flex-direction: column;
min-width: 30px;
}
.thb-social-links-container.thb-social-horizontal .thb-social-link-wrap .thb-social-count {
margin-top: 12px;
opacity: 1;
}
.thb-social-links-container.thb-social-horizontal .thb-social-label {
display: none;
}
.thb-social-links-container.thb-social-horizontal.border-mono .thb-social-link-wrap, .thb-social-links-container.thb-social-horizontal.border-color .thb-social-link-wrap, .thb-social-links-container.thb-social-horizontal.fill-color .thb-social-link-wrap {
padding: 0 3px;
margin-bottom: 8px;
}
.thb-social-links-container.thb-social-horizontal.border-mono .thb-social-link, .thb-social-links-container.thb-social-horizontal.border-color .thb-social-link, .thb-social-links-container.thb-social-horizontal.fill-color .thb-social-link {
padding: 20px;
min-width: 65px;
}
.thb-social-links-container { }
.thb-social-links-container.mono-icons .thb-social-link.social-link-facebook:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-google:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-google:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-google-plus:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-linkedin:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-pinterest:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-twitter:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-instagram:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-vk:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-vk:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-tumblr:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-xing:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-xing:hover .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-dribbble:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-youtube:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-spotify:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-behance:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-behance:hover .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-deviantart:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-snapchat:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-medium:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-medium:hover .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-vimeo:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-email:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-email:hover .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-reddit:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.mono-icons .thb-social-link.social-link-telegram:hover .thb-social-label-container,
.thb-social-links-container.mono-icons .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap {
padding-left: 0;
margin-bottom: 0;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap:last-child {
padding-right: 0;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap .thb-social-count {
margin: 0 0 0 8px;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link {
flex-direction: row !important;
min-width: 0 !important;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-facebook:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google-plus:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-linkedin:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-pinterest:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-twitter:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-instagram:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vk:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vk:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-tumblr:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-xing:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-xing:hover .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-dribbble:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-youtube:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-spotify:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-behance:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-behance:hover .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-deviantart:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-snapchat:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-medium:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-medium:hover .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vimeo:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-email:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-email:hover .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-reddit:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-telegram:hover .thb-social-label-container,
.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-facebook .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-facebook:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-google .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-google:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-google:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-google-plus .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-google-plus:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-linkedin .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-linkedin:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-pinterest .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-pinterest:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-twitter .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-twitter:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-instagram .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-instagram:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vk .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vk:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-vk:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-tumblr .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-tumblr:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-xing .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-xing:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-xing:hover .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-dribbble .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-dribbble:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-youtube .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-youtube:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-spotify .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-spotify:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-behance .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-behance:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-behance:hover .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-deviantart .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-deviantart:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-snapchat .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-snapchat:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-medium .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-medium:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-medium:hover .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vimeo .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-vimeo:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-email .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-email:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-email:hover .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-reddit .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-reddit:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-telegram .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.color-icons .thb-social-link.social-link-telegram:hover .thb-social-label-container,
.thb-social-links-container.color-icons .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.border-mono .thb-social-link {
border: 1px solid #eaeaea;
border-radius: 3px;
}
.thb-social-links-container.border-mono .thb-social-link:hover {
color: #fff;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-facebook:hover {
background: #3b5998;
border-color: #3b5998;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-google:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-google-plus:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-linkedin:hover {
background: #007bb6;
border-color: #007bb6;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-vkontakte:hover {
background: #45668e;
border-color: #45668e;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-pinterest:hover {
background: #bd081c;
border-color: #bd081c;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-whatsapp:hover {
background: #25d366;
border-color: #25d366;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-twitter:hover {
background: #222222;
border-color: #222222;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-instagram:hover {
background: #3f729b;
border-color: #3f729b;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-vk:hover {
background: #45668e;
border-color: #45668e;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-tumblr:hover {
background: #35465c;
border-color: #35465c;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-xing:hover {
background: #cfdc00;
border-color: #cfdc00;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-soundcloud:hover {
background: #f80;
border-color: #f80;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-dribbble:hover {
background: #ea4c89;
border-color: #ea4c89;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-youtube:hover {
background: #e52d27;
border-color: #e52d27;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-spotify:hover {
background: #7ab800;
border-color: #7ab800;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-behance:hover {
background: #1769ff;
border-color: #1769ff;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-deviantart:hover {
background: #4e6252;
border-color: #4e6252;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-snapchat:hover {
background: #fffc00;
border-color: #fffc00;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-medium:hover {
background: #00ab6c;
border-color: #00ab6c;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-vimeo:hover {
background: #1ab7ea;
border-color: #1ab7ea;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-email:hover {
background: #9b9b9b;
border-color: #9b9b9b;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-reddit:hover {
background: #ff4500;
border-color: #ff4500;
}
.thb-social-links-container.border-mono .thb-social-link.social-link-telegram:hover {
background: #0088cc;
border-color: #0088cc;
}
.thb-social-links-container.border-mono .thb-social-link .thb-social-icon-container {
transition-duration: 0s;
}
.thb-social-links-container.border-color .thb-social-link {
border: 1px solid #eaeaea;
border-radius: 3px;
}
.thb-social-links-container.border-color .thb-social-link.social-link-facebook .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.border-color .thb-social-link.social-link-facebook:hover {
background: rgba(59, 89, 152, 0.07);
border-color: #3b5998;
}
.thb-social-links-container.border-color .thb-social-link.social-link-google .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.border-color .thb-social-link.social-link-google:hover {
background: rgba(221, 75, 57, 0.07);
border-color: #dd4b39;
}
.thb-social-links-container.border-color .thb-social-link.social-link-google-plus .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.border-color .thb-social-link.social-link-google-plus:hover {
background: rgba(221, 75, 57, 0.07);
border-color: #dd4b39;
}
.thb-social-links-container.border-color .thb-social-link.social-link-linkedin .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.border-color .thb-social-link.social-link-linkedin:hover {
background: rgba(0, 123, 182, 0.07);
border-color: #007bb6;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vkontakte .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vkontakte:hover {
background: rgba(69, 102, 142, 0.07);
border-color: #45668e;
}
.thb-social-links-container.border-color .thb-social-link.social-link-pinterest .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-pinterest:hover {
background: rgba(189, 8, 28, 0.07);
border-color: #bd081c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-whatsapp .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.border-color .thb-social-link.social-link-whatsapp:hover {
background: rgba(37, 211, 102, 0.07);
border-color: #25d366;
}
.thb-social-links-container.border-color .thb-social-link.social-link-twitter .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.border-color .thb-social-link.social-link-twitter:hover {
background: rgba(34, 34, 34, 0.07);
border-color: #222222;
}
.thb-social-links-container.border-color .thb-social-link.social-link-instagram .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.border-color .thb-social-link.social-link-instagram:hover {
background: rgba(63, 114, 155, 0.07);
border-color: #3f729b;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vk .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vk:hover {
background: rgba(69, 102, 142, 0.07);
border-color: #45668e;
}
.thb-social-links-container.border-color .thb-social-link.social-link-tumblr .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-tumblr:hover {
background: rgba(53, 70, 92, 0.07);
border-color: #35465c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-xing .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.border-color .thb-social-link.social-link-xing:hover {
background: rgba(207, 220, 0, 0.07);
border-color: #cfdc00;
}
.thb-social-links-container.border-color .thb-social-link.social-link-soundcloud .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.border-color .thb-social-link.social-link-soundcloud:hover {
background: rgba(255, 136, 0, 0.07);
border-color: #f80;
}
.thb-social-links-container.border-color .thb-social-link.social-link-dribbble .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.border-color .thb-social-link.social-link-dribbble:hover {
background: rgba(234, 76, 137, 0.07);
border-color: #ea4c89;
}
.thb-social-links-container.border-color .thb-social-link.social-link-youtube .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.border-color .thb-social-link.social-link-youtube:hover {
background: rgba(229, 45, 39, 0.07);
border-color: #e52d27;
}
.thb-social-links-container.border-color .thb-social-link.social-link-spotify .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.border-color .thb-social-link.social-link-spotify:hover {
background: rgba(122, 184, 0, 0.07);
border-color: #7ab800;
}
.thb-social-links-container.border-color .thb-social-link.social-link-behance .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.border-color .thb-social-link.social-link-behance:hover {
background: rgba(23, 105, 255, 0.07);
border-color: #1769ff;
}
.thb-social-links-container.border-color .thb-social-link.social-link-deviantart .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.border-color .thb-social-link.social-link-deviantart:hover {
background: rgba(78, 98, 82, 0.07);
border-color: #4e6252;
}
.thb-social-links-container.border-color .thb-social-link.social-link-snapchat .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.border-color .thb-social-link.social-link-snapchat:hover {
background: rgba(255, 252, 0, 0.07);
border-color: #fffc00;
}
.thb-social-links-container.border-color .thb-social-link.social-link-medium .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-medium:hover {
background: rgba(0, 171, 108, 0.07);
border-color: #00ab6c;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vimeo .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.border-color .thb-social-link.social-link-vimeo:hover {
background: rgba(26, 183, 234, 0.07);
border-color: #1ab7ea;
}
.thb-social-links-container.border-color .thb-social-link.social-link-email .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.border-color .thb-social-link.social-link-email:hover {
background: rgba(155, 155, 155, 0.07);
border-color: #9b9b9b;
}
.thb-social-links-container.border-color .thb-social-link.social-link-reddit .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.border-color .thb-social-link.social-link-reddit:hover {
background: rgba(255, 69, 0, 0.07);
border-color: #ff4500;
}
.thb-social-links-container.border-color .thb-social-link.social-link-telegram .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.border-color .thb-social-link.social-link-telegram:hover {
background: rgba(0, 136, 204, 0.07);
border-color: #0088cc;
}
.thb-social-links-container.fill-color .thb-social-link {
color: #fff;
border-radius: 3px;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-facebook {
background: #3b5998;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-facebook:hover {
background: rgb(44.7393364929, 67.4881516588, 115.2606635071);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-google {
background: #dd4b39;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-google:hover {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-google-plus {
background: #dd4b39;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-google-plus:hover {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-linkedin {
background: #007bb6;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-linkedin:hover {
background: rgb(0, 88.532967033, 131);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vkontakte {
background: #45668e;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vkontakte:hover {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-pinterest {
background: #bd081c;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-pinterest:hover {
background: rgb(140.0710659898, 5.9289340102, 20.7512690355);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-whatsapp {
background: #25d366;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-whatsapp:hover {
background: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-twitter {
background: #222222;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-twitter:hover {
background: rgb(8.5, 8.5, 8.5);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-instagram {
background: #3f729b;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-instagram:hover {
background: rgb(48.2614678899, 87.3302752294, 118.7385321101);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vk {
background: #45668e;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vk:hover {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-tumblr {
background: #35465c;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-tumblr:hover {
background: rgb(34.3586206897, 45.3793103448, 59.6413793103);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-xing {
background: #cfdc00;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-xing:hover {
background: rgb(159.0136363636, 169, 0);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-soundcloud {
background: #f80;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-soundcloud:hover {
background: rgb(204, 108.8, 0);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-dribbble {
background: #ea4c89;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-dribbble:hover {
background: rgb(228.645, 30.355, 106.91);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-youtube {
background: #e52d27;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-youtube:hover {
background: rgb(193.6859504132, 28.694214876, 23.3140495868);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-spotify {
background: #7ab800;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-spotify:hover {
background: rgb(88.1847826087, 133, 0);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-behance {
background: #1769ff;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-behance:hover {
background: rgb(0, 80.2327586207, 227);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-deviantart {
background: #4e6252;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-deviantart:hover {
background: rgb(55.3977272727, 69.6022727273, 58.2386363636);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-snapchat {
background: #fffc00;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-snapchat:hover {
background: rgb(204, 201.6, 0);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-medium {
background: #00ab6c;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-medium:hover {
background: rgb(0, 120, 75.7894736842);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vimeo {
background: #1ab7ea;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-vimeo:hover {
background: rgb(17.556, 148.808, 191.444);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-email {
background: #9b9b9b;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-email:hover {
background: rgb(129.5, 129.5, 129.5);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-reddit {
background: #ff4500;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-reddit:hover {
background: rgb(204, 55.2, 0);
}
.thb-social-links-container.fill-color .thb-social-link.social-link-telegram {
background: #0088cc;
}
.thb-social-links-container.fill-color .thb-social-link.social-link-telegram:hover {
background: #006699;
}
.thb-social-links-container.circle-mono .thb-social-link .thb-social-icon-container {
width: 30px;
height: 30px;
background: #f1f1f1;
align-items: center;
border-radius: 50%;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-google:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-vk:hover .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-xing:hover .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-behance:hover .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-medium:hover .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-email:hover .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.circle-mono .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.circle-color .thb-social-link .thb-social-icon-container {
width: 30px;
height: 30px;
background: #f1f1f1;
align-items: center;
border-radius: 50%;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-facebook .thb-social-icon-container {
color: #3b5998;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
background: #3b5998;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-google .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-google:hover .thb-social-icon-container {
background: #dd4b39;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-google-plus .thb-social-icon-container {
color: #dd4b39;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
background: #dd4b39;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-linkedin .thb-social-icon-container {
color: #007bb6;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
background: #007bb6;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vkontakte .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
background: #45668e;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-pinterest .thb-social-icon-container {
color: #bd081c;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
background: #bd081c;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-whatsapp .thb-social-icon-container {
color: #25d366;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
background: #25d366;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-twitter .thb-social-icon-container {
color: #222222;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
background: #222222;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-instagram .thb-social-icon-container {
color: #3f729b;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
background: #3f729b;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vk .thb-social-icon-container {
color: #45668e;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vk:hover .thb-social-icon-container {
background: #45668e;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-tumblr .thb-social-icon-container {
color: #35465c;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
background: #35465c;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-xing .thb-social-icon-container {
color: #cfdc00;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-xing:hover .thb-social-icon-container {
background: #cfdc00;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-soundcloud .thb-social-icon-container {
color: #f80;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
background: #f80;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-dribbble .thb-social-icon-container {
color: #ea4c89;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
background: #ea4c89;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-youtube .thb-social-icon-container {
color: #e52d27;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
background: #e52d27;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-spotify .thb-social-icon-container {
color: #7ab800;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
background: #7ab800;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-behance .thb-social-icon-container {
color: #1769ff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-behance:hover .thb-social-icon-container {
background: #1769ff;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-deviantart .thb-social-icon-container {
color: #4e6252;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
background: #4e6252;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-snapchat .thb-social-icon-container {
color: #fffc00;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
background: #fffc00;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-medium .thb-social-icon-container {
color: #00ab6c;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-medium:hover .thb-social-icon-container {
background: #00ab6c;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vimeo .thb-social-icon-container {
color: #1ab7ea;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
background: #1ab7ea;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-email .thb-social-icon-container {
color: #9b9b9b;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-email:hover .thb-social-icon-container {
background: #9b9b9b;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-reddit .thb-social-icon-container {
color: #ff4500;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
background: #ff4500;
color: #fff;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-telegram .thb-social-icon-container {
color: #0088cc;
}
.thb-social-links-container.circle-color .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
background: #0088cc;
color: #fff;
}
.thb-social-links-container.circle-fill .thb-social-link .thb-social-icon-container {
width: 30px;
height: 30px;
align-items: center;
border-radius: 50%;
color: #fff;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-facebook .thb-social-icon-container {
background: #3b5998;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-facebook:hover .thb-social-icon-container {
background: rgb(44.7393364929, 67.4881516588, 115.2606635071);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-google .thb-social-icon-container {
background: #dd4b39;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-google:hover .thb-social-icon-container {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-google-plus .thb-social-icon-container {
background: #dd4b39;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-google-plus:hover .thb-social-icon-container {
background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-linkedin .thb-social-icon-container {
background: #007bb6;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-linkedin:hover .thb-social-icon-container {
background: rgb(0, 88.532967033, 131);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vkontakte .thb-social-icon-container {
background: #45668e;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-pinterest .thb-social-icon-container {
background: #bd081c;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-pinterest:hover .thb-social-icon-container {
background: rgb(140.0710659898, 5.9289340102, 20.7512690355);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-whatsapp .thb-social-icon-container {
background: #25d366;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container {
background: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-twitter .thb-social-icon-container {
background: #222222;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-twitter:hover .thb-social-icon-container {
background: rgb(8.5, 8.5, 8.5);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-instagram .thb-social-icon-container {
background: #3f729b;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-instagram:hover .thb-social-icon-container {
background: rgb(48.2614678899, 87.3302752294, 118.7385321101);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vk .thb-social-icon-container {
background: #45668e;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vk:hover .thb-social-icon-container {
background: rgb(52.3222748815, 77.345971564, 107.6777251185);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-tumblr .thb-social-icon-container {
background: #35465c;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-tumblr:hover .thb-social-icon-container {
background: rgb(34.3586206897, 45.3793103448, 59.6413793103);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-xing .thb-social-icon-container {
background: #cfdc00;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-xing:hover .thb-social-icon-container {
background: rgb(159.0136363636, 169, 0);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-soundcloud .thb-social-icon-container {
background: #f80;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container {
background: rgb(204, 108.8, 0);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-dribbble .thb-social-icon-container {
background: #ea4c89;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-dribbble:hover .thb-social-icon-container {
background: rgb(228.645, 30.355, 106.91);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-youtube .thb-social-icon-container {
background: #e52d27;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-youtube:hover .thb-social-icon-container {
background: rgb(193.6859504132, 28.694214876, 23.3140495868);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-spotify .thb-social-icon-container {
background: #7ab800;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-spotify:hover .thb-social-icon-container {
background: rgb(88.1847826087, 133, 0);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-behance .thb-social-icon-container {
background: #1769ff;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-behance:hover .thb-social-icon-container {
background: rgb(0, 80.2327586207, 227);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-deviantart .thb-social-icon-container {
background: #4e6252;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-deviantart:hover .thb-social-icon-container {
background: rgb(55.3977272727, 69.6022727273, 58.2386363636);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-snapchat .thb-social-icon-container {
background: #fffc00;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-snapchat:hover .thb-social-icon-container {
background: rgb(204, 201.6, 0);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-medium .thb-social-icon-container {
background: #00ab6c;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-medium:hover .thb-social-icon-container {
background: rgb(0, 120, 75.7894736842);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vimeo .thb-social-icon-container {
background: #1ab7ea;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-vimeo:hover .thb-social-icon-container {
background: rgb(17.556, 148.808, 191.444);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-email .thb-social-icon-container {
background: #9b9b9b;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-email:hover .thb-social-icon-container {
background: rgb(129.5, 129.5, 129.5);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-reddit .thb-social-icon-container {
background: #ff4500;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-reddit:hover .thb-social-icon-container {
background: rgb(204, 55.2, 0);
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-telegram .thb-social-icon-container {
background: #0088cc;
}
.thb-social-links-container.circle-fill .thb-social-link.social-link-telegram:hover .thb-social-icon-container {
background: #006699;
}
.thb-post-slider .wp-post-image {
object-fit: cover;
} .content404 {
padding: 30px 0;
}
@media only screen and (min-width: 40.0625em) {
.content404 {
padding: 40px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.content404 {
padding: 60px 0;
}
}
@media only screen and (min-width: 75.0625em) {
.content404 {
padding: 80px 0;
}
}
.content404 h1 {
font-weight: 600;
font-size: 30px;
line-height: 36px;
margin: 20px 0;
color: #222;
}
.content404 h1 span {
color: #f4ba39;
}
@media only screen and (min-width: 40.0625em) {
.content404 h1 {
font-size: 34px;
line-height: 40px;
}
}
@media only screen and (min-width: 64.0625em) {
.content404 h1 {
font-size: 50px;
line-height: 56px;
}
}
@media only screen and (min-width: 75.0625em) {
.content404 h1 {
font-size: 60px;
line-height: 66px;
}
}
.content404 p {
font-size: 18px;
line-height: 26px;
color: #545353;
margin-bottom: 35px;
}
.content404 .btn {
margin-top: 50px;
}
.content404 > .row {
background: none;
min-height: 600px;
}
@media only screen and (min-width: 40.0625em) {
.content404 > .row {
background: transparent url(//bestorium.com/wp-content/themes/thevoux-wp/assets/img/404.png) top right no-repeat;
}
}  .cart-collaterals h2,
.woocommerce-checkout h3,
#order_review_heading,
#customer_details h3,
.addresses .woocommerce-column__title,
.woocommerce-order-details__title,
.woocommerce-Address-title h3,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content legend {
font-size: 24px;
font-weight: 400;
margin-bottom: 30px;
color: #222;
} .page-padding {
padding: 15px 0;
}
@media only screen and (min-width: 40.0625em) {
.page-padding {
padding: 30px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.page-padding {
padding: 50px 0;
}
}
@media only screen and (min-width: 75.0625em) {
.page-padding {
padding: 75px 0;
}
}
#archive-title + .page-padding {
padding-top: 30px;
} .shop_bar {
margin-bottom: 25px;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.shop_bar .breadcrumbs {
text-align: left;
}
.rtl .shop_bar .breadcrumbs {
text-align: right;
}
.shop_bar .ordering {
text-align: right;
}
.rtl .shop_bar .ordering {
text-align: left;
}
}
.shop_bar .woocommerce-breadcrumb {
line-height: 20px;
margin-bottom: 15px;
}
@media only screen and (min-width: 40.0625em) {
.shop_bar .woocommerce-breadcrumb {
margin: 0;
}
}
.shop_bar .woocommerce-result-count,
.shop_bar .woocommerce-ordering {
display: block;
margin: 0 0 15px;
}
@media only screen and (min-width: 40.0625em) {
.shop_bar .woocommerce-result-count,
.shop_bar .woocommerce-ordering {
display: inline-block;
margin: 0;
}
}
.shop_bar .woocommerce-result-count {
font-size: 14px;
color: #8f8f8f;
margin-right: 10px;
line-height: 20px;
}
.shop_bar .woocommerce-ordering .select-wrapper {
border: 0;
margin: 0;
float: none;
}
.shop_bar .woocommerce-ordering .select-wrapper:after {
top: 4px;
right: 0;
}
.rtl .shop_bar .woocommerce-ordering .select-wrapper:after {
right: auto;
left: 0;
}
.shop_bar .woocommerce-ordering .select-wrapper select {
padding: 0 19px 0 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
height: 18px;
}
.rtl .shop_bar .woocommerce-ordering .select-wrapper select {
padding: 0 0 0 19px;
} .no-products {
height: 300px;
width: 100%;
}
.products {
position: relative;
}
.products.two-columns .columns {
width: 50%;
}
.products.three-columns .columns {
width: 33.33333%;
}
.products.four-columns .columns {
width: 25%;
}
.products .product {
display: block;
margin-bottom: 30px;
text-align: center;
}
.thb_mega_menu .products .product {
margin: 0;
}
.products .product .product-title h5,
.products .product .post-title h5 {
font-size: 16px;
margin: 0 0 5px;
}
.products .product .product-title .star-rating, .products .product .product-title .comment-form-rating .stars, .comment-form-rating .products .product .product-title .stars,
.products .product .product-title .add_to_cart,
.products .product .post-title .star-rating,
.products .product .post-title .comment-form-rating .stars,
.comment-form-rating .products .product .post-title .stars,
.products .product .post-title .add_to_cart {
display: none;
}
.products .product .product-image {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.products .product .product-image a:not(.button) {
display: block;
height: 100%;
}
.products .product .product-image img {
width: 100%;
}
.products .product .product-image .woocommerce-loop-product__link {
will-change: opacity;
opacity: 1;
}
.products .product .product-image .woocommerce-loop-product__link span {
display: none;
}
.products .product .product-image .woocommerce-loop-product__link .attachment-woocommerce_thumbnail + .attachment-woocommerce_thumbnail {
position: absolute;
top: 0;
left: 0;
opacity: 0;
height: 100%;
width: 100%;
opacity: 0;
object-fit: cover;
}
.products .product .product-image .yith-wcwl-add-to-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
color: #222;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
margin: 0;
opacity: 0;
}
.products .product .product-image .yith-wcwl-add-to-wishlist a {
color: #222;
}
.products .product .product-image .yith-wcwl-add-to-wishlist:hover .text {
opacity: 1;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .text {
position: relative;
top: -3px;
margin-right: 5px;
opacity: 0;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .wishlist_icon {
fill: transparent;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .wishlist_icon path,
.products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .wishlist_icon path {
fill: #e25842;
stroke: #e25842;
}
.products .product .product-image .button {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background: #fff;
color: #969696;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
padding: 17px 17px 15px;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.products .product .product-image .button:hover {
color: #222;
}
.products .product .product-image .added_to_cart {
display: none;
}
.products .product:hover .attachment-woocommerce_thumbnail + .attachment-woocommerce_thumbnail:not(.wp-post-image),
.products .product:hover .add_to_cart,
.products .product:hover .yith-wcwl-add-to-wishlist {
opacity: 1;
}
.products .product:hover .button {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.products .product.product-style2 .product-title h5 a,
.products .product.product-style2 .product-title .price .amount {
color: #222;
}
.products .product.product-style2 .product-title .button {
margin: 12px 0 0;
}
.products .product.product-category {
display: flex;
flex-direction: column;
width: 100%;
text-align: left;
margin-bottom: 30px;
}
.products .product.product-category a {
position: relative;
padding-bottom: 90%;
overflow: hidden;
height: 0;
background-size: cover;
background-position: center;
}
@-moz-document url-prefix() {
.products .product.product-category a {
height: auto;
padding: 0;
}
.products .product.product-category a:before {
content: "";
display: block;
width: 100%;
padding-bottom: 90%;
}
}
.products .product.product-category a div {
position: absolute;
top: 0;
left: 0;
padding: 30px;
z-index: 2;
width: 100%;
height: 100%;
text-align: left;
}
.products .product.product-category a div h2 {
text-align: left;
text-transform: none;
margin: 0 0 10px;
font-size: 22px;
}
.products .product.product-category a div h2 .count {
display: inline-block;
margin-left: 10px;
background: none;
vertical-align: super;
font-size: 12px;
color: #f02121;
}
.products .product.product-category a div span {
display: inline-block;
font-size: 14px;
opacity: 0;
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
.products .product.product-category a:hover div span {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.products .product { }
.products { }  .badge {
position: absolute;
top: 10px;
left: 10px;
display: block;
z-index: 2;
font-size: 10px;
color: #fff;
font-weight: 700;
height: 20px;
line-height: 24px;
padding: 0 6px;
text-transform: uppercase;
text-align: center;
letter-spacing: normal;
}
.badge.onsale {
background: rgba(26, 169, 127, 0.5);
}
.badge.onsale.perc {
font-weight: 400;
font-size: 11px;
}
.badge.out-of-stock {
background: rgba(177, 177, 177, 0.5);
}
.badge.new {
background: rgba(235, 186, 3, 0.5);
}
.price {
display: block;
}
.price .from {
display: none;
}
.price .amount {
font-size: 14px;
color: #969696;
}
.price del {
color: #8f8f8f;
font-size: 14px;
}
.price del .amount {
color: #8f8f8f;
}
.price del + ins {
margin-left: 10px;
}
.price ins {
text-decoration: none;
}
.stock.out-of-stock {
font-weight: 600;
color: #e24f3d;
} .related h2,
.up-sells h2,
.cross-sells h2 {
display: block;
text-align: center;
} div.quantity {
position: relative;
zoom: 1;
padding-right: 15px;
display: inline-block;
}
@media only screen and (min-width: 40.0625em) {
div.quantity {
padding-right: 19px;
}
}
div.quantity .plus,
div.quantity .minus {
display: block;
padding: 0;
margin: 0;
outline: 0;
border: 1px solid #e5e5e5;
position: absolute;
text-align: center;
width: 15px;
height: 50%;
text-decoration: none;
overflow: visible;
text-decoration: none;
font-weight: 400;
cursor: pointer;
text-shadow: none;
line-height: 1;
background: none;
color: #8f8f8f;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media only screen and (min-width: 40.0625em) {
div.quantity .plus,
div.quantity .minus {
width: 19px;
}
}
div.quantity .plus {
top: 0;
right: 0;
border-bottom: 0;
border-left: 0;
}
div.quantity .minus {
bottom: 0;
right: 0;
border-left: 0;
} .demo_store {
display: block;
background: rgba(0, 0, 0, 0.1);
color: #fff;
text-transform: uppercase;
font-size: 12px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
font-weight: 400;
margin: 0;
line-height: 30px;
} .coupon {
width: 100%;
max-width: 100%;
position: relative;
margin-bottom: 15px;
}
@media only screen and (min-width: 40.0625em) {
.coupon {
margin: 0;
max-width: 400px;
}
.checkout_coupon .coupon {
max-width: 400px;
margin: 0 auto;
padding-bottom: 40px;
}
}
.coupon label {
display: none;
}
.coupon .input-text {
width: 100%;
margin: 0;
padding-right: 150px;
}
.coupon .coupon-error-notice {
text-align: left;
}
.coupon .button {
position: absolute;
top: 0;
right: 0px;
width: auto;
} .cart-holder {
padding-right: 15px;
}
@media only screen and (min-width: 64.0625em) {
.cart-holder {
padding-right: 45px;
}
}
.cart-holder {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.cart-holder {
margin-bottom: 0;
}
}
.cart-holder .cross-sells {
margin-top: 60px;
} #shipping_method {
display: inline-block;
list-style: none;
text-align: left;
margin: 0;
}
#shipping_method label {
margin: 0 0 0 5px;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
display: block;
color: #222;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
margin: 20px 0 10px;
cursor: pointer;
width: 100%;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
text-align: left;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
width: 100%;
}
@media only screen and (max-width: 40.0625em) {
.woocommerce-shipping-calculator .shipping-calculator-form {
width: 100%;
}
}
.woocommerce-shipping-calculator .shipping-calculator-form .form-row {
display: block;
margin-bottom: 8px;
}
.woocommerce-shipping-calculator .shipping-calculator-form .form-row .select2-container,
.woocommerce-shipping-calculator .shipping-calculator-form .form-row input {
margin: 0 0 5px;
float: none;
}
.woocommerce-shipping-calculator .shipping-calculator-form .form-row .input-text {
width: 100%;
}
.woocommerce-shipping-calculator .shipping-calculator-form .form-row:last-child {
margin: 0;
}
.woocommerce-shipping-calculator .shipping-calculator-form p {
margin: 0;
}
.wc-proceed-to-checkout {
line-height: 1;
}
.wc-proceed-to-checkout .button {
width: 100%;
margin: 0;
}
.cart_totals table tr th {
font-weight: 400;
}
.cart_totals table tr:nth-of-type(even) {
background: #fff;
}
.cart_totals table tr.order-total td {
font-size: 20px;
color: #ef2673;
font-weight: 400;
} .cart-empty-container {
padding: 80px 15px;
}
.cart-empty-container figure {
display: inline-block;
margin: 0 auto 30px 20px;
width: 172px;
height: 194px;
max-width: 100%;
background: url(//bestorium.com/wp-content/themes/thevoux-wp/assets/img/cart-empty.png) top left no-repeat;
-webkit-background-size: 172px 194px;
-moz-background-size: 172px 194px;
-o-background-size: 172px 194px;
background-size: 172px 194px;
}
.cart-empty-container p {
font-size: 40px;
font-weight: 700;
line-height: 46px;
color: #222;
margin-bottom: 50px;
}
.cart-empty-container .return-to-shop {
margin: 20px 0 0;
}
.cart-empty-container section {
padding: 40px 0;
} .shop_table {
border: 0;
width: 100%;
border-spacing: 0;
text-align: left;
}
.shop_table tr:nth-of-type(even) {
background: none;
}
.shop_table thead {
padding-bottom: 10px;
background: none;
}
.shop_table thead tr th {
text-align: center;
font-size: 12px;
font-weight: 700;
padding: 0 0 10px 0;
color: #222;
line-height: 1;
text-transform: uppercase;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 40.0625em) {
.shop_table thead tr th {
padding: 0 0 15px 0;
}
}
.shop_table thead tr th:last-child {
text-align: right;
}
.shop_table thead tr th.product-name, .shop_table thead tr th.product-remove, .shop_table thead tr th.order-number, .shop_table thead tr th.order-date, .shop_table thead tr th.order-status, .shop_table thead tr th.order-amount {
text-align: left;
}
.shop_table thead tr th.order-number {
padding-left: 0;
}
@media only screen and (max-width: 40.0625em) {
.shop_table thead tr th.product-remove {
width: 0;
}
}
.shop_table thead tr th.product-name {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.shop_table thead tr th.product-name {
display: table-cell;
}
}
@media only screen and (max-width: 40.0625em) {
.shop_table thead tr th.product-price {
width: 0;
padding: 0;
visibility: collapse;
display: none;
}
}
.shop_table tfoot {
font-weight: 500;
color: #222;
background: none;
}
.shop_table tfoot tr th,
.shop_table tfoot tr td {
font-size: 16px;
padding: 20px 0;
border-bottom: 1px solid #eee;
vertical-align: middle;
font-weight: 500;
}
@media only screen and (max-width: 40.0625em) {
.shop_table tfoot tr th,
.shop_table tfoot tr td {
padding: 10px 0;
}
}
.shop_table tfoot tr th {
font-weight: 500;
text-align: left;
}
.shop_table tfoot tr td:last-child {
text-align: right;
}
.shop_table tfoot tr.total th,
.shop_table tfoot tr.total td {
border-bottom: 0;
}
.shop_table tfoot tr.total th .amount,
.shop_table tfoot tr.total td .amount {
font-size: 20px;
font-weight: 900;
}
.shop_table tbody {
padding-top: 10px;
}
.shop_table tbody tr:nth-child(even) {
background: none;
}
.shop_table tbody tr:nth-child(odd) {
background: none;
}
.shop_table tbody tr:last-child td {
border-bottom: 0;
}
.shop_table tbody tr td {
padding: 10px 0;
vertical-align: middle;
text-align: center;
color: #222;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 40.0625em) {
.shop_table tbody tr td {
padding: 20px 0;
}
}
.shop_table tbody tr td:last-child {
text-align: right;
}
.shop_table tbody tr td.order-number {
text-align: left;
font-size: 18px;
font-weight: 400;
padding-left: 0;
}
.shop_table tbody tr td.order-status {
text-transform: uppercase;
font-weight: 600;
}
.shop_table tbody tr td.order-status.approved {
color: #ef2673;
}
.shop_table tbody tr td.order-status.hold {
color: #676767;
}
.shop_table tbody tr td.order-status.cancelled {
color: #ec0f38;
}
.shop_table tbody tr td.product-price, .shop_table tbody tr td.product-quantity {
text-align: center;
}
.shop_table tbody tr td.product-price .quantity .qty, .shop_table tbody tr td.product-quantity .quantity .qty {
margin-bottom: 0;
text-align: center;
width: 30px;
padding: 10px 5px;
font-size: 13px;
}
@media only screen and (min-width: 40.0625em) {
.shop_table tbody tr td.product-price .quantity .qty, .shop_table tbody tr td.product-quantity .quantity .qty {
width: 50px;
font-size: 14px;
padding: 10px 10px;
}
}
.shop_table tbody tr td.product-price {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.shop_table tbody tr td.product-price {
display: table-cell;
}
}
.shop_table tbody tr td.order-actions a + a {
margin-left: 10px;
}
.shop_table tbody tr td.product-name {
font-size: 16px;
font-weight: 400;
color: #222;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.0625em) {
.shop_table tbody tr td.product-name {
font-size: 18px;
}
}
.shop_table tbody tr td.product-name span + .product-quantity {
font-size: 16px;
}
.shop_table tbody tr td.product-name, .shop_table tbody tr td.product-remove, .shop_table tbody tr td.order-number, .shop_table tbody tr td.order-date, .shop_table tbody tr td.order-status, .shop_table tbody tr td.order-amount {
text-align: left;
}
.shop_table tbody tr td.product-thumbnail {
display: none;
vertical-align: top;
width: 0;
text-align: left;
}
@media only screen and (min-width: 40.0625em) {
.shop_table tbody tr td.product-thumbnail {
display: table-cell;
width: 120px;
min-width: 120px;
padding-right: 25px;
}
}
.shop_table tbody tr td.product-quantity {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.shop_table tbody tr td.product-quantity .wishlist-in-stock {
color: #ef2673;
}
.shop_table tbody tr td.product-quantity .wishlist-out-of-stock {
color: #ec0f38;
}
.shop_table tbody tr td.product-stock-status {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.shop_table tbody tr td.product-stock-status .wishlist-in-stock {
color: #ef2673;
}
.shop_table tbody tr td.product-stock-status .wishlist-out-of-stock {
color: #ec0f38;
}
.shop_table tbody tr td.product-total {
font-size: 16px;
color: #222;
font-weight: 400;
}
.shop_table tbody tr td.product-remove {
min-width: 20px;
width: 20px;
position: relative;
height: 100%;
}
.shop_table #shipping_method label {
font-weight: 400 !important;
text-align: left;
}
.shop_table #shipping_method label .amount {
font-weight: 600;
}
.shop_table.order_table {
border-bottom: 0;
padding: 0;
}
.shop_table.order_table thead tr th.product-subtotal {
text-align: left;
padding-left: 15px;
}
@media only screen and (min-width: 40.0625em) {
.shop_table.order_table thead tr th.product-subtotal {
padding-left: 20px;
}
}
.shop_table.order_table tbody tr th {
border-bottom: 1px solid #eee;
width: 150px;
}
.shop_table.order_table tbody tr td {
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #eee;
}
.shop_table.order_table tbody tr.order-total td,
.shop_table.order_table tbody tr.order-total th {
border-bottom: 0;
}
.shop_table.order_table tfoot tr.order-total td {
font-size: 20px;
}
.shop_table.order_table tfoot tr.order-total td strong {
font-size: 22px;
}
.shop_table.order_table tfoot tr.order-total th, .shop_table.order_table tfoot tr.order-total td {
line-height: 22px;
border-bottom: 0;
} .form-row {
display: block;
float: left;
width: 100%;
margin-bottom: 15px;
}
.form-row input, .form-row textarea, .form-row select, .form-row .select2-container--default {
margin-bottom: 0;
}
.form-row .input-checkbox,
.form-row .input-radio {
margin-right: 5px;
}
.woocommerce-account-fields {
margin-bottom: 30px;
}
.woocommerce-additional-fields,
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
margin-bottom: 30px;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
margin-bottom: 30px;
}
.woocommerce-billing-fields .form-row-wide input,
.woocommerce-billing-fields .form-row-wide textarea,
.woocommerce-billing-fields .form-row-first input,
.woocommerce-billing-fields .form-row-first textarea,
.woocommerce-billing-fields .form-row-last input,
.woocommerce-billing-fields .form-row-last textarea,
.woocommerce-shipping-fields .form-row-wide input,
.woocommerce-shipping-fields .form-row-wide textarea,
.woocommerce-shipping-fields .form-row-first input,
.woocommerce-shipping-fields .form-row-first textarea,
.woocommerce-shipping-fields .form-row-last input,
.woocommerce-shipping-fields .form-row-last textarea {
width: 100%;
}
#billing_first_name_field,
#shipping_first_name_field,
#billing_last_name_field,
#shipping_last_name_field,
#billing_email_field,
#billing_phone_field,
#shipping_email_field,
#shipping_phone_field {
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
#billing_first_name_field,
#shipping_first_name_field,
#billing_last_name_field,
#shipping_last_name_field,
#billing_email_field,
#billing_phone_field,
#shipping_email_field,
#shipping_phone_field {
width: 50%;
}
}
#billing_first_name_field,
#shipping_first_name_field,
#billing_phone_field,
#shipping_phone_field {
padding-right: 0;
}
@media only screen and (min-width: 40.0625em) {
#billing_first_name_field,
#shipping_first_name_field,
#billing_phone_field,
#shipping_phone_field {
padding-right: 15px;
}
}
#billing_last_name_field,
#shipping_last_name_field,
#billing_phone_field,
#shipping_phone_field {
padding-left: 0;
}
#billing_address_1,
#shipping_address_1 {
margin-bottom: 5px;
} #ship-to-different-address {
display: flex;
padding: 0;
margin: 0;
}
#ship-to-different-address .input-checkbox {
margin-right: 5px;
} #order_comments {
min-height: 124px;
width: 100%;
} .payment_methods {
list-style: none;
margin: 0;
padding: 0;
display: block;
margin-bottom: 20px;
border-top: 3px solid #f2f2f2;
padding-top: 25px;
}
.payment_methods li {
display: block;
margin: 0;
padding: 20px 0;
position: relative;
border-bottom: 1px solid #f2f2f2;
}
.payment_methods li > label {
margin: 0;
float: none;
}
.payment_methods li .input-radio {
display: inline-block !important;
margin-right: 11px;
}
.payment_methods li img {
vertical-align: middle;
margin-left: 10px;
max-height: 16px;
}
.payment_methods li .payment_box {
padding: 10px 0 10px 30px;
width: 100%;
font-size: 12px;
}
.payment_methods li .payment_box p {
margin: 0;
color: #79787f;
font-size: inherit;
}
.payment_methods li .payment_box .form-row {
margin-bottom: 20px;
}
.payment_methods li .payment_box.payment_method_stripe p {
margin-bottom: 10px;
}
.payment_methods li .payment_box.payment_method_stripe .form-row-first,
.payment_methods li .payment_box.payment_method_stripe .form-row-last {
display: inline-flex;
width: 50%;
flex-direction: column;
}
.payment_methods li .payment_box.payment_method_stripe .form-row-last {
padding-left: 15px;
}
.payment_methods li .about_paypal {
color: #ef2673;
font-size: 12px;
text-transform: uppercase;
margin-left: 20px;
} .place-order .terms {
margin-top: 10px;
}
.place-order .terms .input-checkbox {
margin-right: 5px;
}
.place-order .terms label {
text-transform: none;
font-size: 13px;
font-weight: 600;
}
.place-order .terms label a {
color: #ef2673;
font-weight: 700;
text-transform: capitalize;
}
.place-order .button {
margin-top: 30px;
} .woocommerce .woocommerce-form-login {
max-width: 400px;
margin: 0 auto;
}
.woocommerce .woocommerce-form-login p:first-of-type {
font-size: 14px;
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.woocommerce .woocommerce-form-login .form-row.form-row-first,
.woocommerce .woocommerce-form-login .form-row.form-row-last {
width: 100%;
padding: 0;
}
}
.woocommerce .woocommerce-form-login label {
display: block;
}
.woocommerce .woocommerce-form-login .button {
width: 100%;
margin-bottom: 30px;
}
.woocommerce .woocommerce-form-login .woocommerce-form__label {
float: left;
position: relative;
}
.woocommerce .woocommerce-form-login .woocommerce-form__label .woocommerce-form__input-checkbox {
visibility: visible;
position: static;
} .woocommerce-order-overview {
background: #f9f9f9;
padding: 20px 30px;
list-style: none;
margin: 0 0 60px;
} .thb-myaccount-login {
display: block;
padding: 0 15px;
max-width: 520px;
margin: 0 auto;
}
.login-page-form {
list-style: none;
padding: 0;
margin: 0 0 25px;
display: flex;
justify-content: center;
}
.login-page-form li {
display: inline-flex;
align-items: center;
padding: 0 15px;
}
.login-page-form li a {
font-weight: 600;
position: relative;
color: #bababa;
}
.login-page-form li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
border-bottom: 1px solid #222;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.login-page-form li a.active {
color: #222;
}
.login-page-form li a.active:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.login-page-form li a:hover {
color: #222;
}
.thb-overflow-container {
overflow: hidden;
padding: 40px 0;
}
.thb-form-container {
display: flex;
width: 200%;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.thb-form-container.no-register {
width: 100%;
}
.thb-form-container .input-text {
width: 100%;
}
.thb-form-container .thb-login-form,
.thb-form-container .thb-register-form {
padding: 0 1px;
width: 100%;
will-change: opacity;
}
.thb-form-container .thb-lost-form,
.thb-form-container .thb-register-form {
opacity: 0;
}
.thb-form-container.register-active {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.thb-form-container.register-active .thb-register-form {
opacity: 1;
}
.thb-form-container.register-active .thb-login-form {
opacity: 0;
}
.thb-register-form .woocommerce-password-strength {
display: flex;
margin: 4px 0 0;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 12px 16px;
background: #ffdada;
color: #e43737;
}
.thb-register-form .woocommerce-password-strength.medium, .thb-register-form .woocommerce-password-strength.good {
background: #d8fcda;
color: #15a93b;
}
.thb-register-form .woocommerce-privacy-policy-text {
font-size: 12px;
}
.thb-register-form .woocommerce-password-hint {
margin-top: 10px;
display: block;
font-size: 12px;
font-weight: 500;
}
.thb-register-form .woocommerce-privacy-policy-text p {
font-size: 14px;
}
.thb-register-form .button {
width: 100%;
}
.thb-login-form .woocommerce-LostPassword {
display: flex;
flex-direction: column;
clear: both;
margin-bottom: 20px;
}
@media only screen and (min-width: 40.0625em) {
.thb-login-form .woocommerce-LostPassword {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.thb-login-form .woocommerce-LostPassword .woocommerce-form__label {
margin-bottom: 0;
}
}
.thb-login-form .woocommerce-LostPassword a {
display: inline-block;
clear: left;
font-size: 14px;
vertical-align: middle;
} .woocommerce-account.logged-in .woocommerce {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 40.0625em) {
.woocommerce-account.logged-in .woocommerce {
flex-direction: row;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
flex-shrink: 0;
max-width: 300px;
padding-right: 30px;
margin-bottom: 30px;
}
.rtl .woocommerce-account .woocommerce-MyAccount-navigation {
padding-right: 0;
padding-left: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.0625em) {
.woocommerce-MyAccount-navigation {
padding-right: 15%;
}
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
height: 40px;
padding: 0 20px;
align-items: center;
}
.woocommerce-MyAccount-navigation ul li:last-child a {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-MyAccount-navigation ul li.is-active a {
background: #ef2673;
color: #fff;
border-color: #ef2673;
}
.woocommerce-MyAccount-navigation ul li:hover + li a, .woocommerce-MyAccount-navigation ul li.is-active + li a {
border-top-color: #ef2673;
} .woocommerce-order-details {
margin-top: 30px;
}
.woocommerce-customer-details {
margin-top: 30px;
}
.woocommerce-MyAccount-content legend {
margin-top: 30px;
margin-bottom: 20px;
} .addresses {
margin: 0 -15px;
margin-top: 30px;
}
.addresses .col-1,
.addresses .col-2 {
float: left;
width: 100%;
padding: 0 15px;
}
@media only screen and (min-width: 40.0625em) {
.addresses .col-1,
.addresses .col-2 {
width: 50%;
}
}
.addresses .woocommerce-Address-title h3,
.addresses .woocommerce-column__title {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
}
.addresses address {
font-style: normal;
font-size: 14px;
margin-bottom: 20px;
} .woocommerce-lost-password .woocommerce {
max-width: 400px;
margin: 0 auto;
} .post_nav {
font-size: 11px;
margin: 0 0 15px 0;
}
@media only screen and (min-width: 40.0625em) {
.post_nav {
margin: 0 0 30px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.post_nav {
margin: 0 0 40px 0;
}
}
.post_nav a {
display: inline-block;
text-transform: uppercase;
color: #222;
opacity: 0.6;
}
.post_nav a .fa {
padding: 0 5px;
}
.post_nav a + a {
padding-left: 10px;
border-left: 1px dotted rgba(34, 34, 34, 0.6);
margin-left: 9px;
}
.post_nav a:hover {
opacity: 1;
}
.product-page {
margin: 15px 0;
}
@media only screen and (min-width: 40.0625em) {
.product-page {
margin: 30px 0;
}
}
@media only screen and (min-width: 64.0625em) {
.product-page {
margin: 45px 0;
}
}
@media only screen and (min-width: 75.0625em) {
.product-page {
margin: 60px 0;
}
}
.product .product-thumbnails {
width: 100%;
display: none;
opacity: 0;
max-height: 135px;
}
.product .product-thumbnails.slick-initialized {
opacity: 1;
max-height: 100%;
}
@media only screen and (min-width: 40.0625em) {
.product .product-thumbnails {
display: block;
}
}
.product .product-thumbnails .slick-list {
margin: 0 -5px;
}
.product .product-thumbnails .woocommerce-product-gallery__image {
padding: 0 5px;
outline: 0;
opacity: 0.6;
}
.product .product-thumbnails .woocommerce-product-gallery__image img {
cursor: pointer;
}
.product .product-thumbnails .woocommerce-product-gallery__image.slick-current {
opacity: 1;
}
.product .product-thumbnails .slick-slide > a {
pointer-events: none;
cursor: pointer;
}
.product .woocommerce-product-gallery {
margin-left: 0;
margin-bottom: 10px;
}
.product .woocommerce-product-gallery.product-style2 figure {
margin-bottom: 20px;
}
.product .woocommerce-product-gallery img {
width: 100%;
}
.product .product-information {
padding: 0 15px;
}
@media only screen and (min-width: 64.0625em) {
.product .product-information {
padding: 0 25px;
}
}
.product .product-information .woocommerce-breadcrumb {
margin-bottom: 20px;
}
.product .product-information .woocommerce-product-rating {
margin-bottom: 20px;
}
.product .product-information .price {
display: inline-block;
}
.product .product-information .price > .amount {
font-size: 30px;
color: #ef2673;
}
.product .product-information .price del .amount {
font-size: 24px;
}
.product .product-information .price ins .amount {
font-size: 30px;
color: #ef2673;
}
.product .product-information form.cart {
margin-top: 10px;
}
.product .product-information .button,
.product .product-information .btn {
margin: 0;
padding: 14px 32px;
}
.product .product-information .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 10px 0 0;
width: 100%;
vertical-align: middle;
}
@media only screen and (min-width: 40.0625em) {
.product .product-information .yith-wcwl-add-to-wishlist {
margin: 10px 0 0 3px;
width: auto;
}
}
.product .product-information .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.product .product-information .wc-forward {
float: right;
padding: 0;
border: 0;
line-height: 18px;
background-color: transparent;
}
.product .product-information .wc-forward:hover {
color: #ef2673;
}
.product .product-information h1 {
font-size: 36px;
line-height: 42px;
margin-bottom: 5px;
font-weight: 300;
}
.product .product-information .short-description {
font-size: 13px;
color: #818181;
}
.product .product-information .short-description p {
font-size: inherit;
}
.product .product-information .variations_form .single_variation {
display: none !important;
}
.product .product-information .variations_form .select-wrapper {
min-width: 150px;
}
.product .product-information .variations_form .select-wrapper select {
font-weight: 400;
font-size: 12px;
}
.product .product-information .variations_form .select-wrapper + .select-wrapper {
margin-left: 0;
}
@media only screen and (min-width: 40.0625em) {
.product .product-information .variations_form .select-wrapper + .select-wrapper {
margin-left: 10px;
}
}
.product .product-information .variations_form .qtylabel {
margin-left: 0;
}
@media only screen and (min-width: 40.0625em) {
.product .product-information .variations_form .qtylabel {
margin-left: 20px;
}
}
.product .product-information .qtylabel {
display: inline-block;
line-height: 45px;
color: #222;
font-size: 11px;
padding-right: 20px;
}
.product .product-information .qtylabel + .quantity {
display: inline-block;
vertical-align: middle;
}
.product .product-information .qty {
margin-bottom: 0;
text-align: center;
width: 50px;
padding: 15px 10px;
font-size: 13px;
}
.product .product-information .share-article {
width: auto;
max-width: 100%;
margin-top: 30px;
}
.product .product-information .share-article .boxed-icon {
display: inline-flex;
margin-right: 5px;
}
.product .product-information .product_meta {
margin-top: 40px;
}
.product .product-information .product_meta .wcml_currency_switcher {
display: none;
}
.product .product-information .product_meta > span {
display: block;
margin: 0 15px 0 0;
color: #818181;
font-size: 11px;
font-weight: 400;
}
.product .product-information .product_meta > span a,
.product .product-information .product_meta > span .sku {
color: #ef2673;
font-weight: 400;
}
.woocommerce-tabs {
margin-bottom: 50px;
}
@media only screen and (min-width: 75.0625em) {
.woocommerce-tabs {
margin-bottom: 75px;
}
}
.woocommerce-tabs .wc-tabs {
margin: 0 0 20px 0;
padding: 26px 0 24px;
text-align: center;
list-style: none;
}
.woocommerce-tabs .wc-tabs li {
display: inline-block;
margin: 15px 0;
}
.rtl .woocommerce-tabs .wc-tabs li {
margin: 15px 0;
}
@media only screen and (min-width: 40.0625em) {
.woocommerce-tabs .wc-tabs li {
margin: 0 30px;
}
}
.woocommerce-tabs .wc-tabs li a {
background: none;
text-transform: none;
color: #222;
position: relative;
padding: 0;
font-size: inherit;
font-size: 20px;
}
.woocommerce-tabs .wc-tabs li a:hover {
color: #ef2673;
}
.woocommerce-tabs .wc-tabs li a:after {
content: "";
display: block;
border-bottom: 1px solid #ef2673;
position: absolute;
top: calc(100% + 2px);
left: 0;
width: 100%;
-webkit-transform-origin: 50% 50% 50%;
-moz-transform-origin: 50% 50% 50%;
-ms-transform-origin: 50% 50% 50%;
-o-transform-origin: 50% 50% 50%;
transform-origin: 50% 50% 50%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.woocommerce-tabs .wc-tabs li.active a {
color: #ef2673;
}
.woocommerce-tabs .wc-tabs li.active a:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.woocommerce-tabs .wc-tab > h2 {
display: none;
} .woocommerce .woocommerce-breadcrumb {
font-size: 12px;
color: #545353;
font-weight: 400;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb span {
color: #a0a0a0;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: #545353;
} .shop_attributes {
border: 0;
width: 100%;
max-width: 600px;
margin: 0 auto;
border-spacing: 0;
text-align: left;
}
.rtl .shop_attributes {
text-align: right;
}
.shop_attributes tr:nth-of-type(even) {
background: none;
}
.shop_attributes tbody tr th {
vertical-align: middle;
padding: 20px 0 18px;
color: #222;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #f5f5f5;
background: none;
width: 120px;
}
.shop_attributes tbody tr td {
vertical-align: middle;
padding: 14px 0 14px 15px;
border-bottom: 1px solid #f5f5f5;
background: none;
font-weight: 400;
font-size: 14px;
color: #454545;
text-align: right;
}
.shop_attributes tbody tr td p {
margin: 0;
color: #454545;
font-size: 14px;
font-weight: 300;
}
.shop_attributes tbody tr:last-child td, .shop_attributes tbody tr:last-child th {
border-bottom: 0;
background: none;
}
.shop_attributes tbody tr.alt {
background: none;
}
.shop_attributes tbody tr.alt th {
background: none;
} dl.variation {
margin: 10px 0 0 0;
color: #222;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
}
dl.variation dt {
display: inline-block;
margin: 0 10px 5px 0;
font-size: 11px;
font-weight: 400;
}
dl.variation dd {
display: inline-block;
margin: 0 0 5px 0;
}
dl.variation dd p {
margin-bottom: 0;
font-size: 11px;
line-height: 1;
font-weight: 600;
} .group_table {
border: 0;
width: 100%;
border-spacing: 0;
margin-bottom: 20px;
table-layout: fixed;
}
.group_table tbody tr td {
padding: 0 10px 20px 0;
}
.group_table tbody tr td:first-child {
width: 100px;
}
.group_table tbody tr td label a {
color: #222;
}
.group_table tbody tr:nth-child(even) {
background: #fff;
}
.group_table .quantity {
float: none;
} .pagination {
margin: 0 0 40px;
}
.pagination ul,
.pagination .nav-links {
list-style: none;
margin: 0;
padding: 0;
}
.pagination ul li,
.pagination .nav-links li {
display: inline-block;
}
.pagination ul .page-numbers,
.pagination .nav-links .page-numbers {
display: inline-block;
font-size: 11px;
color: #767676;
border: 1px solid #e9e9e9;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-weight: 600;
vertical-align: middle;
}
.pagination ul .page-numbers.dots,
.pagination .nav-links .page-numbers.dots {
border-color: transparent;
position: relative;
top: -3px;
}
.pagination ul .page-numbers:not(.dots):hover, .pagination ul .page-numbers.current,
.pagination .nav-links .page-numbers:not(.dots):hover,
.pagination .nav-links .page-numbers.current {
color: #fff;
background: #222;
border-color: #222;
}
.pagination ul .page-numbers.prev, .pagination ul .page-numbers.next,
.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next {
font-size: 14px;
vertical-align: middle;
} @keyframes selectionSharerPopover-animation {
0% {
transform: matrix(0.97, 0, 0, 1, 0, 12);
filter: alpha(opacity=0);
opacity: 0;
}
20% {
transform: matrix(0.99, 0, 0, 1, 0, 2);
filter: alpha(opacity=70);
opacity: 0.7;
}
40% {
transform: matrix(1, 0, 0, 1, 0, -1);
filter: alpha(opacity=100);
opacity: 1;
}
70% {
transform: matrix(1, 0, 0, 1, 0, 0);
filter: alpha(opacity=100);
opacity: 1;
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
filter: alpha(opacity=100);
opacity: 1;
}
}
.thb-selectionSharer {
display: none;
position: absolute;
z-index: 100;
background: #222;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}
.thb-selectionSharer:after {
content: "";
display: block;
position: absolute;
bottom: -3px;
left: 50%;
margin-left: -4px;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #222;
}
.thb-selectionSharer.anim {
transition: top 0.075s ease-out;
animation: selectionSharerPopover-animation 180ms forwards linear;
-webkit-animation: selectionSharerPopover-animation 180ms forwards linear;
}
#thnb-selectionSharerPopover-inner {
position: relative;
overflow: hidden;
border-radius: 0;
border: 0;
}
.thb-selectionSharer ul {
margin: 0;
display: block;
text-align: center;
padding: 0 8px;
}
.thb-selectionSharer ul li {
display: inline-block;
list-style: none;
margin: 0;
}
.thb-selectionSharer a {
display: block;
width: 30px;
height: 44px;
line-height: 44px;
border: none;
color: #fff !important;
font-size: 14px;
}
.thb-selectionSharer a.email:hover {
color: #ef2673;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .admin-bar .mfp-container {
padding-top: 46px;
}
@media screen and (min-width: 783px) {
.admin-bar .mfp-container {
padding-top: 32px;
}
}
button.mfp-arrow:before, button.mfp-arrow:after {
display: none;
}
button.mfp-arrow > * {
pointer-events: none;
}
button.mfp-arrow.mfp-arrow-left {
left: 15px;
}
@media only screen and (min-width: 40.0625em) {
button.mfp-arrow.mfp-arrow-left {
left: 30px;
}
}
button.mfp-arrow.mfp-arrow-right {
left: auto;
right: 15px;
}
button.mfp-arrow.mfp-arrow-right svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media only screen and (min-width: 40.0625em) {
button.mfp-arrow.mfp-arrow-right {
right: 30px;
}
}
button.mfp-arrow {
display: inline-flex;
width: 48px;
height: 48px;
border-radius: 24px;
margin-top: -24px;
justify-content: center;
align-items: center;
font-size: 24px;
background: #fff;
opacity: 1;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
button.mfp-arrow:hover {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
button.mfp-arrow:hover svg {
fill: black;
}
button.mfp-arrow:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
button.mfp-arrow:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
button.mfp-arrow:active {
margin-top: -24px;
}
button.mfp-arrow svg {
fill: rgba(0, 0, 0, 0.6);
}
button.mfp-arrow .thb-arrow-head {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
button.mfp-arrow .thb-arrow-line {
-webkit-transform-origin: 100% center;
-moz-transform-origin: 100% center;
-ms-transform-origin: 100% center;
-o-transform-origin: 100% center;
transform-origin: 100% center;
-webkit-transform: translateX(4px) scale(0, 1);
-moz-transform: translateX(4px) scale(0, 1);
-ms-transform: translateX(4px) scale(0, 1);
-o-transform: translateX(4px) scale(0, 1);
transform: translateX(4px) scale(0, 1);
}
button.mfp-arrow:hover .thb-arrow-head {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
button.mfp-arrow:hover .thb-arrow-line {
-webkit-transform: translateX(0px) scale(1, 1);
-moz-transform: translateX(0px) scale(1, 1);
-ms-transform: translateX(0px) scale(1, 1);
-o-transform: translateX(0px) scale(1, 1);
transform: translateX(0px) scale(1, 1);
}
.mfp-figure:after {
display: none;
}
.mfp-bg {
background: #f5f5f5;
opacity: 0;
}
.mfp-wrap:not(.post-gallery-lightbox) .mfp-close {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border: 0;
outline: 0;
padding: 0;
background: none;
cursor: pointer;
color: #222;
width: 40px;
height: 40px;
top: 15px;
right: 15px;
white-space: nowrap;
}
.mfp-wrap:not(.post-gallery-lightbox) .mfp-close span {
display: inline-block;
font-size: 20px;
font-weight: 400;
line-height: 0;
pointer-events: none;
}
.mfp-wrap:not(.post-gallery-lightbox) .mfp-close span svg {
width: 40px;
} .mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-iframe-scaler,
.mfp-zoom-in .mfp-inline-holder,
.mfp-zoom-in .mfp-close {
opacity: 0;
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
}
.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim,
.mfp-zoom-in.mfp-ready .mfp-iframe-scaler,
.mfp-zoom-in.mfp-ready .mfp-inline-holder,
.mfp-zoom-in.mfp-ready .mfp-close {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 1;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim,
.mfp-zoom-in.mfp-removing .mfp-iframe-scaler,
.mfp-zoom-in.mfp-removing .mfp-inline-holder,
.mfp-zoom-in.mfp-removing .mfp-close {
transform: scale(0.95) !important;
opacity: 0 !important;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-wrap.mfp-removing .mfp-arrow-left,
.mfp-wrap.mfp-removing .mfp-arrow-right,
.mfp-wrap.mfp-removing .mfp-close {
opacity: 0;
} .mfp-zoom-out .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
}
.mfp-zoom-out.mfp-ready.mfp-image-loaded .mfp-with-anim,
.mfp-zoom-out.mfp-ready.mfp-image-loaded .mfp-close {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-3d .mfp-with-anim,
.mfp-zoom-3d .mfp-iframe-scaler,
.mfp-zoom-3d .mfp-inline-holder,
.mfp-zoom-3d .mfp-close {
opacity: 0;
}
.mfp-zoom-3d.mfp-bg {
opacity: 0;
}
.mfp-zoom-3d .mfp-content {
perspective: 1000px;
overflow: hidden;
}
.mfp-zoom-3d .theme-popup {
transform-style: preserve-3d;
transform-origin: top center;
backface-visibility: hidden;
will-change: opacity, transform;
opacity: 0;
-webkit-transform: rotateX(-105deg);
-moz-transform: rotateX(-105deg);
-ms-transform: rotateX(-105deg);
-o-transform: rotateX(-105deg);
transform: rotateX(-105deg);
}
.mfp-zoom-3d.mfp-ready.mfp-image-loaded .mfp-with-anim,
.mfp-zoom-3d.mfp-ready .mfp-iframe-scaler,
.mfp-zoom-3d.mfp-ready .mfp-inline-holder,
.mfp-zoom-3d.mfp-ready .mfp-close {
opacity: 1;
}
.mfp-zoom-3d.mfp-ready.mfp-bg {
opacity: 0.95;
}
.mfp-zoom-3d.mfp-ready .theme-popup {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.mfp-zoom-3d.mfp-removing .theme-popup {
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
-webkit-transform: rotateX(-105deg);
-moz-transform: rotateX(-105deg);
-ms-transform: rotateX(-105deg);
-o-transform: rotateX(-105deg);
transform: rotateX(-105deg);
}
.theme-popup {
display: flex;
width: 100%;
background: #fff;
max-width: 780px;
margin: 0 auto;
position: relative;
}
.theme-popup-content, #newsletter-popup .newsletter-content {
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
flex: 1;
}
@media only screen and (min-width: 40.0625em) {
.theme-popup-content, #newsletter-popup .newsletter-content {
padding: 45px;
}
}
@media only screen and (min-width: 40.0625em) {
#newsletter-popup {
height: 460px;
}
}
#newsletter-popup .mfp-close {
top: 0;
right: 0;
padding: 0;
margin: 10px;
}
#newsletter-popup .newsletter-image {
display: none;
width: 100%;
height: 100%;
height: 30vh;
}
@media only screen and (min-width: 40.0625em) {
#newsletter-popup .newsletter-image {
display: block;
width: 390px;
height: auto;
}
}
#newsletter-popup .newsletter-image img {
height: 100%;
width: 100%;
object-fit: cover;
will-change: opacity;
}
#newsletter-popup .newsletter-content .button,
#newsletter-popup .newsletter-content .btn,
#newsletter-popup .newsletter-content input[type=submit] {
width: 100%;
}
#newsletter-popup .newsletter-content .widget_subscribe {
width: 100%;
text-align: center;
margin-bottom: 11px;
}
#newsletter-popup .newsletter-content .newsletter-form-container {
text-align: center;
}
#newsletter-popup .newsletter-content .newsletter-form-container .newsletter-form {
text-align: center;
clear: both;
flex-direction: column;
}
#newsletter-popup .newsletter-content .newsletter-form-container h2 {
line-height: 1.35;
}
#newsletter-popup .newsletter-content .newsletter-form-container p {
font-size: 14px;
margin-bottom: 26px;
}
#newsletter-popup .newsletter-content .newsletter-form-container .thb-custom-checkbox label {
text-align: left;
} @keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
height: 100%;
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px) * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px);
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
background: rgba(0, 0, 0, 0.8);
background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__caption div {
display: inline;
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__progress {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls > button,
.plyr__controls > div {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__control:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__progress {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time + .plyr__time,
.plyr__controls .plyr__time:first-child {
padding-left: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
content: "";
height: 0;
position: absolute;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding-bottom: 4.6666666667px;
padding-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5);
padding-left: 10.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
padding-right: 10.5px;
padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
padding-top: 4.6666666667px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
margin-right: calc((var(--plyr-control-spacing, 10px) * 0.7 - 2) * -1);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #00b3ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: -4px;
margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time::before {
content: "⁄";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1);
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%;
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
position: relative;
z-index: 2;
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto;
}
.plyr--audio {
display: block;
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, 0.6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
left: 0;
position: absolute;
top: 0;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: 0.9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, 0.25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin: -var(--plyr-range-track-height, 5px)/2 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
} .plyr__poster {
background-size: cover;
pointer-events: none;
}
.plyr__control--overlaid {
background: #ef2673;
}
.plyr--video {
width: 100%;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #ef2673;
}
.plyr--full-ui input[type=range] {
color: #ef2673;
}
.plyr--vimeo.plyr--fullscreen-fallback {
width: 100% !important;
}
.plyr .embed-youtube {
width: 100%;
}
.plyr__progress__container {
flex: 1;
}  .thb-cookie-bar {
display: flex;
position: fixed;
left: 0;
bottom: 0;
background: #222;
padding: 15px;
z-index: 40;
width: 100%;
flex-direction: column;
align-items: center;
opacity: 0;
color: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
@media only screen and (min-width: 40.0625em) {
.thb-cookie-bar {
padding: 15px 25px;
flex-direction: row;
justify-content: center;
}
}
.thb-cookie-bar p {
font-size: 13px;
line-height: 1.2;
}
@media only screen and (min-width: 40.0625em) {
.thb-cookie-bar p {
line-height: 1;
margin: 0;
}
}
.thb-cookie-bar .button {
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.thb-cookie-bar .button {
margin: 0 0 0 20px;
}
.rtl .thb-cookie-bar .button {
margin: 0 20px 0 0;
}
}
.thb-cookie-bar .thb-cookie-text a {
font-weight: 600;
color: #fff;
}