@charset "UTF-8";
#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.wq_quizCtr.listquiz_quiz .wq-question-votes:after{content:" ";display:block;height:0;visibility:hidden;clear:both}.wq-hidden{display:none !important}.wq-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;background-color:rgba(255,255,255,0.5)}.wq-is-loading .wq-loading{display:block}.wq-loading .wq-spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1010}.wq-locker{text-align:center}.wq-locker ~ .wq-locker,.wq-locker ~ .wq-quiz{display:none}.wq-error{color:#c40000}@font-face{font-family:'wq-icon';src:url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.eot?25224);src:url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.eot?25224#iefix) format("embedded-opentype"),url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.woff2?25224) format("woff2"),url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.woff?25224) format("woff"),url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.ttf?25224) format("truetype"),url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/fonts/wq-icon.svg?25224#wq-icon) format("svg");font-weight:normal;font-style:normal}[class^="wq-icon-"]:before,[class*=" wq-icon-"]:before{font-family:"wq-icon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animate-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.wq-icon-undo:before{content:'\e800'}.wq-icon-facebook:before{content:'\f09a'}.wq-icon-spinner:before{content:'\f110'}.wq-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:500px;margin:20px auto}.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:zoom-out}.mfp-zoom{cursor:pointer;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;-ms-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}}.wq-embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.wq-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wq-embed-placeholder,.wq-embed-icon{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%}.wq-embed-placeholder{z-index:1000}.wq-embed-icon{z-index:1010;background-color:rgba(255,255,255,0.1)}.wq-embed-icon:before{content:" ";display:block;height:82px;width:82px;border:3px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.wq-embed-icon:after{content:" ";display:block;height:0;width:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:30px solid #fff;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-10px}.wq-embed.active .wq-embed-placeholder,.wq-embed.active .wq-embed-icon{display:none}.wq-embed.active iframe{display:block}.wq-results{font-size:18px;box-sizing:border-box;width:100%;margin:20px 0 15px;padding:10px 20px 20px 20px;border:1px solid #ececec;background:#f9f9f9}.wq-results .wq_resultScoreCtr{font-weight:bold}.wq-results .wq_quizTitle{display:block;margin-bottom:10px;font-weight:700}.wq-results .wq_shareCtr{padding-top:0}.wq-results p{margin-bottom:0}.wq-results img{width:100%}.wq_singleResultRow .wq_resultExplanation,.wq_resultExplanation .wq_resultExplanationLongDesc{display:none}img.wq_resultImg{margin-bottom:10px}.show-played .wq-results,.wq-result.chosen{display:block}.force-show{display:block !important}.wq-quiz.multiple .wq-question{display:none}.wq-quiz.multiple .wq-question:first-of-type{display:block}.wq-quiz.multiple .wq-is-ad .wq_continue{display:block}.wq-quiz.has-intro .wq-progress-bar-container,.wq-quiz.has-intro .wq-questions,.wq-quiz.has-intro .wq-embed-toggle,.wq-quiz.has-intro .wq_promoteQuizCtr{display:none}.wq-question-hint{display:block;overflow:hidden;margin-top:15px}.wq-question-hint a{font-size:12px;float:right;text-decoration:none;outline:none;box-shadow:none}.wq-question-hint a:focus,.wq-question-hint a:hover{outline:none;box-shadow:none}.wq-question-hint-content{display:none;clear:both;margin-bottom:5px;padding:10px;color:#333;border:1px solid #9cc6fb;background:#ddecff}.wq-share{clear:both}.wq_shareCtr button,.wq_quizForceShareCtr button,.wq_questionLogin button{font-size:14px;font-weight:700;line-height:40px;overflow:hidden;min-width:40px;height:40px;margin:10px 7px 0 0;padding:0;cursor:pointer;text-transform:none;color:#fff;border:0}.wq_shareCtr button>i,.wq_quizForceShareCtr button>i,.wq_questionLogin button>i{line-height:40px;display:inline-block;width:40px;margin-top:0}.wq_shareCtr button>span,.wq_quizForceShareCtr button>span,.wq_questionLogin button>span{display:inline-block;box-sizing:border-box;min-width:94px;padding-right:14px;padding-left:12px;text-align:left;vertical-align:middle;border-left:1px solid rgba(0,0,0,0.1)}.wq_shareCtr .wq_shareFB,.wq_quizForceShareCtr .wq_forceShareFB,.wq_questionLogin .wq_loginFB,.wq_questionLogin .wq_playFB{background:#305c99}.wq_shareCtr .wq_shareFB img,.wq_quizForceShareCtr .wq_forceShareFB img,.wq_questionLogin .wq_loginFB img,.wq_questionLogin .wq_playFB img{float:right;width:40px;height:40px}.wq_shareCtr .wq_shareTwitter{background:#00cdff}.wq_shareCtr .wq_shareGP{background:#d24228}.wq_shareCtr .wq_shareVK{margin-right:0;background:#567ca4}.wq_quizProgressBarCtr{margin-bottom:30px}.wq_quizProgressBar{font-size:11px;line-height:1.285;position:relative;box-sizing:initial;width:100%;height:18px;margin:0 1px;text-align:center;color:#fff;border-radius:10px;background-color:#ebebeb;box-shadow:inset 0 1px 1px rgba(100,100,100,0.1)}.wq_quizProgressBar>span{line-height:16px;position:relative;display:block;float:left;overflow:hidden;box-sizing:border-box;width:10px;min-width:30px;height:100%;margin:0 -1px;padding:0 3px;text-align:right;border:1px solid;border-color:rgba(0,0,0,0.05) rgba(0,0,0,0.2) rgba(0,0,0,0.3);border-radius:10px;background-color:var(--wq-bar-color, #85c440);box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2)}.wq_singleAnswerCtr{cursor:pointer}.wq_singleAnswerCtr .wq_answerTxtCtr:before,.wq_singleAnswerCtr.chosen .wq_answerTxtCtr:after{content:"";width:18px;height:18px;border:2px solid;position:absolute;left:0;top:1px;border-radius:2px;box-sizing:border-box}.wq_singleAnswerCtr.chosen .wq_answerTxtCtr:after{content:"";width:0;height:0;background:#fff;border:5px solid;left:4px;top:5px}.wq_singleAnswerCtr .wq_answerTxtCtr{font-size:18px;font-weight:700;line-height:19px;display:inline-block;height:auto;padding-left:25px;cursor:pointer;vertical-align:middle;color:inherit;background-repeat:no-repeat;margin-bottom:0;position:relative}.wq_retakeQuizBtn,.wq-force-login button,.wq_singleQuestionWrapper .wq_continue button,.wq_triviaQuizTimerInfoCtr button,.wq-pay-locker button,.wq_quizEmailCtr form button,.wq-subscribe-locker button{font-size:18px;font-weight:bold;margin:30px 0 10px 0;padding:12px;cursor:pointer;color:white;border:0;border-radius:4px;background-color:var(--wq-bar-color, #8bc34a);box-shadow:none}.wq-pay-locker button,.wq_quizEmailCtr form button{margin:0}.wq_triviaQuizTimerCtr{background-color:var(--wq-bar-color, #8bc34a)}.wq_retakeQuizCtr{display:none;clear:both;text-align:center}.wq-force-action-container,.wq-results,.wq_continue,.wq-result{display:none}.wq_quizForceShareCtr{text-align:center}.wq_quizCtr{width:100%;margin-bottom:20px}.wq_quizCtr.multiple .wq_singleQuestionWrapper{margin-bottom:0}.wq_questionsCtr{margin-bottom:20px}.wq_singleQuestionWrapper{margin-bottom:50px}.wq_singleQuestionWrapper.wq_isAd{text-align:center}.wq_singleQuestionWrapper.wq_isAd img{width:auto !important}.wq_singleQuestionWrapper:last-of-type{margin-bottom:0}.wq_singleQuestionWrapper .wq_continue{text-align:center}.mfp-content .wq-results{margin-top:0;display:block}.wq_quizForceShareCtr p{font-size:20px;font-weight:bold;margin-bottom:10px}.wq_quizForceShareCtr button{margin-right:0}.wq_shareCtr p,.wq_questionLogin p{margin-bottom:0}body .wq_questionTextCtr{float:left;padding:12px 20px;background:#eee;box-sizing:border-box}body .wq_questionTextCtr h4{font-size:28px;line-height:1;margin:0;color:inherit}.wq_singleQuestionCtr{margin-bottom:0}.wq_questionTextDescCtr p{font-size:14px;line-height:15px;margin-top:10px}.wq_quizCtr img{width:100%;max-width:100%;height:auto;vertical-align:middle !important}.wq-quiz-personality .row{margin:0;margin-bottom:10px}.col-md-wq-6{float:left;width:49%}.col-md-wq-6:last-child{float:right}.col-md-wq-6:first-child{float:left}.col-md-wq-4{float:left;width:32%;margin-right:2%}.col-md-wq-4:last-child{float:right;margin-right:0}.col-md-wq-4:first-child,.col-md-wq-4:nth-child(2),.col-md-wq-4:nth-child(5){float:left}.wq_answerImgCtr{margin-bottom:8px}.wq_answersWrapper .row:before,.wq_answersWrapper .row:after{display:table;content:' '}.wq_answersWrapper .row:after{clear:both}p.wq_QuestionExplanationText{margin:10px 0}.wq_quizEmailCtr form p:first-child{font-size:24px;font-weight:bold;margin-bottom:20px;text-align:left}.wq_quizEmailCtr form p:last-child{margin-bottom:0}.wq_quizEmailCtr form input[type='text'],.wq_quizEmailCtr form input[type='email']{font-size:16px;box-sizing:border-box;width:100%;height:50px;margin:0 auto;margin-top:5px;border:1px solid #ddd;text-shadow:none}.wq_quizEmailCtr form div{margin-bottom:20px}.wq_quizEmailCtr form label{display:block}.wq_quizEmailCtr form .wq-consent-desc{text-align:left}.resultUpDownVote{line-height:1;margin-bottom:5px}.wq-embed-toggle{float:left}.wq_embedToggleQuiz,.wq_embedToggleQuiz input{float:left;box-sizing:border-box;width:100%}.wq_embedToggleQuiz{display:none;clear:both;margin:15px 0}.wq_promoteQuizCtr{text-align:right}.wq_questionMediaCtr{width:100%;margin-bottom:15px}.wq_questionAnswersCtr{width:100%}.wq_questionImage{position:relative;width:100%;height:90%}.wq_quizCtr.wq-quiz-personality .wq_singleAnswerCtr.wq_answerSelected{opacity:1}.wq_questionImage>span,.wq-question .credits{font-size:12px;line-height:20px;position:absolute;right:0;bottom:0;padding:0 9px;background:rgba(236,240,241,0.65)}.quiz-pro-clearfix{clear:both;zoom:1}.quiz-pro-clearfix:before,.quiz-pro-clearfix:after{display:table;content:' '}.quiz-pro-clearfix:after{clear:both}i.icon.video.play{font-style:normal}i.icon.video.play:before{position:absolute;display:block;width:82px;height:82px;content:'';background-image:url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/images/spritesheet.png);background-repeat:no-repeat;background-position:-63px -3px;background-size:186px 87px}.ui.embed .icon:hover:before{color:#fff}.ui.embed>.placeholder{height:100% !important}.sprite{position:relative;display:inline-block}.sprite:after{position:absolute;display:block;content:'';background-image:url(//mc.today/wp-content/plugins/wp-quiz-pro3/assets/frontend/images/spritesheet.png);background-repeat:no-repeat;background-size:186px 87px}.wq_shareCtr .sprite:after,.wq_questionLogin .sprite:after{top:-12px;left:13px;width:14px;height:14px}.sprite-facebook:after{background-position:-25px -3px}.sprite-twitter:after{background-position:-150px -31px}.sprite-google-plus:after{background-position:-44px -3px}.sprite-vk:after{background-position:-169px -31px}@media screen and (max-width: 550px){.wq-quiz-flip .wq-question .desc>div{font-size:28px}.col-md-wq-4{width:100%}}@media screen and (max-width: 480px){.wq-quiz-flip .wq-question .desc>div{font-size:22px}.wq_singleQuestionWrapper .wq_continue button,.wq_triviaQuizTimerInfoCtr button{font-size:15px;padding:10px}.wq-results{font-size:15px}.wq-results .wq_shareCtr button,.wq_quizForceShareCtr button{font-size:12px}.wq_questionTextCtr h4{font-size:20px}.wq_retakeQuizBtn{font-size:17px}}@media screen and (max-width: 480px){.wq-quiz-flip .wq-question .desc>div{font-size:18px}}.wp-quiz-listing{width:100%;clear:both}.wp-quiz-listing .latestPost{margin:20px auto}.wp-quiz-listing a{text-decoration:none}.wp-quiz-listing .thecategory{color:#fff;display:inline-block;line-height:1;border-radius:3px;padding:6px;margin-right:15px;background:#f15a5a;font-size:12px}.wq-force-login input:not([type='checkbox']){width:100%;box-sizing:border-box;padding:0 10px;line-height:44px;margin-top:5px}.wq-force-login__form--register{display:none}.wq-force-login button{margin:0}.wq-force-login p:last-child{margin-bottom:0}.wq-subscribe-locker{background-color:#ecf0f1;padding:30px 20px;margin-top:30px;border-radius:3px;text-align:left}.wq-subscribe-locker__heading{font-size:1.5rem;margin-bottom:1.25rem;font-weight:700}.wq-subscribe-locker__field{margin-bottom:1.25rem}.wq-subscribe-locker__field input[type="text"],.wq-subscribe-locker__field input[type="email"]{border:2px solid #d7dee0;border-radius:4px;height:50px;margin-top:0.625rem;width:100%}.wq-quiz.wq-skin-flat .wq_questionTextCtr{background-color:var(--wq-background-color, #ecf0f1);color:var(--wq-font-color, #5f5f5f);border-radius:3px 3px 0 0;width:100%}.wq-quiz.wq-skin-flat .wq_singleAnswerCtr{background-color:var(--wq-background-color, #ecf0f1);color:var(--wq-font-color, #5f5f5f);border:3px solid transparent;padding:5px 7px;margin:0 0 15px 0;border-radius:3px;line-height:30px}.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:last-child{margin-bottom:0}.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:hover,.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.chosen,.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.wq_answerSelected{background:#FFF38B;color:#444;border:3px solid #F7E971;transition:background 550ms ease-out;cursor:pointer}.wq-quiz.wq-skin-flat.wq-should-show-correct-answer .wq_singleAnswerCtr.wq_correctAnswer{background:#8BC34A;border-color:#7BAD40;color:#fff;opacity:0.5}.wq-quiz.wq-skin-flat.wq-should-show-correct-answer .wq_singleAnswerCtr.wq_incorrectAnswer{background:#FF5722;border-color:#D4471B;color:#fff;opacity:0.8}.wq-quiz.wq-skin-flat .wq_questionAnswered .wq_singleAnswerCtr{opacity:0.5}.wq-quiz.wq-skin-flat .wq_questionAnswered .wq_singleAnswerCtr.chosen{opacity:1}.wq-quiz.wq-skin-flat .wq_singleAnswerCtr .wq_answerTxtCtr{word-break:break-word}.wq-quiz.wq-skin-flat .wq-results{background:#ecf0f1;border-color:#ecf0f1;border-radius:3px}.wq-quiz.wq-skin-flat .wq_quizForceActionCtr{background:#ecf0f1;padding:30px 20px;float:left;width:100%;box-sizing:border-box;margin-top:30px;border-radius:3px}.wq-quiz.wq-skin-flat .wq_shareCtr button,.wq-quiz.wq-skin-flat .wq-results .wq_shareCtr button,.wq-quiz.wq-skin-flat .wq_quizForceShareCtr button,.wq-quiz.wq-skin-flat .wq_questionLogin button,.wq-quiz.wq-skin-flat .wq_retakeQuizBtn,.wq-quiz.wq-skin-flat .wq_quizEmailCtr form button,.wq-quiz.wq-skin-flat .wq_triviaQuestionExplanation{border-radius:3px}.wq-quiz.wq-skin-flat .wq_quizEmailCtr form input[type="text"],.wq-quiz.wq-skin-flat .wq_quizEmailCtr form input[type="email"]{border:2px solid #d7dee0;border-radius:4px}.wq_triviaQuestionExplanation{border-color:#d7dee0;padding:12px 12px 2px}.wq_triviaQuestionExplanation .wq-explanation-head-correct{color:#8BC34A}.wq_triviaQuestionExplanation .wq-explanation-head-incorrect{color:#FF5722}.wq_triviaQuestionExplanation .wq_correctExplanationHead .wq-explanation-head-incorrect,.wq_triviaQuestionExplanation .wq_wrongExplanationHead .wq-explanation-head-correct{display:none}.wq-skin-traditional .wq_IsSwiperResult h3{border-radius:0;background:#4CAF50}.wq-skin-traditional .wq_singleAnswerCtr{background-color:var(--wq-background-color, #f2f2f2);color:var(--wq-font-color);border:1px solid rgba(0,0,0,0.1);padding:7px 7px 8px;margin:0 0 15px 0;line-height:30px}.wq-skin-traditional .wq_singleAnswerCtr:last-of-type{margin-bottom:0}.wq-skin-traditional .wq_questionTextCtr{background-color:var(--wq-background-color, #f2f2f2)}.wq_singleAnswerCtr:hover,.wq_singleAnswerCtr.chosen,.wq_singleAnswerCtr.wq_answerSelected{background:#fff195;color:#000;transition:background 550ms ease-out;cursor:pointer}.wq-skin-traditional .wq_singleAnswerCtr.wq_answerSelected{background:#4CAF50;color:#fff}.wq-skin-traditional.wq-should-show-correct-answer .wq_singleAnswerCtr.wq_correctAnswer{background:#4CAF50;border-color:#409444;color:#fff;opacity:0.5}.wq-skin-traditional.wq-should-show-correct-answer .wq_singleAnswerCtr.wq_incorrectAnswer{background:#F44336;border-color:#CE392E;color:#fff;opacity:0.8}.wq-skin-traditional .wq_questionAnswered .wq_singleAnswerCtr{opacity:0.5}.wq-skin-traditional .wq_questionAnswered .wq_singleAnswerCtr.chosen{opacity:1}.wq-skin-traditional .chosen .wq_answerTxtCtr:after,.wq-skin-traditional .wq_answerSelected .wq_answerTxtCtr:after{background:#fff}.wq-skin-traditional .wq_correctExplanationHead{color:#4CAF50;font-weight:bold;font-size:1.2em}.wq-skin-traditional .wq_wrongExplanationHead{color:#F44336;font-weight:bold;font-size:1.2em}.wq-skin-traditional .wq_quizForceActionCtr{background:#f2f2f2;padding:30px 20px;border:1px solid #dddddd;box-sizing:border-box;margin:30px 0 15px}.wq-skin-traditional .wq_IsSwiperResult .wq_retakeSwiperWrapper,.wq-skin-traditional .wq-results.wq_IsSwiperResult .wq_shareCtr{background:#f2f2f2;border-right:1px solid #ddd;border-left:1px solid #ddd}.wq-skin-traditional .wq_IsSwiperResult .resultImageWrapper .indexWrapper,.wq-skin-traditional .wq_IsSwiperResult .userVote,.wq-skin-traditional .wq_retakeSwiperBtn:hover{background:#4CAF50;border-color:#4CAF50;border-radius:0}.wq-skin-traditional .wq_IsSwiperResult .userVote.negativeVote{background:#F44336}.wq-quiz-trivia .wq_questionTextCtr{background-color:var(--wq-background-color);color:var(--wq-font-color)}.wq-quiz-trivia .wq_triviaQuizTimerInfoCtr{text-align:center;font-weight:bold;font-size:18px}.wq-quiz-trivia .wq_triviaQuizTimerInfoCtr p{margin-bottom:0}.wq-quiz-trivia .wq_triviaQuizTimerCtr{position:fixed;z-index:100;top:50px;left:50px;text-align:center;width:50px;line-height:50px;border-radius:50%;color:#fff;background-color:var(--wq-bar-color, #FF5722);display:none}.wq-quiz-trivia .row{margin:0;margin-bottom:10px}.wq_triviaQuestionExplanation{padding:10px 10px 0 10px;border:1px solid #dddddd;display:none;margin:20px 0 0 0;clear:both;width:100%;box-sizing:border-box}.wq_triviaQuestionExplanation span{font-weight:700;font-size:1.2em}.wq_questionAnswered.is-incorrect .wq_triviaQuestionExplanation,.wq_questionAnswered.is-correct .wq_triviaQuestionExplanation{display:block}.wq-quiz:not(.wq-should-show-correct-answer) .wq_questionAnswered.is-incorrect .wq_triviaQuestionExplanation,.wq-quiz:not(.wq-should-show-correct-answer) .wq_questionAnswered.is-correct .wq_triviaQuestionExplanation{display:none !important}.is-correct .wq-explanation-head-incorrect,.is-incorrect .wq-explanation-head-correct{display:none}.wq-checked-answers-list .is-correct{color:#7bad40}.wq-checked-answers-list .is-incorrect{color:#ff5722}.wq-checked-answers-list{display:none;margin-top:15px}.wq-checked-answers-list__question{margin-bottom:15px}.wq-checked-answers-list__question-title{font-weight:700;margin-bottom:5px}.wq-checked-answers-list__question-desc{font-size:85%;color:#555;margin-top:5px}.wq-checked-answers-list.must-show{display:block}.wq-end-answers.wq-layout-multiple .wq_triviaQuestionExplanation{display:none !important}.wq-end-answers.wq-layout-multiple .wq-checked-answers-list{display:block}.wq_quizCtr.flip_quiz .card{position:relative;color:#fff}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip){-webkit-perspective:1000px;perspective:1000px}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip) .card{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip) .front,.wq_quizCtr.flip_quiz .wq-question:not(.no-flip) .back{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;min-height:200px;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;height:100%}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip) .front{position:relative}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip) .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.wq_quizCtr.flip_quiz .wq-question:not(.no-flip).is-flipped .card{transition:0.6s;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.wq_quizCtr.flip_quiz .wq_questionTextCtr{color:var(--wq-font-color);background-color:transparent;display:flex;align-items:center;padding:0 0 12px;width:100%}.wq_quizCtr.flip_quiz .wq-question-title{flex:auto;padding:0}.wq_quizCtr.flip_quiz.wq-skin-flat .wq-question-vote-btn{background:transparent}.wq_quizCtr.flip_quiz .wq-results .wq_shareCtr{padding-top:0}.wq_quizCtr.flip_quiz .wq_singleQuestionWrapper{text-align:center;margin:0 auto 30px;position:relative;clear:both;overflow:hidden;width:var(--wq-question-width);height:var(--wq-question-height)}.wq_quizCtr.flip_quiz .wq_singleQuestionWrapper:first-of-type{margin-top:0}.wq_quizCtr.flip_quiz .wq_singleQuestionWrapper:last-of-type{margin-bottom:0}.wq_quizCtr.flip_quiz .item_top{display:table;width:100%}.wq_quizCtr.flip_quiz .title_container{display:table-cell;text-align:left}.wq_quizCtr.flip_quiz img{width:100%;height:auto;top:0;left:0;vertical-align:middle}.wq_quizCtr.flip_quiz .credits{color:#111}.wq_quizCtr.flip_quiz .card:not(.no-image) .desc,.wq_quizCtr.flip_quiz .top-desc{position:absolute;left:0;bottom:0;top:0;right:0}.wq_quizCtr.flip_quiz .desc{text-align:center;width:100%;height:100%;font-size:34px;line-height:1.4;text-shadow:0 1px 1px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.wq_quizCtr.flip_quiz .top-desc{line-height:36px;height:36px;background:rgba(0,0,0,0.45);font-size:18px}.wq_quizCtr.flip_quiz .wq-share{margin-top:20px}.wq-swiper{overflow:hidden;padding:50px 0;position:relative;opacity:0;transition:opacity 0.1s ease-in-out;margin:0 auto}.wq-swiper.loaded{opacity:1}.wq-swiper.moving{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.wq-swiper .wq-swiper-like-icon,.wq-swiper .wq-swiper-dislike-icon{position:absolute;top:25px;right:25px;z-index:4;width:40px;height:40px;line-height:40px;font-size:1em;display:block;background:#F44336;color:#fff;border-radius:5em;opacity:0}.wq-swiper .wq-swiper-like-icon:after,.wq-swiper .wq-swiper-dislike-icon:after{width:18px;height:18px;top:10px;left:10px;background-position:-31px -31px}.wq-swiper .wq-swiper-like-icon{background:#4CAF50;left:25px;right:auto}.wq-swiper .wq-swiper-like-icon:after{background-position:-3px -3px}.wq-swiper .liked .wq-swiper-like-icon,.wq-swiper .disliked .wq-swiper-dislike-icon{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.wq-swiper-items{text-align:center;position:relative;z-index:1;margin:auto}.wq-swiper-item{display:block;overflow:hidden;position:absolute;will-change:transform;cursor:-webkit-grab;cursor:grab;box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;padding:5px 5px 10px;background:#f9f9f9;color:#000;border:1px solid rgba(96,96,96,0.2);top:40px;left:0;box-sizing:border-box}.wq-swiper-item:not(.moving){-webkit-transform-origin:center top;transform-origin:center top;transition:all 0.2s linear}.wq-swiper-item-image{position:relative}.wq-swiper-item-image span{position:absolute;bottom:0;right:0;background:rgba(236,240,241,0.65);padding:0 9px;font-size:12px;line-height:20px;z-index:5}.wq-swiper-item-image img{height:100%;width:100%}.wq-swiper-item-info{font-size:18px;margin:15px 0 5px;line-height:1}.wq-swiper-item-info:after{content:" ";display:block;height:0;visibility:hidden;clear:both}.wq-swiper-item-title{float:left;padding-left:4px;color:var(--wq-font-color)}.wq-swiper-item-index{float:right;padding-right:4px}.wq-swiper-actions{text-align:center;width:304px;padding-top:20px;margin:0 auto;overflow:hidden;max-width:100%}.wq-swiper-actions button{display:inline-block;color:#a7a7a7;margin:10px;width:40px;line-height:40px;position:relative;text-align:center;border-radius:50%;outline:none;box-shadow:0 1px 2px #aaa, inset 0 2px 3px #fff;background-image:-webkit-linear-gradient(top, #f7f7f7, #e7e7e7);text-decoration:none;border-bottom:none;font-size:24px;padding:0}.wq-swiper-actions button:hover,.wq-swiper-actions button:focus{background-image:-webkit-linear-gradient(top, #f7f7f7, #e7e7e7)}.wq-swiper-actions button i{color:#4CAF50}.wq-swiper-actions button i.fa-thumbs-o-down{color:#F44336}.wq-swiper-actions button .sprite:after{width:24px;height:24px;top:-22px;left:-10px}.wq-swiper-actions button .sprite.sprite-thumbs-down:after{top:-20px}.wq-swiper-actions button .sprite-thumbs-down:after{background-position:-150px -3px}.wq-swiper-actions button .sprite-thumbs-up:after{background-position:-3px -31px}.wq-quiz-swiper .wq_QuestionWrapperSwiper{display:none}.wq-quiz-swiper .wq_beginQuizSwiperCtr{color:white;background-color:var(--wq-font-color, #8BC34A);padding:12px;margin:30px 0 10px 0;border-radius:4px;border:0;font-size:18px;box-shadow:none;cursor:pointer;font-weight:bold}.wq-quiz-swiper .wq-results.wq_IsSwiperResult{width:360px;margin:0 auto;padding:0;border:0;float:none;background:transparent;border-bottom:1px solid #ddd}.wq-quiz-swiper .wq-results.wq_IsSwiperResult .wq_shareCtr{padding:15px 0;width:100%;box-sizing:border-box;text-align:center}.wq-quiz-swiper .wq-results.wq_IsSwiperResult .wq_shareCtr button{float:none;display:inline-block;border-radius:3px}.wq-quiz-swiper .wq-results.wq_IsSwiperResult .wq_shareCtr button span{display:none}.wq-quiz-swiper .wq_retakeSwiperBtn{color:#fff;background:#9E9E9E;cursor:pointer;padding:10px;border:1px solid #9E9E9E;border-radius:3px;font-weight:bold;margin-top:15px}.wq-quiz-swiper .wq_retakeSwiperBtn:hover{background-color:#8BC34A;color:#fff;border-color:#8BC34A}.wq-quiz-swiper .wq_IsSwiperResult .sprite-times:after{width:12px;height:12px;background-position:-22px -63px;position:inherit}.wq-quiz-swiper .wq_IsSwiperResult .sprite-check:after{width:15px;height:15px;background-position:-3px -60px;position:inherit}.wq-quiz-swiper .wq_IsSwiperResult .userVote .sprite-times:after{width:12px;height:12px;background-position:-170px -61px;position:inherit}.wq-quiz-swiper .wq_IsSwiperResult .userVote .sprite-check:after{width:15px;height:15px;background-position:-149px -59px;position:inherit}.wq-quiz-swiper .wq_IsSwiperResult h3{font-size:16px;padding:12px;margin:0;text-align:center;background-color:#8BC34A;border-radius:4px 4px 0 0;color:#fff}.wq-quiz-swiper .wq_IsSwiperResult .resultItem{display:table;width:100%;padding:10px;border-bottom:1px solid #dbdbdb;background-color:#fff;box-sizing:border-box}.wq-quiz-swiper .wq_IsSwiperResult .resultItem:last-child{border-bottom:0}.wq-quiz-swiper .wq_IsSwiperResult .resultImageWrapper{display:table-cell;width:35%;position:relative}.wq-quiz-swiper .wq_IsSwiperResult .resultImageWrapper img{width:100%;height:100px;vertical-align:middle}.wq-quiz-swiper .wq_IsSwiperResult .resultImageWrapper .indexWrapper{width:30px;line-height:30px;text-align:center;background-color:#8BC34A;color:#ffffff;position:absolute;top:0;left:0;font-size:14px}.wq-quiz-swiper .wq_IsSwiperResult .resultContent{display:table-cell;vertical-align:top;padding:0 5px 0 20px;font-size:15px;position:relative}.wq-quiz-swiper .wq_IsSwiperResult .resultContent i{color:#85c440;margin-right:4px}.wq-quiz-swiper .wq_IsSwiperResult .resultContent i.fa-times{color:#F44336}.wq-quiz-swiper .wq_IsSwiperResult .resultContent>div:first-child{margin-top:-5px}.wq-quiz-swiper .wq_IsSwiperResult .resultUpVote,.wq-quiz-swiper .wq_IsSwiperResult .resultDownVote{font-weight:bold;margin-right:14px}.wq-quiz-swiper .wq_IsSwiperResult .wq_retakeSwiperWrapper{text-align:center}.wq-quiz-swiper .wq_IsSwiperResult .userVote{color:#fff;text-align:center;bottom:0;padding:0 12px;border-radius:20px;margin-top:10px;float:left;width:auto;background:#8BC34A}.wq-quiz-swiper .wq_IsSwiperResult .userVote.negativeVote{background:#FF5722}.wq-quiz-swiper .wq_IsSwiperResult .resultList{width:100%;max-height:435px;overflow:auto;border:1px solid #dbdbdb;border-top:0;border-bottom:0;box-sizing:border-box}.wq-quiz-swiper .wq_swiperQuizPreviewInfoCtr{text-align:center;font-size:18px;font-weight:bold}.wq-quiz-swiper .wq_swiperQuizPreviewInfoCtr p{margin-bottom:0}.wq-quiz-swiper .wq-retake-quiz{display:block}.wq-quiz-fb_quiz .wq_singleQuestionWrapper{text-align:center}.wq-quiz-fb_quiz .wq_questionTextDescCtr{color:var(--wq-font-color)}.wq-quiz-fb_quiz .wq_questionsCtr{margin-bottom:0}.wq-quiz-fb_quiz .wq-results{margin-top:0;border:0;padding:0;background:transparent}.wq-quiz-fb_quiz .wq-results .wq_shareCtr{padding:0 20px 20px}.wq-quiz-fb_quiz .wq-results .wq_resultDesc{padding:0 20px}.wq-quiz-fb_quiz .wq_singleQuestionWrapper{position:relative}.wq-quiz-fb_quiz .wq_loader-container{position:absolute;top:0;bottom:0;width:100%;height:100%;background:#fff;z-index:9999;opacity:0.9}.wq-quiz-fb_quiz .wq_loader_text{padding-top:30%}.wq-quiz-fb_quiz .wq_loader-container{display:none}.wq-quiz-fb_quiz .wq_loader-container img{width:64px}.wq-quiz-fb_quiz .wq_questionMediaCtr{margin:25px auto}.wq-quiz-fb_quiz .wq_questionImage{height:inherit}.wq_quizCtr.listquiz_quiz .card{color:#fff}.wq_quizCtr.listquiz_quiz .card:not(.no-image){position:relative}.wq_quizCtr.listquiz_quiz .card:not(.no-image) .desc{position:absolute;left:0;bottom:0;top:0;right:0}.wq_quizCtr.listquiz_quiz .wq_questionTextCtr{color:var(--wq-font-color);background-color:transparent;display:flex;align-items:center;padding:0 0 12px;width:100%}.wq_quizCtr.listquiz_quiz .wq-question-number{color:#fff;background-color:var(--wq-question-color);height:55px;line-height:55px;flex-basis:55px;font-size:32px;margin-right:15px;text-align:center}.wq_quizCtr.listquiz_quiz .wq-question-bullet{width:6px;height:18px;margin-right:15px;background-color:var(--wq-question-color)}.wq_quizCtr.listquiz_quiz .wq-question-title{flex:auto;padding:0}.wq_quizCtr.listquiz_quiz .wq-question-votes{flex:0 0 auto}.wq_quizCtr.listquiz_quiz .wq-question-vote-btn{float:left;height:55px;width:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.05);padding:3px 0 0;color:#333;border:1px solid #dbdbdb;border-radius:4px;line-height:1;transition:all 0.1s linear;cursor:pointer}.wq_quizCtr.listquiz_quiz .wq-question-vote-btn .icon{height:0;width:0;border:6px solid transparent;display:block;transition:all 0.1s linear}.wq_quizCtr.listquiz_quiz .wq-question-vote-btn .number{font-size:15px;font-weight:700;transition:all 0.1s linear}.wq_quizCtr.listquiz_quiz .wq-question-vote-btn .text{font-size:11px;font-weight:400;transition:all 0.1s linear}.wq_quizCtr.listquiz_quiz.wq-skin-flat .wq-question-vote-btn{background:transparent}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn .icon{border-top-color:#f44336}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn:not(.is-voted):not(:disabled):hover,.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn:not(.is-voted):not(:disabled):focus{border-color:#f44336;color:#f44336}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn.is-voted{border-color:#f44336;background-color:#f44336;color:#fff;cursor:unset}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn.is-voted .icon{border-top-color:currentColor}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn.is-voted .text{color:currentColor}.wq_quizCtr.listquiz_quiz .wq-question-vote-down-btn:disabled{cursor:unset}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn{margin-left:6px}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn .icon{-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top-color:transparent;border-bottom-color:var(--wq-question-color)}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn:not(.is-voted):not(:disabled):hover,.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn:not(.is-voted):not(:disabled):focus{border-color:var(--wq-question-color);color:var(--wq-question-color)}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn.is-voted{border-color:var(--wq-question-color);background-color:var(--wq-question-color);color:#fff;cursor:unset}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn.is-voted .icon{border-bottom-color:currentColor}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn.is-voted .text{color:currentColor}.wq_quizCtr.listquiz_quiz .wq-question-vote-up-btn:disabled{cursor:unset}.wq_quizCtr.listquiz_quiz .wq-results .wq_shareCtr{padding-top:0}.wq_quizCtr.listquiz_quiz .wq_singleQuestionWrapper{text-align:center;margin:0 auto 30px;position:relative;clear:both;overflow:hidden;width:var(--wq-question-width);height:var(--wq-question-height)}.wq_quizCtr.listquiz_quiz .wq_singleQuestionWrapper:first-of-type{margin-top:0}.wq_quizCtr.listquiz_quiz .wq_singleQuestionWrapper:last-of-type{margin-bottom:0}.wq_quizCtr.listquiz_quiz .item_top{display:table;width:100%}.wq_quizCtr.listquiz_quiz .title_container{display:table-cell;text-align:left}.wq_quizCtr.listquiz_quiz img{width:100%;height:auto;top:0;left:0;vertical-align:middle}.wq_quizCtr.listquiz_quiz .credits{color:#111}.wq_quizCtr.listquiz_quiz .desc{text-align:center;width:100%;height:100%;text-shadow:0 1px 1px rgba(0,0,0,0.4);font-size:34px;line-height:1.4;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.wq_quizCtr.listquiz_quiz .top-desc{line-height:36px;height:36px;background:rgba(0,0,0,0.45);font-size:18px}.wq_quizCtr.listquiz_quiz .wq-share{margin-top:20px}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}#buddypress:not(.bb-media-model-wrapper.bb-internal-model),
.secondary-inner>a img { 
position:unset !important; 
}
ul.product_images.ui-sortable li img {
width: 100px;
height: 100px;
}
.bf-hidden, #sub_nav_hidden {
display: none;
}
#buddypress #buddyforms-form textarea,
#buddypress #buddyforms-form .form-control {
width: 100%;
background: #fff;
} #buddypress #buddyforms-form .select2-container-multi .select2-choices .select2-search-field input {
border: 0;
} @media (min-width: 768px) {
#buddyforms-table-view .table tbody td {
padding: 25px 9px;
vertical-align: top;
}
#buddyforms-table-view .table.table-inner .tr-sub td {
padding: 10px 9px;
}
} #sub_nav_edit, #sub_nav_edit-personal-li {
display: none !important;
}
#sub_nav_delete, #sub_nav_delete-personal-li {
display: none !important;
}
#sub_nav_revison, #sub_nav_revison-personal-li {
display: none !important;
}
#sub_nav_page, #sub_nav_page-personal-li {
display: none !important;
}
#buddypress .the_buddyforms_form form fieldset {
border: 0;
padding: 0;
width: 100%;
max-width: 100%;
min-width: 100%;
}
#buddypress .standard-form .bf_field_group.bf-input .form-control.error {
background-color: #fdc;
border: 1px solid #a00;
clear: left;
color: #800;
}.blogs_button_add{
padding: 14px 20px;
gap: 5px;
background: #FF6E04;
border-radius: 5px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #FFFFFF;
}
.blog_button_orange {
padding: 10px 20px;
background: #FF6E04;
border-radius: 100px;
color: #fff;
border: none;
outline: none;
font-size: 15px;
}
.blog_button_blue{
padding: 10px 20px;
background: #E7F5FF;
border-radius: 100px;
color: #109BFF;
border: none;
outline: none;
font-weight: 600;
font-size: 15px;
}
.main.container{
position: relative;
}
.main.container .bg-white.content{ padding: 20px;
margin: 20px;
}
.row.blogs-menu{
display: flex;
align-items: center;
justify-content: center;
}
.row.blogs-menu .col{
margin: 0 10px;
}
.main.container .bg-white.content .row{
margin: 0;
}
table#blog-drafts, table#blog-drafts td, table#blog-drafts tr{
border: none;
}
table#blog-drafts thead tr td:first-child{
width: 370px;
}
table#blog-drafts thead tr td{
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #7E868B;
}
table#blog-drafts tbody td{
font-weight: 400;
font-size: 15px;
line-height: 24px;
padding: 30px 10px;
}
table#blog-drafts tbody tr{
background: #F8FAFC;
border-radius: 5px;
margin-bottom: 10px;
border-bottom: 10px solid #fff;
}
table#blog-drafts tbody td a{
font-weight: 700;
font-size: 16px;
line-height: 140%;
color: #000000;
}
.blogs_menu_current{
font-weight: 600;
border-bottom: 3px solid #109BFF;
padding-bottom: 24px;
}
.page-template-profile .main input[type="text"], .page-template-profile .main input[type="email"], .page-template-profile .main input[type="password"],
.page-template-profile .main textarea{
background: #EFF2F4;
border-radius: 5px;
width: 100%;
border: none;
outline: none;
font-size: 15px;
padding: 15px;
}
.blogs_input_info{
font-size: 13px;
line-height: 130%;
color: #7E868B;
}
.blogs-label{
font-weight: 600;
font-size: 15px;
line-height: 130%;
}
.mb-10{
margin-bottom: 10px;
}
.mb-40{
margin-bottom: 40px;
}
.post-item-title a{
font-weight: 700;
font-size: 16px;
line-height: 140%;
color: #000;
}
.post-item-category a{
font-weight: 600;
font-size: 11px;
line-height: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000;
text-decoration: none;
}
.blogs-menu a{
font-weight: 500;
font-size: 15px;
line-height: 130%;
color: #7E868B;
}
.blogs-menu a.blogs_menu_current{
color: #000;
font-weight: 700;
}
.blogs-menu{
display: flex;
}
.blogs-menu .col{
width: 25%;
text-align: center;
}  @media (max-width: 768px){
.bsui .modal-content>.row:before{
display: none;
}
.bsui .modal-header{
padding: 20px 20px 0;
}
.bsui .card-body{
padding: 0 20px 20px;
}
.bsui .modal-content>.row{
flex-wrap: wrap;
}
}.page-template-votes #content > .container{
max-width: 100%;
padding: 0;
}
.page-template-votes .mistape_caption{
display: none;
}
.page-template-votes .container{
max-width: 1200px;
}
.to-vote-button{
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.4px;
border-radius: 5px;
background: #E85F63;
padding: 20px 30px;
}
.page-template-votes h1{
color: #FFF;
font-size: 65px;
font-style: normal;
font-weight: 600;
line-height: 110%; letter-spacing: -1.3px;
margin-top: 135px;
margin-bottom: 50px;
}
.top-block{
background: url(//mc.today/wp-content/themes/lightmc/votes/images/work/back-top.jpg) bottom right / cover no-repeat;
padding: 65px 0 200px;
margin-bottom: -80px;
}
.logo-back{
position: absolute;
left: 0;
top: 0;
width: 350px;
height: 350px;
}
.votes-about{
position: relative;
top: -115px;
margin-bottom: -60px!important;
}
.votes-about .align-self-center{
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.votes-content p{
font-size: 22px;
line-height: 170%;
}
.votes-content p.p-small{
font-size: 16px;
line-height: 180%;
}	
.votes-content h2{
font-weight: 700;
font-size: 42px;
line-height: 140%;
margin-bottom: 40px;
}
.votes-content h3{
font-weight: 600;
font-size: 36px;
line-height: 140%;
padding: 0 0 40px;
margin: 0;
}
.votes-content .vote-company-about h3{
font-weight: 700;
font-size: 32px;
line-height: 100%;
}
.vote-company-about h2{
font-size: 30px;
}
.vote-company-about p, .vote-company-about span{
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: -0.36px;
}
.vote-company-about p{
margin-bottom: 15px;
}
.votes-content .bg-black h3{
color: #F1EEE9;
}
.h3-sub{
font-weight: 400;
font-size: 16px;
display: block;
}
h2.margin-big{
margin-bottom: 80px;
}
.back-black{
background: #171926;
}
.page-template-votes header, .page-template-votes footer{
margin: 0!important;
}
.br-10{
border-radius: 10px;
}
.br-16{
border-radius: 16px;
}
.br-20{
border-radius: 20px;
}
.br-30{
border-radius: 30px;
}
.br-40{
border-radius: 40px;
}
.br-1000{
border-radius: 1000px;
}
.padding-big{
padding: 80px 110px;
}
.mb-10{
margin-bottom: 10px;
}
.mb-40{
margin-bottom: 40px;
}
.mb-80{
margin-bottom: 80px;
}
.text-red{
color: #E85F63!important;
font-weight: 700;
}
.votes-content p.text-big{
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; letter-spacing: -0.6px;
padding-bottom: 40px;
}
.votes-content p.text-small{
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; letter-spacing: -0.4px;
max-width: 600px;
margin: 0 auto;
}
.bold-link a{
font-weight: 700;
color: #fff!important;
text-decoration: underline!important;
}
.bg-work{
background: url(//mc.today/wp-content/themes/lightmc/votes/images/work/blue-circle.png) bottom right no-repeat, #01A0F3;
}
.bg-gray{
background: #F3F3F3;
}
.bg-black{
background: #171926;
}
.bg-orange{
background: #F25314;
}
.bg-white{
background: #FFFFFF;
}
.bg-gray-dark{
background: #1F2131;
}
.bg-blue{
background: #109BFF;
}
.bg-sky{
background: #E7F5FF;
}
.bg-dark-blue{
background: #022A44;
}
.bg-sky span{
color: #000;
}
.bg-blue span, .bg-dark-blue span{
color: #fff;
}
.tag-icon-block.bg-orange span{
color: #fff;
}
.bg-black p, .bg-black h2, .bg-orange p, .bg-orange h2, .bg-black span, .bg-orange span{
color: #F1EEE9;
}
span.bg-black, span.bg-orange{
color: #F1EEE9!important;
}
.page-template-votes .bg-gray span, .page-template-votes .bg-white span, .page-template-votes .bg-gray-dark span{
color: #000;
}
.page-template-votes span.bg-white{
color: #000!important;
}
.bg-black a{
color: #F25314;
}
.text-orange{
color: #F25314!important;
}
.votes-content>div{
margin-bottom: 10px;
}
.banner-title{
font-weight: 700;
font-size: 110px;
}
.banner-title .banner-title-small{
font-weight: 600;
font-size: 45px;
color: #F1EEE9;
display: block;
margin-top: 45px;
}
.center-left{
position: absolute!important;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
margin: 0 auto;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.logo-top{
margin-top: 100px;
}
.image-cup{
position: absolute;
width: 709px;
max-width: none;
top: -50px;
left: -200px;
}
.text-cup{
display: inline-block;
max-width: 740px;
}
.vote-info-box{
height: 280px;
width: 100%;
padding: 40px;
position: relative;
margin-bottom: 10px;
}
.vote-info-box-number{
display: block;
height: 80px;
width: 80px;
border-radius: 50%;
font-weight: 700;
font-size: 22px;
line-height: 80px;
text-align: center;
}
.vote-info-box-text{
font-weight: 700;
font-size: 22px;
line-height: 160%;
color: #000000;
position: absolute;
bottom: 40px;
display: block;
max-width: 185px;
}
.row.row-5{
margin-left: -5px;
margin-right: -5px;
}
.row.row-5 .col-12{
padding-left: 5px;
padding-right: 5px;
}
.vote-company{
margin: 0 0 10px;
}
.vote-company-right{
float: left;
width: calc(100% - 230px);
}
.vote-company .container{
padding: 40px;
}
.vote-company-logo-small{
width: 132px;
margin-right: 30px;
height: auto;
padding: 0;
}
.vote-company-number{
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
color: #F1EEE9;
font-weight: 600;
font-size: 30px;
border-radius: 50%;
position: absolute;
top: -26px;
left: -25px;
z-index: 1;
}
.vote-company-number span{
font-weight: 700;
font-size: 16px;
color: #fff!important;
}
.vote-company-title{
font-weight: 700;
font-size: 24px;
line-height: 140%;
}
.vote-company-type{
font-weight: 600;
font-size: 18px;
color: #FFFFFF;
padding: 4px 12px;
background: #BEB9B0;
border-radius: 100px;
display: inline-block;
margin-bottom: 20px;
}	
.votes-content .vote-company-info-short p{
line-height: 150%;
margin-bottom: 20px;
font-size: 16px;
}
.vote-company-votes{
padding: 16px 18px 16px 18px;
display: inline-block;
position: relative;
font-weight: 600;
font-size: 24px;
line-height: 100%;
color: #FFF;
cursor: pointer;
width: 180px;
float: right;
border: 1px solid #192431;
background: #192431;
}
.vote-company-votes.stop_vote{
color: #fff;
background: #FF6E04;
}  .vote-company-votes span{
font-weight: 600;
font-size: 18px;
color: #fff;
padding-left: 3px;
}
.vote-company-votes.stop_vote span{
color: #fff!important;
}
.vote-company-more{
display: inline-block;
padding: 19px 20px 19px 26px;
cursor: pointer;
border: 1px solid #F7F7F7;
font-weight: 700;
}
.vote-left, .vote-company-logo-big{
max-width: 100%;
width: 500px;
}
.vote-left{
padding: 30px 40px;
}
.vote-company-social-link{
font-weight: 600;
font-size: 16px;
line-height: 100%;
display: block;
margin-bottom: 10px;
}
.vote-company-social-link{
width: 33%;
color: #fff;
padding: 22px;
display: flex;
float: left;
align-items: center;
height: 60px;
}
.vote-company-social-link:first-child{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.vote-company-social-link:last-child{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.vote-left .vote-company-social-link:last-child{
margin-bottom: 0;
}
.vote-company-social-link img{
margin-right: 15px;
}
.vote-people{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.vote-left .vote-people:last-child{
margin-bottom: 0;
}	
.vote-people img{
margin-right: 20px;
border-radius: 50%;
}
.vote-people-info{
display: flex;
flex-direction: column;
justify-content: center;
}
.vote-people-name{
font-weight: 600;
font-size: 18px;
line-height: 100%;
padding-bottom: 10px;
}
.vote-company-author{
padding: 60px;
display: flex;
}
.votes-content .vote-company-author p{
margin-bottom: 0;
font-weight: 600;
font-size: 20px;
line-height: 150%;
color: #FFFFFF;
width: calc(100% - 180px);
}
.vote-company-author img{
border-radius: 50%;
}
.vote-company-author-info{
width: 120px;
margin-left: 60px;
}
.vote-company-author-name a{
color: #fff;
}
.vote-company-rate{
display: flex;
padding: 50px 60px 35px;
}
.rate{
width: 33%;
line-height: 100%;
color: #FFFFFF;
font-size: 18px;
text-align: center;
}
.rate .rate-big{
font-weight: 600;
font-size: 48px;
color: #FFFFFF!important;
}
.rate-title{
color: #000;
font-weight: 500;
padding-top: 10px;
display: inline-block;
}
.vote-interview{
padding: 40px;
}
.vote-question{
font-size: 16px;
position: relative;
display: inline-block;
padding-left: 60px;
margin-bottom: 40px;
}
.vote-question:before{
content: url(//mc.today/wp-content/themes/lightmc/votes/images/q.svg);
position: absolute;
top: 0px;
left: 0px;
}
.vote-answer{
display: flex;
}
.vote-answer-avatar{
margin-right: 40px;
position: relative;
}
.vote-answer-avatar{
margin-right: 20px;
}
.vote-answer-avatar:before{
content: url(//mc.today/wp-content/themes/lightmc/votes/images/a.svg);
}
.vote-answer-avatar img{
width: 80px;
height: 80px;
border-radius: 50%;
}
.vote-answer-text{
}
.vote-form-email input[type="email"]{
border: none;
padding: 23px 40px;
border-radius: 40px;
width: 100%;
max-width: 460px;
}
.vote-form-email input[type="submit"]{
font-weight: 600;
font-size: 20px;
border: none;
color: #fff;
background: #000;
padding: 20px 53px;
border-radius: 36px;
cursor: pointer;
}
.vote-form-email input:focus-visible{
outline: none;
}
.vote-company-hide{
display: none;
margin-top: 60px;
}
.show-less{
float: right;
margin-top: 40px;
}
.chevron-up{
transform: rotate(180deg);
}
.stop_vote{
border: 3px solid;
cursor: auto;
background: #f25314;
}
.vote-info-lite{
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
display: inline-block;
padding: 10px 30px;
}
.votes-content ol{
list-style-type: none;
counter-reset: list;
clear: both;
padding: 0;
margin-bottom: 30px;
}
.votes-content ol li{
margin-bottom: 25px;
position: relative;
display: inline-block;
max-width: 360px;
vertical-align: top;
}
.votes-content ol li:before{
content: counter(list);
counter-increment: list;
font-size: 22px;
width: 64px;
height: 64px;
background: #EFF2F4;
border-radius: 50%;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 600;
}
.link-black{
color: #fff;
display: inline-block;
background: #000;
padding: 24px 35px;
border-radius: 100px;
}
.vote-important{
display: flex;
align-items: flex-start;
}
.vote-important-img{
margin-right: 20px;
margin-top: 10px;
}
.vote-company-prize{
font-weight: 500;
font-size: 16px;
line-height: 150%;
padding: 16px 28px;
background: #fff;
border-radius: 74px;
position: absolute;
right: 335px;
width: 285px;
}
.tag-icon-block{
display: inline-block;
margin: 0 10px 10px 0;
padding: 30px;
max-width: 412px;
}
.image-top-right{
position: absolute;
top: 0;
right: 0;
}
.web3-top{
min-height: 1140px;
}
.banner-title.banner-title-70{
font-size: 70px;
}
@media all and (max-width: 768px){
.page-template-votes h1 {
font-size: 38px;
margin-top: 45px;
}
.top-block {
background: url(//mc.today/wp-content/themes/lightmc/votes/images/work/back-top.jpg) bottom left / cover no-repeat;
}
.logo-hl{
width: 150px;
}
.logo-work{
width: 100px;
}
.votes-content p.text-big {
font-size: 20px;
padding: 0 20px 20px;
}
.votes-content p.text-small {
font-size: 18px;
padding: 0 20px;
}
.bg-work.padding-big{
padding: 80px 20px;
}
.bg-work  h2{
font-size: 26px!important;
line-height: 1;
}
.vote-company-right{
width: 100%;
}
.vote-company-votes:before{
position: static;
margin-right: 15px;
}
vote{
margin-right: 5px;
}
.vote-company-votes br{
display: none;
}
.vote-company .container {
padding: 20px;
}
.image-top-right{
position: relative;
width: 100%;
}
.banner-title.banner-title-70{
font-size: 40px;
}
.image-cup{
position: static;
max-width: 100%;
}
.back-black {
padding: 0px;
}
.back-black .container{
padding-left: 20px;
padding-right: 20px;
}
.center-left{
padding: 10px!important;
height: 500px;
position: relative!important;
display: block;
}
.mobile-hide{
display: none;
}
.banner-title {
font-size: 60px;
}	
.banner-title .banner-title-small{
font-size: 26px;
line-height: 26px;
}
.vote-form-email input[type="submit"] {
width: 100%;
margin-top: 10px;
}
.votes-content h2{
font-size: 32px;
}
.votes-content .vote-company-about h3 {
font-size: 24px;
}	
.votes-content p {
font-size: 20px;
}
.padding-big {
padding: 80px 0;
}
.br-40 {
border-radius: 30px;
}
h2.margin-big {
margin-bottom: 40px;
}
.vote-company-logo-small {
}
.vote-company-number {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 22px;
left: -15px;
top: -30px;
}
.vote-company-social-link span{
display: none;
}
.vote-company-social-link{
text-align: center;
justify-content: center;
}
.vote-company-social-link img{
margin: 0;
}
.vote-company-number span {
font-size: 14px;
}
.votes-content .vote-company-info-short p {
padding-left: 0;
}
.vote-company-info-short{
display: block;
width: 100%;
float: left;
margin: 20px 0;
}
.vote-company-votes {
width: 100%;
text-align: center;
}
.vote-company-more {
padding: 20px 28px 20px 30px;
width: 100%;
text-align: center;
}
.vote-company-more.show-less{
width: 100%;
max-width: 100%;
text-align: center;
}
.vote-company-about{
margin-top: 60px;
}
.vote-company-author {
padding: 30px;
display: block;
}
.votes-content .vote-company-author p{
width: 100%;
}
.vote-company-author-info{
width: 100%;
margin-left: 0;
display: flex;
align-items: flex-end;
}
.vote-company-author img {
width: 90px;
height: 90px;
margin-left: 0;
margin-top: 30px;
}
.vote-company-rate {
display: block;
padding: 30px;
}
.rate {
width: 100%;
line-height: 48px;
color: #FFFFFF;
font-size: 18px;
text-align: left;
position: relative;
}
.rate .rate-big {
font-weight: 600;
font-size: 42px;
}
.rate-title {
position: absolute;
right: 0;
top: 0;
}
.vote-interview {
padding: 20px;
}
.vote-question {
font-size: 16px;
position: relative;
display: inline-block;
padding-left: 0;
margin-bottom: 20px;
}
.vote-question:before {
content: url(//mc.today/wp-content/themes/lightmc/votes/images/q.svg);
position: relative;
top: 0px;
left: 0px;
display: block;
}
.vote-answer {
display: block;
}
.vote-answer-avatar:before {
content: url(//mc.today/wp-content/themes/lightmc/votes/images/a.svg);
position: relative;
top: 0px;
right: 0;
}
.vote-answer-avatar img {
display: none;
}
.vote-answer-text{
width: 100%;
}
.votes-content ol li{
padding-left: 76px;
}
.votes-content ol li:before {
font-size: 18px;
width: 56px;
height: 56px;
position: absolute;
left: 0;
}
.vote-company-prize{
position: initial;
width: 100%;
margin-bottom: 20px;
}	
}.month_bloggers_rating_page h1.row-title {
border-left: none;
font-size: 26px;
line-height: 1.2;
letter-spacing: -0.02em;
text-transform: none;
color: #000;
padding-left: 0 !important;
}
.month_bloggers_rating_page .author_meta_content {
display: none !important;
}
.bloggers_rating_page {
padding: 10px;
}
.bloggers_rating_page.--widget {
background-color: #fff;
margin: 10px 0;
padding: 20px;
}
.bloggers_rating_page__header {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bloggers_rating_page:not(.--widget) .bloggers_rating_page__header {
flex-wrap: wrap;
}
.bloggers_rating_page__header__more {
width: 100%;
margin-bottom: 15px;
}
.bloggers_rating_page__header__more .more_link {
margin-right: 15px;
border-bottom: none;
padding: 0 3px;
}
.bloggers_rating_page__header__more .more_link:last-child {
margin-right: 0;
}
.bloggers_rating_page__header__more .more_link.active {
font-weight: bold;
border-bottom: 2px solid #ffdf17;
pointer-events: none;
}
.bloggers_rating_page__header__more .more_button {
margin-left: 10px;
}
.bloggers_rating_page .bloggers_rating_page__title {
font-weight: bold;
padding-bottom: 0;
font-size: 20px;
line-height: 26px;
color: #000;
}
.single-format-standard .post-content h2.bloggers_rating_page__title {
float: none;
}
.bloggers_rating_listing_item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 40px 20px 27px;
position: relative;
margin-bottom: 20px;
background: #FFFFFF;
border: 1px solid #EDEBEB;
-webkit-box-shadow: 0 6px 15px #EEEEEE;
box-shadow: 0 6px 15px #EEEEEE;
}
.bloggers_rating_listing_item.--top {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-left: 3px solid #FFE043;
background-color: #FAFAFA;
}
.bloggers_rating_page .bloggers_rating_listing_item a {
border-bottom: none;
}
.bloggers_rating_listing_item__place {
position: absolute;
right: -10px;
top: -10px;
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #EDEBEB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
font-size: 18px;
}
.bloggers_rating_listing_item.--top .bloggers_rating_listing_item__place {
background-color: #ffe043;
}
.bloggers_rating_listing_item__photo {
width: 44px;
margin-right: 10px;
}
.bloggers_rating_listing_item__info {
width: calc(100% - 54px);
}
.bloggers_rating_listing_item__wrapper .bloggers_rating_listing_item__photo a {
display: block;
border-bottom: none;
}
.bloggers_rating_listing_item__photo img {
display: block;
max-width: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: auto;
border-radius: 50%;
}
.bloggers_rating_listing_item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.bloggers_rating_listing_item__header_left {
width: calc(100% - 200px);
margin-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bloggers_rating_listing_item__header_right {
width: 170px;
padding-right: 10px;
text-align: right;
}
.bloggers_rating_listing_item__name {
font-weight: bold;
font-size: 16px;
line-height: 21px;
color: #000;
margin-bottom: 5px;
}
.bloggers_rating_listing_item__company {
font-size: 14px;
line-height: 18px;
color: #79858C;
}
.bloggers_rating_listing_item_views_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 14px;
line-height: 18px;
color: #79858C;
}
.bloggers_rating_listing_item_views_title img {
margin-right: 5px;
padding-bottom: 3px;
}
.bloggers_rating_listing_item_views_count {
font-weight: bold;
font-size: 20px;
line-height: 26px;
color: #000;
}
.bloggers_rating_listing_item__top_posts_text {
font-weight: bold;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.02em;
padding-left: 22px;
position: relative;
}
.bloggers_rating_listing_item__top_posts_text::before {
content: "";
position: absolute;
display: block;
width: 8px;
height: 8px;
background: #FFE043;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.bloggers_rating_listing_item__top_post_item {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E2E2E2;
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.02em;
}
.bloggers_rating_listing_item__top_post_item:last-child {
border-bottom: none;
padding-bottom: 5px;
margin-bottom: 0;
}
.bloggers_rating_listing_item__top_post_item a:not(:last-child) {
margin-right: 5px;
}
.top_post_item_cat {
background: #eceff1;
position: relative;
display: inline-block;
z-index: 2;
}
.top_post_item_cat::before {
content: '';
display: block;
background: #ffdf17;
width: 10px;
height: 10px;
border-radius: 50%;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5px;
}
.top_post_item_cat span {
font-size: 14px;
line-height: 1.3;
padding-left: 20px;
padding-right: 5px;
font-weight: 700;
position: relative;
top: -1px;
}
.bloggers_rating_see_more {
margin-top: 20px;
position: relative;
}
.bloggers_rating_see_more::before {
content: '';
display: block;
width: calc(100% + 3rem + 20px);
margin-left: calc(-1.5rem - 10px);
height: 10px;
background-color: #eceff1;
}
.bloggers_rating_see_more__wrapper {
padding-top: 20px;
}
.bloggers_rating_see_more__title {
font-weight: bold;
padding-bottom: 0;
font-size: 20px;
line-height: 26px;
color: #000;
margin-bottom: 30px;
}
.bloggers_rating_see_more__link {
margin-bottom: 10px;
}
.bloggers_rating_see_more .bloggers_rating_see_more__link a {
border-bottom: none;
}
.bloggers_rating_see_more .bloggers_rating_see_more__link .active {
font-weight: bold;
pointer-events: none;
border-bottom: 2px solid #ffdf17;
}
@media (max-width: 1182px) and (min-width: 991px), (max-width: 768px) {
.month_bloggers_rating_page h1.row-title {
margin-top: 18px;
font-size: 22px;
}
.bloggers_rating_page {
padding: 0 0 50px;
}
.bloggers_rating_page__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.bloggers_rating_listing_item {
padding: 18px;
}
.bloggers_rating_listing_item__place {
width: 40px;
height: 40px;
font-size: 16px;
top: 5px;
right: 5px;
}
.bloggers_rating_listing_item__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.bloggers_rating_listing_item__header_left {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
padding-right: 32px;
}
.bloggers_rating_listing_item__header_right {
width: calc(100% - 54px);
margin-left: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bloggers_rating_listing_item_views_title {
display: block;
margin-right: 10px;
}
.bloggers_rating_listing_item_views_count {
font-size: 18px;
line-height: 23px;
}
.bloggers_rating_listing_item__name {
margin-bottom: 3px;
}
.bloggers_rating_listing_item {
margin-bottom: 10px;
}
.bloggers_rating_page__header__more {
margin-bottom: 0;
}
.bloggers_rating_page__header__more a {
display: none;
}
.bloggers_rating_page__header__more a:nth-child(-n+2) {
display: inline;
}
}
@media (max-width: 768px) {
.bloggers_rating_see_more::before {
width: calc(100% + 2rem);
margin-left: -1rem;
}
}
@media (max-width: 420px) {
.bloggers_rating_listing_item__header_right {  padding-right: 0;
}
.bloggers_rating_listing_item_views_title {
text-align: left;
}
} .most_popular_blogger_last_month {
margin: 10px 0;
}
.most_popular_blogger_last_month .most_popular_blogger_last_month__wrapper a {
border-bottom: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.most_popular_blogger_last_month__wrapper {
padding: 20px;
background-color: #FCE045;
}
.most_popular_blogger_last_month__wrapper a {
border-bottom: none;
}
.most_popular_blogger_last_month .most_popular_blogger_last_month__title {
font-weight: bold;
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
padding-bottom: 0;
}
.most_popular_blogger_last_month__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.most_popular_blogger_last_month_user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 286px);
padding: 15px 20px;
background-color: #fff;
}
.most_popular_blogger_last_month_user_left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
width: calc(100% - 150px);
}
.most_popular_blogger_last_month_user__photo {
width: 70px;
min-width: 70px;
margin-right: 17px;
}
.most_popular_blogger_last_month_user__photo a {
display: block;
}
.most_popular_blogger_last_month_user__photo img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.most_popular_blogger_last_month_user__info {
width: calc(100% - 87px);
min-width: 180px;
}
.most_popular_blogger_last_month_user__name {
font-weight: bold;
font-size: 16px;
line-height: 21px;
color: #000;
margin-bottom: 3px;
}
.most_popular_blogger_last_month_user__company {
font-size: 14px;
line-height: 18px;
color: #79858C;
}
.most_popular_blogger_last_month_user_right {
width: 140px;
}
.most_popular_blogger_last_month_user_views_title {
font-size: 14px;
line-height: 18px;
text-align: right;
color: #79858C;
}
.most_popular_blogger_last_month_user_views_title img {
margin-right: 5px;
padding-bottom: 3px;
}
.most_popular_blogger_last_month_user_views_count {
font-weight: bold;
font-size: 20px;
line-height: 26px;
text-align: right;
color: #000;
}
.most_popular_blogger_last_month__buttons {
width: 276px;
margin-left: 10px;
}
.most_popular_blogger_last_month__buttons .btn {
display: block;
width: 100%;
-webkit-appearance: none;
outline: 0;
border: none;
border-radius: 0;
background-color: #FFE503;
font-weight: bold;
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 11px 10px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.most_popular_blogger_last_month__buttons .btn:hover {
background-color: black;
color: #FFE503;
}
.most_popular_blogger_last_month__buttons .btn:not(:last-child) {
margin-bottom: 15px;
}
.most_popular_blogger_last_month__buttons .btn.--register {
background: #000;
color: #fff;
}
.most_popular_blogger_last_month__buttons .btn.--register:hover {
background: #dde1e4;
color: #000;
}
.most_popular_blogger_last_month__buttons .btn.--rating {
background: #FFED94;
color: #000;
}
.most_popular_blogger_last_month__buttons .btn.--rating:hover {
background: #000;
color: #FFED94;
}
.most_popular_blogger_last_month_mobile {
display: none;
}
@media (max-width: 1600px) {
.most_popular_blogger_last_month_user {
width: 100%;
margin-bottom: 10px;
}
.most_popular_blogger_last_month__buttons {
margin-left: 0;
width: 100%;
}
.most_popular_blogger_last_month__buttons .btn:not(:last-child) {
margin-bottom: 7px;
}
}
@media (max-width: 768px) {
.most_popular_blogger_last_month__wrapper {
padding-top: 32px;
}
.most_popular_blogger_last_month .most_popular_blogger_last_month__title {
font-size: 22px;
line-height: 1.2;
}
.most_popular_blogger_last_month_user_left {
width: 100%;
margin-right: 0;
letter-spacing: -0.02em;
}
.most_popular_blogger_last_month_user_right {
display: none;
}
.most_popular_blogger_last_month_mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 12px;
}
.most_popular_blogger_last_month_user_views_title,
.most_popular_blogger_last_month_user_views_count {
text-align: left;
}
.most_popular_blogger_last_month_user_views_title {
margin-right: 10px;
}
.most_popular_blogger_last_month_user_views_count {
font-size: 16px;
line-height: 21px;
}
.most_popular_blogger_last_month__buttons .btn {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 420px) {
.most_popular_blogger_last_month_user_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.most_popular_blogger_last_month_user__photo {
margin-right: 0;
}
.most_popular_blogger_last_month_user__info {
width: 100%;
}
.most_popular_blogger_last_month_user__name,
.most_popular_blogger_last_month_user__company,
.most_popular_blogger_last_month_user_views_title {
text-align: center;
}
.most_popular_blogger_last_month_mobile {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} .--widget.most_popular_blogger_last_month {
margin: 10px 0;
}
.--widget.most_popular_blogger_last_month .most_popular_blogger_last_month__title {
font-size: 18px;
line-height: 23px;
margin-bottom: 10px;
}
.--widget .most_popular_blogger_last_month__wrapper {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}
.--widget .most_popular_blogger_last_month__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.--widget .most_popular_blogger_last_month_user {
width: 100%;
margin-bottom: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.--widget .most_popular_blogger_last_month_user_left {
width: 100%;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px;
}
.--widget .most_popular_blogger_last_month_user_right {
width: 100%;
}
.--widget .most_popular_blogger_last_month_user__photo {
margin-right: 0;
width: 60px;
min-width: auto;
}
.--widget .most_popular_blogger_last_month_user__info {
text-align: center;
margin-top: 8px;
}
.--widget .most_popular_blogger_last_month_user_views_title,
.--widget .most_popular_blogger_last_month_user_views_count {
text-align: center;
}
.--widget .most_popular_blogger_last_month_user_views_count {
font-size: 18px;
line-height: 23px;
}
.--widget .most_popular_blogger_last_month_user_views_title img {
display: none;
}
.--widget .most_popular_blogger_last_month__buttons {
width: 100%;
margin: 0;
}
.--widget .most_popular_blogger_last_month_mobile {
display: none;
}
.--widget .most_popular_blogger_last_month_user_right {
display: block;
}  .bloggers_rating_block a {
border-bottom: none !important;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bloggers_rating_block {
background-color: #fff;
margin: 10px 0;
padding: 20px;
}
.single-blogs .post-content .bloggers_rating_block {
padding: 0;
margin: 10px 0 30px;
}
.bloggers_rating_block__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.bloggers_rating_block .bloggers_rating_block__title {
font-weight: bold;
padding-bottom: 0;
font-size: 20px;
line-height: 26px;
color: #000;
}
.rating_listing_user {
margin-bottom: 10px;
}
.rating_listing_user:last-child {
margin-bottom: 0;
}
.rating_listing_user__wrapper {
background: #FAFAFA;
border-left: 3px solid #FFE043;
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rating_listing_user__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 210px);
padding-right: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating_listing_user__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 210px;
}
.rating_listing_user__photo {
width: 44px;
height: 44px;
margin-right: 15px;
border-radius: 50%;
}
.rating_listing_user__photo a {
display: block;
}
.rating_listing_user__photo img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.rating_listing_user__content {
width: calc(100% - 59px); }
.rating_listing_user__name {
font-weight: bold;
font-size: 16px;
line-height: 21px;
color: #000;
margin-right: 10px;
}
.rating_listing_user__company {
font-size: 14px;
line-height: 18px;
color: #79858C;
}
.rating_listing_user_views {
margin-right: 30px;
}
.rating_listing_user_views_title {
font-size: 14px;
line-height: 18px;
text-align: right;
color: #79858C;
}
.rating_listing_user_views_title img {
margin-right: 10px;
padding-bottom: 3px;
}
.rating_listing_user_views_count {
font-weight: bold;
font-size: 16px;
line-height: 21px;
text-align: right;
color: #000;
}
.rating_listing_item__place {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
font-weight: bold;
font-size: 16px;
line-height: 21px;
text-align: center;
color: #000;
background: #EDEBEB;
}
.bloggers_rating_block_btn_rating {
font-size: 16px;
line-height: 21px;
color: #000;
}
.bloggers_rating_block_btn_rating i {
margin-left: 12px;
}
.bloggers_rating_block_btn_rating:hover {
color: #FCE045;
}
.bloggers_rating_block__buttons {
margin-top: 20px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bloggers_rating_block__buttons .btn {
border-bottom: none;
}
.bloggers_rating_block__load_more .btn,
.bloggers_rating_block__buttons .btn.--register {
padding: 12px;
background: #FCE045;
font-weight: bold;
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #000;
max-width: 100%;
}
.bloggers_rating_block__load_more {
text-align: center;
margin-bottom: 30px;
}
.bloggers_rating_block__load_more .btn {
padding: 10px;
}
.bloggers_rating_block__load_more .btn:hover
.bloggers_rating_block__buttons .btn.--register:hover {
background-color: #000;
color: #FCE045;
}
.bloggers_rating_block__buttons .bloggers_rating_block_btn_rating {
margin-bottom: 15px;
}
.rating_listing_user_mobile {
display: none;
}
@media (max-width: 1200px) {
.rating_listing_user_mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
width: 100%;
padding-left: 55px;
}
.rating_listing_user__photo {
margin-right: 10px;
}
.rating_listing_user_views {
display: none;
}
.rating_listing_user__left {
width: calc(100% - 40px);
}
.rating_listing_user__right {
width: 40px;
}
.rating_listing_user_views_title {
margin-right: 10px;
text-align: left;
}
.rating_listing_user_views_count {
font-size: 16px;
line-height: 21px;
}
}
@media (max-width: 768px) {
.rating_listing_user__wrapper {
padding: 20px 5px 20px 20px;
}
.rating_listing_user__right {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: -15px;
}
.bloggers_rating_block__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.bloggers_rating_block_btn_rating {
margin-top: 15px;
}
}
@media (max-width: 420px) {
.rating_listing_user_mobile { }
} .--widget.bloggers_rating_block {
margin: 10px 0;
padding: 20px 15px;
}
.--widget .rating_listing_user__wrapper {
padding: 10px 5px 10px 15px;
position: relative;
}
.--widget .bloggers_rating_block__header {
margin-bottom: 10px;
}
.--widget .bloggers_rating_block__title {
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #000;
}
.--widget .rating_listing_user_views,
.--widget .rating_listing_user_mobile {
display: none;
}
.--widget .rating_listing_user__left {
width: calc(100% - 30px);
padding-right: 0;
}
.--widget .rating_listing_user__right {
width: 30px;
position: absolute;
top: -5px;
right: -5px;
margin-top: 0;
}
.--widget .rating_listing_item__place {
width: 30px;
height: 30px;
font-size: 12px;
line-height: 16px;
}
.--widget .bloggers_rating_block_btn_rating {
}@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-Regular.woff2) format('woff2');
font-display: swap;
}
@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-Bold.woff2) format('woff2');
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-SemiBold.woff2) format('woff2');
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-Medium.woff2) format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: Lora;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Lora/Lora-Regular.woff2) format('woff2');
font-display: swap;
}
* {box-sizing: border-box;}
::placeholder { color: #ccc;opacity: 1;}
html {-webkit-tap-highlight-color: transparent;max-width: 100%;overflow-x: hidden;}
body {margin:0;padding:0;font-family: Inter, sans-serif;max-width: 100%;overflow-x: hidden;background: #fff;}
a {text-decoration:none;color:#000;}
a:hover {color:inherit; }
a.post-title:hover, a.top-title:hover{opacity: 0.6;}
.top-first-post a.top-title:hover{opacity: 1;color: #FCE045;}
ul, ol {list-style: none;padding:0;margin:0;}
table {border-collapse: collapse;border-spacing: 0;}
p{margin: 0; padding: 0;letter-spacing: -0.01em;}
img{max-width: 100%;}
h1{font-size: 36px;padding:0;margin: 0 0 40px;letter-spacing: -0.01em;}
h2,h3{font-size: 32px;margin: 0 0 30px;padding-top: 30px;letter-spacing: -0.01em;line-height: 1.3;}
h3{font-size: 26px;}
.container{width: 100%;max-width: 1360px;margin: 0 auto;padding: 0 20px;}
body.wide .container.main{max-width: 880px;padding-top: 0;}
body.wide.mcwork-pages .container.main{max-width: 1080px;padding-top: 0;}
.header-wide {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 600px;
margin-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
background-size: cover;
background-position: center top;
}
body.wide article h1{
margin-bottom: 80px;
color: #fff;
max-width: 840px;
text-align: center;
font-size: 48px;
line-height: 1.2;
}
body.wide .post-meta-category{background: #FCE045;}
body.wide .post-meta-date{color: #fff;}
body.wide div.full-width, body.wide p.full-wide, body.wide p.full-width{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 40px;
}
body.wide div.full-width img, body.wide p.full-wide img, body.wide p.full-width img{
width: 100%;
height: auto;
margin: 0;
}
header{
position: fixed;
z-index: 10;
left: 0;
top: 0;
width: 100%;
text-align: center;
background: #fff;
padding: 0 20px;
}
header .header-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1320px;
margin: 0 auto;
height: 80px;
border-bottom: 1px solid #E3E3E3;
}
.header-right{display: flex;}
.header-search{
margin-left: 20px;
}
.button-search{
display: flex;
justify-content: center;
align-items: center;
height: 38px;
width: 38px;
background: #FAF3D1;
border-radius: 12px;
transition: background-color 0.5s;	
cursor: pointer;
}
.button-search:hover{
background: #FCE045;
}
#black-search{
background: rgba(38, 38, 38, 0.95);
margin: 0 -15px;
padding: 40px 0;	
font-size: 16px;
display: block;
transform: translateY(-30%);
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
width: 100%;
}
#black-search .container{display: flex;align-items: center;}
#black-search input{
width: 100%;
border: 0 none;
background: transparent;
box-shadow: none !important;
border-bottom: 1px solid #717171;
padding: 5px 0;
font-size: 24px;
color: #fafafa;
}
#black-search .search-title{    
text-align: left;
color: #fff;
font-size: 24px;
margin-right: 20px;
}
#black-search button{
cursor: pointer;
color: #fff;
background: transparent none;
border: 0 none;
width: 39px;
height: 39px;
}
#black-search button img{
filter: invert(1);
width: 30px;
height: 30px;
}
.search-overlay{
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: flex-start;
z-index: 1000;
overflow-y: auto;
margin-top: 80px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.search-overlay.open{
opacity: 1;
pointer-events: auto;
}
.search-overlay.open #black-search{
transform: translateY(0);
opacity: 1;
}
.mc-social{
display: flex;
}
.mc-social a{
display: flex;
justify-content: center;
align-items: center;
height: 38px;
width: 38px;
background: #FCE045;
border-radius: 12px;
transition: background-color 0.5s;
margin: 0 2px;
}
.mc-social a.social-google:hover{
background: none;
border: 1px solid #E3E3E3;
}
.mc-social a.social-facebook:hover{
background: #1877F2;
}
.mc-social a.social-telegram:hover{
background: #2AABEE;
}
.mc-social a.social-youtube:hover{
background: #FF0000;
}
.mc-social img{
filter: grayscale(100%) brightness(0); transition: filter 0.5s;
}
.mc-social a:hover img{
filter: none; }
.desktop-menu{
display: flex;
justify-content: center;
}
.desktop-menu .menu-item{
display: inline-block;
margin: 0 15px;
position: relative;
}
.desktop-menu .menu-item a{
font-size: 14px;
font-weight: 500;
letter-spacing: -0.14px;
}
.desktop-menu .menu-item a:hover{text-decoration: none;}
.desktop-menu .menu-item:hover a:after, .desktop-menu .menu-item.current-menu-item a:after{
content: "";
display: block;
background: #FCE045;
height: 3px;
width: 100%;
position: absolute;
bottom: -30px;
}
.mobile-menu-toggle{
display: none;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
z-index: 1002;
width: 38px;
height: 38px;
background: #FCE045;
border-radius: 12px;
align-items: center;
justify-content: center;
color: #000;
line-height: 0;
}
.mobile-menu{
background: #fff;
width: 100%;
padding: 40px;
transform: translateY(-30%);
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.mobile-menu a{font-size: 16px;font-weight: 500;}
.mobile-menu ul li:not(:last-child){margin-bottom: 40px;}
.mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: flex-start; z-index: 1000;
overflow-y: auto;
margin-top: 80px; opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.mobile-menu-overlay.open {
opacity: 1;
pointer-events: auto;
}
.mobile-menu-overlay.open .mobile-menu {
transform: translateY(0);
opacity: 1;
}
body.menu-open {
overflow: hidden;
}
.mobile-menu-toggle.open::before {
content: url(//mc.today/wp-content/themes/lightmc/images/close_burger.svg);
}
.mobile-menu-toggle::before {
content: url(//mc.today/wp-content/themes/lightmc/images/burger.svg);
line-height: 0;
}
.main{
margin-top: 80px;
padding-top: 30px;
padding-bottom: 80px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.mcwork-pages .main{display: block;}
.page-header{flex: 0 0 100%;}
.post-meta{margin-bottom: 10px;}
.post-meta-category{
font-size: 12px;
font-weight: 600;
display: inline-block;
background: #FAF3D1;
padding: 4px 8px;
border-radius: 6px;
margin-right: 5px;
}
.post-meta-category:hover{background: #EFE6B9;}
.post-meta-icon{
font-size: 12px;
font-weight: 600;
display: inline-block;
background: #000;
color: #fff;
padding: 4px 8px;
border-radius: 6px;
margin-right: 5px;
}
.post-meta-icon-fire:before{
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url(//mc.today/wp-content/themes/lightmc/images/fire.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 3px;
}
.post-meta-date{
font-size: 12px;
font-weight: 500;
color: #545454; }
.top-posts{
display: flex;
justify-content: space-between;
flex: 0 0 100%;
margin-bottom: 60px;
max-width: 100%;
}
.top-title{
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.top-first-post, .top-3-posts{
width: calc(50% - 20px);
max-width: 640px;
}
.top-first-post{
position: relative;
border-radius: 16px;
overflow: hidden;
height: 460px;
}
.top-first-post img{border-radius: 16px;height: 100%;width: auto;position: absolute;max-width: max-content;}
.image-back-dark{
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.92%, #000 100%);
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 16px;
}
.top-first-post-info{
position: absolute;
bottom: 0;
padding: 30px;
}
.top-first-post .top-title{
color: #fff;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
}
.top-first-post .post-meta-category{
background: #FCE045;
}
.top-first-post .post-meta-date{
color: #fff;
}
.top-item{
display: flex;
justify-content: space-between;
}
.top-item img{
flex: 0 0 200px;
margin-left: 20px;
border-radius: 12px;
}
.top-3-posts > .top-item:not(:last-child) {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 16px;
padding-bottom: 16px;
}
.left-col{
width: calc(100% - 340px);
max-width: 900px;
}
body.single .left-col{
max-width: 840px;
}
.right-col{
width: 100%;
max-width: 300px;
}
.widget{
width: 100%;
margin-bottom: 40px;
}
.widget img{border-radius: 16px;}
.widget .widget-title{
font-size: 18px;
font-weight: 700;
line-height: 1.3;
padding: 10px 12px;
background: #FCE045;
border-radius: 8px;
margin-bottom: 25px;
}
.widget .widget-title.icon-fire:before{
content: url(//mc.today/wp-content/themes/lightmc/images/fire.png);
display: inline-block;
margin-right: 5px;
position: relative;
top: 2px;
}
.widget .widget-title.icon-rocket:before{
content: url(//mc.today/wp-content/themes/lightmc/images/rocket.png);
display: inline-block;
margin-right: 5px;
}
.widget-post-big img{margin-bottom: 10px;}
.widget-post-big .post-title{font-size: 18px;}
.widget-post-small{display: flex;justify-content: space-between;}
.widget-post-small img{margin-right: 10px;flex: 0 0 100px;border-radius: 6px;}
.widget-post-small .post-title{font-size: 14px;margin: 0;}
.widget > .widget-post-small:not(:last-child){
border-bottom: 1px solid #e3e3e3;
margin-bottom: 15px;
padding-bottom: 15px;
}
.posts-item{
display: flex;
justify-content: space-between;
position: relative;
}
.post-title{
font-size: 26px;
font-weight: 700;
line-height: 1.3;
display: inline-block;
margin-bottom: 10px;
}
.post-excerpt{
font-family: Lora, Georgia, serif;
font-size: 18px;
line-height: 1.5;
}
.posts-list > .posts-item:not(:last-child){
border-bottom: 1px solid #e3e3e3;
margin-bottom: 40px;
padding-bottom: 40px;
}
.posts-item .a-image{
flex: 0 0 300px;
margin-right: 30px;
}
.posts-item img{
border-radius: 16px;
}
.posts-item.icon-fire:before{
content: url(//mc.today/wp-content/themes/lightmc/images/icon-fire24.png);
position: absolute;
top: 10px;
left: 10px;
display: flex;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
align-items:center;
justify-content:center;
}
.posts-item.posts-item-style2 img{margin: 0 0 0 30px;}
.posts-item.posts-item-style2 .post-title{font-family: Lora, Georgia, serif;font-weight: 500;font-size: 36px;margin:0;}
.posts-item.posts-item-style3 .post-title{font-weight: 500;font-size: 36px;margin:0;}
.posts-item.posts-item-style3 .post-info{padding: 30px;border-left: 4px solid #FCE045;}
.posts-item.posts-item-style4 .post-title{font-family: Lora, Georgia, serif;font-weight: 500;font-size: 36px;margin:0;}
.posts-item.posts-item-style4 .post-info{padding: 40px;border: 4px solid #FCE045;border-radius: 16px;}
.posts-item.posts-item-style4 .post-meta-category{background: #FCE045;}
.posts-item.posts-item-style4-img .post-title{font-family: Lora, Georgia, serif;font-weight: 500;font-size: 26px;margin:0;}
.posts-item.posts-item-style4-img .style4-img-inner{display: flex;justify-content: space-between;padding: 30px;border: 4px solid #FCE045;border-radius: 16px;align-items: center;}
.posts-item.posts-item-style4-img .post-meta-category{background: #FCE045;}
.posts-item.posts-item-style4-img img{margin: 0 0 0 30px;}
.posts-item.posts-item-style5 .post-title{font-family: Lora, Georgia, serif;font-weight: 500;font-size: 36px;margin:0;}
.posts-item.posts-item-style5 .post-info{padding: 60px;border: 4px solid #FAF3D1;border-radius: 16px;text-align: center;}
.posts-item-dark{position: relative;width: 100%;}
.posts-item-dark img{height: auto;width: 100%;}
.posts-item-dark .top-title{color: #fff;font-weight: 700;font-size: 30px;line-height: 1.2;max-width: 600px;display: inline-block;}
.posts-item-dark .post-meta-category{background: #FCE045;}
.posts-item-dark .post-meta-date{color: #fff;}
.posts-item-interview-inner{background: #FAF3D1;display: flex;justify-content: space-between;align-items: center;padding-right: 40px;border-radius: 16px;}
.posts-item-interview-inner .post-meta-category{background: #FCE045;}
.posts-item-interview-inner img{border-radius: 16px 0 0 16px;}
.posts-item-interview-inner img {
flex: 0 0 300px;
margin-right: 30px;
}
.mobile-show{display: none!important;}
article p{font-family: Lora, Georgia, serif;font-size: 20px;line-height: 1.5;margin-bottom: 30px;}
article .txt a{border-bottom: 2px solid #FCE045;}
article .txt .news-middle a, article .txt .partners a, article .txt .spec-image a{border-bottom: none;}
.spec-image img{height: auto;}
article .txt a:hover{text-decoration: none;}
article h1{margin-bottom: 25px;}
article img.wp-post-image{margin-bottom: 30px;height: auto;border-radius: 16px;}
.post-after-title{margin-bottom: 25px;}
.author-block{display: flex;}
.author-left{flex: 0 0 50px;margin-right: 15px;}
.author-right{max-width: 185px;display: flex;flex-direction: column;}
.author-left img{width: 50px;height: 50px;border-radius: 50%;margin: 0;}
.author-right .author-name{font-size: 14px;font-weight: 700;line-height: 1.4; margin-bottom: 5px;}
.author-right .author-info{font-size: 12px;line-height: 1.3;}
.post-share{float: right;text-align: right;}
.post-share > div{font-size: 14px;margin-bottom: 10px;}
.post-share-buttons{display: flex;}
.share-button{display: flex;width: 38px;height: 38px;border-radius: 12px;border: 1px solid #e3e3e3;justify-content: center;align-items: center;margin-left: 5px;cursor:pointer;transition: background 0.01s;}
.share-button.share-facebook:before{content: url(//mc.today/wp-content/themes/lightmc/images/share-facebook.png);transition: filter 0.01s;}
.share-button.share-telegram:before{content: url(//mc.today/wp-content/themes/lightmc/images/share-telegram.png);transition: filter 0.01s;}
.share-button.share-pocket:before{content: url(//mc.today/wp-content/themes/lightmc/images/share-pocket.png);position: relative;top: 1px;left: 1px;transition: filter 0.01s;}
.share-button.share-x:before{content: url(//mc.today/wp-content/themes/lightmc/images/share-x.png);transition: invert 0.01s;}
.share-button.share-facebook:hover{background: #1877F2;}
.share-button.share-telegram:hover{background: #2AABEE;}
.share-button.share-pocket:hover{background: #EF4056;}
.share-button.share-x:hover{background: #000000;}
.share-button:hover:before{filter: grayscale(100%) brightness(200);}
.share-button.share-x:hover:before{filter: invert(1);}
.share-button:hover{border: none;}
#toc_container{width: 100%!important;padding: 20px 30px;border: 4px solid #FAF3D1;border-radius: 16px;margin-bottom: 30px;}
ul.toc_list{list-style: none;padding:0;margin:0;}
p.toc_title{font-family: 'Inter', serif;font-size: 18px;font-weight: 700;margin-bottom: 20px;}
p.toc_title .toc_toggle{font-weight: 400;font-size: 14px;}
.toc_list li:before{display: none;}
.toc_list li{font-size: 16px;line-height: 1.5;font-weight: 500;margin-left: 0;font-family: Inter, serif;padding-left: 0;margin-bottom: 0;}
.toc_list li:not(:last-child){padding-bottom: 10px!important;margin-bottom: 10px!important;border-bottom: 1px dashed #e3e3e3;}
.text-white{color: #fff;}
#primary{margin-top: 40px;}
.author-header{
background: #FAF3D1;
padding: 20px;
border-radius: 16px;
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.author-count{
font-size: 14px;
font-weight: 500;
line-height: 1;
background: #fff;
padding: 8px 14px;
border-radius: 8px;
margin-bottom: 10px;
}
.author-header .author-block {
align-items: center;
}
.author-header .author-block .author-name {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
}
.author-header .author-right .author-info {
font-size: 16px;
line-height: 1.3;
}
.author-header .author-left img {
width: 64px;
height: 64px;
}
.author-header .author-left {
flex: 0 0 64px;
margin-right: 20px;
}
.author-header .author-right {
max-width: none;
}
.author-header .social-author a{
display: flex;
height: 38px;
width: 38px;
justify-content: center;
align-items: center;
background: #EFE6B9;
border-radius: 12px;
margin-left: 5px;
}
.author-header .social-author{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.author-subtitle{
margin-bottom: 40px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 1150px){
.left-col{width: 100%;max-width: 100%;}
.right-col{display: none;}
.posts-item-dark img{width: 100%;}
}
@media (max-width: 768px) {
.mobile-hide{display: none!important;}
.mobile-show{display: initial!important;}
h1{font-size: 26px;}
article h1{font-size: 32px;}
body.wide article h1{margin-bottom: 40px;font-size: 32px;}
h2{font-size: 26px;}
h3{font-size: 22px;}
.header-wide{height: 460px;padding: 0 20px;}
.desktop-menu,header .mc-social{display: none;}
.mobile-menu-toggle{display: flex;}
.top-posts{flex-direction: column;margin-bottom: 0px;}
.top-first-post{aspect-ratio: 335 / 380;}
.top-first-post, .top-3-posts{width: 100%;max-width: 100%;margin-bottom: 20px;height: auto;}
.top-first-post .top-title {font-size: 24px;}
.top-first-post img{position: relative;max-width: 100%;height: auto;width: 100%;}
.top-title {font-size: 16px;}
.top-item img{flex: 0 0 120px;margin-left: 15px;border-radius: 8px;width: 120px;height: 80px;}
.posts-item {flex-direction: column;}
.posts-item .a-image{flex: auto;margin: 0 0 20px;}
.posts-item img{border-radius: 16px;width: 100%;height: auto;}
.post-title{font-size: 20px;}
.post-excerpt{font-size: 16px;}
.top-first-post-info{padding: 20px;}
.top-3-posts > .top-item{border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;padding-bottom: 15px;}
.posts-item-dark .top-title{font-size: 24px;}
.posts-item.posts-item-style2 .post-title, .posts-item.posts-item-style3 .post-title, .posts-item.posts-item-style4 .post-title, .posts-item.posts-item-style5 .post-title{font-size: 26px;}
.posts-item.posts-item-style2 img{margin: 20px 0 0 0;}
.posts-item-interview-inner{flex-direction: column;padding: 0;}
.posts-item-interview-inner img{border-radius: 16px 16px 0 0;flex: auto;margin: 0;width: 100%;height: auto;}
.posts-item-interview-inner .post-info{padding: 20px;}
.posts-item.posts-item-style3 .post-info{padding: 15px 30px;}
.posts-item.posts-item-style5 .post-info{padding: 30px 20px;}
.posts-item.posts-item-style4-img .style4-img-inner{flex-direction: column;}
.posts-item.posts-item-style4-img img{margin: 20px 0 0 0;}
.posts-item.posts-item-style4-img .style4-img-inner{padding: 30px 20px;}
.post-share{float: none;text-align: left;margin-top: 20px;}
.header-search{margin-left: 0;margin-right: 10px;}
.author-header{align-items: flex-start;}
.author-header .author-right{max-width: 200px;}
.author-header .author-block {align-items: flex-start;flex-direction: column;}
.author-header .author-block .author-name {font-size: 26px;}
.author-header .social-author {position: absolute;right: 20px;}
}
div[id^="div-gpt-ad"] {margin-bottom: 25px;}
.header-wide .link-back{
border-bottom: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
margin-top: 57px;
display: inline-block;
width: 49%;
color: #fff;
}
.alignleft{
float: left;
margin-right: 20px;
}
.alignright{
float: right;
margin-left: 20px;
}
.aligncenter {
margin: 0 auto;
}
img.aligncenter {
float: none;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.alignright, .alignleft, .alignnone {
margin: 0 auto;
float: none;
clear: both;
display: block;
}
header .header-inner{
height: 60px;
}
header .header-inner .logo img{
height: 48px;
width: auto;
}
.mobile-menu-overlay, .search-overlay, .main{
margin-top: 60px;
}
}
.txt hr {
position: initial;
border: none;
height: 3px;
background-image: linear-gradient(to right, #ffde17, #f76d1d);
margin: 20px 0 40px;
clear: both;
}
a.company_logo{
width: 100%;
text-align: center;
display: inline-block;
margin-bottom: 80px;
}
a.company_logo img {
max-width: 100px;
height: auto;
}
.translate-link {
text-align: right;
padding-bottom: 30px;
}
.social-all{display: flex;}
#toc_container a {
border-bottom: none;
}
.wp-caption-text{
font-style: italic;
text-align: center;
font-size: 18px;
}
#cookie-notice{box-shadow: 0 0 10px;}
#cn-notice-text a{text-decoration: underline;}@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-Italic.woff2) format('woff2');
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Inter/Inter-BoldItalic.woff2) format('woff2');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Lora;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Lora/Lora-Bold.woff2) format('woff2');
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: Lora;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Lora/Lora-Italic.woff2) format('woff2');
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Lora;
src: url(//mc.today/wp-content/themes/lightmc/assets/fonts/Lora/Lora-BoldItalic.woff2) format('woff2');
font-weight: 700;
font-style: italic;
font-display: swap;
}
:active, :hover, :focus{
outline: 0;
outline-offset: 0;
}
hr{border: none;border-bottom: 1px solid #e3e3e3;}
.mb20{margin-bottom: 20px;}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
@media (min-width: 992px) {
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}	
.col-lg-5{
-ms-flex: 0 0 41.666666%;
flex: 0 0 41.666666%;
max-width: 41.666666%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666666%;
flex: 0 0 66.666666%;
max-width: 66.666666%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
@media (min-width: 768px) {
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
.alignleft, .aligncenter, .alignright, .alignnone {
max-width: 100% !important;
}
.page-widget{
position: relative;
margin-top: 40px;
overflow-x: hidden;
padding-bottom: 40px;
}
.page-widget-title{
font-size: 26px;
font-weight: 700;
border-left: 4px solid #fce045;
padding: 5px 0 5px 15px;
margin-bottom: 30px;
}
.page-widget .widget-post-big img{
width: 100%;
height: auto;
border-radius: 12px;
}
.widget-link-all{
padding: 12px 16px;
background: #FAF3D1;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
position: absolute;
top: 0;
right: 0;
}
.widget-link-all:hover{background: #EFE6B9;}
.page-widget .widget-post-small .a-image{
margin-right: 15px;
flex: 0 0 140px;
}
.page-widget .widget-post-small img{
width: 100%;
border-radius: 8px;
height: fit-content;
}
.page-widget .widget-post-small .post-title {
font-size: 16px;
margin: 0;
line-height: 1.4;
letter-spacing: -0.01em;
}
.page-widget-small .row:not(:last-child){
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e3e3e3;
}
footer{
background: #000000;
padding: 30px 0;
}
footer p{
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 10px;
}
footer p a{color: #fff; text-decoration: underline;}
footer p.copyrate{color: #FCE045;}
.all-thanks{display: flex;}
.footer-thanks{flex: 0 0 50%;}
footer .mc-social a{
background: #232323;
}
footer .mc-social {
justify-content: flex-end;
}
footer .mc-social img{
filter: grayscale(100%) brightness(300%); transition: filter 0.5s;
}
.load-more{width: 100%;display: flex;padding:22px;text-align:center;font-size:16px;font-weight:500;border-radius:12px;background:#FAF3D1;margin-top:40px;align-items:center;justify-content:center;}
.load-more img{margin-right: 10px;transition: transform 0.5s;}
.load-more:hover{background: #EFE6B9;}
.load-more:hover img{transform: rotate(360deg);}
.highlight{background: #FCE045;padding: 3px 6px;}
article ul li{list-style-type: none;padding-left: 30px;font-family: Lora, Georgia, serif;font-size: 20px;line-height: 1.5;margin-bottom: 10px;position: relative;}
article ul li:before{background: #FCE045;content: "";width: 12px;height: 12px;border-radius: 3px;line-height: 0px;display: inline-block;position: absolute;top: 10px;left: 0;}
article ul{margin-bottom: 30px;}
article ol li{list-style-type: none;padding-left: 70px;font-family: Lora, Georgia, serif;font-size: 20px;line-height: 1.5;margin-bottom: 25px;position: relative;}
article ol li:before{background: #FCE045;content: counter(list);counter-increment: list;width: 44px;height: 44px;border-radius: 50%;line-height: 0px;display: flex;align-items:center;justify-content:center;position: absolute;top: -7px;left: 0;font-size: 16px; font-weight: 600;font-family: Inter, serif;}
article ol{margin-bottom: 30px;counter-reset: list;}
.tags{padding-top: 40px;border-top: 1px solid #e3e3e3;margin-top: 40px;padding-bottom: 40px;}
.tags a{border-bottom: none;background: #F2F2F2;padding: 8px 14px;border-radius: 8px;font-size: 14px;font-weight: 500;margin-right: 5px;margin-bottom: 5px;display: inline-block;}
.tags a:hover{background: #E3E3E3;}
article .txt blockquote:not(.twitter-tweet):not(.tiktok-embed):not(.instagram-media){
background: #FAF3D1;
padding: 60px 40px;
margin: 0 0 30px;
font-size: 36px;
font-family: Inter, serif;
font-weight: 500;
line-height: 1.3;
text-align: center;
border-radius: 16px;
}
article .txt blockquote:not(.twitter-tweet):not(.tiktok-embed):not(.instagram-media) p{
font-size: 36px;
font-family: Inter, serif;
font-weight: 500;
line-height: 1.3;
}
article .txt blockquote:not(.twitter-tweet):not(.tiktok-embed):not(.instagram-media) p:last-child{margin-bottom: 0;}
p.intro, #buddypress .intro {
background: #FAF3D1;
padding: 20px 20px 20px 30px;
border-left: 4px solid #FCE045;
margin-bottom: 30px;
font-family: Inter, serif;
font-size: 18px;
}
iframe[src*="youtube.com/embed"]{
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
}
.lenta-image iframe{
max-width: 100%;
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
details summary {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
border-bottom: 2px solid #ffdf17;
outline-style: none;
cursor: pointer;
font-size: 18px;
margin-bottom: 30px;
}
details summary:hover {
color: #ffdf17;
}
details summary::-webkit-details-marker {
display: none;
}
.qp_quiz a:not(.page-link) {
border-bottom: none;
}
.qp_quiz{
padding-top: 80px;
}
@media (max-width: 768px) {
body .qp_container {
padding: 3.5vw 0;
}
body .qp_btn {
min-width: 90px;
}
}
#alert{z-index: 1;}
.min-1366, .max-1366{
overflow: hidden;
}
@media (max-width: 1919px){
.min-1366{
display: none!important;
}
}
@media (min-width: 1920px){
.max-1366{
display: none!important;
}
}
.image-hide img{
display: none!important;
}
@media (min-width: 1400px){
.d-sxl-table-cell{
display: table-cell!important;
}
}
.complain_modal {
display: none;
position: fixed;
right: 30px;
top: 100px;
background-color: #fff;
box-shadow: 0 0 16px 4px rgb(0 0 0 / 20%);
height: auto;
max-width: 280px;
min-height: 60px;
vertical-align: middle;
width: 60%;
border-radius: 0;
border-left: 2px solid #228b22;
z-index: 9999;
}
.complain_modal__content {
padding: 10px 15px;
font-family: Georgia;
font-size: 16px;
line-height: 1.5;
display: flex;
align-items: center;
}
.complain_modal__content i {
font-size: 37px;
color: #228b22;
margin-right: 20px;
}
.partners{
width: 100%;
text-align: center;
background: url(//mc.today/wp-content/themes/lightmc/images/y.png);
background-repeat: repeat-x;
background-position: center center;
margin: 20px auto 35px;
font-family: Inter, sans-serif;
}
.partners div{
display: inline-block;
margin: 0 20px;
font-size: 17px;
position: relative;
background: #fff;
padding: 0 12px;
}
.partners.small div{
margin: 0 5px;
}
.partners img{
height: auto;
width:auto;
max-width: 178px;
vertical-align: middle;
}
.partners a{
border-bottom: none;
}
.partners a.faq-link{
background: #FCE045;
color: #fff;
padding: 1px 4px;
font-size: 12px;
position: relative;
top: -12px;
left: 5px;
}
.help-block{
display: inline-block;
position: relative;
top: -7px;
}
.help-text{
display: none;
position: absolute;
background: rgba(0, 0, 0, 0.9);
box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
border-radius: 10px;
color: #fff;
font-size: 16px;
padding: 10px 15px;
width: 255px;
top: 35px;
left: -30px;
z-index: 1;
}
.help-text a{
color: #ffdf17;
}
.help-v{
display: none;
position: absolute;
top: 27px;
left: 2px;
}
.help-block:hover .help-text,.help-block:hover .help-v{
display: block;
}
.spec-p-image{
position: relative;
height: 200px;
width: 300px;
border-radius: 16px;
margin-bottom: 10px;
}
.spec-p-title{
position: absolute;
bottom: 20px;
color: #fff;
margin: 0;
padding: 0 20px;
font-weight: 700;
line-height: 1.4;
font-size: 16px;
}
.spec-p-title a{color: #fff;}
.widget-logo-company{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.widget .logo-company{
width: 145px;
height: 120px;
border: 1px solid #e3e3e3;
border-radius: 16px;
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.widget .logo-company a{
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
align-items: center;
}
.widget .logo-company img{
max-width: 50px;
height: auto;
max-height: 50px;
width: auto;
flex: 0 0 50px;
border-radius: 0;
margin-bottom: 10px;
}
.widget .logo-company span{
font-size: 12px;
color: #545454;
}
footer ul.nav{
list-style: none;
display: inline-block;
}
footer ul.nav li{
display: inline-block;
padding-bottom: 5px;
}
.footer-menu{text-align: right;}
.nav--footer li a {
color: #fff;
font-size: 12px;
padding: 0 15px 0 0;
} .email-vacancy .text-center-block {
max-width: 900px;
margin: 0 auto;
width: 100%;
}
.know{
margin-bottom: 35px;
text-align: left;
}
.know ul li:before {
display: none!important;
}
.know ul li {
list-style-type: none;
margin: 0 10px 10px 0;
display: inline-block;
color: #fff;
font-size: 12px;
text-transform: uppercase;
padding: 10px 12px;
line-height: 1;
font-weight: 700;
}
.digits{
width: 100%;
padding: 0 0 30px;
margin: 0 -20px;
}
p.digits-title{
font-size: 48px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
color: #ffdf17;
padding-bottom: 21px;
text-align: center;
}
p.digits-desc{
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #1a1919;
line-height: 1.4;
}
.digits-content{
display: inline-block;
}
.digits .col-4{
text-align: left;
}
.hot-vacancy{
margin-bottom: 40px;
width: 100%;
position: relative;
}
.hot-vacancy img.company-logo{
margin-bottom: 24px;
max-width: 30%;
}
.hot-title{
font-size: 22px;
margin-bottom: 10px;
font-weight: 700;
}
.hot-company{
font-size: 16px;
margin-bottom: 20px;
}
.hot-company a{
text-decoration: underline;
}
.hot-desc p{
font-size: 14px!important;
margin-bottom: 7px!important;
color: #767676;
padding: 0!important;
}
.size-16.hot-desc p{
font-size: 16px!important;
}
.widget-vacancy .hot-desc p{
font-size: 16px!important;
}
.hot-link{
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.67;
letter-spacing: 1px;
color: #1a1919;
text-decoration: underline;
}
.vacancy-header.company-header a, .vacancy-header.company-header p, .vacancy-header.company-header{
color: #fff;
}
.vacancy-header.company-header .vacancy-desc p{
padding-bottom: 38px;
}
.company-header-vacancy-title{
width: 100%;
text-align: center;
font-size: 23px;
padding-bottom: 45px;
}
.company-header-vacancy-list{
list-style: none;
width: 100%;
text-align: center;
padding-bottom: 120px;
}
.company-header-vacancy-list li{
display: inline-block;
margin: 0 10px;
}
.company-header-vacancy-list li:not(:first-child){ }
.company-header-vacancy-list li a{
color: #1a1919!important;
text-transform: uppercase;
font-size: 12px;
padding: 10px 35px;
font-weight: 700;
background-color: #ffdf17;
display: inline-block;
margin-bottom: 30px;
}
.peoples{
margin: 0 -20px;
display: flex;
justify-content: center;
}
.peoples.center p{
text-align: center!important;
}
.peoples .people{
padding: 0 20px;
}
.peoples .people-img{
width: 100%;
text-align: center;
max-height: 228px;
overflow: hidden;
line-height: 200px;
margin-bottom: 20px;
}
.peoples .people-img a{
border-bottom: none;
}
.peoples .people-img img{
width: auto;
height: auto;
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
.people-name{
font-size: 24px;
font-weight: 700;
padding: 0px 0 8px;
}
.people-prof{
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
color: #1a1919;
padding-bottom: 19px;
font-family: Open sans;
}
.people-text{
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
color: #767676;
padding-bottom: 19px;
}
.people-name a{
text-decoration: none;
}
.people-position{
padding-bottom: 19px;
line-height: 1.4;
}
.people-info, .people p{
line-height: 1.4;
}
.icons{
float: left;
margin: 0 0 25px;
}
.icons .icon{
padding: 0 20px;
}
.icons .icon-img{
width: 100%;
text-align: center;
height: 120px;
overflow: hidden;
line-height: 120px;
}
.icons .icon-img img{
width: auto;
height: auto;
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
.icon-img{
padding-bottom: 0px;
}
.icon-title{
line-height: 1.4;
text-align: center;
}
.email-vacancy{
background: url(//mc.today/wp-content/themes/lightmc/images/illustration-2.jpg) no-repeat, #ffdf17;
background-position: center center;
padding: 80px 30% 80px;
text-align: center;
width: 100%;
}
.email-vacancy label.sp-control-label{
display: none!important;
}
.col-8 .email-vacancy{
padding: 80px 20%;
}
.resume-vacancy.email-vacancy{
background: url(//mc.today/wp-content/themes/lightmc/images/email-back.jpg), #ffdf17;
margin-bottom: 40px;
}
.email-vacancy .email-title{
font-size: 26px;
width: 100%;
padding-bottom: 38px;
}
.email-vacancy input[type="text"], .email-vacancy input[type="email"]{
border: none;
margin: 0 0 20px;
padding: 10px 20px;
width: 100%;
}
.email-vacancy .yellow{
border: solid 1px #fff!important;
box-shadow: 5px 5px 0px #fff;
-moz-box-shadow: 5px 5px 0px #fff;
-webkit-box-shadow: 5px 5px 0px #fff;
background: #ffdf17!important;
color: #000!important;
font-size: 13px!important;
padding: 10px 40px;
}
.email-vacancy .yellow:hover, .mc-button:hover {
border: solid 1px #ffdf17!important;
background: #fff!important;
}
.resume-vacancy.email-vacancy .select2-container{
width: 100%!important;
text-align: left;
margin: 0 0 20px;
}
.resume-vacancy.email-vacancy .select2-container--default .select2-selection--single{
background-color: #fff;
border: none;
border-radius: 0;
padding: 5px 10px;
height: 40px;
}
.resume-vacancy.email-vacancy .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
right: 10px;
}
.resume-vacancy.email-vacancy .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #757575;
}
.resume-vacancy.email-vacancy textarea{
width: 100%;
padding: 10px 20px;
border: none;
margin: 0 0 20px;
height: 100px;
}
.resume-vacancy.email-vacancy .email-title{
text-align: center;
margin: 0;
padding: 0;
font-weight: 700;
}
.company-header-title{
font-size: 48px;
text-align: center;
padding: 80px 0;
}
a.link-vacancy-company{
position: absolute;
right: 20px;
border-bottom: 1px solid;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.vacancy-company{
margin: 0 -20px!important;
width: calc( 100% + 40px );
}
.otziv{
margin: 50px 0;
}
.otziv.no-image{
margin: 30px -40px 40px!important;
width: calc(100% + 80px);
max-width: initial;
}
.otziv img.photo, .otziv picture.photo{
float: left;
padding-right: 54px;
max-width: 385px;
height: auto;
}
.otziv.otziv-right img{
float: right;
padding-right: 0;
padding-left: 54px;
}
.otziv p.name{
padding-top: 35px;
font-size: 24px;
font-weight: 600;
color: #1a1919;
}
.otziv.otziv-right p.name{
text-align: right;
}
.otziv p.text{
background: url(//mc.today/wp-content/themes/lightmc/images/kavichki.png), #ffdf17;
padding: 41px 61px 75px 61px;
margin-left: 40px;
margin-right: 40px;
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: 88%;
}
.otziv.otziv-right p.text{
background-position-x: 3%;
text-align: right;
}
.pull-left{
padding: 100px;
background: #fde044;
margin-bottom: 20px;
font-size: 25px;
position: relative;
float: left;
width: 100%;
}
.pull-left:before, #buddypress .pull-left:before{
content: url(//mc.today/wp-content/themes/lightmc/images/cit.png);
position: absolute;
top: -20px;
left: 100px;
}
.pull-left a{
text-decoration: underline;
}
a.add-vacancy-link{
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
float: left;
width: 50%;
text-align: left;
}
.golosovanie p{
text-align: center;
font-family: PT Sans;
}
.golosovanie p.title{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: center;
color: #1a1919;
padding-bottom: 18px;
}
.golosovanie p.desc{
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
color: #9a9a9a;
padding-bottom: 35px;
}
.golosovanie p.company-want{
padding-top: 27px;
}
.golosovanie input{
padding: 16px 72px;
}
.golosovanie{
background: url(//mc.today/wp-content/themes/lightmc/images/dotted-back.png) repeat;
border-style: solid;
border-width: 5px;
border-image-source: linear-gradient(120deg, #ffdf17, #f76d1d);
border-image-slice: 1;
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
.golosovanie form{
text-align: center;
display: block;
width: 50%;
margin: 45px auto;
background: #fff;
padding: 30px 0;
}  .company-slider .row {
margin: 20px -10px 0;
width: calc(100% + 20px)
}
.company-slider .row .col-4 {
padding: 0 10px;
width: 11.111111%
}
@media (max-width: 768px){
.col-4{
max-width: 100%;
flex: 0 0 100%;
}
}
.company-slider .widget-company-new {
margin: 0;
height: 100%
}
.carousel-wrapper {
overflow: hidden;
position: relative
}
.carousel-items {
position: relative;
display: flex
}
.slider-top {
padding: 20px;
background: #fff;
margin-bottom: 10px;
position: relative;
width: 100%;
border-radius: 16px;
}
.single .slider-top {
margin: 0 auto 10px
}
.arrow-slider {
position: absolute;
right: 10px;
top: 20px
}
.arrow-slider a {
color: #000;
font-size: 21px;
border-bottom: none
}
.arrow-slider a:hover {
color: #000
}
.carousel-button-left,.carousel-button-right {
display: inline-block
}
.carousel-button-left {
padding-right: 10px
}
.slider-top .widget-company-new {
border: none
}
.slider-top a.slider-elem-title {
font-weight: 700;
font-size: 15px;
line-height: 1.4;
color: #000;
display: inline-block;
margin-top: 10px
}
.slider-top a.slider-elem-title div {
text-align: left!important
}
.slider-top a.slider-elem-title div br {
display: none
}
.company-slider h3,.company-slider p {
font-weight: 700;
font-size: 20px;
line-height: 26px;
font-family: 'PT Sans',sans-serif;
padding: 0
}
.slider-r h3 a {
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #79858c;
border-bottom: none;
display: inline-block;
padding-left: 10px
}
.slider-r .col-8 a {
border-bottom: none;
font-weight: 600;
font-size: 16px;
line-height: 21px;
display: inline-block
}
.slider-r {
background: #fff;
padding: 20px;
margin-bottom: 10px;
border: 3px solid #ffe043
}
.slider-r h3 {
font-weight: 700;
font-size: 20px;
line-height: 26px
}  .command-list>.row{
border-bottom: 1px solid #DCDCDC;
}
.command-list>.row:last-child{
border-bottom: none;
}
.command-item{
border-right: 1px solid #DCDCDC;
padding-top: 20px;
padding-bottom: 50px;
}
.command-item:hover{
background: #FCE045;
}
.row .command-item:first-child{
}
.row .command-item:nth-child(3){
border-right: none;
}
.command-ava{
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.command-ava img{
width: 80px;
height: 80px;
border-radius: 50%;
}
.command-info{
width: 100%;
text-align: center;
}
.command-info p.command-name, .command-info p.command-name a{
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 21px;
color: #000000;
margin-bottom: 5px;
padding: 0;
text-align: center;
border-bottom: none;
text-decoration: none;
}
.command-info p.command-bio{
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 19px;
color: #000000;
margin-bottom: 15px;
padding: 0;
text-align: center;
}
.command-info .social-share-yellow img{
width: 28px;
height: 28px;
}
.command-info .social-share-yellow{
position: absolute;
bottom: 20px;
width: calc(100% - 30px);
}
@media screen and (max-width: 768px){
.command-item {
border-bottom: 1px solid #DCDCDC;
border-left: none;
border-right: none;
padding-bottom: 20px;
}
.command-info .social-share-yellow{
position: inherit;;
bottom: 0px;
width: 100%;
}
.command-list>.row{
border-bottom: none;
}
.command-info p{
text-align: left!important;
}
.command-info .social-share-yellow.text-center{
text-align: left!important
}
.command-ava {
width: 80px;
margin-bottom: 15px;
text-align: center;
float: left;
}
.command-info {
width: calc(100% - 100px);
text-align: center;
float: right;
}
} .txt ol[start="1"]{
counter-reset: list 0!important;
}
.txt ol[start="2"]{
counter-reset: list 1!important;
}
.txt ol[start="3"]{
counter-reset: list 2!important;
}
.txt ol[start="4"]{
counter-reset: list 3!important;
}
.txt ol[start="5"]{
counter-reset: list 4!important;
}
.txt ol[start="6"]{
counter-reset: list 5!important;
}
.txt ol[start="7"]{
counter-reset: list 6!important;
}
.txt ol[start="8"]{
counter-reset: list 7!important;
}
.txt ol[start="9"]{
counter-reset: list 8!important;
}
.txt ol[start="10"]{
counter-reset: list 9!important;
}
.txt ol[start="11"]{
counter-reset: list 10!important;
}
.txt ol[start="12"]{
counter-reset: list 11!important;
}
.txt ol[start="13"]{
counter-reset: list 12!important;
}
.txt ol[start="14"]{
counter-reset: list 13!important;
}
.txt ol[start="15"]{
counter-reset: list 14!important;
}
.txt ol[start="16"]{
counter-reset: list 15!important;
}
.txt ol[start="17"]{
counter-reset: list 16!important;
}
.txt ol[start="18"]{
counter-reset: list 17!important;
}
.txt ol[start="19"]{
counter-reset: list 18!important;
}
.txt ol[start="20"]{
counter-reset: list 19!important;
}
.txt ol[start="21"]{
counter-reset: list 20!important;
}
.txt ol[start="22"]{
counter-reset: list 21!important;
}
.txt ol[start="23"]{
counter-reset: list 22!important;
}
.txt ol[start="24"]{
counter-reset: list 23!important;
}
.txt ol[start="25"]{
counter-reset: list 24!important;
}
.txt ol[start="26"]{
counter-reset: list 25!important;
}
.txt ol[start="27"]{
counter-reset: list 26!important;
}
.txt ol[start="28"]{
counter-reset: list 27!important;
}
.txt ol[start="29"]{
counter-reset: list 28!important;
}
.txt ol[start="30"]{
counter-reset: list 29!important;
}
.txt ol[start="31"]{
counter-reset: list 30!important;
}
.txt ol[start="32"]{
counter-reset: list 31!important;
}
.txt ol[start="33"]{
counter-reset: list 32!important;
}
.txt ol[start="34"]{
counter-reset: list 33!important;
}
.txt ol[start="35"]{
counter-reset: list 34!important;
}
.txt ol[start="36"]{
counter-reset: list 35!important;
}
.txt ol[start="37"]{
counter-reset: list 36!important;
}
.txt ol[start="38"]{
counter-reset: list 37!important;
}
.txt ol[start="39"]{
counter-reset: list 38!important;
}
.txt ol[start="40"]{
counter-reset: list 39!important;
}
.txt ol[start="41"]{
counter-reset: list 40!important;
}
.txt ol[start="42"]{
counter-reset: list 42!important;
}
.txt ol[start="43"]{
counter-reset: list 43!important;
}
.txt ol[start="44"]{
counter-reset: list 44!important;
}
.txt ol[start="45"]{
counter-reset: list 45!important;
}
.txt ol[start="46"]{
counter-reset: list 46!important;
}
.txt ol[start="47"]{
counter-reset: list 47!important;
}
.txt ol[start="48"]{
counter-reset: list 48!important;
}
.txt ol[start="49"]{
counter-reset: list 49!important;
}
.txt ol[start="50"]{
counter-reset: list 50!important;
}
.txt ol[start="51"]{
counter-reset: list 51!important;
}
.txt ol[start="52"]{
counter-reset: list 52!important;
}
.txt ol[start="53"]{
counter-reset: list 53!important;
}
.txt ol[start="54"]{
counter-reset: list 54!important;
}
.txt ol[start="55"]{
counter-reset: list 55!important;
}
.txt ol[start="56"]{
counter-reset: list 56!important;
}
.txt ol[start="57"]{
counter-reset: list 57!important;
}
.txt ol[start="58"]{
counter-reset: list 58!important;
}
.txt ol[start="59"]{
counter-reset: list 59!important;
}
.txt ol[start="60"]{
counter-reset: list 60!important;
}
.txt ol[start="61"]{
counter-reset: list 61!important;
}
.txt ol[start="62"]{
counter-reset: list 62!important;
}
.txt ol[start="63"]{
counter-reset: list 63!important;
}
.txt ol[start="64"]{
counter-reset: list 64!important;
}
.txt ol[start="65"]{
counter-reset: list 65!important;
}
.txt ol[start="66"]{
counter-reset: list 66!important;
}
.txt ol[start="67"]{
counter-reset: list 67!important;
}
.txt ol[start="68"]{
counter-reset: list 68!important;
}
.txt ol[start="69"]{
counter-reset: list 69!important;
}
.txt ol[start="70"]{
counter-reset: list 70!important;
}
.txt ol[start="71"]{
counter-reset: list 71!important;
}
.txt ol[start="72"]{
counter-reset: list 72!important;
}
.txt ol[start="73"]{
counter-reset: list 73!important;
}
.txt ol[start="74"]{
counter-reset: list 74!important;
}
.txt ol[start="75"]{
counter-reset: list 75!important;
}
.txt ol[start="76"]{
counter-reset: list 76!important;
}
.txt ol[start="77"]{
counter-reset: list 77!important;
}
.txt ol[start="78"]{
counter-reset: list 78!important;
}
.txt ol[start="79"]{
counter-reset: list 79!important;
}
.txt ol[start="80"]{
counter-reset: list 80!important;
}
.txt ol[start="81"]{
counter-reset: list 81!important;
}
.txt ol[start="82"]{
counter-reset: list 82!important;
}
.txt ol[start="83"]{
counter-reset: list 83!important;
}
.txt ol[start="84"]{
counter-reset: list 84!important;
}
.txt ol[start="85"]{
counter-reset: list 85!important;
}
.txt ol[start="86"]{
counter-reset: list 86!important;
}
.txt ol[start="87"]{
counter-reset: list 87!important;
}
.txt ol[start="88"]{
counter-reset: list 88!important;
}
.txt ol[start="89"]{
counter-reset: list 89!important;
}
.txt ol[start="90"]{
counter-reset: list 90!important;
}
.txt ol[start="91"]{
counter-reset: list 91!important;
}
.txt ol[start="92"]{
counter-reset: list 92!important;
}
.txt ol[start="93"]{
counter-reset: list 93!important;
}
.txt ol[start="94"]{
counter-reset: list 94!important;
}
.txt ol[start="95"]{
counter-reset: list 95!important;
}
.txt ol[start="96"]{
counter-reset: list 96!important;
}
.txt ol[start="97"]{
counter-reset: list 97!important;
}
.txt ol[start="98"]{
counter-reset: list 98!important;
}
.txt ol[start="99"]{
counter-reset: list 99!important;
}
.txt ol[start="100"]{
counter-reset: list 100!important;
}
.txt ol[start="100"] li h2{
margin-left: 30px;
}
.col-child{
float: left;
}
.col-parent-12 .col-child{
width: 100%;
}
.col-parent-9 .col-child{
width: 75%;
}
.col-parent-8 .col-child{
width: 66.6%;
}
.col-parent-6 .col-child{
width: 50%;
}
.col-parent-4 .col-child{
width: 33.3%;
}
.col-parent-3 .col-child{
width: 25%;
}
.txt table{margin-bottom: 25px;}
.txt table:not(.dataTable){
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%!important;
border: none;
}
.txt table:not(.wrap) td{
white-space: nowrap;
}
.txt table:not(.wrap) td {
white-space: nowrap;
}
.txt table td, .txt table th {
border-style: solid;
border-width: 1px;
}
.txt .rsDefaultInv, .txt .rsDefaultInv .rsOverflow, .txt .rsDefaultInv .rsSlide, .txt .rsDefaultInv .rsVideoFrameHolder, .txt .rsDefaultInv .rsThumbs {
background: none;
}
.center-block-1200 {
max-width: 1200px;
width: 100% !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
clear: both;
}
@media (max-width: 768px){
.all-thanks{margin: 30px 0;}
footer .mc-social{justify-content: flex-start;}
.page-widget .widget-post-small .a-image{margin-right: 10px;flex: 0 0 120px;width: 120px;}
.page-widget .widget-post-small img{border-radius: 8px;height: fit-content;}
.page-widget-small .row:not(:last-child){margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.page-widget-small .col-12{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e3e3e3;}
.page-widget-small .row:last-child .col-12:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.widget-link-all{position: relative; margin-top: 20px;display: inline-block;}
.page-widget-author .row{flex-wrap: nowrap;}
.page-widget-author .row .col-12{flex: 0 0 100%;}
article .txt blockquote:not(.twitter-tweet):not(.tiktok-embed):not(.instagram-media){padding: 40px 20px;font-size: 26px;}
article .txt blockquote:not(.twitter-tweet):not(.tiktok-embed):not(.instagram-media) p{font-size: 26px;}
.d-none{display: none!important;}
.footer-menu{text-align: left;}
.otziv img.photo, .otziv picture.photo{width: 100%;padding: 0;}
.otziv p.text{padding: 20px;margin: 0;}
}
.mc-button{
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
padding: 16px 20px;
display: inline-block;
}
.yellow, .mc-button{
border: solid 1px #ffdf17!important;
box-shadow: 5px 5px 0px #ffdf17;
-moz-box-shadow: 5px 5px 0px #ffdf17;
-webkit-box-shadow: 5px 5px 0px #ffdf17;
background: #fff!important;
color: #000!important;
font-size: 12px!important;
font-family: 'Inter', Serif;
}
.club-button{
background: #fff;
color: #000!important;
font-size: 16px;
font-weight: 700;
padding: 14px 30px;
display: inline-block;
}
.yellow-button{
font-size: 12px;
text-transform: uppercase;
color: #000;
background: #FFE043;
width: 220px;
padding: 16px 0;
text-align: center;
display: inline-block;
font-weight: 700;
border: none!important;
}
.yellow-button:hover{
color: #FFE043;
background: #000;
border-bottom: none;
}
.club-button:hover{
color: #fff!important;
background: #000;
}
.yellow-inv{
border: solid 1px #fff!important;
box-shadow: 5px 5px 0px #ffdf17;
-moz-box-shadow: 5px 5px 0px #ffdf17;
-webkit-box-shadow: 5px 5px 0px #ffdf17;
background: #ffdf17!important;
color: #000!important;
font-size: 12px!important;
}
.yellow-inv:hover{
background: #fff!important;
border: solid 1px #ffdf17!important;
}
.green{
border: solid 1px #12834A!important;
box-shadow: 5px 5px 0px #12834A;
-moz-box-shadow: 5px 5px 0px #12834A;
-webkit-box-shadow: 5px 5px 0px #12834A;
background: #fff!important;
color: #12834A;
font-size: 12px!important;
font-weight: 600;
}
.green:hover{
border: solid 1px #fff!important;
color: #fff;
background-color: #12834A!important;
}
.button.big{
padding: 16px 45px;
font-size: 13px!important;
}
.yellow:hover, .mc-button:hover{
border: solid 1px #fff!important;
color: #000;
background-color: #ffdf17!important;
}
.orange{
border: solid 1px #f76d1d!important;
box-shadow: 5px 5px 0px #f76d1d;
-moz-box-shadow: 5px 5px 0px #f76d1d;
-webkit-box-shadow: 5px 5px 0px #f76d1d;
background: #fff!important;
color: #000!important;
font-size: 12px!important;
}
.orange:hover{
border: solid 1px #fff!important;
color: #000;
background-color: #f76d1d!important;
}
.sticky-widget {
position: fixed;
bottom: 0;
width: 300px; }
.royalSlider.rsDefaultInv .rsGCaption{width: 100%;text-align: center;}
.author-bio{margin-bottom: 40px;}
.author-bio p{margin-bottom: 25px;}
.author-bio a{border-bottom: 2px solid #FCE045;} .form-pumb{
background: #f4f4f4;
padding: 30px 20px;
float: left;
margin-bottom: 30px;
}
.form-pumb label{
width: 100%;
display: inline-block;
color: #000;
font-family: Georgia;
}
.form-pumb span{
color: #ff0000;
}
.form-pumb p{
font-size: 14px;
}
.form-pumb input[type="text"],.form-pumb input[type="tel"],.form-pumb input[type="email"],.form-pumb select{
border: 1px solid #000;
padding: 5px;
width: 100%;
margin: 10px 0 20px;
}
.form-pumb select{
width: 50%;
}
.email-pumb{
float: left;
position: relative;
margin-bottom: 30px;
width: 100%;
z-index: 0;
}
.form-pumb.form-yellow{
background-color: #ffffff;
border: solid 15px #ffde00;
margin-bottom: 0;
z-index: 10000;
position: relative;
background: url(//mc.today/wp-content/themes/lightmc/images/email-pumb-back.png);
background-repeat: no-repeat;
background-position-x: 100px;
background-position-y: bottom;
width: 100%;
}
.form-pumb.form-red{
margin-bottom: 0;
background: #fff;
border: 15px solid #d23038;
position: relative;
width: 100%;
}
.email-pumb .border-black{
border: 2px solid #000;
position: absolute;
width: 100%;
height: 100%;
top: 10px;
left: 10px;
z-index: 0;
}
.email-pumb .border-red{
border: 2px solid #d23038;
position: absolute;
width: 100%;
height: 100%;
top: 10px;
left: 10px;
z-index: 0;
}
.email-pumb .border-orange{
border: 2px solid #F9AF4B;
position: absolute;
width: 100%;
height: 100%;
top: 10px;
left: 10px;
z-index: 0;
}
.form-pumb.form-orange{
margin-bottom: 0;
background: #fff;
border: 15px solid #F9AF4B;
position: relative;
width: 100%;
}
.email-pumb .border-pravex{
border: 2px solid #F1712E;
position: absolute;
width: 100%;
height: 100%;
top: 10px;
left: 10px;
z-index: 0;
}
.form-pumb.form-pravex{
margin-bottom: 0;
background: #fff;
border: 15px solid #F1712E;
position: relative;
width: 100%;
padding: 10px;
}
.form-pravex h2{
font-size: 26px;
text-align: center;
padding-bottom: 15px;
}
.form-pravex .form-red-desc{
font-size: 18px;
text-align: center;
font-family: PT Sans;
padding-bottom: 15px;
}
.form-pravex .row{
max-width: 480px;
margin: 0 auto;
float: none;
}
.email-pumb .form-pravex input[type=radio]:checked~.check:before {
background: #f1712e;
}
.email-pumb .form-pravex input[type=radio]:checked~.check{
border: 1px solid #f1712e!important;
}
.yes-show{
display: none;
}
.row.form-sendpulse{
margin: 0;
}
.form-sendpulse{
background-color: #fff;
border: solid 10px #ffde00;
margin-bottom: 40px;
position: relative;
background: url(//mc.today/wp-content/themes/lightmc/images/email-pumb-back.png);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: bottom;
width: 100%;
padding: 20px 0 0;
}
.form-sendpulse .col-12{
max-width: 700px;
margin: 0 auto;
float: none;
}
.form-sendpulse .email-title{
font-size: 24px;
font-weight: 600;
font-family: PT Sans;
display: inline-block;
padding-left: 25px;
width: 520px;
line-height: 1.2;
padding-bottom: 10px;
}
.form-sendpulse .email-desc{
display: inline-block;
padding-left: 25px;
font-size: 16px;
font-family: PT Sans;
width: 520px;
}
.form-sendpulse img{
float: left;
width: 90px;
}
.form-pumb.form-yellow h2{
padding: 0 0 14px;
}
.form-pumb.form-yellow p{
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
line-height: normal;
max-width: 475px;
font-family: "PT Sans", sans-serif;
padding: 0 0 27px;
}
.form-pumb.form-red p, .form-pumb.form-orange p{
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
line-height: normal;
font-family: "PT Sans", sans-serif;
padding: 0 0 27px;
}
.form-pumb.form-yellow .yellow{
width: 100%;
font-size: 14px!important;
padding: 16px;
}
.place_holder {
z-index: 100;
left: 15px!important;
top: 15px;
cursor: text;
position: absolute;
width: 100%;
display: none;
color: #000;
font-family: "PT Sans",sans-serif;
white-space: nowrap;
}
.form-red .place_holder, .form-orange .place_holder{
left: 0px !important;
}
.placeinput input:placeholder-shown + .place_holder {
display: inline;
}
.placeinput input:focus + .place_holder {
display: none!important;
}
.email-pumb .form-pumb input[type="text"], .email-pumb .form-pumb input[type="tel"], .email-pumb .form-pumb input[type="email"], .email-pumb .form-pumb select{
padding: 15px;
font-size: 16px;
line-height: 1;
font-family: "PT Sans", sans-serif;
margin: 0 0 5px;
}
.email-pumb .form-red.form-pumb input[type="text"], .email-pumb .form-red.form-pumb input[type="tel"], .email-pumb .form-red.form-pumb input[type="email"],
.email-pumb .form-orange.form-pumb input[type="text"], .email-pumb .form-orange.form-pumb input[type="tel"], .email-pumb .form-orange.form-pumb input[type="email"],
.email-pumb .form-pravex.form-pumb input[type="text"], .email-pumb .form-pravex.form-pumb input[type="tel"], .email-pumb .form-pravex.form-pumb input[type="email"]{
padding: 15px 0;
border: none;
border-bottom: 2px solid #d1d1d1;
font-weight: 500;
color: #000000;
}
.email-pumb .form-red.form-pumb input[type="text"]:focus, .email-pumb .form-red.form-pumb input[type="tel"]:focus, .email-pumb .form-red.form-pumb input[type="email"]:focus,
.email-pumb .form-orange.form-pumb input[type="text"]:focus, .email-pumb .form-orange.form-pumb input[type="tel"]:focus, .email-pumb .form-orange.form-pumb input[type="email"]:focus{
border-bottom: 2px solid #000;
}
.email-pumb .form-pumb label{
font-family: "PT Sans", sans-serif;
margin-bottom: 10px;
}
.placeinput {
position: relative;
overflow: hidden;
}
.place_holder span {
color: #cbcbcb;
}
.darkred.yellow{
width: 100%;
font-size: 14px!important;
border: solid 1px #d23038!important;
box-shadow: 5px 5px 0 #d23038;
-moz-box-shadow: 5px 5px 0 #d23038;
-webkit-box-shadow: 5px 5px 0 #d23038;
padding: 16px;
}
.darkred.yellow:hover{
background: #d23038!important;
border: solid 1px #fff !important;
color: #fff!important;
}
.form-orange .darkred.yellow{
width: 100%;
font-size: 14px!important;
border: solid 1px #f9af4b!important;
box-shadow: 5px 5px 0 #f9af4b;
-moz-box-shadow: 5px 5px 0 #f9af4b;
-webkit-box-shadow: 5px 5px 0 #f9af4b;
padding: 16px;
color: #f9af4b!important;
background: #fff!important;
}
.form-orange .darkred.yellow:hover{
background: #f9af4b!important;
border: solid 1px #fff!important;
color: #fff!important;
}
.logo-book, .logo-book .col{
position: initial;
}
.logo-pumb{
position: absolute;
top: 50px;
right: 35px;
}
.book-pumb{
position: absolute;
right: -15px;
bottom: -15px;
}
.logo-pivden{
position: absolute;
right: -300px;
top: 0;
}
.form-pumb .sp-field-nolabel .sp-field>.sp-control-label>strong {
bottom: 30%;
}
@media screen and (max-width:768px){
.form-pumb.form-red h2, .form-pumb.form-red p, .form-pumb.form-orange h2, .form-pumb.form-orange p, .form-pumb.form-red .sp-radio-options,
.form-pumb.form-yellow h2, .form-pumb.form-yellow p, .form-pumb.form-yellow .sp-radio-options{
text-align: center;
}
.logo-pumb{
float: left;
max-width: 30%;
margin-top: 50px;
position: initial;
}
.logo-pivden{
position: static;
display: block;
margin: 20px auto;
}
.book-pumb{
float: right;
max-width: 60%;
position: initial;
}
.logo-book{
padding-bottom: 20px;
}
.form-pumb.form-red .col-8, .form-pumb.form-red .col-6, .form-pumb.form-orange .col-8, .form-pumb.form-orange .col-6{
width: 100%;
}
} .email-pumb div.checks{
display: inline-block;
position: relative;
}
.email-pumb div.checks div.check-list{
display: inline-block;
position: relative;
margin-right: 15px;
}
.email-pumb div.checks div.check-list input[type=radio]{
position: absolute;
height: 1px;
bottom: 10px;
left: -4px;
}
.email-pumb div.checks div.check-list label{
display: block;
position: relative;
z-index: 9;
cursor: pointer;
-webkit-transition: all .25s linear;
width: auto;
padding-left: 34px;
}
.email-pumb div.checks div.check-list:hover label{
color: #000;
}
.email-pumb div.checks div.check-list .check{
display: block;
border: 1px solid #d1d1d1;
height: 24px;
width: 24px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
}
.email-pumb div.checks div.check-list:hover .check {
border: 1px solid #000;
}
.email-pumb div.checks div.check-list .check::before {
display: block;
position: absolute;
content: '';
height: 14px;
width: 14px;
top: 4px;
left: 4px;
margin: auto;
transition: background .25s linear;
-webkit-transition: background .25s linear;
}
.email-pumb input[type=radio]:checked ~ .check {
border: 1px solid #d1d1d1;
}
.email-pumb input[type=radio]:checked ~ .check::before{
background: #ffde00;
}
.email-pumb .form-red input[type=radio]:checked ~ .check::before{
background: #d23038;
}
.wpcf7-form input[type="checkbox"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
background: #ffffff;
height: 24px;
width: 24px;
border: 1px solid #D1D1D1;
}
.wpcf7-form input[type="checkbox"]:checked {
background: #ffffff;
border: 1px solid #ffe043;
}
.wpcf7-form input[type="checkbox"]:hover {
filter: brightness(95%);
}
.wpcf7-form input[type="checkbox"]:disabled {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.wpcf7-form input[type="checkbox"]:after {
content: '';
position: relative;
left: 3px;
top: 3px;
width: 16px;
height: 16px;
border-width: 0 2px 2px 0;
display: none;
background: #ffe043;
}
.wpcf7-form input[type="checkbox"]:checked:after {
display: block;
}
.wpcf7-form input[type="checkbox"]:disabled:after {
border-color: #7b7b7b;
}
.wpcf7-list-item .wpcf7-list-item-label{
vertical-align: super;
padding-left: 5px;
}
.wpcf7-form input[type="radio"]:checked,
.wpcf7-form input[type="radio"]:not(:checked){
position: absolute;
left: -9999px;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label,
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label {
display: inline-block;
position: relative;
padding-left: 32px;
line-height: 24px;
cursor: pointer;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 24px;
height: 24px;
border: 1px solid #dddddd;
background-color: #ffffff;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:before{
border: 1px solid #ffe043;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label:before {
border-radius: 100%;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label:after {
content: "";
position: absolute;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label:after {
left: 4px;
top: 4px;
width: 16px;
height: 16px;
border-radius: 100%;
background-color: #ffe043;
}
.wpcf7-form input[type="radio"]:not(:checked) + .wpcf7-list-item-label:after {
opacity: 0;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:after {
opacity: 1;
}
.wpcf7-list-item label{
font-weight: 400!important;
} iframe[src^="https://player.vimeo.com"] {
width: 100%;
height: auto;
aspect-ratio: 500 / 281;
}.royalSlider {
width: 600px;
height: 400px;
position: relative;
direction: ltr;
-webkit-backface-visibility: hidden;
}
.royalSlider > * {
float: left;
}
.royalSlider > .rsContent,
.royalSlider > .rsSlideRoot {
visibility: hidden;
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink,
.rsWebkit3d .rsContent,
.rsWebkit3d .rsBtnCenterer {
-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d .rsContent,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsThumb {
float: left;
position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
z-index: 90;
} .royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition:  0s;
transition:  0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto !important;
}
.rsContent {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.rsAutoHeight .rsContent {
position: relative;
height: auto;
}
.rsPreloader {
position:absolute;
z-index: 0;	
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNav {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.rsNavItem {
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22;
}
.rsTabs {
float: left;
background: none !important;
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer {
width: auto;
height: auto;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock,
.rsSBlock {
left: 0;
top: 0;
position: absolute;
z-index: 15;
}
img.rsImg {
max-width: none;
}
.grab-cursor {
cursor:url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/grab.png) 8 8, move; 
}
.grabbing-cursor{ 
cursor:url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
a.rsLink {
left:0;
top:0;
position:absolute;
width:100%;
height:100%;
display:block;	
z-index: 20;
background: url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/blank.gif);
-webkit-backface-visibility: hidden;
outline: none;
padding: 0;
margin: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.abBlackBox {
color: #FFF;
background: #000;
background: rgba(0, 0, 0, 0.75);
padding: 15px;
}
.abWhiteBox {
color: #000;
background: #FFF;
background: rgba(255, 255, 255, 0.75);
padding: 15px;
}
.abTextAlignCenter {
text-align: center;
}.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
background: #EEE;
color: #222;
} .rsDefaultInv .rsArrow {
height: 100%;
width: 44px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsDefaultInv.rsVer .rsArrow {
width: 100%;
height: 44px;
}
.rsDefaultInv.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefaultInv.rsVer .rsArrowRight { bottom: 0;  left: 0; }
.rsDefaultInv.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefaultInv.rsHor .rsArrowRight { right: 0; top:0; }
.rsDefaultInv .rsArrowIcn {		
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top:-16px;	
margin-left: -16px;
position: absolute;	
cursor: pointer;	
background: url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/rs-default-inverted.png);
background-color: #FFF;
background-color: rgba(255,255,255, .75);
*background-color: #FFF;
border-radius: 2px;
}
.rsDefaultInv .rsArrowIcn:hover {
background-color: rgba(255,255,255,0.9);
}
.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }
.rsDefaultInv.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefaultInv.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }
.rsDefaultInv .rsArrowDisabled .rsArrowIcn { filter: alpha(opacity=20); opacity: .2; *display: none; } .rsDefaultInv .rsBullets {
position: relative;
z-index: 35;
padding-top: 4px;
width: 100%;
height: auto;
margin: 0 auto; 
text-align: center;
line-height: 5px;
overflow: hidden;
}
.rsDefaultInv .rsBullets * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.rsDefaultInv .rsBullet {
width: 5px;
height: 5px;
display: inline-block;
*display:inline; 
*zoom:1;
padding: 6px;
}
.rsDefaultInv .rsBullet span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #BBB;
}
.rsDefaultInv .rsBullet.rsNavSelected span {
background-color: #000;
} .rsDefaultInv .rsThumbsHor {
width: 100%;
height: 72px;
}
.rsDefaultInv .rsThumbsVer {
width: 96px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.rsDefaultInv.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsDefaultInv.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
}
.rsDefaultInv .rsThumb {
float: left;
overflow: hidden;
width: 96px;
height: 72px;
}
.rsDefaultInv .rsThumb img {
width: 100%;
height: 100%;
}
.rsDefaultInv .rsThumb.rsNavSelected {
background: #FFF;
}
.rsDefaultInv .rsThumb.rsNavSelected img {
opacity: 0.5;
filter: alpha(opacity=50);
}
.rsDefaultInv .rsTmb {
display: block;
} .rsDefaultInv .rsTmb h5 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 20px;
}
.rsDefaultInv .rsTmb span {
color: #DDD;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 18px;
} .rsDefaultInv .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;	
z-index: 21;	
background: #FFF;
background: rgba(255,255,255,0.75);
}
.rsDefaultInv .rsThumbsArrow:hover {
background: rgba(255,255,255,0.9);
}
.rsDefaultInv.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }
.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsDefaultInv .rsThumbsArrowIcn {		
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top:-8px;	
margin-left: -8px;
position: absolute;	
cursor: pointer;	
background: url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/rs-default-inverted.png);
}
.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsDefaultInv .rsThumbsArrowDisabled { display: none !important; } @media screen and (min-width: 0px) and (max-width: 800px) {
.rsDefaultInv .rsThumb {
width: 59px;
height: 44px;
}
.rsDefaultInv .rsThumbsHor {
height: 44px;
}
.rsDefaultInv .rsThumbsVer {
width: 59px;
}
} .rsDefaultInv .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align:center;
overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefaultInv .rsTab {
display: inline-block;
cursor: pointer;
text-align: center;
height: auto;
width: auto;
color: #333;
padding: 5px 13px 6px;
min-width: 72px;
border: 1px solid #D9D9DD;
border-right: 1px solid #f5f5f5;
text-decoration: none;
background-color: #FFF;
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);
-webkit-box-shadow: inset 1px 0 0 #fff;
box-shadow: inset 1px 0 0 #fff;
*display:inline; 
*zoom:1;
}
.rsDefaultInv .rsTab:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.rsDefaultInv .rsTab:last-child { 
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-right:  1px solid #cfcfcf;
}
.rsDefaultInv .rsTab:active { 
border: 1px solid #D9D9DD;   
background-color: #f4f4f4;
box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefaultInv .rsTab.rsNavSelected { 
color: #FFF;
border: 1px solid #999;
text-shadow: 1px 1px #838383;
box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
background: #ACACAC;
background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
background-image: linear-gradient(to bottom, #ACACAC, #BBB);
} .rsDefaultInv .rsFullscreenBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
}
.rsDefaultInv .rsFullscreenIcn {
display: block;
margin: 6px;
width: 32px;
height: 32px;
background: url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/rs-default-inverted.png) 0 0;
background-color: #FFF;
background-color: rgba(255,255,255,0.75);
*background-color: #FFF;
border-radius: 2px;
}
.rsDefaultInv .rsFullscreenIcn:hover {
background-color: rgba(255,255,255,0.9);
}
.rsDefaultInv.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0;
} .rsDefaultInv .rsPlayBtn {
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
cursor: pointer;
}
.rsDefaultInv .rsPlayBtnIcon {
width:64px;
display:block;
height:64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background:url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/rs-default-inverted.png) no-repeat 0 -32px;
background-color: #FFF;
background-color: rgba(255,255,255,0.75);
*background-color: #FFF;
}
.rsDefaultInv .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(255,255,255,0.9);
}
.rsDefaultInv .rsBtnCenterer {
position:absolute;
left:50%;
top:50%;
width: 20px;
height: 20px;
}
.rsDefaultInv .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsDefaultInv .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px;
}
.rsDefaultInv .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
background: url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/rs-default-inverted.png) -64px 0;
background-color: #FFF;
background-color: rgba(255,255,255,0.75);
*background-color: #FFF;
}
.rsDefaultInv .rsCloseVideoIcn:hover {
background-color: rgba(255,255,255,0.9);
} .rsDefaultInv .rsPreloader {
width:20px;
height:20px;
background-image:url(//mc.today/wp-content/plugins/new-royalslider/lib/royalslider/skins/preloaders/preloader.gif);
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;	
} .rsDefaultInv .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: #FFF;
background: rgba(255,255,255, 0.75);
color: #000;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px;
}