@charset "UTF-8";
@font-face {
font-family: "Flaticon";
src: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/fonts/Flaticon.woff2) format("woff2"), url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/fonts/Flaticon.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-computer:before {
content: "\f101";
}
.flaticon-computer-1:before {
content: "\f102";
}
.flaticon-admin:before {
content: "\f103";
}
.flaticon-technical:before {
content: "\f104";
}
.flaticon-help:before {
content: "\f105";
}
.flaticon-information:before {
content: "\f106";
}
.flaticon-technical-support:before {
content: "\f107";
}
.flaticon-setting:before {
content: "\f108";
}
.flaticon-maintenance:before {
content: "\f109";
}
.flaticon-settings:before {
content: "\f10a";
}
.flaticon-flow-chart:before {
content: "\f10b";
}
.flaticon-infographic:before {
content: "\f10c";
}
.flaticon-flow-chart-1:before {
content: "\f10d";
}
.flaticon-seo:before {
content: "\f10e";
}
.flaticon-plan:before {
content: "\f10f";
}
.flaticon-3d-printing:before {
content: "\f110";
}
.flaticon-cloud:before {
content: "\f111";
}
.flaticon-cloud-network:before {
content: "\f112";
}
.flaticon-folder:before {
content: "\f113";
}
.flaticon-file:before {
content: "\f114";
}
.flaticon-seo-1:before {
content: "\f115";
}
.flaticon-settings-1:before {
content: "\f116";
}
.flaticon-web-maintenance:before {
content: "\f117";
}
.flaticon-web:before {
content: "\f118";
}
.flaticon-web-programming:before {
content: "\f119";
}
.flaticon-repair:before {
content: "\f11a";
}
.flaticon-data:before {
content: "\f11b";
}
.flaticon-internet:before {
content: "\f11c";
}
.flaticon-improvement:before {
content: "\f11d";
}
.flaticon-analysis:before {
content: "\f11e";
}
.flaticon-development:before {
content: "\f11f";
}
.flaticon-css:before {
content: "\f120";
}
.flaticon-browser:before {
content: "\f121";
}
.flaticon-web-traffic:before {
content: "\f122";
}
.flaticon-web-traffic-1:before {
content: "\f123";
}
.flaticon-presentation:before {
content: "\f124";
}
.flaticon-configuration:before {
content: "\f125";
}
.flaticon-web-development:before {
content: "\f126";
}
.flaticon-website:before {
content: "\f127";
}
.flaticon-web-development-1:before {
content: "\f128";
}
.flaticon-coding:before {
content: "\f129";
}
.flaticon-development-2:before {
content: "\f12a";
}
.flaticon-web-1:before {
content: "\f12b";
}
.flaticon-coding-1:before {
content: "\f12c";
}
.flaticon-coding-2:before {
content: "\f12d";
}
.flaticon-education:before {
content: "\f12e";
}
.flaticon-coding-3:before {
content: "\f12f";
}
.flaticon-website-1:before {
content: "\f130";
}
.flaticon-front-end:before {
content: "\f131";
}
.flaticon-coding-4:before {
content: "\f132";
}
.flaticon-development-3:before {
content: "\f133";
}
.flaticon-coding-5:before {
content: "\f134";
}
.flaticon-application:before {
content: "\f135";
}
.flaticon-development-4:before {
content: "\f136";
}
.flaticon-development-5:before {
content: "\f137";
}
.flaticon-interface:before {
content: "\f138";
}
.flaticon-code:before {
content: "\f139";
}
.flaticon-web-development-2:before {
content: "\f13a";
}
.flaticon-web-development-3:before {
content: "\f13b";
}
.flaticon-website-2:before {
content: "\f13c";
}
.flaticon-web-development-4:before {
content: "\f13d";
}
.flaticon-algorithm:before {
content: "\f13e";
}
.flaticon-software-development:before {
content: "\f13f";
}
.flaticon-web-development-5:before {
content: "\f140";
}
.flaticon-design-process:before {
content: "\f141";
}
.flaticon-art:before {
content: "\f142";
}
.flaticon-idea:before {
content: "\f143";
}
.flaticon-3d:before {
content: "\f144";
}
.flaticon-graphic-design:before {
content: "\f145";
}
.flaticon-creativity:before {
content: "\f146";
}
.flaticon-prototype:before {
content: "\f147";
}
.flaticon-vector:before {
content: "\f148";
}
.flaticon-crop:before {
content: "\f149";
}
.flaticon-3d-cube:before {
content: "\f14a";
}
.flaticon-conversation:before {
content: "\f14b";
}
.flaticon-chat:before {
content: "\f14c";
}
.flaticon-envelope:before {
content: "\f14d";
}
.flaticon-email:before {
content: "\f14e";
}
.flaticon-chatting:before {
content: "\f14f";
}
.flaticon-mail:before {
content: "\f150";
}
.flaticon-send:before {
content: "\f151";
}
.flaticon-chat-1:before {
content: "\f152";
}
.flaticon-chat-2:before {
content: "\f153";
}
.flaticon-message:before {
content: "\f154";
}
.flaticon-message-1:before {
content: "\f155";
}
.flaticon-send-1:before {
content: "\f156";
}
.flaticon-chat-3:before {
content: "\f157";
}
.flaticon-speech-bubble:before {
content: "\f158";
}
.flaticon-chat-4:before {
content: "\f159";
}
.flaticon-email-1:before {
content: "\f15a";
}
.flaticon-email-2:before {
content: "\f15b";
}
.flaticon-email-3:before {
content: "\f15c";
}
.flaticon-speech-bubble-with-text-lines:before {
content: "\f15d";
}
.flaticon-messages:before {
content: "\f15e";
}
.flaticon-text:before {
content: "\f15f";
}
.flaticon-mobile-phone:before {
content: "\f160";
}
.flaticon-chat-5:before {
content: "\f161";
}
.flaticon-chat-6:before {
content: "\f162";
}
.flaticon-chat-bubble:before {
content: "\f163";
}
.flaticon-like:before {
content: "\f164";
}
.flaticon-like-1:before {
content: "\f165";
}
.flaticon-light-bulb:before {
content: "\f166";
}
.flaticon-lamp:before {
content: "\f167";
}
.flaticon-idea-1:before {
content: "\f168";
}
.flaticon-light-bulb-1:before {
content: "\f169";
}
.flaticon-lightbulb-1:before {
content: "\f16a";
}
.flaticon-bulb:before {
content: "\f16b";
}
.flaticon-idea-2:before {
content: "\f16c";
}
.flaticon-knowledge:before {
content: "\f16d";
}
.flaticon-idea-3:before {
content: "\f16e";
}
.flaticon-light-bulb-2:before {
content: "\f16f";
}
.flaticon-instagram:before {
content: "\f170";
}
.flaticon-instagram-1:before {
content: "\f171";
}
.flaticon-facebook:before {
content: "\f172";
}
.flaticon-linkedin:before {
content: "\f173";
}
.flaticon-linkedin-1:before {
content: "\f174";
}
.flaticon-linkedin-2:before {
content: "\f175";
}
.flaticon-linkedin-3:before {
content: "\f176";
}
.flaticon-linkedin-4:before {
content: "\f177";
}
.flaticon-linkedin-5:before {
content: "\f178";
}
.flaticon-linkedin-6:before {
content: "\f179";
}
.flaticon-facebook-2:before {
content: "\f17a";
}
.flaticon-facebook-3:before {
content: "\f17b";
}
.flaticon-facebook-4:before {
content: "\f17c";
}
.flaticon-facebook-logo:before {
content: "\f17d";
}
.flaticon-facebook-5:before {
content: "\f17e";
}
.flaticon-facebook-circular-logo:before {
content: "\f17f";
}
.flaticon-facebook-6:before {
content: "\f180";
}
.flaticon-twitter-1:before {
content: "\f181";
}
.flaticon-twitter-2:before {
content: "\f182";
}
.flaticon-twitter-3:before {
content: "\f183";
}
.flaticon-twitter-sign:before {
content: "\f184";
}
.flaticon-instagram-2:before {
content: "\f185";
}
.flaticon-instagram-3:before {
content: "\f186";
}
.flaticon-instagram-4:before {
content: "\f187";
}
.flaticon-instagram-5:before {
content: "\f188";
}
.flaticon-pinterest-1:before {
content: "\f189";
}
.flaticon-pinterest-2:before {
content: "\f18a";
}
.flaticon-pinterest-3:before {
content: "\f18b";
}
.flaticon-pinterest-4:before {
content: "\f18c";
}
.flaticon-youtube-1:before {
content: "\f18d";
}
.flaticon-youtube-2:before {
content: "\f18e";
}
.flaticon-youtube-3:before {
content: "\f18f";
}
.flaticon-youtube-4:before {
content: "\f190";
}
.flaticon-youtube-5:before {
content: "\f191";
}
.flaticon-youtube-6:before {
content: "\f192";
}
.flaticon-vimeo:before {
content: "\f193";
}
.flaticon-vimeo-1:before {
content: "\f194";
}
.flaticon-vimeo-social-logo:before {
content: "\f195";
}
.flaticon-vimeo-2:before {
content: "\f196";
}
.flaticon-vimeo-3:before {
content: "\f197";
}
.flaticon-vimeo-4:before {
content: "\f198";
}
.flaticon-vimeo-square-logo:before {
content: "\f199";
}
.flaticon-vimeo-5:before {
content: "\f19a";
}
.flaticon-skype-1:before {
content: "\f19b";
}
.flaticon-whatsapp:before {
content: "\f19c";
}
.flaticon-whatsapp-2:before {
content: "\f19d";
}
.flaticon-whatsapp-3:before {
content: "\f19e";
}
.flaticon-snapchat:before {
content: "\f19f";
}
.flaticon-snapchat-2:before {
content: "\f1a0";
}
.flaticon-snapchat-3:before {
content: "\f1a1";
}
.flaticon-snapchat-5:before {
content: "\f1a2";
}
.flaticon-snapchat-6:before {
content: "\f1a3";
}
.flaticon-share:before {
content: "\f1a4";
}
.flaticon-profile:before {
content: "\f1a5";
}
.flaticon-network:before {
content: "\f1a6";
}
.flaticon-team:before {
content: "\f1a7";
}
.flaticon-team-1:before {
content: "\f1a8";
}
.flaticon-meeting:before {
content: "\f1a9";
}
.flaticon-presentation-1:before {
content: "\f1aa";
}
.flaticon-money:before {
content: "\f1ab";
}
.flaticon-dashboard:before {
content: "\f1ac";
}
.flaticon-business:before {
content: "\f1ad";
}
.flaticon-contract:before {
content: "\f1ae";
}
.flaticon-check:before {
content: "\f1af";
}
.flaticon-salary:before {
content: "\f1b0";
}
.flaticon-bars:before {
content: "\f1b1";
}
.flaticon-analysis-1:before {
content: "\f1b2";
}
.flaticon-branding:before {
content: "\f1b3";
}
.flaticon-business-1:before {
content: "\f1b4";
}
.flaticon-line-graph:before {
content: "\f1b5";
}
.flaticon-idea-4:before {
content: "\f1b6";
}
.flaticon-rocket:before {
content: "\f1b7";
}
.flaticon-product:before {
content: "\f1b8";
}
.flaticon-sme:before {
content: "\f1b9";
}
.flaticon-stock-market:before {
content: "\f1ba";
}
.flaticon-budget:before {
content: "\f1bb";
}
.flaticon-database:before {
content: "\f1bc";
}
.flaticon-retirement:before {
content: "\f1bd";
}
.flaticon-customer-service:before {
content: "\f1be";
}
.flaticon-support:before {
content: "\f1bf";
}
.flaticon-support-1:before {
content: "\f1c0";
}
.flaticon-headphones:before {
content: "\f1c1";
}
.flaticon-conversation-1:before {
content: "\f1c2";
}
.flaticon-technical-support-1:before {
content: "\f1c3";
}
.flaticon-support-2:before {
content: "\f1c4";
}
.flaticon-online-chat:before {
content: "\f1c5";
}
.flaticon-customer-service-1:before {
content: "\f1c6";
}
.flaticon-delivery-box:before {
content: "\f1c7";
}
.flaticon-cloud-network-1:before {
content: "\f1c8";
}
.flaticon-database-1:before {
content: "\f1c9";
}
.flaticon-cloud-1:before {
content: "\f1ca";
}
.flaticon-big-data:before {
content: "\f1cb";
}
.flaticon-server:before {
content: "\f1cc";
}
.flaticon-cloud-2:before {
content: "\f1cd";
}
.flaticon-cloud-computing:before {
content: "\f1ce";
}
.flaticon-cloud-servers:before {
content: "\f1cf";
}
.flaticon-cloud-computing-1:before {
content: "\f1d0";
}
.flaticon-cloud-server:before {
content: "\f1d1";
}
.flaticon-counter:before {
content: "\f1d2";
}
.flaticon-tachometer:before {
content: "\f1d3";
}
.flaticon-counter-1:before {
content: "\f1d4";
}
.flaticon-blueprint:before {
content: "\f1d5";
}
.flaticon-online-shopping:before {
content: "\f1d6";
}
.flaticon-delivery-box-1:before {
content: "\f1d7";
}
.flaticon-food-delivery:before {
content: "\f1d8";
}
.flaticon-shop:before {
content: "\f1d9";
}
.flaticon-email-4:before {
content: "\f1da";
}
.flaticon-chat-7:before {
content: "\f1db";
}
.flaticon-server-1:before {
content: "\f1dc";
}
.flaticon-call-center:before {
content: "\f1dd";
}
.flaticon-support-3:before {
content: "\f1de";
}
.flaticon-tools:before {
content: "\f1df";
}
.flaticon-call-center-1:before {
content: "\f1e0";
}
.flaticon-baking:before {
content: "\f1e1";
}
.flaticon-games:before {
content: "\f1e2";
}
.flaticon-idea-5:before {
content: "\f1e3";
}
.flaticon-bussiness:before {
content: "\f1e4";
}
.flaticon-start-up:before {
content: "\f1e5";
}
.flaticon-presentation-3:before {
content: "\f1e6";
}
.flaticon-creation:before {
content: "\f1e7";
}
.flaticon-rocket-1:before {
content: "\f1e8";
}
.flaticon-startup:before {
content: "\f1e9";
}
.flaticon-startup-1:before {
content: "\f1ea";
}
.flaticon-start-up-1:before {
content: "\f1eb";
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.megamenu_lists>li>a {
padding: 10px;
color: #000000
}
.xs-container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1140px
}
.xs-navbar {
position: relative;
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
}
.xs-navbar-brand {
text-decoration: none;
color: #000000
}
.xs-navbar-brand>h2 {
margin-top: 0;
margin-bottom: 0
}
@media (min-width:992px) {
.elementskit-header .elementskit-menu-container {
position: static
}
.elementskit-megamenu-panel>li {
display: inline-block;
width: 25%;
float: left
}
}
.language-content p {
color: #FFFFFF;
text-align: center;
margin-bottom: 40px;
font-size: rem(20px)
}
.flag-lists {
text-align: center
}
.flag-lists li {
display: inline-block;
margin-right: 25px
}
.flag-lists li:last-child {
margin-right: 0
}
.flag-lists li a {
display: block;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.flag-lists li a:hover {
opacity: .7
}
.flag-lists li a img {
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: middle
}
.modal-searchPanel .xs-search-group {
position: relative
}
.modal-searchPanel .xs-search-group input:not([type=submit]) {
height: 70px;
background-color: transparent;
border-radius: 50px;
border: 2px solid #FFFFFF;
color: #FFFFFF;
padding: 0 30px;
width: 100%
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group .search-button {
background-color: transparent;
border: 0px;
padding: 0;
color: #FFFFFF;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: 70px;
border-radius: 0 50px 50px 0
}
.modal-searchPanel .xs-search-panel {
max-width: 800px;
margin: 1.75rem auto
}
.mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
-webkit-animation: menu-animation .8s ease-out forwards;
animation: menu-animation .8s ease-out forwards
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%)
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px)
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
to {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
@keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%)
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px)
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
to {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
.xs-promo-popup .modal-content {
background-color: transparent;
padding: 0px;
border: 0px
}
.xs-promo-popup .mfp-close {
color: #FFFFFF;
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px)
}
.xs-promo-popup.mfp-ready .mfp-close {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px)
}
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.mini_cart_item {
margin-bottom: 20px;
padding-bottom: 20px
}
.xs-empty-content {
padding: 120px 30px 30px
}
.xs-empty-content .widget-title {
font-size: rem(22px)
}
.xs-empty-content .xs-title {
margin-bottom: 20px;
font-size: rem(18px)
}
.xs-empty-content .woocommerce-mini-cart__empty-message {
font-size: rem(20px)
}
.xs-empty-content .empty-cart-icon {
font-size: rem(50px)
}
.sidebar-textwidget .sidebar-logo-wraper {
margin-bottom: 33px
}
.sidebar-textwidget>p {
font-size: rem(15px);
line-height: 1.5;
margin-bottom: 40px
}
.sidebar-textwidget .social-list {
margin-bottom: 30px
}
.sideabr-list-widget {
margin-bottom: 40px
}
.sideabr-list-widget li {
margin-bottom: 20px
}
.sideabr-list-widget li:last-child {
margin-bottom: 0px
}
.sideabr-list-widget img {
margin-right: 15px;
margin-top: 3px
}
.sideabr-list-widget a,
.sideabr-list-widget p {
margin-bottom: 2px;
color: #000000;
margin-bottom: 8px;
display: block
}
.sideabr-list-widget span {
display: block;
font-size: rem(14px);
color: #1768dd
}
.sideabr-list-widget .media-body {
line-height: 1
}
.subscribe-from {
position: relative;
margin-bottom: 40px
}
.subscribe-from p {
font-size: rem(18px);
font-weight: 700;
margin-bottom: 15px;
line-height: 1;
color: #1768dd
}
.subscribe-from label {
position: absolute;
bottom: -24px;
left: 0px;
margin-bottom: 0;
line-height: 1
}
.subscribe-from .form-control {
border: 1px solid #f5f5f5;
height: 50px;
padding-left: 25px
}
.subscribe-from .sub-btn {
background-color: transparent;
border: 0px;
position: absolute;
top: 0;
right: 0;
padding-right: 25px;
cursor: pointer;
color: #1768dd;
height: 100%
}
.subscribe-from .sub-btn:focus {
outline: none
}
.subscribe-from .form-group {
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
border-radius: 25px;
margin-bottom: 0px
}
.xs-sidebar-group .xs-overlay {
left: 100%;
top: 0;
position: fixed;
z-index: 101;
height: 100%;
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all .4s ease-in .8s;
-o-transition: all .4s ease-in .8s;
transition: all .4s ease-in .8s;
cursor: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/images/cross-out.png), pointer
}
.xs-sidebar-group .widget-heading {
position: absolute;
top: 0;
right: 0;
padding: 25px
}
.xs-sidebar-widget {
position: fixed;
right: -100%;
top: 0;
bottom: 0;
width: 100%;
max-width: 360px;
z-index: 999999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #272727;
-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
-o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
visibility: hidden;
opacity: 0
}
.xs-sidebar-group.isActive .xs-overlay {
opacity: .9;
visibility: visible;
-webkit-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
left: 0
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
opacity: 1;
visibility: visible;
right: 0;
-webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
-o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s
}
.sidebar-textwidget {
padding: 40px;
}
.close-side-widget {
color: #1768dd;
font-size: rem(15px);
display: block
}
.sidebar-widget-container {
position: relative;
top: 150px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in .3s;
-o-transition: all .3s ease-in .3s;
transition: all .3s ease-in .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.xs-sidebar-group.isActive .sidebar-widget-container {
top: 0px;
opacity: 1;
visibility: visible;
-webkit-transition: all 1s ease-out 1.2s;
-o-transition: all 1s ease-out 1.2s;
transition: all 1s ease-out 1.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.xs-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: .5;
z-index: 0
}
.xs-bg-black {
background-color: #000000
}
.xs-menu-tools>li {
display: inline-block;
margin-right: 15px
}
.xs-menu-tools>li:last-child {
margin-right: 0
}
.xs-menu-tools>li>a {
color: #000000;
text-decoration: none
}
.nav-alignment-dynamic,
.nav-alignment-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.elementskit-menu-container {
z-index: 10000
}
.elementskit-navbar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.elementskit-navbar-nav li {
position: relative;
padding: 0px 15px;
}
.elementskit-navbar-nav li:last-child {
border-bottom: none;
}
.elementskit-navbar-nav li a {
height: 100%;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none
}
.elementskit-navbar-nav li a:hover {
text-decoration: none
}
.elementskit-navbar-nav li.elementskit-megamenu-has {
position: static
}
.elementskit-navbar-nav>li>a {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
text-transform: none;
font-weight: 500;
letter-spacing: normal
}
.elementskit-dropdown {
padding-left: 0;
list-style: none;
opacity: 0;
visibility: hidden;
}
.elementskit-dropdown>li>.elementskit-dropdown {
left: 100%;
top: 0
}
.elementskit-dropdown>li>.elementskit-dropdown.open-fromleft {
left: auto;
right: 100%
}
.elementskit-submenu-panel>li:hover>a,
.elementskit-submenu-panel>li>a:hover {
color: #0d3a4f;
background: rgba(255, 255, 255, 0.5);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%)
}
.elementskit-megamenu-panel {
width: 100%;
}
.elementskit-overlay {
display: none
}
.elementskit-nav-identity-panel {
display: none
}
.elementskit-menu-hamburger {
border: 1px solid rgba(0, 0, 0, 0.2);
float: right
}
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
background-color: rgba(0, 0, 0, 0.5)
}
.elementskit-menu-close,
.elementskit-menu-hamburger {
display: none;
padding: 8px;
background-color: transparent;
border-radius: 0.25rem;
position: relative;
z-index: 10;
cursor: pointer;
width: 45px
}
.elementskit-menu-close .elementskit-menu-hamburger-icon,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
height: 1px;
width: 100%;
display: block;
margin-bottom: 4px
}
.elementskit-menu-close .elementskit-menu-hamburger-icon:last-child,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon:last-child {
margin-bottom: 0
}
.elementskit-menu-close {
border: 1px solid rgba(0, 0, 0, 0.5);
color: rgba(51, 51, 51, 0.5);
float: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px
}
.elementskit-dropdown-has:hover>a:after {
border-color: transparent #1e73be #1e73be transparent
}
.elementskit-dropdown-has>a {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.elementskit-dropdown-has>a:hover:after {
border-color: transparent #1e73be #1e73be transparent
}
.elementskit-dropdown-has>a:after {}
.elementskit-submenu-panel .elementskit-dropdown-has:hover>a:after {
border-color: transparent #0d3a4f #0d3a4f transparent
}
.elementskit-submenu-panel .elementskit-dropdown-has>a:hover:after {
border-color: transparent #0d3a4f #0d3a4f transparent
}
@media (min-width:992px) {
.elementskit-dropdown .elementskit-dropdown-has>a:after {}
.elementskit-menu-container {
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
position: relative
}
.elementskit-dropdown {
min-width: 250px
}
.elementskit-navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementskit-navbar-nav>li>a {}
.elementskit-dropdown {
-webkit-box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
position: absolute;
top: 100%;
left: 0px;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
pointer-events: none
}
.elementskit-dropdown-has:hover>.elementskit-dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
pointer-events: auto
}
}
@media (max-width:991px) {
.elementskit-menu-container {
background: #f7f7f7;
background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#f7f7f7));
background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
background: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 100%);
max-width: 350px;
width: 100%;
position: fixed;
top: 0;
left: -450px;
height: 100%;
-webkit-box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
overflow-y: auto;
overflow-x: hidden;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
-webkit-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
-o-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms
}
.elementskit-menu-container.active {
left: 0
}
.no-scroller {
overflow: hidden
}
.elementskit-menu-overlay {
display: block;
position: fixed;
z-index: 5;
top: 0;
left: -110%;
height: 100%;
width: 100%;
background-color: rgba(51, 51, 51, 0.5);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
visibility: visible;
-webkit-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
-o-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms
}
.elementskit-menu-overlay.active {
left: 0%;
-webkit-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
-o-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms
}
.elementskit-menu-close,
.elementskit-menu-hamburger {
display: block
}
.elementskit-nav-identity-panel {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%
}
.elementskit-nav-identity-panel .elementskit-site-title {
float: left
}
.elementskit-nav-identity-panel .elementskit-menu-close {
float: right
}
.elementskit-navbar-nav {
padding-top: 100px
}
.elementskit-navbar-nav>li>a {
color: #000000;
font-size: 12px;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px
}
.elementskit-navbar-nav>li>a:hover {
color: #0d3a4f
}
.elementskit-navbar-nav>li:hover>a {
color: #0d3a4f
}
.elementskit-submenu-panel>li>a {
color: #000000;
font-size: 12px;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px
}
.elementskit-dropdown {
max-height: 0;
overflow: hidden;
display: block;
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
-o-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
transition: max-height 2s cubic-bezier(0, 1, 0, 1)
}
.elementskit-dropdown.elementskit-dropdown-open {
max-height: 2500px;
opacity: 1;
visibility: visible;
-webkit-transition: max-height 5s ease-out;
-o-transition: max-height 5s ease-out;
transition: max-height 5s ease-out
}
.elementskit-navbar-nav>.elementskit-dropdown-has>.elementskit-dropdown li a {
padding-left: 15px
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(46px);
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(46px);
}
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} @keyframes rotation {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes bar-top {
0% {
transform: scale(0, 1);
}
12.5% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-right {
0% {
transform: scale(1, 0);
}
12.5% {
transform: scale(1, 0);
}
25% {
transform: scale(1, 1);
}
75% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
@keyframes bar-bottom {
0% {
transform: scale(0, 1);
}
25% {
transform: scale(0, 1);
}
37.5% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 1);
}
75% {
transform: scale(0, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-left {
0% {
transform: scale(1, 0);
}
37.5% {
transform: scale(1, 0);
}
50% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
@keyframes slide {
from {
background-position: 0 0;
}
to {
background-position: 200px 0;
}
}
@-webkit-keyframes slide {
from {
background-position: 0 0;
}
to {
background-position: 200px 0;
}
}
@keyframes move {
25% {
opacity: 1;
}
33% {
opacity: 1;
transform: translateY(30px);
}
67% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 0;
transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}
@keyframes pulse {
to {
opacity: 1;
}
} @keyframes ellipse-animation {
0% {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
25% {
border-top-left-radius: 0%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
transform: rotate(90deg);
}
50% {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
transform: rotate(180deg);
}
75% {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
transform: rotate(270deg);
}
100% {
border-top-left-radius: 0%;
border-top-right-radius: 0%;
border-bottom-right-radius: 0%;
border-bottom-left-radius: 0%;
transform: rotate(360deg);
}
}
 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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 shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}:root {
--thm-color: #179BD7;
--color-black: #1C1C1C;
--color-body: #7B7E86;
--color-white: #ffffff;
--color-border: #E6E6E6;
--color-bg: #F6F7FA;
--font-body: 'Kumbh Sans', sans-serif;
--font-heading: 'Kanit', sans-serif;
} .img-hover {
position: relative;
}
.img-hover::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
} @-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
} @keyframes updown {
0% {
bottom: -20px;
}
25% {
bottom: -30px;
}
50% {
bottom: -40px;
}
75% {
bottom: -30px;
}
100% {
bottom: -20px;
}
} .slick-slide img {
transition: .5s;
}
ul.slick-dots {
margin-top: 40px;
}
.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 1;
margin-top: 47px;
}
.slick-dots li {
position: relative;
cursor: pointer;
margin: 0 4px;
border: 2px solid #CEDCE9;
border-radius: 50px;
padding: 4px;
height: 20px;
width: 20px;
display: inline-flex;
justify-content: center;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
display: inline-flex;
align-items: center;
}
.slick-dots li button {
height: 8px;
font-size: 0;
border-radius: 50px;
box-shadow: var(--box-shadow);
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
border: none;
padding: 4px;
visibility: hidden;
}
.slick-dots li.slick-active button {
background: var(--thm-color);
visibility: visible;
}
.slick-dots li.slick-active {
border: 2px solid var(--thm-color);
} .tp-section-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-repeat: no-repeat;
pointer-events: none;
}
.shapeanimation {
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-duration: 9s;
-webkit-animation-duration: 9s;
z-index: -1;
} @-webkit-keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%,
100% {
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
@-webkit-keyframes rounded {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rounded {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .slick-prev {
z-index: 1;
position: absolute;
left: -100px;
top: 50%;
bottom: 50%;
transform: translate(-50%, -50%);
}
.slick-next {
position: absolute;
right: -160px;
top: 50%;
bottom: 50%;
transform: translate(-50%, -50%);
}
.slick-arrow {
border: none;
background: var(--thm-color);
color: var(--color-white);
font-size: 16px;
height: 67px;
width: 67px;
border-radius: 100PX;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
font-size: 14px;
}
.slick-arrow:hover {
background: var(--color-black);
} .header-top-wrapper {
background: var(--thm-color);
padding: 13px 0;
}
.top-header-itmes {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-message {
color: var(--color-white);
}
.top-header-right a:not([href]):not([class]),
.top-header-right a {
color: var(--color-white);
display: flex;
align-items: center;
}
.top-header-right a i {
margin-right: 5px;
}
.top-header-right a:hover {
color: var(--color-black);
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-info-box {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-info-item {
display: flex;
align-items: center;
margin-right: 70px;
padding-right: 70px;
border-right: 1px dotted #BABABA;
}
.header-info-icon {
width: 50px;
height: 50px;
background: var(--thm-color);
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
margin-right: 10px;
}
.header-info-item:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.header-info-label {
text-transform: uppercase;
margin: 0;
color: var(--thm-color);
font-family: Kanit;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 4px;
}
.hinfo-dec {
color: var(--body-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.hinfo-dec a {
color: var(--thm-color);
}
.hinfo-dec a:hover {
color: var(--color-black);
}
.header-info-content {
line-height: 1;
}
.hinfo-dec {
text-transform: capitalize;
}
.header-one .header-search input[type="search"] {
min-width: 300px;
background: #F6FDFF;
border: 1px solid #DDE0E9;
border-radius: 10px;
}
.header-one .search-button button {
width: 55px;
height: 54px;
border-radius: 0;
border: 1px solid transparent;
background: var(--thm-color);
padding: 16px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.header-center-wrapper {
padding: 25px 0 63px;
}
.header-one .main-menu>ul>li>a {
padding: 26px 0;
color: var(--color-white);
}
.header-one .main-menu>ul>li>a:hover {
color: var(--color-black);
}
.header-one .header-menu-wrapper {
border-radius: 10px;
position: relative;
top: -38px;
position: relative;
}
.header-menu-wrapper:after {
content: '';
transform: skewX(-8deg);
background: var(--thm-color);
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -2;
border-radius: 10px;
}
nav.main-navigation {
padding: 0;
}
.header-social-btn-info {
display: flex;
align-items: center;
}
.header-socials ul {
margin: 0;
padding: 0;
list-style: none;
}
.header-socials ul li {
display: inline-block;
margin-left: 10px;
}
.header-socials ul li a {
width: 30px;
height: 30px;
background: var(--color-white);
border-radius: 5px;
text-align: center;
font-size: 14px;
padding: 3px;
color: var(--thm-color);
}
.header-socials ul li a:hover {
background-color: var(--color-black);
color: var(--color-white);
}
.header-socials {
margin-right: 40px;
}
.header-phone a {
font-size: 18px;
font-weight: 500;
color: var(--color-white);
font-family: var(--font-heading);
}
.header-phone {
margin-right: 40px;
}
.header-phone a:hover {
color: var(--color-black);
}
.header-phone-box {
display: flex;
align-items: center;
color: var(--color-white);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.header-phone-box a:hover{
color: var(--color-black);
}
.header-phone-box .icon {
margin-right: 10px;
}
.header-one .header-buttons .theme-button {
margin-right: 20px;
color: var(--thm-color);
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
font-family: var(--font-heading);
display: flex;
align-items: center;
background: transparent;
position: relative;
}
.header-one .header-buttons .theme-button:after {
content: '';
transform: skewX(-8deg);
background: var(--color-white);
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
border-radius: 10px;
left: 0px;
transition: .4s;
}
.header-one .header-buttons a.theme-button:hover {
background: transparent;
color: var(--color-white);
}
.header-buttons .theme-button:hover:after {
background: var(--color-black);
}
.header-menu-info-wrapper {
position: absolute;
width: 100%;
}
.header-login-regi ul {
margin: 0;
padding: 0;
}
.header-login-regi .dropdown-menu {
padding: 20px;
top: 11px !important;
}
.header-login-regi .dropdown-menu a {
color: var(--color-black);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
}
.header-login-regi .dropdown-menu a:hover {
color: var(--thm-color);
}
.header-login-regi .dropdown-menu a:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1300px) {
.header-socials {
display: none;
}
.header-info-item {
margin-right: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 1024px) {
.header-phone {
display: none;
}
} .main-header {
width: 100%;
}
.header-two .header-top-box {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-two .header-contact-items {
display: flex;
}
.header-two .header-top-wrapper {
border-bottom: 1px solid #384350;
background: #142439;
padding: 0;
}
.header-two .header-contact-item {
display: flex;
align-items: center;
padding: 15px 20px 15px 0;
margin-right: 20px;
border-right: 1px solid #384350;
}
.header-two .header-social-info {
display: flex;
align-items: center;
}
.header-two .header-social-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.header-two .header-social-info ul li {
display: inline-block;
}
.header-two .header-social-info ul li a {
color: #ffffff;
margin-right: 20px;
}
.header-two .header-social-info span {
margin-right: 18px;
color: var(--color-white);
}
.header-two .header-social-info ul li:last-child a {
margin-right: 0;
}
.header-two .header-social-info ul li a:hover {
color: var(--thm-color);
}
.header-two .header-contact-icon {
color: var(--thm-color);
margin-right: 10px;
}
.header-two .header-contact-content,
.header-two .site-title a,
.header-two .main-menu>ul>li>a {
color: #ffffff;
}
.header-two .header-contact-content a {
color: #fff;
}
.header-two .header-contact-content a:hover{
color: var(--thm-color);
}
.header-two .header-contact-item:last-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
.header-two .header-main-wrapper .main-menu {
justify-content: center;
}
.header-two .header-main-wrapper {
display: unset;
}
.header-two .main-menu>ul>li>a {
padding: 39px 0;
}
.header-two .header-buttons .theme-button {
margin-right: 0px;
color: var(--color-white);
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
font-family: var(--font-heading);
display: flex;
align-items: center;
background: var(--thm-color);
position: relative;
}
.header-two .header-buttons a.theme-button:hover {
background: var(--color-white);
color: var(--thm-color);
} .video-button-wrp .play-btn>i {
width: 116px;
height: 116px;
border-radius: 116px;
border: 8px solid rgba(255, 255, 255, 0.52);
background: var(--White-color, #FFF);
} .header-search-popup {
position: fixed;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
z-index: 9999;
padding-left: 20px;
padding-right: 20px;
display: flex;
top: 0;
left: 0;
transform: translateY(-130%);
transition: transform 600ms ease, opacity 600ms ease;
}
.header-search-popup.active {
transform: translateY(0%);
}
.header-search-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-color);
cursor: pointer;
z-index: -1;
opacity: 0.95;
}
.button.search-open {
color: var(--thm-color);
font-weight: 500;
cursor: pointer;
font-size: 18px;
}
.header-search-popup-content {
width: 100%;
max-width: 550px;
}
.header-search-popup-content form {
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.header-search-popup-content input[type="search"] {
margin-bottom: 0;
}
.header-search-popup-content form button {
border: none;
outline: none;
padding: 0;
width: 75px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: 0px;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: var(--color-black);
color: var(--color-white);
font-size: 18px;
}
.header-user-icon,
.button.search-open {
width: 35px;
height: 35px;
background: var(--thm-color);
border-radius: 100%;
text-align: center;
padding: 5px;
font-size: 16px;
color: var(--color-white);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.header-user-icon::after {
content: unset !important;
}
.header-login-regi {
position: relative;
}
.header-two .header-login-regi .dropdown-menu {
padding: 20px;
top: 68px !important;
}
.header-user-icon:hover {
background: var(--color-white);
color: var(--thm-color);
}
.header-all-button-info {
display: flex;
align-items: center;
gap: 25px;
}
.header-user-account a:hover,
.button.search-open:hover {
color: var(--thm-color);
background: var(--color-white);
}
.header-two {
width: 100%;
} .footer-addons .widget-title {
color: var(--color-white);
font-size: 22px;
font-weight: 500;
font-family: var(--font-heading);
line-height: 32px;
margin-bottom: 35px;
}
.footer-addons {
text-align: left;
}
.footer-addons .widget-title span {
position: relative;
}
.footer-addons .widget-title span:after {
content: "";
width: 45px;
height: 3px;
background: var(--thm-color);
position: absolute;
left: 0;
bottom: -15px;
}
.company-logo {
margin-bottom: 20px;
}
.company-about-dec {
color: var(--color-white);
margin-bottom: 30px;
}
.about-social-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
}
.about-social-wrapper ul li {
display: inline-block;
margin-right: 10px;
margin-left: 0;
}
.about-social-wrapper ul li a {
width: 35px;
height: 35px;
background: #F4F4F4;
text-align: center;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.about-social-wrapper ul li a:hover {
color: #ffffff;
background: var(--thm-color);
}
.footer-buttons .theme-button {
text-transform: capitalize;
}  .edupls-page-links ul {
margin: 0;
padding: 0;
list-style: none;
}
.edupls-page-links ul li {
display: block;
}
.edupls-page-links ul li a {
color: var(--color-white);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 42px;
}
.edupls-page-links ul li a:hover {
color: var(--thm-color);
}
.edupls-page-links ul li .icon {
display: inline-block;
margin-right: 5px;
} .footer-addons .contact-info-item {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.footer-addons .contact-info-icon {
width: 50px;
height: 48px;
min-width: 48px;
text-align: center;
background: var(--thm-color);
border-radius: 5px;
font-size: 20px;
color: var(--color-white);
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.footer-addons .contact-info-item:last-child {
margin-bottom: 0;
}
.footer-addons .contact-info-item:first-child {
padding-top: 12px;
}
.footer-addons .contact-label {
font-size: 16px;
color: #fff;
margin-bottom: 4px;
}
.footer-addons .contact-dec {
font-size: 20px;
font-weight: 500;
color: #ffffff;
font-family: var(--font-heading);
} .hero-content-wrapper {
display: flex;
align-items: center;
height: 850px;
}
.hero-content-box {
width: 59%;
margin-top:55px;
}
.hero-small-title {
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 2.43px;
text-transform: uppercase;
color: var(--thm-color);
vertical-align: middle;
}
.hero-small-title span {
background: #ffffff;
border-radius: 18px;
padding-left: 10px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
padding-right: 10px;
margin-right: 10px;
}
.hero-title {
font-family: var(--font-heading);
font-size: 80px;
font-style: normal;
font-weight: 500;
line-height: 88px;
letter-spacing: 1.6px;
color: var(--color-white);
margin-top: 30px;
margin-bottom: 25px;
}
.hero-dec {
color: #C0C6D7;
font-family: var(--font-body);
font-size: 22px;
font-style: normal;
line-height: 32px;
margin-bottom: 40px;
}
.hero-buttons {
display: flex;
align-items: center;
}
.hero-buttons .theme-button {
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.32px;
text-transform: capitalize;
margin-right: 40px;
}
.hero-buttons .hero-video-button {
display: flex;
align-items: center;
font-family: var(--font-heading);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #ffffff;
}
.hero-buttons .hero-video-button .icon {
width: 72px;
height: 72px;
background: var(--thm-color);
border-radius: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
color: #ffffff;
margin-right: 20px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.hero-buttons .hero-video-button:hover .icon {
background: #ffffff;
color: var(--thm-color);
}
.hero-buttons .hero-video-button:hover {
color: var(--thm-color);
}
.hero-buttons .theme-button:hover {
background-color: var(--color-white);
color: var(--thm-color);
}
.hero-img {
position: absolute;
right: 100px;
bottom: 0;
}
.hero-shape-1 {
top: 8%;
left: 0;
z-index: 0;
text-align: center;
width: max-content;
margin: 0 auto;
}
.hero-banner-wrapper-inner {
position: relative;
}
.hero-shape-2 {
position: absolute;
left: 0%;
right: 0;
margin: 0 auto;
z-index: 1;
bottom: 14%;
}
.hero-shape {
position: absolute;
}
.hero-shape-3 {
left: auto;
top: 25%;
z-index: 1;
right: 0%;
margin: 0;
}
.hero-shape-4 {
right: 5%;
bottom: 5%;
z-index: 1;
}
.hero-img>img {
z-index: 1;
position: relative;
}
.round-shape-hero img{
width: 80%;
height: 70%;
position: absolute;
left: 0px;
right: 0;
margin: 0 auto;
z-index: 0;
-webkit-animation: rounded 30s linear infinite;
animation: rounded 30s linear infinite;
top: -45px;
}
@media (max-width: 1700px) {
.hero-img{
right: 0;
width: 45%;
}
.round-shape-hero img{
left: 50px
}
}
@media (max-width: 1023px) {
.hero-content-box {
width: 90%;
}
.hero-img {
display: none;
}
.hero-title {
font-size: 65px;
line-height: 75px;
}
.header-center-wrapper {
padding: 25px 0;
}
}
@media (max-width: 767px) {
.hero-title {
font-size: 56px;
line-height: 66px;
}
.hero-content-box {
width: 100%;
}
}
@media (max-width: 500px) {
.hero-title {
font-size: 48px;
line-height: 58px;
}
.hero-dec {
font-size: 20px;
line-height: 30px;
}
.hero-buttons {
display: block;
align-items: center;
}
.hero-buttons .hero-video-button {
margin-top: 30px;
}
} .service-one-box {
border-radius: 10px;
border-bottom: 3px solid #15749F;
background: #FFF;
box-shadow: 0px 29px 52px 0px rgba(28, 33, 48, 0.10);
padding: 40px 40px 34px;
position: relative;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-bottom: 25px;
}
.service-one-image {
margin-bottom: 25px;
}
.service-one-box .service-one-image img {
height: 200px;
object-fit: cover;
width: 100%;
}
.service-one-shape {
height: 10%;
width: 100%;
position: absolute;
background-image: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/img/sercice-line.png);
left: 0;
background-repeat: no-repeat;
}
.service-one-content-box {
margin-top: 70px;
}
.service-sub-title {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 12px;
}
.service-one-box .service-one-title {
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 40px;
color: var(--color-black);
margin: 0;
margin-top: 6px;
}
.services-one-des {
margin-top: 13px;
}
a.service-btns {
color: var(--color-black);
font-family: var(--font-body);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.service-one-btn {
margin-top: 15px;
}
a.service-btns i {
margin-left: 10px;
transform: rotate(-45deg);
position: relative;
z-index: 1;
color: var(--thm-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
a.service-btns i:after {
background: #B8D4E4;
width: 20px;
height: 20px;
content: "";
position: absolute;
border-radius: 100%;
left: 3px;
z-index: -1;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
a.service-btns:hover i:after {
left: -3px;
top: -2px;
}
@media (max-width: 500px) {
.service-one-box .service-one-title {
font-size: 24px;
line-height: 34px;
}
} .service-two-box {
padding: 50px 40px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-bottom: 25px;
border-radius: 30px;
border: 1px solid #E1E8F3;
background: var(--color-white);
text-align: center;
}
.service-two-box:hover {
box-shadow: 0px 4px 51px 0px rgba(207, 214, 227, 0.52);
border: 1px solid transparent;
}
.service-two-icon {
display: inline-block;
font-size: 90px;
margin-bottom: 22px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: relative;
}
.service-two-icon svg {
width: 90px;
height: 90px;
flex-shrink: 0;
}
.service-two-box:hover .service-two-icon {
transform: rotateY(180deg);
}
.service-two-icon:after {
content: '';
position: absolute;
height: 180%;
width: 180%;
background-image: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/img/service_icon_bg.svg);
left: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
left: -36px;
bottom: -40%;
}
.service-two-title {
color: var(--color-black);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 14px;
}
.service-two-des {
margin-bottom: 24px;
}
.service-two-btn .theme-btns {
color: var(--thm-color);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
background: transparent;
border-radius: 20px;
border: 0.5px solid #E1E8F3;
padding: 8px 18px;
}
.service-two-box:hover .service-two-btn .theme-btns {
background: var(--thm-color);
color: var(--color-white);
}   .service-three-box-item {
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
text-align: center;
}
.service-three-image {
overflow: hidden;
border-radius: 10px;
}
.service-three-box-item .service-three-image img {
height: 345px;
min-height: 300px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.service-three-box-item:hover .service-three-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.service-three-content {
padding: 0px 35px 28px;
margin-top: -80px;
position: relative;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 50px;
transition: .4s;
border-radius: 5px;
background: var(--color-white);
box-shadow: 0px 29px 52px 0px rgba(28, 33, 48, 0.10);
}
.service-three-box-item:hover .service-three-content {
background: var(--thm-color);
box-shadow: 0px 29px 52px 0px rgba(28, 33, 48, 0.10);
}
.service-three-icon {
background: var(--thm-color);
align-items: center;
justify-content: center;
margin-top: -55px;
margin-bottom: 16px;
display: inline-flex;
width: 112px;
height: 112px;
font-size: 70px;
border-radius: 100%;
border: 5px solid var(--color-white);
position: relative;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.service-three-icon svg {
height: 50px;
width: 50px;
}
.service-three-box-item:hover .service-three-icon {
transform: rotateY(180deg);
}
.service-three-title {
color: var(--color-black);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 10px;
}
.service-three-title a {
color: var(--color-black);
}
.service-three-box-item:hover .service-three-text {
transition: .4s;
}
.service-three-box-item:hover .service-three-text,
.service-three-box-item:hover .service-three-title a {
color: var(--color-white);
} .edupls-section-title-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.edupls-section-small-title {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
color: var(--thm-color);
box-shadow: 0px 8px 19px 0px rgba(0, 0, 0, 0.07);
padding: 10px 27px;
border-radius: 100px;
border: 1px solid #F6F5F5;
display: inline-block;
font-family: var(--font-heading);
background: #fff;
}
.edupls-section-title {
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 58PX;
color: var(--color-black);
margin-top: 15px;
margin-bottom: 22px;
text-transform: capitalize;
}
.edupls-section-title-content {
text-align: center;
}
@media screen and (max-width: 1150px) and (min-width: 991px) {
.header-all-button-info {
display: none;
}
}
@media screen and (max-width: 991px) and (min-width: 767px) {
.header-two .header-top-right {
display: none;
}
}
@media (max-width: 1024px) {
.header-two .header-social-info span {
display: none;
}
}
@media (max-width: 991px) {
.header-center-wrapper .header-search-box,
.header-one .header-menu-info-wrapper {
display: none;
}
}
@media (max-width: 767px) {
.header-one .header-contact-info-wrap {
display: none;
}
.header-one .header-menu-info-wrapper {
display: none;
}
.header-two .header-contact-items {
display: block;
}
.header-two .header-top-box {
display: block;
padding-bottom: 15px;
}
.header-two .header-contact-item {
padding: 8px 20px 8px 0;
border-right: none;
margin-right: 0;
justify-content: center;
}
.header-two .header-social-info {
justify-content: center;
}
}
@media (max-width: 660px) {
.header-one .header-search-box,
.header-all-button-info {
display: none;
}
.top-header-itmes {
align-items: center;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.top-header-right {
margin-top: 10px;
}
} .image-v5-main-image {
display: inline-block;
position: relative;
margin-bottom: 190px;
}
.image-v5-wrapper .image-v5-main-image>img {
border: 5px solid var(--white-color);
border: 5px solid var(--white-color);
box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.08);
width: 400px;
height: 355px;
border-radius: 30px;
}
.image-v5-wrapper .image-v5-image-one img {
border: 5px solid var(--white-color);
border-radius: 30px;
box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.10);
width: 250px;
height: 228px;
position: absolute;
right: -150px;
top: 50%;
object-fit: cover;
transform: translate(0, -50%);
}
.image-v5-wrapper .image-v5-image-two img {
border-radius: 30px;
border: 5px solid var(--white-color);
box-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.09);
width: 336px;
height: 366px;
object-fit: cover;
position: absolute;
right: -30px;
top: 51%;
}
@media screen and (max-width: 560px) {
.image-v5-image-one img {
right: 0;
width: 200px;
height: 200px;
}
}
@media screen and (max-width: 480px) {
.image-v5-image-two img {
width: 200px;
height: 230px;
left: 0px;
top: 75%;
}
.image-v5-main-image {
margin-bottom: 140px;
}
} .team_details_wraper {
padding: 60px;
border: 1px solid #E5E5E7;
border-radius: 15px;
}
.team-info-wrapper-area {
margin-left: 40px;
}
.team-info-wrapper {
border-bottom: 1px solid #179BD7;
padding-bottom: 40px;
margin-bottom: 30px;
}
.team-details-contact-label {
margin-bottom: 5px;
}
.team-details-title {
font-size: 40px;
font-weight: 500;
line-height: 50px;
margin-bottom: 6px;
}
.team-details-designation {
line-height: 20px;
margin-bottom: 29px;
}
.team-sort-dec {
margin-bottom: 24px;
}
.team-social-area ul {
list-style: none;
margin: 0;
padding: 0;
}
.team-social-area ul li {
display: inline-block;
}
.team-social-area ul li a {
height: 35px;
width: 35px;
background: var(--white-color);
box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.09);
display: flex;
align-items: center;
justify-content: center;
color: var(--body-color);
font-size: 14px;
margin-right: 5px;
border-radius: 50%;
}
.team-social-area ul li a:hover {
color: var(--thm-color);
background: var(--bg-color);
}
.team-details-contact-area {
display: flex;
margin-bottom: 30px;
align-items: center;
}
.team-details-icon {
height: 50px;
width: 50px;
font-size: 18px;
box-shadow: 0px 10px 35px rgba(35, 31, 80, 0.13);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 20px;
color: var(--thm-color);
}
.team-details-contact-area {
display: inline-flex;
margin-bottom: 30px;
width: 49%;
}
.team_details_wraper .team-datails-image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.team-details-contact-text {
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: var(--color-black);
}
@media (max-width: 1024px) {
.team_details_wraper {
padding: 60px 60px 30px;
}
}
@media (max-width: 991px) {
.team-info-wrapper-area {
margin-left: 0px;
}
.team_details_wraper .team-datails-image img {
width: auto;
}
.team-datails-image {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.team-details-title {
font-size: 36px;
line-height: 46px;
}
.team-details-contact-area {
width: 100%;
}
.team_details_wraper {
padding: 60px;
}
.team-info-wrapper {
margin-bottom: 40px;
}
.team-details-contact-area:last-child {
margin-bottom: 0;
}
}
@media (max-width: 500px) {
.team_details_wraper {
padding: 30px;
}
} .edupls-skills-wrapper .skillbar-item {
margin-bottom: 23px;
display: inline-block;
width: 100%;
}
.edupls-skills-wrapper .skillbar-item .skill-title {
font-size: 16px;
margin-bottom: 8px;
line-height: 20px;
font-weight: 400;
color: var(--body-color);
}
.edupls-skills-wrapper .skillbar-item .skillbar {
height: 16px;
position: relative;
text-align: right;
border-radius: 100px;
border: 1px solid #D5E0F5;
padding: 5px;
}
.edupls-skills-wrapper .skillbar-item .skillbar .skill-percent-count-wrap {
position: absolute;
right: 0;
top: -35px;
font-size: 16px;
font-weight: 500;
color: var(--body-color);
}
.edupls-skills-wrapper .skillbar-item .skillbar .count-bar {
background: var(--thm-color);
height: 100%;
position: relative;
text-align: right;
position: relative;
text-align: right;
padding-right: 0;
border-radius: 10px;
overflow: visible !important;
width: 0;
} .edupls-brand-logo-wrapper .edupls-brand-item img {
margin: 0 auto;
}
.edupls-align {
transition: .4s;
}
.edupls-brand-items.no-slide {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
text-align: center;
}
.edupls-brand-items.no-slide img {
margin-bottom: 15px;
}
.edupls-brand-item-style-two {
margin: 0 30px;
border-radius: 15px;
border: 1px solid var(--border-color);
background: var(--white-color);
box-shadow: 0px 9px 30px 0px #F0F1F3;
overflow: hidden;
} .marquee-wrap .marquee__group {
display: flex;
}
.marquee-wrap .marquee__group .m-item {
flex-shrink: 0;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: marquee;
text-transform: uppercase;
display: flex;
gap: 40px;
align-items: center;
margin-right: 25px;
font-size: 150px;
font-weight: 700;
font-family: var(--font-heading);
color: var(--color-black);
line-height: 150px;
letter-spacing: normal;
animation-duration: 15s;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@media (max-width: 991px) {
.marquee-wrap .marquee__group .m-item {
font-size: 100px;
line-height: 100px;
}
} @media (max-width: 767px) {
.marquee-wrap .marquee__group .m-item {
margin-right: 80px;
line-height: 80px;
}
} .counter-one-item {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
.counter-one-icon {
font-size: 45px;
height: 90px;
width: 90px;
min-width: 90px;
margin-right: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-white);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 100px;
border: 1px dashed var(--color-white);
background: rgba(46, 71, 96, 0.14);
backdrop-filter: blur(6.5px);
position: relative;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.counter-one-icon svg {
height: 45px;
width: 45px;
}
.counter-one-item:hover .counter-one-icon {
transform: rotateY(180deg);
}
.counter-one-number span,
.counter-one-count-timer.timer {
display: inline-block;
margin-bottom: 0px;
color: var(--color-white);
font-family: var(--font-heading);
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.counter-one-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.counter-one-wrapper [class*='col-']:last-child .counter-one-item {
justify-content: flex-end;
}
.counter-one-wrapper [class*='col-']:first-child .counter-one-item {
justify-content: flex-start;
}
@media screen and (max-width: 1199px) {
.counter-one-wrapper [class*='col-']:first-child .counter-one-item,
.counter-one-wrapper [class*='col-']:last-child .counter-one-item,
.counter-one-item {
justify-content: flex-start;
}
} .pricing-one-item {
padding: 50px 40px;
transition: .4s;
margin-bottom: 70px;
border-radius: 15px;
background: #F6F6F7;
position: relative;
}
.pricing-one-item:hover {
background: var(--color-black);
}
.pricing-one-price {
margin-top: -20px;
margin-bottom: 24px;
}
.pricing-one-title {
margin-bottom: 4px;
padding: 45px 0;
color: var(--color-black);
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
position: relative;
z-index: 1;
margin-bottom: 0;
}
.pricing-one-title::after {
content: '';
height: 100%;
width: 100%;
position: absolute;
left: -20px;
background-image: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/img/price-bg.svg);
top: 3px;
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
}
.pricing-one-price .currency {
display: inline-block;
vertical-align: top;
color: var(--thm-color);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: var(--font-heading);
}
.pricing-one-price .amount {
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 72px;
font-style: normal;
font-weight: 500;
line-height: 60px;
}
.pricing-one-price .duration {
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.price-one-shape {
height: 10%;
width: 100%;
position: absolute;
background-image: url(//sebasucit.sk/wp-content/plugins/edupls-core/assets/img/sercice-line.svg);
left: 0;
background-repeat: no-repeat;
background-size: contain;
}
.pricing-one-feature-item {
margin-top: 63px;
}
.pricing-one-feature-item p {
margin-bottom: 20px;
}
.pricing-one-feature-item ul {
margin: 0;
padding: 0;
}
.pricing-one-item .pricing-one-feature-item ol li,
.pricing-one-item .pricing-one-feature-item ul li {
line-height: 33px;
margin-bottom: 0;
list-style: none;
position: relative;
padding-left: 27px;
}
.pricing-one-item .pricing-one-feature-item ol li:after,
.pricing-one-item .pricing-one-feature-item ul li:after { color: var(--thm-color);
position: absolute;
content: "\f058";
font-family: 'Font Awesome 5 Pro' !important;
left: 0;
}
.pricing-one-featur-item {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 34px;
margin-bottom: 34px;
}
.pricing-one-item:hover .pricing-one-title,
.pricing-one-item:hover .pricing-one-price .duration,
.pricing-one-item:hover .pricing-one-price .amount,
.pricing-one-item:hover .pricing-one-price .currency {
color: var(--color-white);
}
.pricing-one-button .theme-btns {
background: var(--thm-color);
color: var(--color-white);
margin-top: 30px;
font-family: var(--font-heading);
line-height: normal;
text-transform: capitalize;
transform: skewX(-10deg);
border-radius: 10px;
padding: 15px 40px;
font-weight: 500;
}
.pricing-one-item:hover .pricing-one-button .theme-btns {
background: var(--color-white);
color: var(--thm-color);
}
.pricing-one-icon {
width: 110px;
height: 110px;
flex-shrink: 0;
background: var(--thm-color);
color: var(--color-white);
display: flex;
align-items: center;
justify-content: center;
font-size: 60px;
border: 4px solid var(--color-white);
border-radius: 10px;
position: absolute;
top: -55px;
}
.pricing-one-item:hover .pricing-one-icon svg,
.pricing-one-item:hover .pricing-one-icon i {
transform: rotateY(180deg);
}
.pricing-one-icon svg,
.pricing-one-icon i {
transition: 0.4s all ease-in-out;
}
.pricing-one-wrapper.two .pricing-one-title::after {
content: unset;
}
.pricing-one-wrapper.two .pricing-one-title {
padding: 37px 0 45px;
}
.pricing-one-wrapper.two .pricing-one-item:hover {
background: var(--thm-color);
}
.pricing-one-wrapper.two .pricing-one-item:hover .pricing-one-feature-item,
.pricing-one-wrapper.two .pricing-one-item:hover .pricing-one-feature-item ol li:after,
.pricing-one-wrapper.two .pricing-one-item:hover .pricing-one-feature-item ul li:after {
color: var(--color-white);
}
.pricing-one-wrapper.two .pricing-one-button .theme-btns {
transform: unset;
border-radius: 5px;
} .pricing-top-area {
display: flex;
}
.pricing-tabs-wrapper .pricing-top-area .pricing-tab {
border-radius: 100px;
background: var(--color-white);
margin-bottom: 70px;
width: max-content;
border: 1px solid var(--line-des, #DFDFDF);
padding: 6px;
}
.pricing-tabs-wrapper .pricing-top-area .pricing-tab button:last-child {
margin-left: 0;
}
.pricing-tabs-wrapper .pricing-top-area .pricing-tab button:first-child {
margin-left: 0;
}
.pricing-tabs-wrapper .pricing-top-area .nav::after,
.pricing-tabs-wrapper .pricing-top-area .nav:before {
content: unset;
}
.pricing-tabs-wrapper .pricing-top-area .pricing-tab.nav button.active {
background: var(--thm-color);
color: var(--color-white);
}
.pricing-tabs-wrapper .pricing-top-area .pricing-tab.nav button {
border-radius: 100px;
padding: 15px 25px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color-body);
} .blog-v1-item-box {
border-radius: 10px;
border: 1px solid var(--line-des, #DFDFDF);
background: var(--color-white);
overflow: hidden;
margin-bottom: 20px;
position: relative
}
.blog-v1-image {
overflow: hidden;
}
.blog-v1-wrapper .blog-v1-item-box .blog-v1-image img {
height: 254px;
object-fit: cover;
transition: .4s;
}
.blog-v1-item-box:hover .blog-v1-image img {
transform: scale(1.1);
opacity: 0.5;
}
.blog-v1-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
}
.blog-v1-content {
padding: 22px 30px 23px;
border-bottom: 1px solid #DFDFDF;
}
.blog-v1-dec {
font-size: 14px;
}
.blog-v1-bottom {
display: flex;
justify-content: space-between;
padding: 15px 30px;
align-items: center;
}
.blog-v1-btn .theme-btns {
color: var(--color-black);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: var(--font-heading);
padding: 0;
background: transparent;
text-transform: capitalize;
}
.blog-v1-btn .theme-btns:hover {
background: transparent;
color: var(--thm-color);
}
.blog-v1-comment i,
.blog-v1-btn .theme-btns i {
font-size: 100%;
color: var(--thm-color);
}
.blog-v1-comment {
font-size: 14px;
}
.blog-one-date.grid {
position: absolute;
color: var(--color-white);
font-family: var(--font-body);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
top: 20px;
left: 30px;
padding: 10px 20px;
border-radius: 10px;
background: var(--thm-color);
}
span.posted-on a {
color: var(--color-white);
}
.blog-v1-comment span {
margin-left: 5px;
} .blog-two-left-item {
position: relative;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.blog-two-left-image {
position: relative;
display: block;
overflow: hidden;
}
.blog-two-left-content {
position: absolute;
bottom: 0;
padding: 30px 40px;
z-index: 1;
}
.blog-two-left-item .blog-two-left-image img {
height: 490px;
width: 100%;
object-fit: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.blog-two-right-item .blog-two-img img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.blog-two-right-item:hover .blog-two-img img,
.blog-two-left-item:hover .blog-two-left-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.blog-two-right-item:hover .blog-two-img::before,
.blog-two-left-item:hover .blog-two-left-image::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.blog-two-left-image:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background: linear-gradient(5deg, #0A0A0B 5.77%, rgba(10, 10, 11, 0.17) 37.82%);
}
.blog-two-left-post-info {
margin-bottom: 7px;
padding-left: 0;
}
.blog-two-left-post-info li {
position: relative;
display: inline-block;
font-weight: 500;
margin-right: 30px;
color: rgba(255, 255, 255, 0.95);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.blog-two-left-post-info li:last-child {
margin-right: 0;
}
.blog-two-left-post-info li .posted-on a {
color: rgba(255, 255, 255, 0.95);
}
.blog-two-left-title {
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 36px;
margin-bottom: 0;
}
.blog-two-left-title a {
color: var(--color-white);
transition: .4s;
}
.blog-two-left-title a:hover {
color: var(--thm-color);
}
.blog-two-right-item {
display: flex;
margin-bottom: 20px;
border-radius: 10px;
background: var(--color-white);
overflow: hidden;
}
.blog-two-right-item .blog-two-img {
height: 235px;
width: 250px;
min-width: 250px;
border-radius: 10px 0px 0px 10px;
background: #D9D9D9;
overflow: hidden;
}
.blog-two-right-item .blog-two-img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-two-content {
padding: 32px 30px;
}
.blog-two-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
margin-bottom: 10px;
}
.blog-two-title a {
color: var(--color-black);
}
.blog-two-title a:hover {
color: var(--thm-color);
}
.blog-two-left-post-info.two li .posted-on a,
.blog-two-left-post-info.two li {
color: var(--thm-color);
}
.blog-two-left-post-info .byline i, .posted-on i {
margin-right: 3px;
}
@media (max-width: 1399px) {
.blog-two-left-title {
font-size: 24px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.blog-two-right-item .blog-two-img {
height: auto;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 767px) {
.blog-two-right-item {
display: block;
}
.blog-two-right-item .blog-two-img {
height: auto;
width: 100%;
border-radius: 0;
}
.blog-two-left-item .blog-two-left-image img {
height: auto;
min-height: 300px;
}
}
@media (max-width: 575px) {
.blog-two-left-title,
.blog-two-title {
font-size: 22px;
}
.blog-two-left-content {
padding: 20px 25px;
}
.blog-two-content {
padding: 25px;
}
} .blog-v3-item {
margin-bottom: 20px;
}
.blog-v3-image {
overflow: hidden;
border-radius: 10px;
}
.blog-v3-item .blog-v3-image img {
width: 100%;
height: 335px;
border-radius: 10px;
object-fit: cover;
transition: .4s;
}
.blog-v3-item:hover .blog-v3-image img {
transform: scale(1.1);
opacity: 0.8;
}
.blog-v3-content {
border-radius: 10px;
border-bottom: 2px solid var(--thm-color);
background: var(--color-white);
margin: -120px 25px 0px;
z-index: 1;
position: relative;
padding: 24px 20px 23px;
}
ul.blog-v3-meta-info li {
list-style: none;
display: inline-block;
margin-right: 30px;
color: var(--color-black);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
ul.blog-v3-meta-info li:last-child {
margin-right: 0;
}
ul.blog-v3-meta-info li a {
color: var(--color-black);
}
ul.blog-v3-meta-info li i {
color: var(--thm-color);
font-weight: 400;
margin-right: 5px;
}
.blog-v3-meta-info {
margin: 0;
padding: 0;
}
.blog-v3-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
margin-top: 2px;
margin-bottom: 6px;
}
.blog-v3-title a {
color: var(--thm-color);
}
.blog-v3-title a:hover {
color: var(--color-black);
}
.blog-v3-des {
font-size: 14px;
}
.blog-v3-btn {
position: absolute;
width: 51px;
height: 51px;
margin: 0;
padding: 0;
background: var(--thm-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
top: -25px;
right: 25px;
color: var(--color-white);
transition: .4s;
}
.blog-v3-btn:hover {
color: var(--thm-color);
background: var(--color-black);
}
@media only screen and (max-width: 1199px) and (min-width: 991px) {
.blog-v3-content {
margin: -120px 0px 0px;
border-radius: 0px 0px 10px 10px;
}
.blog-v3-title {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 370px) {
.blog-v3-title {
font-size: 22px;
line-height: 32px;
}
.blog-v3-content {
margin: -120px 0px 0px;
border-radius: 0px 0px 10px 10px;
}
} .faq-title {
margin-bottom: 20px;
font-weight: 800;
}
.faq-dec {
margin-bottom: 40px;
}
.faq-accordion .accordion-item {
margin-bottom: 20px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #DFDFDF;
background: var(--color-white);
}
.accordion-item .accordion-collapse {
border: none;
}
.accordion-header .collapse:not(.show) {
display: block;
}
.accordion-header .accordion-button.collapsed:hover {
border-bottom-width: 0;
}
.accordion-header .accordion-button:not(.collapsed) {
color: var(--thm-color);
background-color: transparent;
}
.accordion-header .accordion-button:not(.collapsed)::after {
background-image: none;
color: var(--color-white);
background: var(--thm-color);
content: "\f06e";
font-family: "Font Awesome 5 Free";
transform: translate(0%, -50%);
}
.faq-accordion .accordion-button {
border: none;
display: inline-block;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
padding: 25px 30px;
border-radius: 0 !important;
color: var(--color-white);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
background: var(--thm-color);
}
.faq-accordion .accordion-button::after {
position: absolute;
right: 30px;
background-image: none !important;
content: "\f070";
font-family: "Font Awesome 5 Free";
padding: 0;
text-align: center;
font-size: 16px;
line-height: 30px;
border-radius: 30px;
border-radius: 7px;
background: var(--color-white);
width: 40px;
height: 40px;
flex-shrink: 0;
color: var(--thm-color);
display: inline-flex;
align-items: center;
justify-content: center;
transform: translate(0%, -50%);
top: 50%;
}
.faq-accordion .accordion-button:focus {
box-shadow: none;
}
.faq-accordion .accordion-body {
padding: 0px 30px 30px;
background: transparent;
font-weight: 500;
} .testi-v1-wrapper .container {
position: relative;
}
.testi-v1-item-box.testi-box {
margin-bottom: 30px;
}
.testi-v1-content {
display: flex;
align-items: center;
}
.testi-v1-content .image-wrap img {
height: 70px;
width: 70px;
border-radius: 100px;
margin-right: 20px;
}
h4.testi-v1-name {
color: var(--thm-color);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 7px;
}
.testi-v1-designation {
font-family: var(--font-heading);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.testi-v1-des {
font-family: var(--font-heading);
font-style: italic;
font-weight: 500;
line-height: normal;
margin-bottom: 38px;
margin-top: 24px;
}
.testi-v1-share {
color: var(--thm-color);
font-family: "Font Awesome 6 Free";
font-size: 18px;
line-height: normal;
}
.testi-v1-wrapper {
position: relative;
}
.testi-v1-arrow {
position: absolute;
left: 150px;
bottom: -15px;
}
.testi-v1-arrow button {
margin: 0;
background: transparent;
height: unset;
width: unset;
color: var(--thm-color);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
border-radius: 5px;
padding: 5px 10px;
}
.testi-v1-arrow button:hover {
background: rgb(23 155 215 / 10%);
color: var(--thm-color);
}
@media (max-width: 570px) {
.testi-v1-arrow button {
display: none;
}
} .testi-v2-wrapper>* {
position: relative;
}
.testi-v2-item-box {
display: flex;
align-items: center;
margin-left: 70px;
border-radius: 20px;
border: 1px solid var(--Gray-200, #E3E3E3);
background: var(--color-white);
margin-right: 10px;
padding: 50px 55px 50px 0px;
position: relative;
}
.testi-v2-item-box .image-wrap img {
height: 160px;
width: 160px;
min-width: 160px;
margin-left: -65px;
margin-right: 30px;
border-radius: 10px;
border: 1px solid #E3E3E3;
object-fit: cover;
}
.testi-v2-name {
color: var(--color-black);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 10px;
}
.testi-v2-designation {
color: var(--thm-color);
font-family: var(--font-body);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.testi-v2-des {
margin-bottom: 8px;
}
.testi-v2-share {
color: #FFB422;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.testi-v2-icon {
color: var(--thm-color);
font-size: 60px;
font-style: normal;
font-weight: 900;
line-height: normal;
position: absolute;
right: 30px;
top: 30px;
} .testi-v2-arrow {
display: flex;
position: absolute;
top: -125px;
right: 10px;
}
.testi-v2-arrow button.slick-arrow i {
padding: 0 5px;
}
.testi-v2-arrow button.slick-arrow {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 17px 30px;
height: unset;
width: unset;
letter-spacing: 0.5px;
}
@media (max-width: 991px) {
.testi-v2-arrow {
display: none;
}
}
@media (max-width: 767px) {
.testi-v2-item-box {
display: block;
margin-left: 0;
margin-right: 0px;
margin: 5px;
padding: 40px 35px;
}
.testi-v2-item-box .image-wrap img {
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
}
} .video-button {
position: absolute;
top: 90px;
left: -110px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 220px;
height: 264px;
box-shadow: 0px 6px 42px 0px rgba(0, 0, 0, 0.19);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 5px solid var(--color-white);
animation: updown 2s linear 1s infinite alternate;
}
.about-image {
position: relative;
display: inline-block;
margin-bottom: 35px;
}
.about-video-wraper .about-image img {
min-height: 300px;
object-fit: cover;
}
.image-one_contact_box {
display: flex;
border-radius: 20px;
background: var(--thm-color);
width: max-content;
padding: 20px 30px 30px;
position: absolute;
right: -30px;
bottom: -30px;
align-items: center;
max-width: 380px;
animation: updown 3s linear 1s infinite alternate;
}
.image-one-icon {
font-size: 70px;
padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.21);
margin-right: 20px;
color: var(--color-white);
}
.image-one-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 3px;
}
.image-one-number {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin-bottom: 12px;
}
.imgae-one-btn .theme-btns {
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.32px;
background: var(--color-white);
padding: 10px 20px;
} .play-btn {
display: inline-block;
position: relative;
z-index: 1;
}
.play-btn>i {
line-height: 80px;
text-align: center;
background-color: var(--color-white);
border: 1px solid rgba(199, 134, 101, 0.2);
color: var(--thm-color);
border-radius: 50%;
z-index: 1;
transition: all ease 0.4s;
position: relative;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-style: normal;
font-weight: 900;
}
.play-btn:after,
.play-btn:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: var(--color-white);
border: 0;
z-index: -1;
border-radius: 50%;
transition: all ease 0.4s;
animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-name: ripple;
}
@keyframes ripple {
0% {
transform: scale(1);
opacity: 0;
}
30% {
opacity: .8;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 991px) {
.video-button {
left: 0;
}
}
@media (max-width: 767px) {
.video-button {
left: 0;
width: 200px;
height: 200px;
}
.image-one_contact_box {
right: 0;
}
.image-one-icon {
font-size: 60px;
}
}
@media (max-width: 450px) {
.image-one-icon {
font-size: 46px;
padding-right: 15px;
margin-right: 15px;
}
.image-one-icon svg {
width: 46px;
}
.image-one-title {
font-size: 18px;
}
.image-one_contact_box {
padding: 20px 20px 30px;
}
.video-button {
width: 160px;
height: 160px;
}
} .image-v2-small-image {
DISPLAY: flex;
position: relative;
}
.edupls-v2-top-image {
display: inline-block;
text-align: center;
position: relative;
}
.edupls-image-V2-wrapper .edupls-v2-top-image>img {
width: 390px;
height: 290px;
min-width: 300px;
object-fit: cover;
border-radius: 15px;
}
.edupls-image-V2-wrapper .image-v2-small-image-left img {
width: 280px;
height: 250px;
object-fit: cover;
border-radius: 15px;
margin-top: -50px;
border: 10px solid var(--color-white);
}
.edupls-image-V2-wrapper .image-v2-small-image-right img {
width: 210px;
height: 250px;
object-fit: cover;
border-radius: 15px;
}
.image-v2-small-image-right {
margin-left: 20px;
margin-top: 20px;
}
.image-bg-shape1 {
height: 150px;
width: 150px;
background: #ECF1F8;
border-radius: 100%;
position: absolute;
top: 26%;
left: -30px;
z-index: -1;
}
.image-bg-shape2 {
height: 110px;
width: 110px;
background: var(--thm-color);
border-radius: 100%;
position: absolute;
left: 46%;
bottom: 5%;
z-index: -1;
}
@media screen and (max-width: 425px) {
.image-v2-small-image-left img,
.image-v2-small-image-right img {
height: 180px;
width: 180px;
}
} .cta_button-area {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 30px;
}
.cta-button-icon {
display: flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
color: var(--thm-color);
border-radius: 100px;
margin-right: 20px;
border-radius: 100px;
border: 1px solid #E0E7F2;
background: var(--color-white);
box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.12);
}
.cta-button-title {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 3px;
}
.cta-button-number {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.cta-button-wrapper .video-button-wrapper {
display: inline-block;
}
.cta-button-wrapper .video-icons {
width: 55px;
height: 55px;
border-radius: 10px;
margin-right: 0;
margin-left: 30px;
color: var(--thm-color);
background: var(--color-white);
display: inline-flex;
align-items: center;
justify-content: center;
transition: .4s;
}
.video-button-wrapper .play-btn {
margin-left: 25px;
}
.cta-button-wrapper .video-icons:hover {
background: var(--thm-color);
color: var(--color-white);
}
@media only screen and (max-width: 575px) {
.cta_button-area {
display: flex;
justify-content: start;
border-left: none;
padding-left: 0;
margin-left: 0;
margin-top: 30px;
}
} .team-v1-member-single {
margin: 10px;
border-radius: 20px;
background: var(--color-black);
overflow: hidden;
}
.team-v1-member-single.no-slide {
margin: 0px;
margin-bottom: 20px;
}
.team-v1-team-content {
padding: 19px 20px 25px;
}
.team-v1-title {
color: var(--color-white);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
.team-v1-image {
overflow: hidden;
}
.team-v1-member-single .team-v1-image img {
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
height: 350px;
object-fit: cover;
}
.team-v1-member-single:hover .team-v1-image img {
transform: scale(1.1);
}
.team-v1-member-single:hover .img-hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.team-v1-stitle {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: 3px;
color: var(--color-white);
font-family: var(--font-heading);
}
.team-v1-title a {
color: rgba(255, 255, 255, 0.90);
}
.team-v1-title a:hover {
color: var(--thm-color);
}
.team-v1-team-content ul {
margin: 0;
padding: 0;
}
.team-v1-team-content ul li {
display: inline-block;
}
.team-v1-team-content ul li a {
margin: 0 2px;
display: flex;
padding-top: 0;
align-items: center;
justify-content: center;
border-radius: 5px;
background: var(--thm-color);
color: var(--color-white);
width: 35px;
height: 35px;
flex-shrink: 0;
}
.team-v1-team-content ul li a:hover {
background: var(--color-white);
color: var(--thm-color);
}
.team-v1-member-wrapper .post-pagination ul li a {
background: var(--thm-color);
color: var(--color-white);
}
.team-v1-member-wrapper .post-pagination ul li a:hover {
background: var(--color-black);
color: var(--color-white);
}
.team-v1-member-wrapper .pagination {
margin-top: 30px;
} .contact-one-card {
display: flex;
justify-content: space-between;
padding: 0 75px 0 20px;
border-radius: 20px;
background: var(--color-white);
box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.16);
}
.contact-one-card .info-card {
padding: 60px 0;
display: flex;
gap: 20px;
align-items: center;
}
.contact-one-card .info-card_icon {
background: var(--thm-color);
display: inline-block;
flex: none;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-size: 24px;
color: var(--color-white);
}
.contact-one-card .info-card_text {
margin-bottom: 4px;
color: var(--color-black);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.contact-one-card .info-card_link {
font-family: var(--font-heading);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.contact-one-card .info-card_link:hover {
color: var(--thm-color);
}
.contact-one-card .info-card {
padding: 35px 0;
margin-left: 40px;
}
.contact-one-card .info-card .info-card_icon {
box-shadow: none;
}
.contact-one-card .info-card.style2 {
display: block;
padding: 35px 115px;
text-align: center;
background: var(--thm-color);
}
.contact-one-card .info-card .info-card_title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
.contact-social-wrap {
border-top: 1px solid var(--border-color);
margin-top: 50px;
padding-top: 50px;
display: flex;
align-items: center;
}
.contact-social-wrap p {
margin-bottom: 0;
}
.social-btn {
display: flex;
gap: 10px;
}
.contact-social-wrap .social-btn {
flex: none;
margin-left: auto;
}
.social-btn a {
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 7px;
display: inline-block;
color: var(--color-black);
text-align: center;
font-size: 12px;
border-radius: 7px;
background: #F4F4F4;
}
@media (max-width: 1399px) {
.contact-one-card {
padding: 0 40px 0 0;
}
}
@media (max-width: 1299px) {
.contact-one-card .info-card_icon {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 20px;
}
}
@media (max-width: 1199px) {
.contact-one-card .info-card.style2 {
padding: 35px 70px;
}
}
@media (max-width: 991px) {
.contact-one-card {
display: block;
padding: 35px 0;
text-align: center;
}
.contact-one-card .info-card {
display: inline-flex;
padding-right: 50px;
text-align: left;
}
.contact-one-card {
transform: none;
margin-top: 0;
margin-bottom: 80px;
padding: 0;
text-align: center;
}
.contact-one-card .info-card {
margin-left: 0;
}
.contact-one-card .info-card .social-btn {
justify-content: center;
}
}
@media (max-width: 375px) {
.contact-one-card .info-card {
padding-right: 0;
}
} .icon-box-v1-item {
display: flex;
align-items: center;
margin-bottom: 30px;
padding: 60px 60px 50px;
background: var(--color-white);
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
text-align: center;
border-radius: 10px;
border-bottom: 2px solid transparent;
box-shadow: 0px 16px 51px 0px rgba(0, 0, 0, 0.07);
}
.icon-box-v1-item:hover {
border-bottom: 2px solid var(--thm-color);
}
.icon-box-v1-icon {
font-size: 50px;
margin-right: 20px;
color: var(--thm-color);
display: flex;
justify-content: center;
align-items: center;
}
.icon-box-v1-icon svg {
width: 50px;
}
.icon-box-v1-title {
color: var(--thm-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 8px;
}
.icon-box-v1-dec,
.icon-box-v1-dec p {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.icon-box-v1-dec p {
margin: 0;
padding: 0;
}
.icon-box-v1-dec a {
color: var(--color-black);
}
.icon-box-v1-dec a:hover {
color: var(--thm-color);
} .team-V2-item {
margin-bottom: 30px;
box-shadow: 0px 9px 30px 0px #EAEDF1;
overflow: hidden;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
position: relative;
border-radius: 10px;
}
.team-v2-image {
margin-bottom: -30px;
overflow: hidden;
border-top-left-radius: 10px;
}
.team-V2-item .team-v2-image img {
height: 410px;
width: 100%;
object-fit: cover;
transition: .5s;
}
.team-V2-item:hover .team-v2-image::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.team-V2-item:hover .team-v2-image img {
transform: scale(1.1);
opacity: .8;
}
.team-v2-content {
border-radius: 10px;
border-top: 2px solid var(--color-white);
background: var(--thm-color);
padding: 20px 30px 22px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.team-v2-title {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0px;
margin-bottom: 3px;
}
.team-v2-title a {
color: var(--color-white);
}
.team-v2-title a:hover {
color: var(--color-black);
}
span.team-v2-stitle {
color: var(--white, #FFF);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: block;
}
.team-V2-image {
position: relative;
}
.team-V2-share-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.team-V2-share-box ul li a {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
font-family: "Font Awesome 6 Brands";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 20px 12px 20px;
}
.team-V2-share-box ul li a:hover {
color: var(--color-black);
}
.team-V2-share-box ul li .share {
margin-top: 5px;
}
.team-V2-content {
padding: 31px 40px 32px;
}
.team-V2-share-box .team-v2-icon {
position: absolute;
bottom: 0;
background: var(--thm-color);
border-radius: 2px;
transition: .4s;
opacity: 0;
border-radius: 10px;
left: 50%;
transform: translate(-50%, 0px);
}
.share {
position: relative;
}
.shear-plus-icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
width: 54px;
height: 54px;
flex-shrink: 0;
border-radius: 100px;
border: 1px solid var(--color-white);
color: var(--color-white);
}
.share:hover .team-v2-icon {
bottom: 98px;
opacity: 1;
} .team-V3-wrapper .container {
position: relative;
}
.team-V3-item {
margin-bottom: 20px;
position: relative;
}
.team-V3-item.slide {
margin-left: 10px;
margin-right: 10px;
}
.team-V3-image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.team-V3-item .team-V3-image img {
height: 454px;
width: 100%;
object-fit: cover;
}
.team-V3-item:hover .img-hover:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.team-v3-content {
padding: 20px 30px 22px;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 0;
width: 84.5%;
margin: 30px;
border-radius: 5px;
background: var(--color-white);
z-index: 11;
}
.team-V3-content {
padding: 31px 40px 32px;
}
.team-v3-title {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0px;
margin-bottom: 3px;
}
.team-v3-title a {
color: var(--color-black);
}
.team-v3-title a:hover {
color: var(--thm-color);
}
span.team-v3-stitle {
color: var(--body-color);
font-family: var(--font-heading);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: block;
}
.team-V3-shear-plus-icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
width: 54px;
color: var(--color-white);
width: 38px;
height: 38px;
background: var(--thm-color);
border-radius: 4px;
}
.team-V3-item .share:hover .team-v2-icon {
opacity: 1;
bottom: 45px;
}
.team-V3-item ul.team-v2-icon {
border-radius: 4px;
}
.team-V3-item .team-V2-share-box ul li a {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
font-family: "Font Awesome 6 Brands";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 10px 12px 10px;
border-bottom: 1px solid rgba(249, 238, 238, 0.62);
;
padding-bottom: 10px;
}
.team-V3-item .team-V2-share-box ul li:last-child a {
border-bottom: none;
margin-bottom: 0;
}
.team-V3-item .team-V2-share-box ul li a:hover {
color: var(--color-black);
}
.team-V3-wrapper .navigation {
margin-top: 30px;
}
.pagination li.active a {
background: var(--thm-color);
color: var(--color-white);
}
@media (max-width: 500px) {
.team-V3-item .team-v3-image img {
height: 400px;
}
}
.team-v3-arrow {
display: flex;
position: absolute;
top: -124px;
right: 0;
}
.team-v3-arrow button.slick-arrow i {
padding: 0 5px;
}
.team-v3-arrow button.slick-arrow {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 17px 30px;
height: unset;
width: unset;
letter-spacing: 0.5px;
}
.team-v3-arrow button.slick-arrow:hover {
background: #179bd71a;
}
@media (max-width: 991px) {
.team-v3-arrow {
display: none;
}
} .team-v4-item {
text-align: center;
margin-bottom: 30px;
}
.team-v4-item.slide {
margin: 0 10px;
}
.team-v4-item .team-v4-image img {
height: 400px;
border-radius: 100%;
object-fit: cover;
border: 4px solid var(--thm-color);
padding: 10px;
}
.team-v4-image {
position: relative;
}
.team-v4-image::before {
border-radius: 100%;
}
.team-v4-image:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.team-v4-shear-plus-icon {
width: 54px;
height: 54px;
display: inline-flex;
border-radius: 54px;
background: var(--thm-color);
align-items: center;
justify-content: center;
font-size: 22px;
color: var(--color-white);
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
bottom: -20px;
}
ul.team-v4-icon {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
transform: translate(-50%, 0px);
bottom: 10px;
transition: .5s;
opacity: 0;
}
.team-v4-item ul.team-v4-icon li {
list-style: none;
display: inline-block;
margin-bottom: 0;
}
ul.team-v4-icon li a {
width: 40px;
height: 40px;
background: var(--thm-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 0 2px;
margin-bottom: 0;
color: var(--color-white);
}
ul.team-v4-icon li a:hover {
background: var(--color-white);
color: var(--thm-color);
}
.team-v4-share-box {
position: relative;
}
.team-v4-share-box:hover .team-v4-icon {
opacity: 1;
bottom: 50PX;
}
.team-v4-title {
margin-top: 36px;
margin-bottom: 0px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
font-size: 20px;
}
.team-v4-title a {
color: var(--color-black);
}
.team-v4-title a:hover {
color: var(--thm-color);
}
.team-v4-stitle {
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
} .about-v3-img-wrp .about-v3-image img {
border-radius: 20px;
width: 100%;
}
.about-v3-img-content {
border-radius: 20px;
padding: 30px;
height: 200px;
display: flex;
align-items: end;
}
.about-v3-img-content-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
}
.image-style-two {
background-color: var(--thm-color);
}
.image-style-one {
background: var(--color-black);
}
.about-v3-img-icon {
font-size: 60px;
color: var(--color-white);
margin-bottom: 20px;
} .tabs-section-wrapper {
display: flex;
}
.tabs-section-wrapper .nav {
display: block;
border: none;
margin-right: 70px;
}
.tabs-section-wrapper li.nav-item {
border-bottom: 1px solid rgba(140, 140, 140, 0.30);
padding: 23px 0;
}
.tabs-section-wrapper li.nav-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.tabs-section-wrapper li.nav-item:first-child {
padding-top: 0;
}
.tabs-section-wrapper .nav-tabs .nav-link {
position: relative;
color: var(--color-black);
font-family: var(--font-heading);
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0;
margin-bottom: 8px;
display: block;
width: 100%;
text-align: left;
border: none;
}
.tabs-section-wrapper .nav-tabs .nav-link:after {
content: "\f061";
font-family: 'Font Awesome 5 Free';
right: 0px;
position: absolute;
color: var(--color-black);
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: normal;
transform: translate(0px, -50%);
top: 50%;
rotate: 320deg;
transition: .4s;
}
.tab-description {
color: var(--Paragraph, #7B7E86);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-right: 20px;
}
.tabs-section-wrapper .nav-tabs .nav-link:hover:after,
.tabs-section-wrapper .nav-tabs .nav-link.active:after,
.tabs-section-wrapper .nav-tabs .nav-link:hover,
.tabs-section-wrapper .nav-tabs .nav-link.active {
color: var(--thm-color);
background: transparent;
}
.tabs-section-wrapper .nav-tabs .nav-link.active:after {
rotate: 360deg;
}
.tabs-section-wrapper .tab-custom-image img {
width: 573px;
height: 420px;
object-fit: cover;
border-radius: 20px;
max-height: 700px;
}
.tab-custom-image {
position: relative;
display: inline-block;
}
.service-tab-custom-content {
border-radius: 10px 0px 20px 0px;
background: var(--thm-color);
position: absolute;
width: 200px;
right: 0;
bottom: 0;
width: 350px;
padding: 22px 30px 30px;
}
.service-tab-img-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.service-tab-btn .theme-btns {
background: var(--color-white);
padding: 14px 25px;
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 100px;
margin-top: 15px;
}
@media (max-width: 991px) {
.tabs-section-wrapper {
display: block;
}
.tabs-section-wrapper .tab-custom-image img {
width: auto;
height: auto;
object-fit: cover;
margin-top: 40px;
}
.tabs-section-wrapper .nav {
margin-right: 0;
}
} .edupls-list-box-item {
border-radius: 100px;
border: 1px solid #EEE;
background: var(--color-white);
display: flex;
align-items: center;
padding: 15px 22px;
margin-bottom: 15px;
}
.edupls-list-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.edupls-list-title a {
color: var(--font-body);
}
.edupls-list-title a:hover {
color: var(--thm-color);
}
.edupls-list-icon {
color: var(--thm-color);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-right: 13px;
display: inline-flex;
align-items: center;
justify-content: center;
} .popular-course-content {
display: flex;
align-items: center;
border-radius: 20px;
background: var(--thm-color);
padding: 30px;
margin-bottom: 20px;
}
.popular-course-content.slide {
margin: 0px 10px;
}
.popular-course-wrapper .Popular-course-img img {
border-radius: 10px;
background: #D9D9D9;
width: 193px;
min-width: 193px;
height: 188px;
flex-shrink: 0;
margin-right: 30px;
}
.popular-course-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 40px;
margin-bottom: 14px;
}
.courses-two-price {
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
a.popular-course-btn {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: inline-block;
}
.popular-course-btn i {
font-size: 90%;
margin-left: 5px;
}
a.popular-course-btn:hover {
color: var(--color-black);
} .popular-course-wrapper .container-fluid,
.popular-course-wrapper .container {
position: relative;
}
.popular-course-arrow {
display: flex;
position: absolute;
bottom: -120px;
left: 50%;
justify-content: flex-end;
transform: translate(-50%, 0%);
}
.popular-course-arrow button.slick-arrow i {
padding: 0 5px;
}
.popular-course-arrow button.slick-arrow {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 17px 30px;
height: unset;
width: unset;
letter-spacing: 0.5px;
margin-bottom: 0;
}
@media (max-width: 500px) {
.popular-course-content {
display: block;
}
.popular-course-wrapper .Popular-course-img img {
margin-right: 0;
margin-bottom: 20px;
}
.popular-course-title {
font-size: 26px;
line-height: 34px;
}
} .image-v4-item {
display: flex;
}
.image-v4-item .image-v4-small-img img {
border-radius: 10px;
width: 216px;
height: 277px;
object-fit: cover;
}
.image-v4-main-img {
margin-right: 25px;
}
.image-v4-item .image-v4-main-img img {
border-radius: 20px;
background: #D9D9D9;
width: 368px;
height: 579px;
flex-shrink: 0;
object-fit: cover;
}
.image-v4-small-img.two img {
margin-top: 25px;
}
@media (max-width: 500px) {
.image-v4-item .image-v4-main-img img {
height: 385px;
width: 100%;
}
.image-v4-item .image-v4-small-img img {
width: 100%;
height: 180px;
}
} .slider-section-wrapper {
position: relative;
}
.slider-content-box {
position: relative;
z-index: 1;
}
.slider-background-image {
height: 950px;
display: flex !important;
align-items: center;
position: relative;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
.slider-background-image::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.slider-table {
display: table;
height: 100%;
width: 100%;
}
.slider-table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.slide-stitle {
margin-bottom: 23px;
display: inline-block;
color: var(--color-white);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 34px;
letter-spacing: 2.43px;
text-transform: uppercase;
}
.slide-stitle span {
border-radius: 1000px;
border: 1px solid var(--line-des, #DFDFDF);
box-shadow: 0px 8px 19px 0px rgba(0, 0, 0, 0.07);
padding: 5px 20px;
margin-right: 10px;
color: var(--thm-color);
font-family: --;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
background: var(--color-white);
font-family: var(--font-heading);
}
.slide-title {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 80px;
font-style: normal;
font-weight: 500;
line-height: 88px;
letter-spacing: 1.6px;
margin-bottom: 27px;
}
.slide-dec {
color: var(--color-white);
font-family: var(--font-body);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 34px;
margin-bottom: 60px;
}
.slider-button-wrapper {
display: inline-flex;
}
.slider-button-wrapper .theme-btns {
margin-right: 50px;
}
.slider-video-button span {
color: var(--color-white);
font-family: var(--font-heading);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-left: 20px;
}
.slider-section-wrapper .slick-dots {
position: absolute;
display: block;
width: 20px;
top: 50%;
bottom: auto;
left: 150px;
transform: translate(0%, -50%);
margin-top: 0;
}
.slider-section-wrapper .slick-dots li {
display: block;
height: unset;
border: none;
margin-bottom: 10px;
}
.slider-section-wrapper .slick-dots li button {
width: 40px;
height: 40px;
font-size: 20px;
background: transparent;
visibility: visible;
color: var(--color-white);
border: 1px solid var(--color-white);
}
.slider-section-wrapper .slick-dots li.slick-active button {
background: var(--thm-color);
visibility: visible;
border: transparent;
}
.slider-items .slick-arrow {
top: 50%;
z-index: 2;
font-size: 18px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
color: var(--color-white);
position: absolute;
width: 60px;
height: 60px;
border: 1px solid var(--color-white);
line-height: 60px;
border-radius: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: transparent;
}
.slider-items .slick-arrow:hover {
background: var(--thm-color);
color: var(--color-white);
border: 1px solid transparent;
}
.slider-items .slick-arrow i {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
color: var(--color-white);
}
.slider-items .slick-arrow.prev {
left: 100px;
}
.slider-items .slick-arrow.next {
right: 100px;
}
.slider-boder,
.slider-boder2,
.slider-boder3,
.slider-boder4 {
height: 100%;
width: 1px;
background: rgba(166, 166, 166, 0.44);
position: absolute;
left: 20%;
top: 0;
}
.slider-boder2 {
left: 40%;
}
.slider-boder3 {
left: 60%;
}
.slider-boder4 {
left: 80%;
}
.slider-boder:after,
.slider-boder2:after,
.slider-boder3:after,
.slider-boder4:after {
content: '';
height: 50px;
width: 1px;
right: 0px;
background: var(--color-white);
bottom: 50px;
border-radius: 50%;
transition: .4s;
position: absolute;
}
.slider-boder:after,
.slider-boder3:after {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG;
}
.slider-boder2:after,
.slider-boder4:after {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BC;
animation-name: MOVE-BC;
}
@-webkit-keyframes MOVE-BG {
from {
top: 0;
}
to {
top: 100%;
}
}
@keyframes MOVE-BG {
from {
top: 0;
}
to {
top: 100%;
}
} @-webkit-keyframes MOVE-BC {
from {
top: 100%;
}
to {
top: 0;
}
}
@keyframes MOVE-BC {
from {
top: 100%;
}
to {
top: 0;
}
}
ul.slider-cat-box {
margin: 0;
padding: 0;
margin-top: 100px;
}
ul.slider-cat-box li {
list-style: none;
display: inline-flex;
border-radius: 10px;
border: 1px solid var(--color-white);
background: linear-gradient(91deg, rgba(19, 35, 53, 0.14) 40.72%, rgba(19, 34, 52, 0.14) 68.25%);
backdrop-filter: blur(6.5px);
padding: 18px 36px;
margin-right: 25px;
align-items: center;
margin-bottom: 10px;
}
ul.slider-cat-box li:last-child {
margin-right: 0;
margin-bottom: 0px;
}
span.slider-cat-icon {
font-size: 30px;
margin-right: 10px;
color: var(--thm-color);
}
span.slider-cat-tex {
color: var(--color-white);
font-weight: 500;
}
@media only screen and (max-width: 1600px) and (min-width: 1500px) {
.slider-section-wrapper .slick-dots {
left: 100px;
}
}
@media only screen and (max-width: 1499px) {
.slider-section-wrapper .slick-dots {
left: 50px;
}
.slider-items .slick-arrow.next {
right: 25px;
}
.slider-items .slick-arrow.prev {
left: 25px;
}
.slide-title {
font-size: 70px;
line-height: 80px;
}
}
@media only screen and (max-width: 1024px) {
.slide-title {
font-size: 65px;
line-height: 75px;
}
.slide-dec {
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (max-width: 767px) {
.slide-title {
font-size: 60px;
line-height: 70px;
}
.slide-dec {
font-size: 18px;
line-height: 26px;
}
ul.slider-cat-box {
display: none;
}
}
@media only screen and (max-width: 575px) {
.slider-items .slick-arrow {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
}
}
@media only screen and (max-width: 550px) {
.slider-button-wrapper {
display: block;
}
.slider-button-wrapper .theme-btns {
margin-right: 0px;
margin-bottom: 40px;
}
.slide-title {
font-size: 48px;
line-height: 58px;
}
} .circle-image-box {
position: relative;
display: inline-block;
}
.circle-image-image {
position: relative;
z-index: 11;
}
.circle-image-box .circle-image-image img {
border-radius: 100%;
padding: 25px;
border: 1px dashed var(--color-body);
width: 394px;
height: 394px;
}
.circle-shapes-wrap {
width: 120%;
position: absolute;
height: 120%;
left: -10%;
top: -10%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-animation: rounded 30s linear infinite;
animation: rounded 30s linear infinite;
z-index: 1;
}
.circle-shapes-wrap:after,
.circle-shapes-wrap:before {
content: '';
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
-webkit-animation: zoomInOutTwo 4s infinite;
animation: zoomInOutTwo 4s infinite;
}
.circle-shapes-wrap .circle-shape,
.circle-shapes-wrap .circle-shape2,
.circle-shapes-wrap .circle-shape3,
.circle-shapes-wrap .circle-shape4,
.circle-shapes-wrap .circle-shape5,
.circle-shapes-wrap .circle-shape6 {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
border: 1px solid #e0e0e1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.circle-shapes-wrap .circle-shape:after,
.circle-shapes-wrap .circle-shape2:after,
.circle-shapes-wrap .circle-shape3:after,
.circle-shapes-wrap .circle-shape4:after,
.circle-shapes-wrap .circle-shape5:after,
.circle-shapes-wrap .circle-shape6:after,
.circle-shapes-wrap .circle-shape:before,
.circle-shapes-wrap .circle-shape2:before,
.circle-shapes-wrap .circle-shape3:before,
.circle-shapes-wrap .circle-shape4:before,
.circle-shapes-wrap .circle-shape5:before,
.circle-shapes-wrap .circle-shape6:before {
content: '';
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
-webkit-animation: zoomInOutTwo 4s infinite;
animation: zoomInOutTwo 4s infinite;
z-index: 1;
}
.circle-shapes-wrap:before {
left: 40%;
top: 0;
background: var(--thm-color);
}
.circle-shapes-wrap:after {
top: 9%;
left: 19%;
background: #FD1A5A;
}
.circle-shapes-wrap .circle-shape:before {
top: 26%;
left: 5%;
background: #4958E3;
}
.circle-shapes-wrap .circle-shape:after {
top: 47%;
left: -6px;
background: var(--thm-color);
}
.circle-shapes-wrap .circle-shape2:before {
top: 69%;
left: 3%;
background: #FD1A5A;
}
.circle-shapes-wrap .circle-shape2:after {
bottom: 11%;
left: 17%;
background: #4958E3;
}
.circle-shapes-wrap .circle-shape3:after {
bottom: 4px;
right: 62%;
background: var(--thm-color);
}
.circle-shapes-wrap .circle-shape3:before {
bottom: 0%;
right: 38%;
background: #FD1A5A;
}
.circle-shapes-wrap .circle-shape4:before {
right: 17%;
bottom: 11%;
background: #4958E3;
}
.circle-shapes-wrap .circle-shape4:after {
bottom: 29%;
right: 3%;
background: var(--thm-color);
}
.circle-shapes-wrap .circle-shape5:after {
top: 10%;
right: 18%;
background: var(--thm-color);
}
.circle-shapes-wrap .circle-shape5:before {
top: 26%;
right: 5%;
background: #4958E3;
}
.circle-shapes-wrap .circle-shape6:before {
top: 46%;
right: -1%;
background: #FD1A5A;
}
.circle-shapes-wrap .circle-shape6:after {
top: 1%;
right: 36%;
background: #4958E3;
} .icon-box-v2-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
}
.icon-box-v2-dec {
color: var(--color-body);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.icon-box-v2-item {
display: flex;
align-items: center;
transition: .4s;
}
.icon-box-v2-icon {
width: 68px;
height: 65px;
flex-shrink: 0;
background: var(--thm-color);
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
color: var(--color-white);
border-radius: 5px;
font-size: 40px;
border: 1px solid transparent;
transition: .4s;
transform: skewX(-5deg);
}
.icon-box-v2-content {
font-size: 35px;
border-radius: 5px;
background: var(--color-white);
width: 100%;
border-radius: 25px;
border-bottom: 2px solid var(--thm-color);
padding: 35px 30px 35px 60px;
margin-left: -30px;
transition: .4s;
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.15);
}
.icon-box-v2-item:hover .icon-box-v2-icon {
border: 1px solid var(--color-white);
transform: skewX(0deg);
}
.icon-box-v2-item:hover .icon-box-v2-content {
background: var(--thm-color);
}
.icon-box-v2-item:hover .icon-box-v2-title,
.icon-box-v2-item:hover .icon-box-v2-dec {
color: var(--color-white);
} .event-v1-single {
border-radius: 10px;
border: 1px solid #D5D5D8;
background: var(--color-white);
display: flex;
padding: 25px 30px;
margin-bottom: 25px;
transition: .4s;
align-items: center;
}
.event-v1-single:hover {
border: 1px solid var(--thm-color);
box-shadow: 0px 29px 52px 0px rgba(28, 33, 48, 0.10);
}
.event-v1-wrapper .event-v1-image {
width: 220px;
min-width: 220px;
height: 230px;
border-radius: 10px;
overflow: hidden;
}
.event-v1-wrapper .event-v1-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .4s;
}
.event-v1-single:hover .event-v1-image img {
transform: scale(1.1);
opacity: 0.8;
}
.event-v1-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 30px;
}
.event-v1-title a {
color: var(--color-black);
}
.event-v1-title a:hover {
color: var(--thm-color);
}
.event-v1-location {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 8px;
}
.event-v1-location span {
margin-right: 5px;
color: var(--thm-color);
}
.event-v1-wrapper .event-v1-btn a {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration-line: underline;
}
.event-v1-wrapper .event-v1-btn a:hover {
color: var(--thm-color);
}
.event-v1-date {
border-radius: 5px;
background: var(--thm-color);
color: var(--color-white);
font-family: var(--font-heading);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 10px 20px;
display: inline-block;
margin-bottom: 16px;
}
.event-v1-wrapper .navigation {
margin-top: 25px;
}
@media only screen and (max-width: 600px) {
.event-v1-single {
display: block;
}
.event-v1-wrapper .event-v1-image img { margin-top: 30px;
}
.event-v1-title {
margin-right: 0;
}
} .slider-image-wrapper .slider-image {
margin: 0 10px;
}
.slider-image-wrapper .slider-image img {
width: 100%;
object-fit: cover;
}
.slider-image-wrapper .container,
.slider-image-wrapper .container-fluid {
position: relative;
}
.slider-image-wrapper button.slick-arrow {
top: 50%;
z-index: 2;
font-size: 18px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
color: var(--color-white);
position: absolute;
border: 1px solid var(--color-white);
line-height: 60px;
border-radius: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #179bd71a;
stroke-width: 1px;
stroke: var(--white, #FFF);
backdrop-filter: blur(48px);
width: 36px;
height: 36px;
margin-bottom: 0;
}
.slider-image-wrapper button.slick-arrow:hover {
background: var(--thm-color);
}
.slider-image-wrapper .prev.slick-arrow {
left: 20px;
}
.slider-image-wrapper .next.slick-arrow {
right: 20px;
} .event-info-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
.event-info-item {
display: flex;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #E6E6E6;
}
.event-info-item:first-child {
padding-top: 0 !important;
}
.event-info-bottom-area {
display: flex;
justify-content: space-between;
padding-top: 16px;
}
.event-info-label {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.event-info-text {
color: var(--Paragraph, #7B7E86);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.event-info-label span {
color: var(--thm-color);
margin-right: 8px;
}
.event-info-total {
color: var(--Paragraph, #7B7E86);
font-family: var(--font-heading);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.event-info-amaount {
color: var(--Sceondary, #1C1C1C);
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.event-info-amaount span {
text-decoration: line-through;
color: var(--Paragraph, #7B7E86);
font-family: Kanit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 5px;
} .count-down {
display: ruby-text;
justify-content: space-around;
}
.countdown-item {
border-radius: 10px;
border: 2px solid var(--thm-color);
background: var(--color-white);
width: 130px;
height: 110px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px
}
.countdown-text {
color: var(--thm-color);
font-family: var(--font-heading);
font-size: 48px;
font-style: normal;
font-weight: 500;
text-align: center;
line-height: 45px;
}
.countdown-text span {
display: block;
color: var(--color-body);
text-align: center;
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
} .social-icon-label {
color: var(--color-black);
font-family: "Kumbh Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 20px;
}
.edu-social-icon-box ul {
margin: 0;
padding: 0;
}
.edu-social-icon-box ul li {
list-style: none;
display: inline-block;
}
.edu-social-icon-box ul li a {
border-radius: 5px;
width: 36px;
height: 36px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-white);
background: #F5FBFD;
}
.edu-social-icon-box ul li a:hover {
color: var(--color-black);
background: var(--thm-color);
}   .footer-newsletter-one {
position: relative;
}
.footer-newsletter-one input[type="email"] {
margin-bottom: 0;
border-radius: 10px;
border: 1px solid #E6E8EA;
background: var(--color-white);
box-shadow: 0px 6px 26px 0px #E4E8F1;
padding: 20px;
max-height: 70px;
}
.footer-newsletter-one input[type="submit"] {
position: absolute;
right: 0;
top: 50%;
color: var(--color-white);
padding: 9px 35px;
transform: translate(0, -50%);
margin-right: 8px;
}
.footer-newsletter-one .wpcf7-spinner {
position: absolute;
bottom: 0;
right: 0;
} .footer-newsletter-two input[type="email"] {
margin-bottom: 20px;
border-radius: 5px;
}
.footer-newsletter-two input[type="submit"] {
color: var(--color-white);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
padding: 10px 30px;
} .footer-gallery-wrapper.footer-addons .widget-title {
margin-bottom: 50px;
}
.footer-gallery-area {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
max-width: 300px;
}
.gallery-thumb {
overflow: hidden;
position: relative;
border-radius: 10px;
height: 85px;
width: 85px;
margin-bottom: 5px;
}
.widget .footer-gallery-area .gallery-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-thumb:before {
content: "";
height: calc(100% - 14px);
width: calc(100% - 14px);
background-color: var(--thm-color);
opacity: 0.8;
position: absolute;
top: 7px;
left: 7px;
border-radius: 10px;
transform: scaleX(0);
transition: 0.4s ease-in-out;
}
.gallery-thumb:hover:before {
transform: scaleX(1);
}
.footer-gallery-area .gallery-btn {
position: absolute;
top: 50%;
left: 50%;
color: var(--color-white);
visibility: hidden;
opacity: 0;
transform: translate(-50%, 20px);
}
.footer-gallery-area .gallery-thumb:hover .gallery-btn {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%);
}
.footer-sort-dec {
margin-bottom: 20px;
padding-top: 8px;
} .image-box-v1-item {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.image-box-v1-item .image-box-img img {
width: 145px;
min-width: 145px;
height: 122px;
flex-shrink: 0;
border-radius: 10px;
margin-right: 25px;
}
.image-box-v1-item:hover .img-hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.img-box-v1-lavel {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 40px;
}
.image-box-v1-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
}
.image-box-v1-wrapper [class*='col-']:last-child .image-box-v1-item {
margin-bottom: 0px;
} .testi-v3-wrapper .carousel.carousel-dark {
display: flex;
align-items: center;
gap: 60px;
}
.testi-v3-wrapper .carousel-indicators {
position: relative;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: block;
padding: 0;
margin-right: 0%;
margin-left: 0;
list-style: none;
width: 340px;
margin-bottom: 0;
}
.testi-v3-wrapper .carousel-indicators [data-bs-target] {
width: 100%;
text-indent: 0;
height: unset;
background: unset;
border: none;
opacity: 1;
}
.testi-v3-wrapper .carousel-dark .carousel-indicators [data-bs-target] {
background-color: unset;
}
.testi-v3-author-info {
display: flex;
align-items: center;
padding: 15px 25px;
border-radius: 5px;
background: #FAFAFA;
opacity: 1;
text-align: left;
margin-bottom: 20px;
transition: .4s;
}
.testi-v3-wrapper .carousel-indicators button:last-child .testi-v3-author-info {
margin-bottom: 0;
}
.testi-v3-wrapper .carousel-indicators button.active .testi-v3-author-info {
border-radius: 5px;
border: 1px solid #F5F5F5;
background: #179BD7;
}
.testi-v3-wrapper .testi-v3-author-img img {
width: 82px;
height: 82px;
min-width: 82px;
margin-right: 20px;
border-radius: 82px;
border: 2px solid var(--color-white);
}
.testi-v3-botton-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 3px;
}
.active .testi-v3-botton-title {
color: var(--color-white);
}
.testi-v3-botton-deg {
color: var(--color-body);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.active .testi-v3-botton-deg {
color: var(--color-white);
}
.testi-v3-wrapper .testi-v3-img img {
border-radius: 104px;
border: 6px solid var(--color-white);
width: 104px;
height: 104px;
margin-bottom: 17px;
}
.testi-v3-content-item {
border-radius: 10px;
background: var(--color-white);
width: 100%;
padding: 0px 60px 60px;
text-align: center;
margin-top: 55px;
margin-bottom: 50px;
}
.testi-v3-wrapper .carousel-control-next,
.testi-v3-wrapper .carousel-control-prev {
position: absolute;
top: unset;
bottom: -50px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
color: var(--thm-color);
text-align: center;
border: 0;
transition: opacity .15s ease;
width: 70px;
height: 33px;
flex-shrink: 0;
border-radius: 5px;
transition: .4s;
font-size: 40px;
}
.testi-v3-wrapper .carousel-control-next:hover,
.testi-v3-wrapper .carousel-control-prev:hover {
background: var(--thm-color);
color: var(--color-white);
}
.testi-v3-wrapper .carousel-control-prev {
left: 40%;
}
.testi-v3-wrapper .carousel-control-next {
right: 40%;
}
.testi-v3-img img {
margin-top: -55px;
}
.testi-v3-name {
color: var(--thm-color);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 11px;
}
.testi-v3-des {
color: var(--color-body);
text-align: center;
font-family: var(--font-heading);
font-size: 16px;
font-style: italic;
font-weight: 500;
line-height: normal;
margin-top: 19px;
}
.testi-v3-share {
color: #FFB422;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.testi-v1-share i {
margin: 0 2px;
}
.testi-v3-content {
position: relative;
}
.testi-v3-arrow-wrp {
position: absolute;
left: 50%;
}
@media only screen and (max-width: 767px) {
.testi-v3-wrapper .carousel.carousel-dark {
display: block;
align-items: center;
flex-direction: column-reverse;
}
.testi-v3-author-item {
display: none;
}
.testi-v3-content-item {
padding: 0px 40px 40px;
}
.testi-v3-content {
margin: 0 10px;
}
} .course-one-box {
border-radius: 15px;
background: var(--color-white);
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
margin-bottom: 30px;
overflow: hidden;
margin-left: 2px;
margin-right: 2px;
}
.course-one-content-area {
padding: 24px 30px 20px;
border-bottom: 1px solid rgba(123, 126, 134, 0.20);
}
.course-one-image {
position: relative;
}
.course-one-category a {
position: absolute;
bottom: 30px;
border-radius: 2px;
background: var(--thm-color);
left: 30px;
padding: 8px 16px;
color: var(--color-white);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.course-one-category a:hover {
background-color: var(--color-white);
color: var(--thm-color);
}
.course-one-tontent-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.course-one-price {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.course-one-title {
color: var(--color-black);
font-family: var(--font-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px;
margin-bottom: 18px;
margin-top: 10px;
}
.course-one-title a {
color: var(--color-black);
}
.course-one-title a:hover {
color: var(--thm-color);
}
.course-one-meddile {
display: flex;
align-items: center;
justify-content: space-between;
}
.course-one-time {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.course-one-lesson {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.course-one-bottom-area {
display: flex;
justify-content: space-between;
padding: 25px 30px 30px;
align-items: center;
}
.course-one-author-info {
display: flex;
gap: 10px;
align-items: center;
}
.courses-one-wrapper .course-one-box .tutor-avatar {
width: 42px;
height: 42px;
display: block;
}
.course-one-author-name a {
color: var(--thm-color);
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.course-one-author-name a:hover {
color: var(--color-black);
}
.course-one-button a {
color: var(--color-white);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 3px;
background: var(--thm-color);
padding: 10px 16px;
}
.course-one-button a:hover {
background: var(--color-black);
color: var(--color-white);
}
.course-one-lesson i,
.course-one-time i {
color: var(--thm-color);
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-right: 5px;
}
.edupls-course-tab-menu-wrap .nav-link {
color: var(--color-white);
font-family: "Kumbh Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: transparent;
border: none;
border-bottom: 3px solid var(--color-body);
padding-bottom: 20px;
margin-bottom: 60px;
padding-left: 35px;
padding-right: 35px;
text-transform: capitalize;
}
.edupls-course-tab-menu-wrap .nav-link:hover {
color: var(--thm-color);
}
.edupls-course-tab-menu-wrap .nav-link.active {
color: var(--thm-color);
border-bottom-color: var(--thm-color);
}
.edupls-course-tab-menu-wrap ul li.nav-item {
margin-bottom: 0;
}
.edupls-course-tab-menu-wrap .nav {
justify-content: center;
}
.edupls-course-tab-menu-wrap .nav li:first-child .nav-link {
padding-left: 20px;
}
.edupls-course-tab-menu-wrap .nav li:last-child .nav-link {
padding-right: 20px;
}
.courses-one-wrapper .course-one-image img {
height: 260px;
width: 100%;
object-fit: cover;
}
.course-one-box:hover .img-hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
} .courses-two-box {
border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
margin-bottom: 25px;
overflow: hidden;
}
.courses-two-category a {
border-radius: 2px;
background: var(--thm-color);
color: var(--color-white);
font-family: "Kumbh Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 8px 15px;
position: relative;
top: -20px;
margin-left: 30px;
}
.courses-two-category a:hover {
color: var(--color-black);
}
.courses-two-top-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.courses-two-author-info {
display: flex;
align-items: center;
gap: 10px;
}
.courses-two-bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.courses-two-author-img .tutor-avatar {
height: 42px;
width: 42px;
display: block;
}
.courses-two-author-name a {
color: var(--thm-color);
font-family: "Kumbh Sans";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.courses-two-author-name a:hover {
color: var(--color-black);
}
.courses-two-lesson i {
color: var(--thm-color);
margin-right: 6px;
}
.courses-two-title {
color: var(--color-black);
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 32px;
margin-top: 18px;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px dashed rgba(123, 126, 134, 0.20);
}
.courses-two-content-area {
padding: 10px 30px 20px;
}
.courses-two-tab-menu-wrap .courses-two-image img {
height: 258px;
object-fit: cover;
} .courses-two-tab-menu-wrap .nav {
gap: 30px;
margin-bottom: 55px;
justify-content: center;
}
.courses-two-tab-menu-wrap ul li .nav-link {
border-radius: 10px;
border: 1px solid #E0E7F2;
background: var(--color-white);
text-transform: capitalize;
display: flex;
align-items: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: var(--font-heading);
color: var(--color-black);
}
.courses-two-tab-menu-wrap ul li .nav-link.active {
color: var(--thm-color);
}
.course-two-menu-icon {
width: 48px;
height: 41px;
display: inline-flex;
background: #294856;
align-items: center;
justify-content: center;
border-radius: 5px;
color: var(--color-white);
margin-right: 10px;
font-size: 25px;
}
.active .course-two-menu-icon {
background: var(--thm-color);
} .contact-form-one input[type="text"] {
max-height: 60px;
border: 1px solid #E2E5E7;
}
.contact-form-one .textarea {
border: 1px solid #E2E5E7;
}
.contact-form-one-button.button .form-btn {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
span.wpcf7-spinner {
position: absolute;
left: 0;
}
.contact-form-one-button.button .form-btn.style2 {
width: auto;
background: #fff;
color: var(--thm-color);
}
.contact-form-one-button.button .form-btn.style2:hover {
background: var(--color-black);
color: #fff;
} .blog-v4-item .blog-v4-inner-box {
position: relative;
display: block;
border: 1px solid var(--border-color);
margin-bottom: 30px;
overflow: hidden;
background: #F6F6F7;
border-radius: 20px;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-image {
position: relative;
display: block;
overflow: hidden;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-image img {
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
min-height: 250px;
height: 250px;
}
.blog-v4-item .blog-v4-inner-box:hover .blog-v4-image img {
transform: scale(1.1);
opacity: .8;
}
.blog-v4-item .post-info.clearfix {
margin-bottom: 10px;
padding-left: 0;
}
.blog-v4-content .blog-v4-title {
color: var(--Sceondary, #1C1C1C);
font-family: Kanit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
}
.blog-v4-item .blog-v4-des {
margin-bottom: 0px;
font-family: var(--body-font);
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content {
position: relative;
padding: 31px 40px 35px;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content .post-info li {
position: relative;
display: inline-block;
margin-right: 20px;
padding-left: 20px;
color: var(--Sceondary, #1C1C1C);
font-family: Kanit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content .post-info li a {
color: var(--color-body);
padding-left: 5px;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content .post-info li a:hover {
color: var(--thm-color);
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content .post-info li:last-child {
margin: 0px !important;
}
.blog-v4-item .blog-v4-inner-box .blog-v4-content .post-info li i {
position: absolute;
left: 0px;
top: 4px;
font-size: 14px;
color: var(--thm-color);
}
@media (max-width: 767px) {
.blog-v4-item .blog-v4-inner-box .blog-v4-content {
padding: 34px 30px 40px;
}
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.ays-quiz-container {
box-sizing: border-box;
}
.ays-quiz-container p {
padding: 0 10px;
margin: 1em 0;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container,
.ays-quiz-container section.ays_quiz_timer_container {
padding-top: 5px;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container hr,
.ays-quiz-container section.ays_quiz_timer_container hr{
padding: 0px;
margin: 0px;
border-bottom-color: #ccc;
}
.ays-quiz-container form span {
margin-top: 0;
margin: 0;
}
.ays-field {
display: flex;
text-align: left;
opacity: 1;
margin-bottom: 10px;
position: relative;
}
[id^="ays-quiz-container-"] .ays-field input[type='checkbox'],
[id^="ays-quiz-container-"] .ays-field input[type='radio']{
display: none!important;
}
.ays-quiz-answers .ays-field input~label[for^="ays-answer-"] {
font-weight: 600;
color: #484848;
margin-bottom: 0;
width: 100%;
height: unset;
transition: all .3s;
cursor: pointer;
display: block !important;
padding: 10px;
word-wrap: break-word !important;
white-space: initial !important;
line-height: 33px;
text-transform: initial;
max-width: 100%;
margin: 0!important;
letter-spacing: unset;
}
.ays-quiz-answers .ays-field input~label.ays_answer_image_label[for^="ays-answer-"] {
line-height: 0 !important;
}
.ays-quiz-answers .ays-field input[type="checkbox"]+label[for^="ays-answer-"] {
margin-left: 0;
}
.ays-field.ays_list_view_item input~label:before {
content: "";
display: inline-block;
background: #ddd;
background-clip: content-box;
width: 20px;
height: 20px;
border: 3px solid #ccc;
padding: 3px 3px 3px 3px;
box-sizing: border-box;
transition: all .4s linear;
vertical-align: middle;
margin-right: 10px;
position: unset;
}
.ays-field.ays_list_view_item input[type="radio"]~label:before {
border-radius: 50%;
}
.ays-field.ays_list_view_item input~label:hover:before {
background: #ddd;
color: #ddd;
background-clip: content-box;
}
.ays-field input~label:hover {
opacity: 1 !important;
}
.ays-field.ays_grid_view_item input~label:before {
content: "";
display: inline-block;
background: #ddd;
background-clip: content-box;
width: 20px;
height: 20px;
border: 3px solid #ccc;
padding: 3px 3px 3px 3px;
box-sizing: border-box;
transition: all .4s linear;
vertical-align: middle;
margin-right: 10px;
position: unset;
}
.ays-field.ays_grid_view_item input:checked~label.answered.wrong:before {
border-color: #cc3700!important;
background: #cc3700!important;
background-clip: content-box!important;
}
.ays-field.ays_grid_view_item input:checked~label.answered.correct:before {
border-color: #27ae60!important;
background: #27ae60!important;
background-clip: content-box!important;
}
.ays-field label.ays_position_initial,
.ays-field.ays_grid_view_item input+label {
position: initial !important;
}
.ays_quiz_rect_light .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,
.ays_quiz_rect_dark .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,
.ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before {
content: none!important;
}
.ays-field.ays_grid_view_item input[type="radio"]~label:before {
border-radius: 50%;
}
.ays-quiz-container .select2-container {
display: block;
width: 100%!important;
}
.ays-quiz-container .select2.select2-container .select2-selection {
padding: 0 !important;
}
.ays-quiz-container .select2-container .select2-selection--single,
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 40px;
line-height: 40px;
font-size: 17px !important;
width: 100%;
color: white;
display: inline-block;
}
.ays-quiz-container .select2-container--default,
.ays-quiz-container .select2-container--default .selection,
.ays-quiz-container .select2-container--default .select2-selection {
display: inline-block;
width: 100%;
height: 40px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection {
display: inline-block;
width: 100%;
height: 40px;
}
.ays-quiz-container .select2-container--default .select2-selection--single {
background: transparent;
border: none;
border-radius: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single:focus {
outline: none;
box-shadow: none;
}
.ays-quiz-container .select2-container .select2-selection--single .select2-selection__arrow b[role="presentation"] {
border: none;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 10px;
color: #fff;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
top: 1px;
right: 10px;
transform: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: inline-block;
}
[id^="ays-quiz-container-"] * {
box-sizing: border-box;
word-wrap: break-word;
}
div.ays-quiz-wrap {
max-width: 100%;
width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] p:empty{
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] {
width: 96%;
min-width: 200px;
max-width: 96%;
margin: 20px auto;
text-align: center;
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
position: relative;
padding-bottom: 60px;
transition: .5s ease;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
form[id^="ays_finish_quiz_"] {
background-color: initial !important;
}
[id^="ays-quiz-container-"] iframe {
width: 100% !important;
height: 100% !important;
}
[id^="ays_finish_quiz_"] div.step {
display: flex;
justify-content:  center;
align-items:  center;
border: 0 none;
width: 100%;
position: relative;
padding-top: 45px;
z-index: 999;
}
[id^="ays_finish_quiz_"] > div.step:first-of-type {
background-color: transparent !important;
border: none !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs {
padding-top: 0px !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs .ays-abs-fs.ays-end-page {
margin-top: 0px !important;
}
[id^="ays_finish_quiz_"] div.step div.ays-image-question-img{
margin-bottom: 15px;
}
[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {
width: 90%;
position: relative;
} [id^="ays_finish_quiz_"] div.step:not(:first-of-type) {
display: none;
} div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=search],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=tel],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=time],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=url],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=password],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=date],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=datetime],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=datetime-local],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=email],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=number],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type="text"],
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] textarea,
div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] select {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
height: auto;
background: #fff;
}
[id^="ays_finish_quiz_"] textarea {
background-color: rgba(255, 255, 255, 0.7);
}
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=search]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=tel]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=time]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=url]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=password]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=date]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime-local]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=email]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=number],:focus
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type="text"]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] textarea:focus {
border-color: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=button]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=search]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=tel]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=time]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=url]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=password]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=date]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime-local]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=email]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=number]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type="text"]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] textarea:hover {
transform: unset;
-o-transform: unset;
-moz-transform: unset;
-webkit-transform: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .information_form label[for^="ays_form_field"] {
text-align: left;
display: block;
cursor: pointer;
} [id^="ays_finish_quiz_"] .action-button {
display: inline-block;
height: initial !important;
width:auto;
font-weight: bold;
border: 0 none;
cursor: pointer;
margin: 10px 5px;
line-height: 1;
text-transform: initial !important;
max-width: 100%;
min-width: fit-content;
box-shadow: unset;
text-align: center;
}
[id^="ays_finish_quiz_"] .action-button.start_button {
padding: 10px 20px;
}
[id^="ays_finish_quiz_"] .action-button:disabled:hover,
[id^="ays_finish_quiz_"] .action-button:disabled:focus,
[id^="ays_finish_quiz_"] .action-button:disabled {
outline: none !important;
background-color: #aaa !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
}
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled],
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled] {
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
color: #aaa !important;
pointer-events: none !important;
}
[id^="ays_finish_quiz_"] .action-button.ays_finish {
margin: 10px 5px;
} [id^="ays_finish_quiz_"] .ays-fs-title {
font-size: 21px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
text-align: center !important;
}
[id^="ays_finish_quiz_"] .ays-fs-subtitle {
font-weight: normal;
font-size: 17px;
color: #666;
margin-bottom: 20px;
}
.ays-quiz-container .select2-container .select2-dropdown {
margin: 0;
max-width: unset;
}
.ays-quiz-container .select2-dropdown input.select2-search__field {
border-radius: 0px!important;
}
.ays-quiz-container .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #fff !important;
}
.ays-quiz-container .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #aaa;
}
.ays-quiz-container .select2-container--default .select2-results>.select2-results__options {
max-height: calc( 100vh / 3 );
margin: 0!important;
padding: 0!important;
}
.ays-quiz-container .select2-container--default .select2-results__option {
list-style-type: none;
text-align: left;
color: #000 !important;
margin: 0!important;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open {
z-index: 99999;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open .select2-dropdown--below{
animation: fadeInUp;
animation-duration: .3s !important;
max-width: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow{
display: inline-block;
height: 26px;
}
[id^="ays_finish_quiz_"] p.ays_message{
font-size: 20px;
}
[id^="ays_finish_quiz_"] p.ays_score.ays_score_percent{
font-size: 18px;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-social-shares{
margin: 15px 0;
text-align: center;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-share-btn-icon {
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
}
.ays-share-btn-linkedin .ays-quiz-share-btn-icon:before {
content: "\f08c";
}
.ays-share-btn-facebook .ays-quiz-share-btn-icon:before {
content: "\f082";
}
.ays-share-btn-twitter .ays-quiz-share-btn-icon:before { }
.ays-share-btn-email .ays-quiz-share-btn-icon:before {
content: "\e945";
}
.ays-share-btn-more .ays-quiz-share-btn-icon:before {
content: "\ea82";
}
.ays-share-btn-googleplus .ays-quiz-share-btn-icon:before {
content: "\ea88";
}
.ays-share-btn-github .ays-quiz-share-btn-icon:before {
content: "\eab4";
}
.ays-share-btn-tumblr .ays-quiz-share-btn-icon:before {
content: "\eabb";
}
.ays-share-btn-reddit .ays-quiz-share-btn-icon:before {
content: "\eac7";
}
.ays-share-btn-delicious .ays-quiz-share-btn-icon:before {
content: "\eacc";
}
.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon:before {
content: "\eace";
}
.ays-share-btn-pinterest .ays-quiz-share-btn-icon:before {
content: "\ead0";
}
.ays-share-btn-vkontakte .ays-quiz-share-btn-icon:before {
content: "\f189";
}
.ays-share-btn-instagram .ays-quiz-share-btn-icon:before {
content:"\f16d";
}
.ays-share-btn-youtube .ays-quiz-share-btn-icon:before {
content:"\f16a";
}
.ays-share-btn-behance .ays-quiz-share-btn-icon:before {
content:"\f1b4";
}
.ays-share-btn,
.ays-share-btn * {
box-sizing: border-box;
}
.ays-share-btn,
.ays-share-btn *,
.ays-share-btn *:before,
.ays-share-btn *:after {
box-sizing: border-box;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-share-btn {
position: relative;
display: inline-block;
height: 24px;
margin: 0;
padding: 2px 8px;
line-height: 1.53;
letter-spacing: .04em;
vertical-align: top;
font-size: 12px;
font-weight: bold;
font-family: "Helvetica Neue", Arial, sans-serif;
color: #111;
background: #e0e0e0;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-decoration: none;
transition: all 0.2s ease;
}
.ays-share-btn:hover,
.ays-share-btn:focus {
background: #d3d3d3;
border-color: #bababa;
text-decoration: none !important;
color: #111;
}
.ays-share-btn:active {
background: #c7c7c7;
border-color: #adadad;
text-decoration: none;
color: #111;
}
.ays-share-btn.ays-share-btn-sm {
height: 20px;
font-size: 10px;
padding: 0 8px;
line-height: 1.6;
}
.ays-share-btn.ays-share-btn-lg {
height: 28px;
font-size: 16px;
line-height: 1.4;
}
.ays-share-btn .ays-share-btn-text-sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ays-share-btn.ays-share-btn-branded {
color: #fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter {
background: #000000 !important;
border-color: #000000 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:focus {
background: #000000 !important;
border-color: #000000 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:active {
background: #000000 !important;
border-color: #000000 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook {
background: #3b5998 !important;
border-color: #344e86 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:focus {
background: #344e86 !important;
border-color: #2d4373 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:active {
background: #2d4373 !important;
border-color: #263961 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte {
background: #486c91 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:focus {
background: #2a6098 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:active {
background: #4b719a !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
border: 0;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:focus {
background: radial-gradient(circle at 30% 107%, #fff37b 0%, #f5e96a 5%, #f83926 45%,#d61299 60%,#0e48f0 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:active {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram .ays-quiz-share-btn-icon { padding: 0;
margin: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube {
background: #fff !important;
border-color: #fff !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:focus {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:active {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube .ays-quiz-share-btn-icon {
color: #FF0000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance {
background: #000B1D !important;
border-color: #000B1D !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:focus {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:active {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus {
background: #dd4b39;
color: #fff;
border-color: #d73925;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:focus {
background: #d73925;
border-color: #c23321;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:active {
background: #c23321;
border-color: #ac2d1e;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr {
background: #35465c;
color: #fff;
border-color: #2c3a4c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:focus {
background: #2c3a4c;
border-color: #222d3c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:active {
background: #222d3c;
border-color: #19212b;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit {
background: #ff4500;
color: #fff;
border-color: #e63e00;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:focus {
background: #e63e00;
border-color: #cc3700;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:active {
background: #cc3700;
border-color: #b33000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin {
background: #0976b4 !important;
color: #fff !important;
border-color: #08669c !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:focus {
background: #08669c !important;
border-color: #075683 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:active {
background: #075683 !important;
border-color: #05466b !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious {
background: #3399ff;
color: #fff;
border-color: #198cff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:focus {
background: #198cff;
border-color: #007fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:active {
background: #007fff;
border-color: #0073e5;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon {
background: #eb4924;
color: #fff;
border-color: #e13b15;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:focus {
background: #e13b15;
border-color: #ca3412;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:active {
background: #ca3412;
border-color: #b22e10;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest {
background: #cc2127;
color: #fff;
border-color: #b61d23;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:focus {
background: #b61d23;
border-color: #a01a1f;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:active {
background: #a01a1f;
border-color: #8a161a;
}
.ays-share-btn.ays-share-btn-inverse {
color: #eeeeee;
background: #1f1f1f;
border-color: #050505;
}
.ays-share-btn.ays-share-btn-inverse:hover,
.ays-share-btn.ays-share-btn-inverse:focus {
background: #121212;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-inverse:active {
background: #050505;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
position: relative;
top: 1px;
}
@-moz-document url-prefix() {
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
top: 0;
}
}
.ays-share-btn.ays-share-btn-more.ays-share-btn-lg .ays-quiz-share-btn-icon {
top: 2px;
}
.ays-share-btn .ays-share-btn-text {
padding-left: 2px;
}
.ays-question-counter{
position: absolute;
right: 8px;
top: 0px;
color: rgba(0,0,0,.6);
margin: 1em 0;
text-align: right;
}
.ays-answer-image:hover{
cursor: pointer;
}
.ays_answer_select_image,
.ays-answer-image {
height: 100%;
min-width: 100px;
max-width: 100%;
object-fit: cover;
object-position: center center;
}
.ays-answer-image {
width: 100%;
}
.ays-quiz-container .select2-results__options .select2-results__option span {
display: flex;
align-items: center;
word-wrap: break-word;
}
.ays-quiz-container .select2-results__options .select2-results__option .ays_answer_select_image {
width: 150px;
height: 100px;
display: inline-block;
margin-right: 15px;
}
.ays_feedback_button_div,
.ays_buttons_div{
display: flex;
margin-top: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.ays_feedback_button_div {
justify-content: center !important;
}
.ays_buttons_div input {
height: 40px;
}
.ays_quiz_flash_card_main_container .display_none,
.ays-quiz-container .ays_display_none{
display: none !important;
}
.active-step{ }
.ays_red_border{
border-color:red !important;
}
.ays_green_border{
border-color:green !important;
}
input[type="checkbox"].ays_red_border{
box-shadow: 0px 0px 10px red !important;
}
input[type="checkbox"].ays_green_border{
box-shadow: 0px 0px 10px green !important;
}
.ays_arrow{
background: none !important;
font-size: 40px !important;
}
.ays_arrow:hover{
box-shadow:none !important;
transform: scale(1.1);
}
@keyframes bar-fill {
0% {
width: 0;
}
}
@-webkit-keyframes bar-fill {
0% {
width: 0;
}
}
@-moz-keyframes bar-fill {
0% {
width: 0;
}
}
@-o-keyframes bar-fill {
0% {
width: 0;
}
}
.ays-field.ays_list_view_item input+label.answered::after,
.ays-field.ays_grid_view_item label.answered::after{
content: '';
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 5px;
position: unset;
}
.ays-field input~label.answered.correct::after{
content: url(//sebasucit.sk/wp-content/plugins/quiz-maker/public/images/correct.png);
}
.ays-field input~label.answered.wrong::after{
content: url(//sebasucit.sk/wp-content/plugins/quiz-maker/public/images/wrong.png);
}
.ays-field label.answered {
position: relative;
}
.ays-field label.answered.correct:last-of-type::after,
.ays-field label.answered.wrong:last-of-type::after{
position: absolute;
}
.ays-field input~label.ays_without_after_content.answered::after {
content: none!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.wrong:before {
border-color: #cc3700!important;
background: #cc3700!important;
background-clip: content-box!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.correct:before {
border-color: #27ae60!important;
background: #27ae60!important;
background-clip: content-box!important;
}
.ays-field label.ays_position_initial,
.ays-field.ays_list_view_item input+label {
position: initial !important;
}
.ays_quiz_rect_light .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays_quiz_rect_dark .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before {
content: none!important;
}
.ays-field input:checked+label.answered.correct:before{
background-color: #1cbf8b;
}
.ays_question_result{
pointer-events: none;
opacity: 1 !important;
display: flex !important;
position:static !important;  transform: scale(1) !important;
}
.ays-quiz-container .ays-loader{
display: none;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 infinite;
animation-duration: 0.6s !important;
}
.ays_grid_view_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.ays_grid_view_item{
width: calc(50% - 5px);
}
.ays_grid_view_item:nth-child(odd) {
margin-right: 5px;
}
.ays-quiz-redirection-timer,
.ays-quiz-timer {
margin: 0 !important;
}
.ays-quiz-after-timer {
display: none;
margin: 0 !important;
}
.ays-quiz-question-waiting-time-box{
position: absolute;
margin-left: auto;
margin-right: auto;
top: 10px;
left: 0;
right: 0;
text-align: center;
}
.ays_question_hint_container {
position: absolute;
top: 10px;
left: 10px;
z-index: 999;
}
.ays_question_hint_container button.ays_question_hint {
font-size: 20px;
cursor: pointer;
}
.ays_question_hint_container p.ays_question_hint {
font-size: 20px;
cursor: pointer;
margin: 0;
}
.ays_question_hint_container i.ays_question_hint {
font-size: 20px !important;
cursor: pointer;
}
.ays_question_hint_container .ays_question_hint_text {
visibility: hidden;
max-width: 270px;
width: max-content; text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
top: 0;
left: unset;
margin-left: 15px;
opacity: 0;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
transition: opacity 0.5s;
}
.ays_question_hint_container .ays_question_hint_text.show_hint {
visibility: visible;
opacity: 1;
z-index: 1000;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box {
display: none;
position: absolute;
top: 25px;
right: 0px;
z-index: 1000; min-width: 10rem;
max-width: 190px;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
outline: none;
border: 0;
box-shadow: 0.025px 0.025px 1px 1px rgb(0 0 0 / 20%), 0px 2px 1px 0px rgb(0 0 0 / 14%), 0px 2px 5px 0 rgb(0 0 0 / 12%);
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box.show-more-buttons {
display: block;
visibility: visible;
opacity: 1;
z-index: 1000;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-icon-box {
cursor: pointer;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.ays_question_result .ays_question_hint{
display: none;
}
.ays_average{
display: none;
}
.ays_quiz_form_input{
display: block !important;
}
.ays-quiz-container *:after{
content: none;
}
.ays-quiz-container .ays-image-question-img img{
width:100%;
max-width:100%;
}
.ays-quiz-container .ays-field label:last-child{
overflow: hidden;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"]:empty{
display: none !important;
padding: 0px !important;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"].ays_empty_before_content::before,
.ays-quiz-container .ays-field input:checked ~ label[for^="ays-answer"].ays_empty_before_content::before {
content: none !important;
}
.ays-field label.ays_answer_image {
overflow: hidden;
border-radius: 0;
margin: 0;
padding: 0;
line-height: 0 !important;
}
.ays-quiz-container{
max-width: 100%;
}
.ays_empty_before_content:before{
content: none !important;
}
.ays_score_display_none{
display:none;
}
.ays-quiz-container .disable_social_buttons{
display: none;
}
.ays-quiz-container	.ays_quiz_image{
max-width: 100%;
margin: auto;
}
.ays-form-title{
margin-bottom: 20px;
font-size: 20px;
text-align: inherit;
}
.ays-quiz-container .ays-field.ays-select-field {
padding: 0;
width: 100% !important;
}
.ays-quiz-container .ays-field.ays-text-field {
padding: 5px;
width: 100% !important;
display: flex;
flex-wrap: nowrap !important;
flex-direction: row !important;
margin-bottom: 20px;
align-items: stretch;
}
.ays-quiz-container .ays-matching-field {
width: 100%;
}
.ays-quiz-container .ays-field.ays-matching-field-option {
padding: 0;
flex-direction: row !important;
justify-content: space-between;
align-items: center;
}
.ays-quiz-container .ays-field.ays-matching-field-option:hover {
background-color: initial !important;
color: initial !important;
transition: none !important;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-choice {
flex: 50%;
padding-left: 10px;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-match {
flex: 50%;
max-width: 50%;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"],
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] {
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-color: #fff;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input ~ button.ays_check_answer {
margin-right: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input{
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
height: 100px;
resize: none;
color: #000 !important;
background-color: #fff;
min-height: 100px;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input{
padding: 10px; margin-bottom: 0;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-image: unset;
max-width: 100%;
margin-top: 0;
margin: 0;
}
.ays-quiz-container .ays-quiz-answers div.ays-text-right-answer {
display: none;
width: 100%;
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
color: #ddd;
background: rgba(39,174,96,0.5);
}
.ays_quiz_question {
word-wrap: break-word;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"] ~ button.ays_check_answer,
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field button.ays_check_answer{
margin: 0 !important;
margin-right: 5px !important;
margin-left: 5px !important;
width: auto !important;
max-width: 100px;
white-space: initial !important;
word-wrap: break-word;
word-break: initial !important;
}
.ays-quiz-container .ays-field{
word-break: break-all;
}
.ays-live-bar-wrap {
box-sizing: border-box;
position: absolute;
height: 15px;
top: -15px;
border: none;
width: 100%;
background-color: transparent;
display: none;
}
.ays-live-bar-fill{
height: 100%;
border-bottom: 2px solid rgb(0, 0, 0);
}
.ays-live-bar-fill>span {
line-height: 15px !important;
text-align: right !important;
white-space: nowrap;
}
.ays-live-bar-fill span {
text-align: right;
display: block;
height: 100%;
color: inherit;
font-size: 11px;
}
div.ays-live-second-wrap{
background-color: black;
}
div.ays-live-second{
border-bottom: unset !important;
}
div.ays-live-third-wrap{
background-color: black;
}
div.ays-live-third{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-third::after {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@keyframes ays_progress_live_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
}
div.ays-live-fourth-wrap{
background-color: black;
}
div.ays-live-fourth{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-fourth::before {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
animation: ays_progress_live_bar linear infinite;
animation-duration: 0.8s;
}
.ays_quiz_reports {
display: flex;
position: absolute;
bottom: 0;
justify-content: space-between;
align-items: stretch;
left: 0;
width: 100%;
}
.ays_quiz_reports .ays_quiz_rete_avg {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 80%;
position: relative;
bottom: unset;
left: unset;
padding: 5px 8px;
border-radius: 0px; 
font-size: 12px;
font-weight: 600;
}
.ays_quiz_reports .ays_quiz_rete_avg span {
display: inline-block;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak i {
margin-right: 4px;
font-style: initial !important;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative; 
bottom: unset; 
right: unset; 
padding: 5px 20px; 
border-radius: 0px; 
font-weight: bold;
font-size: 14px;
width: 20%;
text-align: right;
padding: 5px 8px;
white-space: nowrap;
}
.ays_quizn_ancnoxneri_qanak i {
font-style: initial !important;
}
.ays_quizn_ancnoxneri_qanak {
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 5px 20px;
border-radius: 4px 0px 0px 0px;
font-weight: bold
}
.ays_quiz_rete_avg i.icon {
font-size: 12px;
}
.ays_quiz_rete_avg {
display: block;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: fit-content;
position: absolute;
bottom: 0;
left: 0;
padding: 5px 8px;
border-radius: 0px 4px 0px 0px;
font-size: 12px;
font-weight: 600;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete {
display: none;
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
font-weight: 600;
text-align: center;
}
.ays_quiz_rete .for_quiz_rate {
margin-bottom: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason {
display: none;
margin-bottom: 20px;
}
.ays_quiz_rete .for_quiz_rate_reason textarea.quiz_rate_reason {
width: 100%;
height: 150px;
resize: vertical;
background: #fff;
padding: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div {
justify-content: flex-end;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div .action-button{
max-width: fit-content;
height: 40px;
}
.ays_quiz_rete .quiz_rate_more_review,
.ays_quiz_rete .quiz_rate_reasons_container {
display: none;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons {
margin-bottom: 15px;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons blockquote {
text-align: left;
}
.ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link {
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete .ays-quiz-rate-link-box {
text-align: center;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
} .ays-quiz-container[id^="ays-quiz-container"] .ays_fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ays_fa_flag_checkered::before {
content: "\f11e";
font-weight: 900;
}
.ays_fa_arrow_left::before {
content: "\f060";
font-weight: 900;
}
.ays_fa_arrow_right::before {
content: "\f061";
font-weight: 900;
}
.ays_fa_info_circle::before {
content: "\f05a";
font-weight: 900;
}
.ays_fa_chevron_up::before {
content: "\f077";
font-weight: 900;
}
.ays_fa_chevron_down::before {
content: "\f078";
font-weight: 900;
}
.ays_fa_eye::before {
content: '\f06e';
font-weight: 400;
}
.ays_fa_users::before {
content: '\f0c0';
font-weight: 400;
}
.ays_fa_square_o::before {
content: "\f096";
font-weight: 900;
}
.ays_fa_check_square_o::before {
content: "\f046";
font-weight: 900;
}
.ays_fa_star::before {
content: "\f005";
font-weight: 400;
}
.ays_fa_star_o::before {
content: "\f006";
font-weight: 400;
}
.ays_fa_user::before {
content: "\f007";
font-weight: 400;
}
.ays_fa_clock_o::before {
content: "\f017";
font-weight: 400;
}
.ays_fa_undo::before {
content: "\f0e2";
font-weight: 400;
}
.ays_fa_volume_up::before {
content: "\f028";
font-weight: 400;
}
.ays_fa_volume_off::before {
content: "\f026";
font-weight: 400;
}
.ays_fa_sign_out::before {
content: "\f08b";
font-weight: 400;
}
.ays_fa_play::before {
content: "\f04b";
font-weight: 400;
}
.ays_fa_play_circle::before {
content: "\f144";
font-weight: 400;
}
.ays_fa_play_circle_o::before {
content: "\f01d";
font-weight: 400;
}
.ays_fa_pause::before {
content: "\f04c";
font-weight: 400;
}
.ays_fa_pause_circle::before {
content: "\f28b";
font-weight: 400;
}
.ays_fa_pause_circle_o::before {
content: "\f28c";
font-weight: 400;
}
.ays_fa_stop::before {
content: "\f04d";
font-weight: 400;
}
.ays_fa_stop_circle::before {
content: "\f28d";
font-weight: 400;
}
.ays_fa_stop_circle_o::before {
content: "\f28e";
font-weight: 400;
}
.ays_fa_expand::before {
content: "\f065";
font-weight: 400;
}
.ays_fa_compress::before {
content: "\f066";
font-weight: 400;
}
.ays_fa_eraser::before {
content: "\f12d";
font-weight: 400;
}
.ays_fa_music::before {
content: "\f001";
font-weight: 400;
}
.ays_fa_long_arrow_left::before {
content: "\f177";
font-weight: 400;
}
.ays_fa_long_arrow_right::before {
content: "\f178";
font-weight: 400;
}
.ays_fa_arrow_circle_o_left::before {
content: "\f190";
font-weight: 400;
}
.ays_fa_arrow_circle_o_right::before {
content: "\f18e";
font-weight: 400;
}
.ays_fa_arrow_circle_left::before {
content: "\f0a8";
font-weight: 400;
}
.ays_fa_arrow_circle_right::before {
content: "\f0a9";
font-weight: 400;
}
.ays_fa_angle_left:before {
content: "\f104";
font-weight: 900;
}
.ays_fa_angle_right:before {
content: "\f105";
font-weight: 900;
}
.ays_fa_angle_up:before {
content: "\f106";
font-weight: 900;
}
.ays_fa_angle_down:before {
content: "\f107";
font-weight: 900;
}
.ays_fa_check::before {
content: "\f00c";
}
.ays_fa_times::before {
content: "\f00d";
}
.ays-quiz-container .logged_in_message{
padding: 15px;
}
.ays_quiz_results {
display: none;
}
.ays-quiz-container .rate_comment_row * {
box-sizing: border-box;
}
.ays-quiz-container .rate_comment_row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.ays-quiz-container .rate_comment_row.row_reverse {
flex-direction: row-reverse;
}
.ays-quiz-container .rate_comment_row .rate_comment_user {
width: 25%;
}
.ays-quiz-container .rate_comment_row .rate_comment {
width: fit-content;
max-width: 75%;
}
.ays-quiz-container .rate_comment_row .rate_comment_user,
.ays-quiz-container .rate_comment_row .rate_comment {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.ays-quiz-container .rate_comment_row .thumbnail {
padding: 4px;
display: block;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ays-quiz-container .rate_comment_row .img-responsive,
.ays-quiz-container .rate_comment_row .thumbnail>img,
.ays-quiz-container .rate_comment_row .thumbnail a>img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.ays-quiz-container .rate_comment_row .panel {
position:relative;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left !important;
}
.ays-quiz-container .rate_comment_row .panel-default {
border-color: #ddd;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
position:absolute;
top:11px;left:-16px;
right:100%;
width:0;
height:0;
display:block;
content:" ";
border-color:transparent;
border-style:solid solid outset;
pointer-events:none;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
right:-16px;
left:100%;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after{
border-width:7px;
border-right-color:#f7f7f7;
margin-top:1px;
margin-left:2px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
border-right-color:#ddd;
border-width:8px;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after{
border-width: 7px;
border-left-color: #f7f7f7;
margin-top: 1px;
margin-left: 0;
margin-right: 2px;
border-right: none
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
border-left-color: #ddd;
border-width: 8px;
border-right: none;
}
.ays-quiz-container .rate_comment_row .panel>.panel-body {
padding: 15px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
border-width:8px;
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.lds-spinner2-none,
.lds-spinner-none {
display: none;
}
.lds-spinner2,
.lds-spinner {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
transform: scale(0.5);
}
.lds-spinner2 div,
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner linear infinite;
animation-duration: 1.2s !important;
}
.lds-spinner2 div:after,
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
}
.lds-spinner2 div:nth-child(1),
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner2 div:nth-child(2),
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner2 div:nth-child(3),
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner2 div:nth-child(4),
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner2 div:nth-child(5),
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner2 div:nth-child(6),
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner2 div:nth-child(7),
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner2 div:nth-child(8),
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner2 div:nth-child(9),
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner2 div:nth-child(10),
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner2 div:nth-child(11),
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner2 div:nth-child(12),
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ays_paypal_wrap_div,
.ays_stripe_wrap_div {
display: none;
}
.ays_paypal_div {
overflow: hidden;
}
.ays_paypal_div > div {
margin: auto;
width: 200px;
}
.ays_paypal_div iframe {
width: 100% !important;
}
.ays_paypal_details_div {
width: 100%;
padding: 15px;
}
.ays_paypal_details_div iframe {
width: 100% !important;
}
.ays_restart_button_p {
text-align: center !important;
margin: 0 !important;
}
.action-button.ays_restart_button {
width: auto;
max-width: 100%;
padding: 10px 20px;    
font-size: 14px;
font-family: inherit;
}
.action-button.ays_restart_button span {
margin-left: 7px;
}
div.ays_quiz_results_page {
display: none;
}
.ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
}
.ays_questtion_explanation,
.wrong_answer_text,
.right_answer_text {
text-align: initial;
}
.ays_animated_x5ms {
-webkit-animation-duration: .5s !important;
animation-duration: .5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ays_animated_x1s {
-webkit-animation-duration: 1s !important;
animation-duration: 1s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
} .ays_music_sound {
display: flex;
cursor: pointer;
z-index: 998;
width: 35px;
padding: 0;
margin: 0;
}
.ays_music_sound.z_index_0 {
z-index: 0;
}
.ays_music_sound > i {
font-size: 20px;
vertical-align: middle;
} fieldset.ays_fieldset {
border: 1px solid #e3939394;
padding: 5px;
background-color: transparent !important;
word-break: break-word;
}
div[id^="ays-quiz-container-"] fieldset.ays_fieldset legend {
font-size: 12px;
padding: 0 7px;
color: #f00;
margin: 0 auto;
text-align: center;
border-top: 1px solid #e3939394;
border-bottom: 1px solid #e3939394;
margin-bottom: 10px;
background-color: transparent !important;
font-weight: normal;
text-transform: none;
width: auto;
line-height: unset;
float: unset;
}
fieldset.ays_fieldset .ays_quiz_question .wp-video {
width: 100%;
max-height: 100%;
}
[id^="ays-quiz-container-"] fieldset.ays_fieldset .wp-video {
width: 100% !important;
max-width: 100% !important;
} .ays_cb_and_a {
position: relative;
top: -40px;
width: 100%;
text-align: center;
font-size: 12px;
text-align: center;
}
.ays_cb_and_a p {
text-align: center;
}
.ays_cb_and_a span,
.ays_cb_and_a strong {
margin-right: 7px;
}
.ays_cb_and_a img {
display: inline-block !important;
width: 15px;
height: 15px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
border: 1px solid #aaa;
margin-right: 3px;
margin-left: 5px;
vertical-align: text-top;
} div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block-main{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block {
width: 45%;
height: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
padding: 15px;
margin-bottom: 15px;
justify-content: space-between; transition: .2s ease-out;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block .product-image {
margin: 0;
line-height: 0;
width: 100%;
min-height: 150px;
height: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block img {
height: 100%;
width: 100%;
max-width: 200px;
object-fit: contain;
margin: 0 auto;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block {
text-align: left;
margin: auto;
padding-left: 1rem;
padding: 15px;
text-align: center;
margin: 0;
width: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-title {
margin: 0;
font-size: larger;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-price {
margin: 10px 0;
font-size: larger;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-price .ays-woo-product-price-currency-symbol {
margin-right: 5px;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block > a {
display: block;
width: auto;
text-decoration: unset;
}  .ays-quiz-question-with-bg {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
} .ays_block_content { justify-content: center;
align-items: center;
padding: 10px;
} [id^="ays-quiz-container-"] .ays_quiz_login_form input#ays-submit {
display: inline-block;
width:auto; font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 5px 10px;
margin: 10px 5px;
line-height: 1;
white-space: break-spaces;
}
.ays_quiz_login_form label {
display: block;
} .ays-progress {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.ays-progress-bar {
overflow: hidden;
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.ays-progress-value {
color: #333;
display: block;
font-size: 12px;
line-height: 15px;
white-space: nowrap;
background-color: transparent;
}
.ays-progress-bg {
position: relative;
height: 8px;
border-radius: 5px;
overflow: hidden;
}
.ays-progress-bar:after {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
position: absolute;
content: '' !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes ays_progress_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
} .ays-progress.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.first::after {
content: none !important;
}
.ays-progress-value.first {
position:absolute;
z-index:1;
width:0;
height:100%;
text-align: center;
}
.ays-progress-bg.first {
height:15px;
background: transparent;
} .ays-progress.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.second::after {
content: none !important;
}
.ays-progress-value.second {
position:absolute;
z-index:1;
width:0;
height:100%;
font-size: 12px;
line-height: 15px !important;
white-space: nowrap;
background-color: transparent;
text-align: center;
}
.ays-progress-bg.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
height:15px;
background: transparent;
} .ays-progress.third {
border-radius: 5px;
border: none;
}
.ays-progress-value.third {    
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.third {
} .ays-progress.fourth {    
border-radius: 5px;
border: none;
}
.ays-progress-bar.fourth {    
border-radius: 0px;
}
.ays-progress-value.fourth {
position:absolute;
z-index:1;
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.fourth {
height:15px;
}
.ays-progress-bar.fourth:after {
animation: ays_progress_bar linear infinite;
animation-duration: 0.8s !important;
}  .ays_checkbox_for_label {
padding: 13px 15px;
border: 1px solid #ccc;
border-radius: 3px !important;
margin-bottom: 10px;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
background: #fff;
text-align: left;
}
label.ays_for_checkbox {
font-weight: 500;
font-size: 16px;
width: auto;
cursor: pointer;
}
div.ays_checkbox_for_label input[type='checkbox'] {
display: inline-block !important;
width: 13px;
margin: 5px 10px;
cursor: pointer;
}  div.ays_lb_container {
padding-top: 15px;
padding-bottom: 30px;
width: 100%;
overflow-x: auto;
}
.ays_lb_ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 17px;
}
.ays_lb_li {
display: flex;
min-height: 40px;
align-items: center;
padding: 5px;
margin: 0;
}
.ays_lb_pos {
min-width: 40px !important;
width: auto;
text-align: center;
white-space: nowrap;
}
.ays_lb_user {
width: 30% !important;
word-break: break-word;
text-align: center;
padding-right: 3px;
}
.ays_lb_score {
width: 20% !important;
min-width: 75px !important;
text-align: center;
}
.ays_lb_duration {
width: 20% !important;
min-width: 80px !important;
text-align: center;
padding-right: 8px;
}
.ays_lb_points{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_custom_fields{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_li:nth-child(odd) {
background: #F6F8EF;
}
.ays-leaderboard-main-container .ays_lb_user {
display: flex;
justify-content: center;
align-items: center;
}
.ays-leaderboard-main-container .ays-lb-user-avatar-row {
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.ays-leaderboard-main-container .ays-lb-user-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
}
.ays-leaderboard-main-container table thead:first-child tr:first-child th{
border-top: transparent;
}
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>td,
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>th,
.ays-leaderboard-main-container table tbody tr:hover>td,
.ays-leaderboard-main-container table tbody tr:hover>th {
background-color: transparent;
}
div.ays-leaderboard-main-container table {
font-size: 14px;
}
div.ays-leaderboard-main-container table.ays_lb_li:first-child {
background: #99BB5A;
color: white;
}
div.ays-leaderboard-main-container table,
div.ays-leaderboard-main-container table tr,
div.ays-leaderboard-main-container table tr th,
div.ays-leaderboard-main-container table tr td {
border: none;
}
div.ays-leaderboard-main-container tbody td {
word-wrap: break-word;
}   #ays-quiz-all-orders-page,
#ays-quiz-user-score-page {
margin: 0 auto !important;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-user-score-page thead th {
font-size: 16px;
}
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page td {
font-size: 14px;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page thead th,
#ays-quiz-user-score-page td {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
text-align: center !important;
white-space: nowrap;
}
button.ays-quiz-user-sqore-pages-details {
background-color: #222;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 13px 25px;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
white-space: nowrap;
margin: auto;
display: block;
}
button.ays-quiz-user-sqore-pages-details:hover{
background-color: #aaaaaaab;
color: #222;
}
#ays-quiz-user-score-page button.ays-quiz-user-sqore-pages-details {
padding: 13px 25px !important;
}
td.ays-quiz-duration-column,
td.ays-quiz-score-column {
text-align: center;
}
.ays-quiz-user-results-container {
background-color: #F6F8EF;
overflow-x: auto;
} table#ays-quiz-all-orders-page,
table#ays-quiz-user-score-page {
width: 99%;
border-collapse: collapse;
} table#ays-quiz-all-orders-page tr:nth-of-type(odd),
table#ays-quiz-user-score-page tr:nth-of-type(odd) {
background: #eee;
}
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page th {
background-color: #333 !important;
color: white;
font-weight: bold;
}
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page th {
padding: 6px !important;
border: 1px solid #ccc;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { table#ays-quiz-user-score-page,
table#ays-quiz-user-score-page thead,
table#ays-quiz-user-score-page tbody,
table#ays-quiz-user-score-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page tr {
display: block;
} table#ays-quiz-user-score-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-user-score-page tr { border: 1px solid #ccc; }
table#ays-quiz-user-score-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-user-score-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}   table#ays-quiz-all-orders-page,
table#ays-quiz-all-orders-page thead,
table#ays-quiz-all-orders-page tbody,
table#ays-quiz-all-orders-page th,
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page tr {
display: block;
} table#ays-quiz-all-orders-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-all-orders-page tr { border: 1px solid #ccc; }
table#ays-quiz-all-orders-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-all-orders-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
table#ays-quiz-all-orders-page td:empty { display: none !important; }
table#ays-quiz-all-orders-page td:before {
content: attr(data-title);
}
} .ays-modal {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 1000000 !important;
width: 100%;
height: 100%;
animation-duration: .5s;
transition: .5s ease-in-out;
outline: 0;
}
.ays-modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-open {
overflow: hidden;
position: relative;
height: 100%;
}
.ays-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999 !important;
background-color: rgba(0, 0, 0, 0.5);
} .ays-modal-content {
background-color: #fefefe;
margin: auto; margin-bottom: 30px;
margin-top: 40px;
border: 1px solid #888;
width: 85%; z-index: 100000000;
position: relative;
padding-left: 0 !important;
animation-duration: .3s;
transition: .5s ease-in-out;
border-radius: 4px;
}
#ays-results-modal .ays-modal-content {
min-height: 500px;
margin: auto !important; margin-bottom: 30px !important;
margin-top: 40px !important;
} .ays-close {
color: #aaa;
float: right;
line-height: 1.3;
font-size: 28px;
font-weight: bold;
}
.ays-close:hover,
.ays-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.ays-modal-header {
padding: 4px 16px;
}
.ays-modal .ays-modal-header h2 {
line-height: 1.3;
font-size: 1.8rem;
margin: 0;
padding: 0;
clear: none;
font-weight: 500;
} .ays-modal-body {
padding: 2px 16px 20px;
overflow-x: auto;
width: 100%;
box-sizing: border-box;
} .ays-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
#ays-results-modal .ays-modal-header {
padding: 4px 16px !important;
}
#ays-results-modal .ays-modal-body {
padding: 2px 16px 20px !important;
}
#ays-results-modal .ays-modal-footer {
padding: 1rem !important;
}
table#ays-results-table {
border: 1px solid #ccc;
}
table#ays-results-table .ays-quiz-report-table-header {
display: flex;
justify-content: space-between;
align-items: center;
}
table#ays-results-table .ays-quiz-report-table-header::after,
table#ays-results-table .ays-quiz-report-table-header::before {
content: none !important;
}
table#ays-results-table svg {
width: 30px;
vertical-align: middle;
}
table#ays-results-table .wp-video {
width: max-content !important;
}
table#ays-results-table video {
max-width: 300px;
height: auto !important;
vertical-align: middle;
}
table#ays-results-table audio {
max-width: 300px;
vertical-align: middle;
}
table#ays-results-table {
margin: 0;
width: 100%;
}
table#ays-results-table h1::before {
content: none !important;
}
table#ays-results-table h1 {
margin: 0;
font-size: 25px;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
tr.ays_result_element {
border-bottom: 1px solid #ccc;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
.ays-modal-body * {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
}
.ays-modal-body tr td {
padding: 10px;
font-size: 15px;
border: none;
}
table#ays-results-table p.success img,
table#ays-results-table p.error img {
max-width: 150px !important;
}
table#ays-results-table p.success {
color: #73AF55;
}
table#ays-results-table p {
display: inline-block;
margin: 0;
font-size: 1.25em;
vertical-align: middle;
word-wrap: break-word;
}
table#ays-results-table p.error {
color: #D06079;
}
table#ays-results-table tr td {
word-wrap: break-word;
}
table#ays-results-table tr td:first-child,
table#ays-results-table tr td:first-child *{
color: #000 !important;
}
table#ays-results-table tr td:first-child{
font-weight: bold;
width: 40%;
}
table#ays-results-table tr td.ays-report-correct-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-user-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-status-icon {
width: 10%;
}
table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 40%
}
table#ays-results-table tr td.ays-report-answer-point {
width: 20%;
}
div.ays-quiz-preloader{
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.8);
width: 100%;
justify-content: center;
height: 100%;
align-items: center;
z-index: 1;
}
.wrong_shortcode_text::first-letter {
color: red !important;
background-color: transparent !important;
font-size: inherit !important;
font-weight: inherit !important;
float: none !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-webkit-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-ms-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .mejs-container {
width: 100% !important;
}
.ays_quiz_display_none_important {
display: none !important;
}
.ays-has-error {
border-width: 1px !important;
border-style: solid !important;
border-color: #d93025 !important;
}
.ays-has-error.ays_questions_nav_question {
border-width: 2px !important;
}
.ays-quiz-question-validation-error {
font-family: Roboto, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: .3px;
line-height: 16px;
color: #d93025;
padding-bottom: 10px;
display: none;
}
.ays-has-error .ays-quiz-question-validation-error {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ays-has-error .ays-quiz-question-validation-error img {
margin-right: 12px;
}
.ays-loader-text {
display: flex;
justify-content: center;
align-content: center;
}
img.ays-loader-custom-gif-content{ }
.ays_quiz_question_text_message{
text-align: left;
font-size: 12px;
}
.ays_quiz_question_text_error_message {
color: #ff0000;
} table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]{
background: #007cba;
border-color: #007cba;
color: #fff !important;
text-decoration: none;
text-shadow: none;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
vertical-align: baseline;
font-size: 13px;
line-height: 1;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
table#ays-results-table tr td:first-child span[class="ays-pdf-export-text"]{
padding: 0 5px;
}
table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]:hover{
background: #0071a1;
border-color: #0071a1;
color: #fff !important;
}  table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert{
background-color: #222;
color: white;
padding: 12px 25px;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
line-height: 1;
white-space: nowrap;
outline:none;
font-weight: 700;
}
table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert:hover{
background-color: #aaaaaaab;
color: #222;
} td.ays_wproducts_row input.select2-search__field{
width: 100% !important;
}
.ays_quiz_music,
.ays_quiz_wrong_ans_sound,
.ays_quiz_right_ans_sound{
display: none !important;
}
.ays-quiz-all-results-container > div.dataTables_wrapper,
.ays-individual-quiz-all-results-container > div.dataTables_wrapper {
position: static;
} .ays-quiz-container .ays-quiz-start-button-preloader{
position: relative;
max-width: 100%;
}
.ays-quiz-container .ays_quiz_start_button_loader_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.ays-quiz-container .ays_quiz_start_button_loader{
cursor: wait;
width: 30px;
}
.ays-quiz-container .ays_next.start_button.ays_quiz_enable_loader{
color: #a0a5aa!important;
background: grey!important;
border-color: #ddd!important;
box-shadow: none!important;
text-shadow: none!important;
padding: 10px 20px !important;
border: none;
opacity: 0.5;
cursor: wait;
} div.ays_quiz_maker_block_select select.components-select-control__input {
width: 100%;
max-width: 100%;
padding: 0;
}
.ays-individual-quiz-all-results-container,
.ays-quiz-all-results-container {
overflow: auto;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter{
padding-right: 10px;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter input,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter input {
margin: 0;
}
.ays-quiz-display-questions-container .ays-quiz-display-question-box {
border-bottom: 0.5px solid #848688;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-check {
color: green;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-times {
color: brown;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_check {
color: green;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_times {
color: brown;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-score-column-check-box {
display: flex;
} .ays-quiz-container .mejs-container.mejs-video {
min-height: 220px !important;
}
.ays-quiz-container .mejs-container.mejs-audio {
min-height: 40px !important;
}
.ays-quiz-container form.ays-quiz-form > .mejs-container {
display: none;
}
[id^="ays-quiz-container-"] .mejs-container .mejs-inner .mejs-controls .mejs-time {
height: 22px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto;
margin: 0;
}  .ays-quiz-container input[type=number]::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.ays-quiz-container input[type=number] {
-moz-appearance:textfield;
}
.ays-quiz-container input[type=number]:hover{
-moz-appearance: auto;
}
.ays-quiz-container input[type=number]:hover::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]:hover::-webkit-inner-spin-button{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.ays-quiz-container input[type=number]:hover:disabled {
-moz-appearance:textfield;
} div.ays-quiz-category-container-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
div#ays-results-modal div#ays-results-body table#ays-results-table p.ays_quiz_user_page_hide_answer{
font-weight: bold;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-lds-spinner-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page {
text-align: center;
} .ays_quiz_flash_card_main_container div.ays_quiz_flash_card:first-child{
display: block;
}
.ays_quiz_flash_card_main_container .ays_quiz_front,
.ays_quiz_flash_card_main_container .ays_quiz_back {
padding: 40px;
text-align: center;
margin-bottom: 5px;
word-break: break-word;
word-wrap: break-word;
white-space: initial;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_front *,
.ays_quiz_flash_card_main_container .ays_quiz_back * {
word-break: break-word;
word-wrap: break-word;
white-space: initial;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card {
display: none;
cursor: pointer;
position: relative;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
display: flex;
align-items: center;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card,
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
background-color: #D1E4DD;
padding: 20px;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
background: #fff;
margin-bottom: 20px;
min-height: 300px;
}
.ays_quiz_flash_card_introduction .ays_quiz_flash_card_introduction_content {
width: 100%;
}
.ays_quiz_flash_card_main_container .ays_quiz_back {
transform: rotateY(180deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_front {
transform: rotateY(0deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_img {
display: flex;
justify-content: center;
margin-top: 10px;
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content a.ays_quiz_fc_next_prev_btn,
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content a.ays_quiz_fc_start_btn {
background: #2A2A2A;
color: #fff;
text-decoration: none;
cursor: pointer;
margin-left: 13px;
width: 75px;
text-align: center;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content, 
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content { display: flex; justify-content: center;
}
.ays_quiz_flash_card_main_container a.ays_quiz_fc_next_prev_btn.prev {
display: none;
}
a.ays-quiz-flash-card-rotate{
display: flex;
justify-content: flex-end;
text-decoration: none;
}
a.ays-quiz-flash-card-rotate img{
width: 20px;
height: 20px;
cursor: pointer;
}
.ays_quiz_current_page {
position: absolute;
bottom: 5px;
right: 10px;
}
.ays_quiz_current_page.rotated {
transform: rotateY(180deg);
right: auto;
left: 10px;
}
div.ays_quiz_fc_explanation{
display: flex;
justify-content: flex-start;
margin-top: 60px;
background: #80808026;
}
div.ays_quiz_fc_explanation p{
margin: 0;
font-size: 15px;
}  .ays-quiz-full-screen-wrap {
display: flex;
justify-content: flex-end;
padding: 0;
line-height: 1;
}
.ays-quiz-full-screen-container {
cursor: pointer;
}
.ays-quiz-full-screen-container > svg.ays-quiz-close-full-screen {
display: none;
}  .ays-quiz-questions-nav-wrap {
display: none;
min-width: 200px;
max-width: 96%;
margin: auto;
text-align: center;
background: white;
box-sizing: border-box;
position: relative;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
background-color: #fff;
background-position: center center;
border-radius: 0px 0px 0px 0px;
box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
border: none;
overflow: hidden;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 10px;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 40px;
margin: 5px;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #dddddd;
color: #2c2c2c;
background-color: #fff;
border-radius: 50%;
margin: auto;
min-width: 40px;
padding: 0;
font-size: 15px;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
position: relative;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice {
position: absolute;
top: -5px;
right: -5px;
width: 10px;
height: 10px;
padding: 3px;
background-color: rgb(255, 199, 0);
border-radius: 50%;
border: 1px solid #fff;
line-height: 0;
display: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice img {
height: 100%;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item.ays_quiz_checked_answer_div a.ays_questions_nav_question {
pointer-events: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question[disabled] {
pointer-events: none; border: 2px solid #fff;
color: #fff;
background-color: #2c2c2c;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-content {
display: flex;
align-items: center;
padding: 15px;
width: fit-content;
position: relative;
left: 0;
transition: .5s ease-in-out;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item {
width: 60px;
height: 60px;
margin-right: 10px;
border-radius: 50%;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:last-child {
margin-right: 0;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:hover {
box-shadow: 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question {
display: block;
border-radius: 50%;
background-color: #27AE60;
color: #000;
text-decoration: none;
font-weight: 900;
width: 100%;
height: 100%;
line-height: 60px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled] {
background-color: #aaa !important;
color: #000 !important;
pointer-events: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question:hover {
box-shadow: inset 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-right {
display: none;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
position: absolute;
height: 100%;
display: flex;
align-items: center;
width: 10%;
z-index: 1;
transition: .5s ease-in-out;
cursor: pointer;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left {
left: 0;
background-image: linear-gradient(90deg, #27ae60, transparent);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
right: 0;
justify-content: flex-end;
background-image: linear-gradient(90deg, transparent, #27ae60);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left i.ays_fa,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right i.ays_fa {
transition: .5s ease-in-out;
margin: 0 10px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left:hover i.ays_fa ,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right:hover i.ays_fa {
transition: .5s ease-in-out;
margin: 0;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box * {
font-style: italic;
text-align: left;
font-size: 14px;
}
.ays-quiz-some-items-icons-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 7px;
}
.ays-quiz-some-items-icons-wrap:empty {
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
position: relative;
margin: 0 auto;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page > input[id^='ays_quiz_password_val_'],
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
max-width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays_quiz_password {
padding-right: 40px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays-quiz-password-toggle {
position: absolute;
right: 10px;
top: 25%;
width: 20px;
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-number-error-message {
color: #ff0000;
text-align: left;
font-size: 14px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {
margin-top: 0 !important;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-category-description-box {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
#ays-results-modal .ays-modal-content table#ays-results-table,
#ays-results-modal .ays-modal-content table#ays-results-table thead,
#ays-results-modal .ays-modal-content table#ays-results-table tbody,
#ays-results-modal .ays-modal-content table#ays-results-table th,
#ays-results-modal .ays-modal-content table#ays-results-table td,
#ays-results-modal .ays-modal-content table#ays-results-table tr {
display: block;
}
#ays-results-modal .ays-modal-content table#ays-results-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#ays-results-modal .ays-modal-content table#ays-results-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr.ays_result_element td {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-correct-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-status-icon {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 95%
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-answer-point {
width: 95%;
}
.ays-quiz-user-results-container table#ays-quiz-user-score-page td {
white-space: break-spaces;
}
}
.ays-quiz-container .ays-quiz-recaptcha-wrap .ays-quiz-g-recaptcha > div {
margin: auto;
}
.ays-quiz-container label.ays_switch_toggle {
cursor: pointer;
text-indent: -9999px;
width: 35px;
height: 14px;
background: grey;
display: block;
border-radius: 50px;
position: relative;
transition: .3s ease;
}
.ays-quiz-container label.ays_switch_toggle:after {
content: '';
position: absolute;
top: -3px;
left: -3px;
width: 20px;
height: 20px;
background: #0085ba;
border-radius: 30px;
transition: 0.3s;
}
.ays-quiz-container input:checked + label.ays_switch_toggle {
background: #b7ccea;
}
.ays-quiz-container input:checked + label.ays_switch_toggle:after {
left: calc(100% - -5px);
transform: translateX(-100%);
}
.ays-quiz-container label.ays_switch_toggle:active:after {
}
.ays-quiz-container label.ays_switch_toggle:hover:after {
box-shadow: 0 0 10px #31618c;
}
.ays-quiz-container div.ays-quiz-results-toggle-block {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 15px;
}
.ays-quiz-container input.ays_toggle[type=checkbox]{
display: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:after {
left: calc(100% - 13px);
top: 2px;
background-color: #aaa;
width: 10px;
height: 10px;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;
border: 1px solid #aaa;
}
.ays-quiz-container div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show{
color: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:hover:after {
box-shadow: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;    
border: 1px solid #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after {
top: 2px;
left: 13px;
width: 10px;
height: 10px;
background: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block > label.ays_switch_toggle {
margin: 0 10px;
}
div.ays-quiz-all-orders-container table.ays-quiz-all-orders-page a.ays-quiz-all-orders-title-href {
color: #551AA9;
}
.ays-quiz-container .ays-quiz-question-image-zoom {
cursor: zoom-in;
transition: 0.3s;
}
.ays-quiz-container .ays-quiz-question-image-zoom:hover {
opacity: 0.9;
}
@keyframes aysAnimationLightboxImages {
from{
transform: scale(0);
}
to{
transform: scale(1);
}   
}
.ays-quiz-question-image-lightbox-container {
display: none;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0 ,0 ,0 ,0.8);
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
font-size: 40px;
font-weight: bold;
position: absolute;
top: 10px;
right: 20px;
color: #fff;
cursor: pointer;
transition: 0.3s;
z-index: 99999;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:hover,
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:focus {
color: #b5b5b5;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-img {
margin: auto;
display: block;
width: 100%;
max-width: 1200px;
height: auto;
text-align: center;
animation-name: aysAnimationLightboxImages;
animation-duration: 0.7s;
position: relative;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader {
opacity: 0.7;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 101;
position: absolute;
left: 0;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader img {
width: 100px;
}
@media screen and (max-width: 768px) {
div.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
top: 40px;
}
}
.ays-export-quiz-button-container {
position: absolute;
right: 74px;
top: -19px;
margin: 1em 0;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-fill-in-blank-input{
display: inline-block;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: auto;
box-sizing: border-box;
color: #2C3E50;
font-size: 14px;
height: auto;
background: #fff;
color: #000 !important;
}
.ays_question_report {
text-align: right;
}
.ays_question_report .ays-quiz-open-report-window {
cursor: pointer;
margin-bottom: 10px;
display: inline-block;
}
div.ays_quiz_flash_card_main_container div.ays_quiz_flash_card_introduction_content *,
div.ays_quiz_flash_card_main_container div.ays_quiz_fc_qa * {
text-align: center;
} .ays-quiz-personality-result-box {
background: white;
border-radius: 17px;
box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); padding: 20px 30px;
margin: 30px 0;
font-size: 16px;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
color: #413A5C;
font-size: 23px;
margin: 0;
text-align: left;
font-weight: bold;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-description {
margin: 0;
font-size: 16px;
text-align: left;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress {
width: 100%;
background-color: rgba(128, 126, 137, 0.1);
border-radius: 15px;
position: relative;
display: flex; margin-top: 1rem;
margin-bottom: 1rem;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end {
justify-content: flex-end;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
height: 30px;
border-radius: 15px;
color: white;
font-size: 18px;
padding: 3px 15px 0;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-percentages {
position: absolute;
width: 100%;
padding: 4px 15px;
top: 0;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple {
color: #413A5C;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-white {
color: #ffffff;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage {
font-weight: bolder;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar {
background-color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color {
color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar {
background-color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color {
color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar {
background-color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color {
color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar {
background-color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color {
color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar {
background-color: #03A9F4;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color {
color: #03A9F4;
}
@media only screen and (max-width: 768px) {
div.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
font-size: 18px;
}
div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
font-size: 14px;
padding: 6px 10px 0;
}
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-field-matching-type-empty-answer {
border-color: #444;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding: 5px;
text-align: center;
display: block;
}  .ays_message_vars_multiple_bar {
display: flex;
flex-direction: column;
gap: 5px;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_bar,
.ays_message_vars_simple_bar {
width: 100%;
background: transparent;
border-radius: 12px;
text-align: left;
}
.ays_message_vars_multiple_bar p.ays_message_vars_multiple_bar_name {
text-align: left !important;
margin: 0;
margin-bottom: 7px;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar,
.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar {
width: 100%;
background: #F2F2F3;
border-radius: 30px;
overflow: hidden;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar_filled,
.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar_filled {
background: #88D29D;
border-radius: 50px;
height: 33px;
position: relative;
display: flex;
justify-content: flex-end;
}
.ays_message_vars_multiple_bar span.ays_message_vars_multiple_bar_score,
.ays_message_vars_simple_bar span.ays_message_vars_simple_bar_bar_score {
font-size: 16px;
font-weight: 600;
margin: 0 7px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
line-height: 32px;
}
.ays_message_vars_simple_bar {
display: flex;
justify-content: center;
align-items: center;
}
.ays_message_vars_simple_bar p.ays_message_vars_simple_bar_progress_bar_label {
font-size: 17px;
font-weight: 700;
margin-left: 10px;
} .ays_detailed_result_column_chart {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column {
width: 15%;
max-width: 100px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_row {
width: 100%;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_empty {
height: 33vh;
display: flex;
flex-direction: column-reverse;
background: #F2F2F3;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_title,
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_total {
font-size: 1.3vw;
font-weight: 600;
color: #88D29D;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled {
background: #88D29D;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled span {
font-size: 1.3vw;
font-weight: 600;
} .ays_user_corrects_count_pie_chart_container {
width: 100%;
height: fit-content;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
}
.ays_user_corrects_count_pie_chart {
box-sizing: border-box;
padding: 12vh;
border-radius: 50%;
}
.ays_user_corrects_count_pie_chart_labels {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
font-size: 16px;
}
.ays_user_corrects_count_pie_chart_labels div {
display: flex;
gap: 8px;
align-items: center;
}
.ays_user_corrects_count_pie_chart_labels_rect {
display: inline-block; border: 1px solid #525252;
width: 25px;
height: 25px;
}
.ays_user_corrects_count_pie_chart_labels_rect span {
display: inline-block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 640px) {
.ays_user_corrects_count_pie_chart_container {
flex-direction: column;
align-items: center;
}
.ays_user_corrects_count_pie_chart_labels {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
font-size: 12px;
}
.ays_user_corrects_count_pie_chart_labels div {
gap: 5px;
}
.ays_user_corrects_count_pie_chart_labels_rect {
width: 19px;
height: 19px;
}
} .ays_avg_rate_stars_with_icons_container {
position: relative;
width: 140px;
height: 28px;
font-size: 28px;
margin: 0 auto;
padding: 0;
color: #F7BB07;
}
.ays_avg_rate_stars_with_icons_filled {
position: absolute;
top: 0;
left: 0;
display: flex;
gap: 2.5px;
z-index: 1;
padding: 0;
overflow: hidden;
}
.ays_avg_rate_stars_with_icons_empty {
display: flex;
gap: 2.5px;
z-index: 0;
padding: 0;
}  div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main {
position: relative;
padding: 7px 5px;
border: 1px solid #ccc;
border-radius: 3px !important;
margin-bottom: 10px;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
background: #fff;
text-align: left;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label {
display: block;
cursor: pointer;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button{
background-color: white;
font-size: initial;
border: 1px solid rgba(0,0,0,.1);
padding: 5px 7px;
border-radius: 4px;
transition: .5s;
display: flex;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button img,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button span,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload img,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload span{
display: initial;
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button:hover {
background-color: #fffbfbe0;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button .ays-quiz-upload-type-text{
padding: 0 10px;
font-size: 14px;
color: #5F6368 !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-label{
width: 110px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready{
border: 1px solid rgba(0,0,0,.1);
border-radius: 4px;
padding: 5px 10px;
display: flex;
justify-content: space-between;
min-height: 40px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a{
font-size: 12px;
overflow: hidden;
text-decoration: none;
box-shadow: none;
outline: none;
word-break: break-all;
word-wrap: break-word;
color: #5F6368 !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a:hover{
text-decoration: underline !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-image-box{
cursor: pointer;
margin-left: 10px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box img{
max-width: initial;
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-link-box,
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box{
display: flex;
align-items: center;
}
.ays_quiz_upload_type_answers_summary{
width: 100%;
}
.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a{
text-decoration: none;
}
.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a:hover{
text-decoration: underline;
}
.ays-quiz-upload-ready-summary{
border-radius: 4px;
background-color: rgb(0, 0, 0, 0.03);
padding: 5px 10px;
margin-bottom: 8px;
display: flex;
}
.ays-quiz-upload-ready-summary:hover{
background-color: rgb(0, 0, 0, 0.1);
}
.ays-quiz-upload-ready-summary .ays-quiz-upload-ready-link-summary{
font-size: 13px;
color: black;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader{
background-color: #bfbfbf69;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader img{
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {
display: flex;
align-items: center;
margin-top: 10px;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {
display: none;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload span {
font-family: Roboto, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: .3px;
line-height: 16px;
color: #d93025 !important;
}  .ays-quiz-powered-by-container {
margin: 0 auto 20px;
max-width: 96%;
text-align: right;
}
.ays-quiz-promote-powered-by-text-row {
display: flex;
justify-content: flex-end;
align-items: center;
}
.ays-quiz-promote-powered-by-text {
margin: 0;
text-align: right;
font-size: 12px;
font-style: italic;
color: #767373;
}
.ays-quiz-promote-powered-by-text a {
color: #767373;
}