@charset "UTF-8";
@charset "UTF-8";
.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;}
 *,
*::before,
*::after {
box-sizing: inherit; }
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
header a,
footer a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
font-weight: 700;
}
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; }
table {
width: 100%;
border-spacing: 0; }
th, td {
padding: 5px;
text-align: center; }
table td,
table tr,
table th {
border: 1px solid #ddd; } embed,
iframe,
object {
max-width: 100%; }
img, .wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: middle; }
figure {
margin: 1em 0; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-size: 17px; }
abbr,
acronym {
border-bottom: 1px dotted #ddd;
cursor: help; }
mark,
ins {
background: #ddd;
text-decoration: none; }
big {
font-size: 125%; }
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border-radius: 0;
box-sizing: border-box;
display: block;
font-size: 17px;
width: 100%;
background: #fff;
border: 1px solid #ccc;
line-height: 1.75;
padding: 7px 15px;
color: #1c1c1c;
}
p a {
text-decoration: underline;
}
textarea {
width: 100%;
height: 120px;
padding: 15px 20px; }
input[type="checkbox"] {
display: inline; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #c3c3c3; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a3a2a2; }
hr {
background-color: #999;
border: 0;
height: 1px;
margin-bottom: 1.5em; 
}
a {
color: var(--wp--preset--color--secondary);
outline: 0 !important;
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
color: white !important;
}
a:focus-visible, a:focus {
outline: thin dotted !important;
}
a:hover, a:active, a:hover {
outline: 0;
color: var(--wp--preset--color--primary);
} .alignfull{
margin:0 !important;
width: auto !important
}
h1,h2,h3,h4,h5,h6{
color: #000;
} .woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{
font-size: 25px !important;
}
.woocommerce h3 a{
color: #000!important;
text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
background: var(--wp--preset--color--primary);
color: #fff;
padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce .wp-block-query-pagination{
gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
background: #000;
color: #fff !important;
}
.woocommerce .wp-block-post{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
top: 8px;
}
.woocommerce form .form-row input.input-text {
padding: 8px;
border: 1px solid #bcbcbc;
}
.related.products h2 {
text-align: left;
}
.woocommerce .star-rating span::before {
color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
margin: 0 auto 8px;
font-size: 15px !important;
}
.woocommerce span.onsale{
background: var(--wp--preset--color--primary);
padding: 0;
color: #fff;
}
.products li {
box-shadow: -2px -2px 5px #bbb;
padding: 10px !important;
text-align: center;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
color: #000;
letter-spacing: 1px;
font-weight: 600;
text-align: center !important;
font-size: 20px !important;
padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary);
color: #fff ;
border-radius: 1px solid var(--wp--preset--color--primary);
padding: 8px 25px !important;
opacity: 1 !important;
text-decoration: none;
border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary) !important;
color: #fff !important;
border-radius: 1px solid var(--wp--preset--color--primary) !important;
border: none !important;
border-radius: 30px !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
background: black !important;
color: white !important;
}
.woocommerce .quantity .qty {
width: 5em;
padding: 7px !important;
border-radius: 30px;
border: solid 1px #000;
color: #000;
line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
max-width: 100%;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{
padding: 0 !important;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{
width: unset ;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
background: var(--wp--preset--color--primary);
padding: 12px !important;
margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
color: #fff;
font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
color: #222 !important;
}
span.posted_in {
display: block;
}
span.woocommerce-input-wrapper {
width: 100%;
}
select.orderby {
padding: 10px;
}
.woocommerce-product-gallery__image{
padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
color: #000;
line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb{
max-width: 80%;
margin: 0 auto;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
height: 1.5rem !important;
}
.woocommerce input#password{
border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 0px !important;
}
.woocommerce-page form .password-input{
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
padding: 12px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: var(--wp--preset--color--primary);
transition: background .15s ease-in-out;
font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
background: #000;
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
padding: 12.5px 15px;
background: #000;
color: #fff;
font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
border: none;
float: none;
overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
width: 110px !important;
padding: 5px 5px 5px !important;
margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
#payment{
margin: 0 0 30px 0;
}
.product-name a{
color: #000;
}
.wp-block-heading {
margin-bottom: 5px;
margin-top: 5px;
}
.search-icon path{
color: #000;
}
.single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{
width: auto;
}
.single-product .woocommerce.product .wp-block-woocommerce-product-price{
margin-top: 0;
}
.single-product .woocommerce.product .alg_currency_select{
width: auto;
background-color: var(--wp--preset--color--primary);
border: none;
color: #ffffff;
}
.single-product .wp-block-woocommerce-product-meta .wp-block-group{
margin-left: 0 !important;
} .dark-mode {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.main-header-section .header-btn-box .light-icon,
.main-header-section .header-btn-box .dark-icon {
width: auto !important;
height: 28px !important;
display: none;
}
.archive .wp-block-query .wp-block-post > div.wp-block-group,
.search-results .wp-block-query .wp-block-post > div.wp-block-group{
background-color: var(--wp--preset--color--background);
}
body.dark-mode.error404 .wp-block-cover .wp-block-cover__background{
background-color: var(--wp--preset--color--foreground) !important;
opacity: 1 !important;
}
body.dark-mode.error404 .error-page h2,
body.dark-mode.error404 .error-page h1,
body.dark-mode.error404 .error-page p{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode.single-post .wp-block-comments,body.dark-mode .wp-block-post-comments #comments,
body.dark-mode .wp-block-post-comments .comment-reply-title{
color: var(--wp--preset--color--foreground) !important;
}
body.dark-mode .theme-sidebar .wp-block-group h3{
border-bottom-color: var(--wp--preset--color--background);
}
body.dark-mode .theme-sidebar .wp-block-group h3,
body.dark-mode .theme-sidebar .wp-block-group ul li a,
body.dark-mode .news-section .news-box .news-box-title a, 
body.dark-mode .news-section .news-box .wp-block-post-excerpt__excerpt{
color: var(--wp--preset--color--background) !important;
}
body:not(.dark-mode) .main-header-section .header-btn-box .light-icon {
display: inline;
}
body.dark-mode.single-post .taxonomy-category a:hover,
body.dark-mode.single-post .taxonomy-post_tag a:hover{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode .main-header-section .header-btn-box .dark-icon {
display: inline;
}
body.dark-mode .main-header-section .header-btn-box .header-btn:hover a,
body.dark-mode .main-header-section .header-btn-box .header-btn:hover:after{
color: var(--wp--preset--color--foreground) !important;
background: var(--wp--preset--color--background) !important;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{
color: var(--wp--preset--color--background);
}
body.dark-mode .main-header-section .header-logo .header-title a{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode.home .main-header-section .header-logo .header-title:after{
background-color: var(--wp--preset--color--foreground) !important;
}
.home .main-header-section .header-menu-box,
.home .main-header-section .header-btn-box{
margin-top: -15px;
}
.main-header-section .header-logo .header-title{
text-align: left;
}
.home .main-header-section .header-logo .header-title{
text-align: center;
}
.home .main-header-section{
position: absolute;
z-index: 9;
width: 100%;
padding: 0 !important;
}
.main-header-section .header-menu-box .top-menus ul{
gap: 5px;
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container{
gap: 15px;
}
.main-header-section .header-menu-box .top-menus ul li a{
padding: 5px 20px !important;
border-radius: 30px;
}
.main-header-section .header-menu-box .top-menus ul li a:hover{
background: var(--wp--preset--gradient--icon-background-color);
color: var(--wp--preset--color--background);
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container li a:hover{
background: var(--wp--preset--color--secondary) !important;
border-radius: 0;
}
.home .main-header-section .header-logo .header-title{
position: relative;
}
.home .main-header-section .header-logo .header-title:after{
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: inline-flex;
clip-path: circle(50% at 50% 0);
width: 100%;
height: calc(100% + 52px);
background: #fff;
z-index: -1;
}
.home .main-header-section .header-logo .header-title a{
margin-top: 30px;
display: block;
}
.main-header-section .header-btn-box .header-btn-inner{
gap: 10px;
}
.main-header-section .header-btn-box .header-btn{
position: relative;
}
.main-header-section .header-btn-box .header-btn:after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background-color: var(--wp--preset--color--heading-color);
top: 0;
left: 0;
z-index: -1;
opacity: 0.2;
transform: rotate(7deg);
border-radius: 30px;
} .banner-section{
position: relative;
clip-path: polygon(0% 0%,0% 0%,0.702% 0.171%,2.673% 0.643%,5.72% 1.353%,9.635% 2.241%,14.215% 3.243%,19.274% 4.297%,24.6% 5.343%,30.004% 6.317%,35.28% 7.158%,40.199% 7.804%,40.199% 7.804%,45.77% 8.307%,51.68% 8.635%,57.76% 8.814%,63.87% 8.867%,69.926% 8.82%,75.646% 8.699%,80.917% 8.527%,85.587% 8.332%,89.57% 8.136%,92.711% 7.966%,92.711% 7.966%,93.117% 8.033%,93.503% 8.273%,93.863% 8.672%,94.194% 9.216%,94.491% 9.891%,94.749% 10.683%,94.963% 11.576%,95.128% 12.557%,95.231% 13.611%,95.265% 14.724%,95.265% 93.208%,95.265% 93.208%,95.232% 94.302%,95.131% 95.339%,94.976% 96.306%,94.769% 97.19%,94.514% 97.975%,94.218% 98.649%,93.883% 99.197%,93.518% 99.606%,93.126% 99.861%,92.717% 99.95%,0% 99.95%,0% 0%);
}
.banner-main-sec:after{
content: '';
background: var(--wp--preset--gradient--banner-background-light);
height: 550px;
width: 97%;
position: absolute;
left: 0;
top: 20%;
z-index: -1;
opacity: 0.3;
clip-path: polygon( 0% 0%,97.408% 1.341%,97.408% 1.341%,97.826% 1.447%,98.222% 1.74%,98.59% 2.206%,98.925% 2.829%,99.222% 3.591%,99.475% 4.478%,99.679% 5.473%,99.829% 6.56%,99.919% 7.723%,99.944% 8.946%,99.325% 92.611%,99.325% 92.611%,99.282% 93.837%,99.173% 94.994%,99.006% 96.066%,98.785% 97.037%,98.516% 97.892%,98.205% 98.616%,97.858% 99.193%,97.481% 99.607%,97.078% 99.843%,96.656% 99.886%,0% 86.478%,0% 0% );
}
.banner-section:before{
content: '';
background: var(--wp--preset--gradient--banner-background-color);
height: 75%;
width: 70%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 0% 0.075%,0% 0.075%,0.741% 0.236%,2.831% 0.685%,6.069% 1.368%,10.257% 2.234%,15.194% 3.232%,20.681% 4.308%,26.518% 5.41%,32.505% 6.488%,38.442% 7.487%,44.129% 8.357%,44.129% 8.357%,50.783% 9.152%,57.943% 9.748%,65.325% 10.173%,72.645% 10.453%,79.618% 10.616%,85.961% 10.688%,91.389% 10.697%,95.619% 10.67%,98.365% 10.634%,99.343% 10.616%,99.343% 10.616%,98.91% 11.167%,97.689% 12.69%,95.795% 14.993%,93.345% 17.882%,90.454% 21.162%,87.238% 24.641%,83.813% 28.124%,80.295% 31.418%,76.8% 34.33%,73.444% 36.665%,73.444% 36.665%,69.322% 38.585%,65.421% 39.355%,61.69% 39.275%,58.073% 38.643%,54.517% 37.76%,50.968% 36.924%,47.372% 36.436%,43.676% 36.595%,39.824% 37.701%,35.763% 40.053%,35.763% 40.053%,32.899% 42.277%,30.277% 44.562%,27.851% 46.947%,25.574% 49.471%,23.4% 52.172%,21.283% 55.091%,19.175% 58.266%,17.03% 61.736%,14.802% 65.539%,12.444% 69.716%,12.444% 69.716%,10.793% 72.828%,9.091% 76.284%,7.392% 79.927%,5.748% 83.598%,4.212% 87.139%,2.836% 90.391%,1.675% 93.197%,0.78% 95.397%,0.204% 96.833%,0% 97.347%,0% 0.075% );
}
.banner-section .banner-inner-bg:before{
content: '';
background: var(--wp--preset--gradient--banner-background-bottom-left);
height: 50%;
width: 50%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 0% 95.826%,98.806% 95.826%,98.806% 95.826%,98.376% 95.201%,97.161% 93.474%,95.277% 90.867%,92.84% 87.603%,89.965% 83.905%,86.766% 79.995%,83.36% 76.095%,79.861% 72.428%,76.385% 69.217%,73.047% 66.684%,73.047% 66.684%,68.947% 64.63%,65.068% 63.807%,61.357% 63.893%,57.759% 64.569%,54.223% 65.513%,50.693% 66.407%,47.116% 66.928%,43.44% 66.758%,39.609% 65.576%,35.57% 63.061%,35.57% 63.061%,32.721% 60.683%,30.113% 58.24%,27.7% 55.69%,25.436% 52.991%,23.274% 50.102%,21.168% 46.981%,19.071% 43.587%,16.938% 39.876%,14.722% 35.809%,12.377% 31.343%,12.377% 31.343%,10.735% 28.016%,9.042% 24.32%,7.352% 20.424%,5.717% 16.499%,4.189% 12.713%,2.821% 9.235%,1.666% 6.235%,0.775% 3.883%,0.203% 2.347%,0% 1.798%,0% 95.826% );
}
.banner-section .banner-inner-bg:after{
content: '';
background: var(--wp--preset--gradient--banner-background-bottom-right);
height: 40%;
width: 40%;
position: absolute;
left: 56%;
bottom: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 99.898% 82.529%,99.898% 82.529%,99.822% 85.342%,99.603% 88.01%,99.253% 90.499%,98.783% 92.771%,98.205% 94.791%,97.531% 96.525%,96.774% 97.935%,95.945% 98.986%,95.055% 99.644%,94.118% 99.871%,5.657% 99.871%,5.657% 99.871%,3.993% 99.244%,2.603% 97.516%,1.505% 94.913%,0.716% 91.661%,0.256% 87.987%,0.142% 84.117%,0.393% 80.278%,1.027% 76.696%,2.063% 73.599%,3.518% 71.211%,3.518% 71.211%,4.546% 70.023%,5.574% 68.868%,6.601% 67.75%,7.623% 66.674%,8.64% 65.645%,9.649% 64.666%,10.647% 63.742%,11.634% 62.878%,12.606% 62.079%,13.561% 61.348%,13.561% 61.348%,18.408% 58.634%,22.992% 57.545%,27.379% 57.659%,31.63% 58.552%,35.811% 59.801%,39.983% 60.982%,44.21% 61.672%,48.556% 61.447%,53.083% 59.884%,57.857% 56.56%,57.857% 56.56%,61.224% 53.416%,64.307% 50.186%,67.159% 46.816%,69.835% 43.248%,72.39% 39.43%,74.879% 35.304%,77.357% 30.817%,79.878% 25.912%,82.497% 20.536%,85.27% 14.632%,85.27% 14.632%,85.682% 13.731%,86.1% 12.798%,86.523% 11.837%,86.949% 10.849%,87.379% 9.836%,87.811% 8.802%,88.244% 7.747%,88.68% 6.676%,89.115% 5.589%,89.551% 4.489%,89.551% 4.489%,90.801% 2.011%,92.145% 0.553%,93.529% 0.051%,94.9% 0.443%,96.207% 1.665%,97.394% 3.653%,98.41% 6.345%,99.201% 9.677%,99.715% 13.586%,99.898% 18.009%,99.898% 82.529% );
} .banner-main-sec .banner-inner-bg svg{
height: 100%;
width: 100%;
}
.banner-main-sec .banner-inner-bg{
position: relative;
z-index: 2;
}
.banner-main-sec .banner-inner-bg .banner-content{
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 100%;
}
.banner-main-sec .banner-content .banner-search-box{
gap: 0;
margin: 0 auto;
width: fit-content;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button{
background-color: var(--wp--preset--color--heading-color);
border-radius: 30px;
padding: 8px 15px 8px 40px;
position: relative;
border: none;
}
.main-header-section .header-btn-box .header-btn:hover a,
.main-header-section .header-btn-box .header-btn:hover:after,
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:hover,
body.dark-mode .main-header-section .header-btn-box .header-btn a,
body.dark-mode .main-header-section .header-btn-box .header-btn:after{
background: var(--wp--preset--gradient--icon-background-color);
color: var(--wp--preset--color--background) !important;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:before{
content: '';
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/search.svg);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
font-size: 14px;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories{
border-right: 1px solid var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
cursor: pointer;
outline: none;
}
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper{
align-items: center;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
background: #0000;
border: none;
color: var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-filter-box, .banner-main-sec .banner-filter-box .banner-filter-btn-box{
gap: 10px;
}
.banner-main-sec .banner-filter-box .banner-filter-btn{
display: flex;
}
.banner-main-sec .banner-filter-box .banner-filter-btn a:hover{
color: var(--wp--preset--color--background) !important;
} #voiceButton {
border: none;
background: transparent url(https://beztabletok.com/wp-content/themes/online-documentation/images/mic.png) no-repeat center center;
background-size: 20px 20px;
width: 28px;
height: 28px;
margin-left: 6px;
cursor: pointer;
padding: 0;
} #voiceButton.listening {
animation: pulse 1s infinite;
filter: drop-shadow(0 0 6px red);
} @keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.2); }
100% { transform: scale(1); }
} .banner-main-sec .banner-bottom {
margin-top: -45px !important;
z-index: 2;
}
.banner-main-sec .banner-content .banner-search-box,
.banner-main-sec .banner-bottom .banner-btm-outer,
.document-section .document-detail .document-info-box{
box-shadow: 0px 0px 12px 0px #00000029;
}
.banner-main-sec .banner-bottom .banner-info-left figure,
.document-section .document-detail .document-info-box .info-img{
position: relative;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:after,
.document-section .document-detail .document-info-box .info-img:after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: var(--wp--preset--gradient--icon-background-color);
opacity: 0.1;
border-radius: 50%;
z-index: -1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.document-section .document-detail .document-info-box .info-img:before{
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
background: var(--wp--preset--gradient--icon-background-color);
border-radius: 50%;
transform: translate(-50%, -50%) scale(0); opacity: 0;
z-index: -1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:before,
.document-section .document-detail .document-info-box:hover .info-img:before{
transform: translate(-50%, -50%) scale(1); opacity: 1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:after,
.document-section .document-detail .document-info-box:hover .info-img:after{
opacity: 0;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left img,
.document-section .document-detail .document-info-box:hover .info-img img{
filter: brightness(0) invert(1);
transform: rotateY(360deg);
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-right .banner-info-title,
.document-section .document-detail .document-info-box:hover .info-title a{
background: var(--wp--preset--gradient--icon-background-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left figure:after,
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left img,
.document-section .document-detail .document-info-box .info-img:before,
.document-section .document-detail .document-info-box .info-img:after,
.document-section .document-detail .document-info-box .info-img img{
transition: 1s;
}
.banner-main-sec .banner-btm-outer{
position: relative;
}
.banner-main-sec #toggleSecondRow{
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
}
.banner-main-sec #toggleSecondRow img{
height: 25px;
width: auto !important;
}
.banner-main-sec .banner-bottom .banner-btm-outer:before{
content: '';
position: absolute;
top: 40px;
left: -13%;
background: var(--wp--preset--gradient--icon-background-color);
clip-path: polygon( 0% 2.355%,97.81% 2.355%,97.81% 2.355%,97.384% 2.956%,96.181% 4.618%,94.317% 7.126%,91.904% 10.265%,89.058% 13.823%,85.891% 17.585%,82.519% 21.337%,79.056% 24.864%,75.615% 27.954%,72.311% 30.391%,72.311% 30.391%,68.252% 32.366%,64.412% 33.158%,60.738% 33.075%,57.177% 32.425%,53.676% 31.517%,50.182% 30.657%,46.641% 30.155%,43.002% 30.319%,39.209% 31.456%,35.211% 33.876%,35.211% 33.876%,32.391% 36.164%,29.809% 38.514%,27.421% 40.967%,25.179% 43.564%,23.039% 46.343%,20.954% 49.345%,18.879% 52.611%,16.767% 56.18%,14.574% 60.093%,12.252% 64.39%,12.252% 64.39%,10.626% 67.591%,8.951% 71.146%,7.278% 74.894%,5.659% 78.67%,4.147% 82.313%,2.793% 85.658%,1.649% 88.544%,0.768% 90.807%,0.201% 92.284%,0% 92.813%,0% 2.355% );
width: 300px;
height: 200px;
box-shadow: 0px 3px 6px 0px #00000029;
opacity: 0.1;
z-index: -1;
} .document-section .document-detail .document-info-box .info-title a{
color: var(--wp--preset--color--heading-color);
text-decoration: none;
}
.document-section .document-detail .document-info-box .info-list li{
list-style: none;
position: relative;
}
.document-section .document-detail .document-info-box .info-list li:before{
content: '';
position: absolute;
left: 0;
top: 4px;
height: 13px;
width: 13px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn.svg);
}
.document-section .document-bg{
text-align: center;
position: relative;
}
.document-section .document-bg svg{
height: 590px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.document-section .document-detail .document-info-box{
text-align: left;
} .about-section .about-right-content .about-small-title{
display: inline-block;
}
.about-section .about-right-content .about-icon{
border-radius: 6px;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.about-section .about-right-content .about-icon{
background-color: var(--wp--preset--color--secondary);
}
.about-section .about-left-content .about-images figure,
.about-section .about-right-content .about-icon,
.about-section .about-right-content .about-icon{
overflow: hidden;
}
.about-section .about-left-content .about-images img,
.about-section .about-right-content .about-icon img,
.about-section .about-right-content .about-icon img{
transition: 1.1s;
}
.about-section .about-left-content .about-images img:hover,
.about-section .about-right-content .about-icon:hover img,
.about-section .about-right-content .about-icon:hover img{
transform: scale(1.1);
}
.about-section .about-left-content .about-images figure{
border-radius: 20px;
} .faq-section .faq-detail-section details.faq-btm-title summary{
border: 1px solid #C9C9C9; 
border-radius: 5px;
padding: 5px 32px 5px 18px;
list-style: none;
position: relative;
}
body.dark-mode .faq-section .faq-detail-section details.faq-btm-title summary:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn1.svg);
}
.faq-section .faq-detail-section details.faq-btm-title summary:after{
content: '';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn.svg);
}
.faq-section .faq-detail-section details[open].faq-btm-title summary:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn1.svg);
transform: translateY(-50%) rotate(90deg);
}
.faq-section .faq-detail-section details[open].faq-btm-title > summary{
background: var(--wp--preset--gradient--banner-background-main);
color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--secondary);
} .testimonial-section .testimonial-heading-cont{
position: relative;
}
.testimonial-section .testimonial-heading-cont:after{
content: '';
position: absolute;
height: 7px;
width: 80px;
background-color: var(--wp--preset--color--secondary);
bottom: 0;
left: 50%;
border-radius: 10px;
transform: translateX(-50%);
}
.testimonial-section .wp-block-cover .wp-block-cover__background{
transition: 1s;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__background{
background-color: var(--wp--preset--color--primary) !important;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container p,
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container h5{
color: #ffffff !important;
}
.testimonial-section .owl-nav{
position: absolute;
bottom: 50%;
transform: translateY(50%);
margin-top: 0;
display: flex;
width: 100%;
justify-content: space-between;
z-index: -1;
}
.testimonial-section .owl-nav button{
border: none;
height: 35px;
width: 35px;
border-radius: 5px;
}
.testimonial-section .owl-nav button{
background-color: #ffffff;
transition: 1s;
}
.testimonial-section .owl-nav button:hover{
background-color: var(--wp--preset--color--primary);
}
.testimonial-section .owl-nav button.owl-prev{
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next{
margin-right: -5%;
}
.testimonial-section .owl-nav button.owl-next,
.testimonial-section .owl-nav button.owl-prev{
position: relative;
}
.testimonial-section .owl-nav button.owl-next:after,
.testimonial-section .owl-nav button.owl-prev:after{
content: '';
position: absolute;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
height: 16px;
width: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.testimonial-section .owl-nav button.owl-next:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn.svg);
margin-left: 1px;
}
.testimonial-section .owl-nav button.owl-next:hover:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/left-btn1.svg);
}
.testimonial-section .owl-nav button.owl-prev:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/right-btn1.svg);
margin-right: 1px;
}
.testimonial-section .owl-nav button.owl-prev:hover:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/right-btn.svg);
}
.testimonial-section .client-box {
position: relative;
}
.testimonial-section .client-box .client-img{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
} .testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
gap: 0;
}
.news-section .news-heading-inner-box .news-small-title,
.faq-section .faq-heading-box .faq-inner-head-box .faq-small-title{
display: flex;
margin: 0 auto;
width: fit-content;
}
.news-section .news-box .wp-block-post-date{
margin-top: 0;
}
.news-section .news-box .news-meta .wp-block-post-author-name,
.news-section .news-box .news-meta .wp-block-post-date,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title{
position: relative;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after,
.news-section .news-box .news-meta .wp-block-post-date:after,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
height: 17px;
width: 17px;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/author.svg);
}
.news-section .news-box .news-meta .wp-block-post-date:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/calender.svg);
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/comment.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-author-name:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/author1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-date:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/calender1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
background-image: url(https://beztabletok.com/wp-content/themes/online-documentation/images/comment1.svg);
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--primary);
}
.news-section .news-meta{
flex-wrap: wrap;
gap: 10px;
}
.news-section .news-box .news-box-title a{
color: var(--wp--preset--color--heading-color);
} .wc-block-components-product-sale-badge img{
height: 250px !important;
}
.products-block-post-template h3 a{
font-size: 22px !important;
text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
font-size: 18px !important;
color: #000;
}
a.added_to_cart.wc_forward{
margin-top: 0 !important;
background: var(--wp--preset--color--primary);
color: #fff;
padding: 6px 12px;
font-size: 18px !important;
text-decoration: none;
border-radius: 6px;
}
.single-post .wp-block-post-featured-image img{
width: auto;
transform: translateY(10px);
transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
transform: translateY(0px);
}
.single-post .wp-block-post-author__avatar img{
width: 25px !important;
height: 25px !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout {
width: 80% !important;
margin: 0 auto;
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button svg,
.woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{
color: #ffffff !important;
} .archive-page-sec{
padding-bottom: 30px;
padding-top: 30px;
} .footer-section a:hover{
color: var(--wp--preset--color--foreground);
}
.footer-section .footer-box .footer-mail-box,
.footer-section .footer-box .footer-phone-box{
gap: 12px;
}
.footer-section  .wp-block-social-links{
gap: 10px !important;
}
.footer-section .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
background: #009DAE;
border:1px solid #009DAE;
}
.footer-add{
margin-right: 20%;
}
.footer-section {
padding: 0;
min-height: auto;
}
.footer-section .wp-block-group {
padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px 0px;
margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
padding-left: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding-right: 50px;
}
.footer-add{
line-height: 30px !important;
}
.footer-box a{
text-decoration: none !important;
}
.footer-box ul {
padding: 0;
gap: 0;
}
.footer-box{
position: relative;
}
.footer-box ul li {
list-style: none;
margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
background: transparent !important;
color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
padding: 10px 25px;
font-weight: 500;
font-size: 14px;
color: #fff !important;
text-decoration: none;
background-color: transparent;
border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
color: #fff !important;
}
.footer-section .wp-block-social-link a{
padding: 6px !important;
border-radius: 5px;
background: #ffffff;
font-size: 20px !important;
}
.copyright-section p{
line-height: 30px;
}
.copyright-section p a{
text-decoration: none;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{
color:#e60122;
}
.innerpage-banner{
margin: 0 !important;
} .theme-button-section a{
border: 2px solid transparent !important;
}
.theme-button-section a:hover{
border: 2px solid var(--wp--preset--color--primary) !important;
background: transparent !important;
color: #000 !important;
font-size: 18px;
font-weight: 600;
} .wp-block-search__button {
border: 0;
background: var(--wp--preset--color--primary);
} .theme-sidebar .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
color: var(--wp--preset--color--heading-color);
padding-bottom: 5px;
border-bottom: 3px double var(--wp--preset--color--heading-color);
font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
line-height: 2;
font-size: 20px;
color: var(--wp--preset--color--primary);
list-style: disc;
text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
color: var(--wp--preset--color--heading-color) !important;
text-decoration: none !important;
font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
background:#fff;
color: #000;
font-size:15px !important;
padding: 6px 18px;
margin: 2px 4px 6px;
display:inline-block;
border: 2px solid #000;
text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
background: var(--wp--preset--color--primary);
color: #fff;
border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
background: var(--wp--preset--color--primary);
color: #fff;
border: 1px solid transparent;
border-radius: 6px;
padding: 6px 25px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{
text-decoration: none;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title{
padding: 8px 16px !important;
}
.single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
margin-top: 10px !important;
}
.single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{
text-decoration: line-through;
}
.single-product .wc-block-grid__product-price del{
text-decoration: none;
}
.single-product .yith-add-to-wishlist-button-block--single a{
background-color: var(--wp--preset--color--primary);
text-decoration: none;
color: #ffffff;
padding: 10px;
border-radius: 6px;
}
.wp-element-button:hover{
background: transparent;
border: 1px solid var(--wp--preset--color--primary);
color: #fff !important;
}
.wp-block-search__button:hover{
color: #fff ;
}
.wp-block-site-logo{
margin-top: 10px !important;
}
.wp-block-site-title{
line-height: 1;
} .wp-block-latest-posts.is-grid li {
position: relative;
background: #fff;
border: solid 1px #eee;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
font-size: 20px;
font-weight: 700;
color: #000;
padding: 0 10px;
text-transform: capitalize;
text-decoration: none;
display: block;
margin:  15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
display: inline-block;
background: var(--wp--preset--color--primary);
padding: 8px 8px;
font-weight: 600;
font-size: 13px;
color: #fff;
margin: 10px 0px 0px 10px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
color: #6b6b6b;
padding: 0 10px;
font-size: 14px;
line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
color: #fff !important;
} .has-shadow-dark, .has-no-hover-shadow-dark {
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
padding: 50px !important;
margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
padding: 10px 15px;
background: var(--wp--preset--color--primary);
border-radius: 6px;
font-size: 18px !important;
color: #fff;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none !important;
margin-top: 10px;
margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
color: #000 !important;
font-size: 18px !important;
text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
color: #000 !important;
font-size: 16px !important;
font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
background: black !important;
border: 1px solid var(--wp--preset--color--primary);
color: white !important;
}
footer.comment-meta {
margin-top: 12px;
}
.wp-block-post-author__name{
margin: 10px 0px;
} .theme-sidebar .wp-block-search__button{
background: var(--wp--preset--color--primary) !important;
}
.theme-sidebar .wp-block-search__button:hover{
background-color: #ffffff !important;
color: #000000;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
margin-bottom: 30px;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
font-size: 30px;
}
.wp-block-post-author{
align-items: center;
}
.single-post-sidebar-on-right .wp-block-post-author__name a{
text-decoration: none;
} .wp-block-query-pagination {
margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
margin: 0;
display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background: var(--wp--preset--color--primary);
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
background-color: var(--wp--preset--color--primary);
color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background:#fff;
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #000;
}
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time{
color: #000;
}
.wp-block-post-excerpt__more-link{
padding: 10px;
background: var(--wp--preset--color--primary);
color: #fff !important;
font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
background: #000;
} header.woocommerce-Address-title.title a{
background-color: var(--wp--preset--color--primary);
border-radius: 0px !important;
color: #fff;
font-size: 15px;
font-weight: bold !important;
text-decoration: none !important;
padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
background-color: var(--wp--preset--color--primary) !important;
border-radius: 6px !important;
color: #fff !important;
border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
padding: 10px 16px !important;
}
.wp-element-button:hover, .wp-block-button__link:hover{
color:#000000 !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button svg,
.search .wp-block-search .wp-block-search__button .search-icon{
fill: #fff;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover, 
.search .wp-block-search .wp-block-search__button:hover{
background-color: #ffffff !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover svg,
.search .wp-block-search .wp-block-search__button:hover .search-icon{
fill: #000;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent{
align-items: flex-start;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{
margin-top: 10px !important;
}
.wc-block-grid__products {
justify-content: center;
}
.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
width: 80%;
margin: 0 auto;
}
.single-product.woocommerce .wp-block-woocommerce-breadcrumbs{
width: 100%;
}
.footer-para{
font-size: 14px !important;
}
.woocommerce .wp-block-woocommerce-store-notices + .wp-block-group,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection,
.single-product.woocommerce .wp-block-woocommerce-store-notices{
width: 80%;
} header.woocommerce-Address-title.title{
display: inline-grid;
margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
text-decoration: none;
color: #fff !important;
}
ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
display: grid !important;
grid-template-columns: auto auto auto auto;
gap: 1em;
width: 80%;
margin: 0 auto;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.wc-block-grid__product-onsale{
padding: 5px 12px !important;
font-size: 12px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
border: 1px solid #dcdcdc;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-radius: 5px;
}
td.wc-block-cart-item__image{
padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
padding-left: 16px !important;
padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
font-weight: 700;
padding: 9px 12px !important;
line-height: 1.5em;
font-size: 16px;
}
a.wc-block-components-product-name{
color: #000;
font-size: 20px;  
font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
color: #717171 !important;
}
span.price.wc-block-components-product-price{
text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
border-radius: 0;
color: #fff !important;
font-weight: 500;
padding: 10px 25px !important;
font-size: 18px;
border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
font-size: 1.5em !important;
padding: 10px !important;
display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
padding: 10px;
}
.wc-block-components-button:hover{
background-color: #000 !important;
color: white !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
margin-left: auto;
margin-right: auto;
width: 90% !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
padding: 5px 12px !important;
font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
margin: 0 !important;
}
.woocommerce{
margin: 0 auto;
max-width: 100% !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
display: block !important;
}
tr.wc-block-cart-items__header{
border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
border-top: 1px solid #fff;
}
.wc-block-cart{
width: 90%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
background: none !important;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 40% !important;
} .woocommerce-wishlist .wishlist_table.mobile{
padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile li{
padding: 15px;
border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
display: grid;
grid-template-columns: 2fr 50%;
gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
font-size: 16px !important;
font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
font-size: 14px !important;
padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none !important;
line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a{
border-radius: 6px;
color: #fff;
padding: 12px 12px !important;
font-size: 15px;
font-weight: bold;
text-decoration: none !important;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
text-decoration: none;
} .wp-block-button.wc-block-components-product-button{
gap: 0;
}
.woocommerce a.added_to_cart{
margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
border: 1px solid #dcdcdc;
padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
background: var(--wp--preset--color--accent);
color: #fff;
border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
font-size: 16px;
}
.woocommerce .wc-block-components-product-price ins,
.woocommerce-wishlist .wishlist-items-wrapper .product-price ins,
.woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{
background-color: transparent;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-remove a,
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none;
}
.woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{
width: 130px;
height: 50px;
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
padding: 10px 12px !important;
} .blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{
background: var(--wp--preset--color--primary);
border-radius: 6px;
padding: 7px 10px;
color: #fff;
text-decoration: none !important;
}
span.page-numbers.current {
background: var(--wp--preset--color--primary);
color: #fff;
padding: 12px 16px;
}
a.page-numbers{
background: transparent;
color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
color: #fff;
background: var(--wp--preset--color--primary);
padding: 12px 16px;
}
.wp-block-query-pagination{
gap: 10px !important;
}
.wp-block-query-pagination a{
text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
background: #000;
color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
width: 450px;
margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
padding: 10px 12px 10px 30px !important;
} .scroll-top-box {
display: none; position: fixed;
bottom: 20px;
right: 20px;
background: var(--wp--preset--color--primary);
color: white;
border: none;
border-radius: 50% !important;
padding: 10px 16px 13px; 
cursor: pointer;
z-index: 1000; 
transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
border-radius: 50% !important;
padding: 0!important;
margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
background-color: var(--wp--preset--color--primary);
} @media screen and (min-width: 1020px) and (max-width: 1299px){
.main-header-section .header-logo .wp-block-site-title a{
font-size: 16px;
}
}
@media screen and (min-width: 600px) and (max-width: 991px){
.search.search-results .wp-block-query ul.wp-block-post-template{
display: grid;
grid-template-columns: auto auto;
}
}
@media screen and (min-width: 500px) and (max-width: 767px){
.main-header-section .header-inner-section{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.main-header-section .header-inner-section .header-logo{
grid-column: span 3 / span 3;
}
.main-header-section .header-inner-section .header-menu-box{
grid-row-start: 2;
margin-bottom: 0;
}
.main-header-section .header-inner-section .header-btn-box{
grid-column: span 2 / span 2;
grid-row-start: 2;
}
}
@media screen and (max-width: 500px){
.banner-main-sec .banner-content .banner-search-box{
flex-wrap: wrap;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories{
border-right: none;
padding-bottom: 15px;
}
}
@media screen and (max-width:767px) {
.home .main-header-section .header-logo .header-title a{
margin-top: 0;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 0;
margin-bottom: 0;
}
.home .main-header-section{
position: static !important;
padding-bottom: 15px !important;
}
.home .main-header-section .header-logo .header-title{
min-width: 100%;
min-height: 100%;
}
.main-header-section .header-logo .header-title{
text-align: center;
}
.main-header-section .header-btn-box .header-btn-inner{
justify-content: center;
}
.main-header-section .header-menu-box{
margin-bottom: 16px;
}
.banner-main-sec .banner-content .banner-title{
font-size: 28px !important;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 90%;
}
.banner-section:before, .banner-main-sec:after, .banner-section .banner-inner-bg:before, .banner-section .banner-inner-bg:after{
content: none;
}
.banner-section{
clip-path: none;
}
.banner-main-sec .banner-inner-bg{
background: var(--wp--preset--gradient--banner-background-main);
padding-right: 0 !important;
}
.banner-main-sec .banner-filter-box{
flex-wrap: wrap;
}
.banner-main-sec .banner-filter-box .banner-filter-btn-box{
justify-content: center;
}
.banner-main-sec .banner-inner-bg .banner-content{
transform: translate(-50%, -62%);
}
.banner-bottom .banner-bottom-box{
border-right: none;
border-bottom: 2px solid #0000001a;
padding-right: 0 !important;
padding-bottom: 15px;
text-align: center;
}
.banner-bottom .banner-bottom-box:last-child{
border-bottom: none;
}
.banner-bottom .banner-bottom-box .banner-info{
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-info-left figure{
margin: 0 auto;
}
.document-section .document-bg svg{
display: none;
}
.document-section .document-head-box .document-sec-title{
font-size: 25px !important;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 300px !important;
}
.about-section .about-inner-content{
flex-direction: column-reverse;
}
.about-section .about-left-content .about-images{
gap: 12px;
}
.search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper {
width: 100% !important;
}
.faq-section .faq-detail-section{
gap: 0;
}
.testimonial-section .owl-nav{
bottom: -20px;
transform: none;
gap: 10px;
justify-content: center;
}
.testimonial-section .owl-carousel{
padding-bottom: 60px;
}
.news-section .news-heading-box{
margin-bottom: 0 !important;
}
.news-section .news-heading-inner-box{
display: flex;
flex-direction: column;
align-items: center;
}
.news-section .news-heading-inner-box .news-sec-heading{
text-align: center;
}
.news-section .news-meta{
justify-content: space-around;
}
.news-section .news-box .wp-block-post-title, .news-section .news-box .wp-block-post-excerpt__excerpt{
text-align: center;
} 
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{
justify-content: center;
}  
.error-page{
padding: 0 !important;
}
.error-page h2{
font-size: 122px !important;
}
.has-shadow-dark, .has-no-hover-shadow-dark{
padding: 20px !important;
}
.wp-block-post-comments .commentlist .comment{
padding-left: 0 !important;
}
.main-page, .page-no-title{
padding: 20px !important;
}
.footer-section .wp-block-navigation-item__label{
color: #000 !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.footer-section .wp-block-columns {
padding: 0 20px;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px;
text-align: center;
}
.footer-section .wp-block-columns {
margin: 0;
}
.copyright-section .wp-block-social-links{
justify-content: center !important;
}
.footer-section .wp-block-group{
max-width: 100% !important;
}
.footer-section h1{
text-align: center;
}
span.woocommerce-Price-amount.amount {
font-size: 14px !important;
}
.products-block-post-template h3 a {
font-size: 20px !important;
}
.footer-para{
margin-right: 0% !important;
}
.wp-block-navigation__responsive-container-content{
margin-left: 30px;
}
.footer-section .wp-block-group{
text-align: center !important;
}
.footer-section .wp-block-social-links{
justify-content: center !important;
}
.banner-calender .wp-block-column p{
text-align: center;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
display: flex !important;
flex-direction: column;
padding: 10px !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{
padding: 0 !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{
height: 100px;
width: auto;
float: left;
margin-bottom: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
}
@media screen and (min-width: 601px) and (max-width: 991px){
.document-section .document-detail .document-boxes{
display: grid;
grid-template-columns: auto auto;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.document-section .document-detail .document-info-box{
padding: 15px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.home .main-header-section .header-logo .header-title a{
margin-top: 10px;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 3px;
}
.main-header-section .header-inner-section .header-logo{
flex-basis: 20% !important;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 40% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 40% !important;
}
.main-header-section .header-inner-section{
flex-wrap: nowrap !important;
}
.banner-section .banner-inner-bg:before, .banner-section .banner-inner-bg:after{
height: 35%;
}
.banner-section:before{
width: 90%;
}
.banner-main-sec:after{
height: 540px;
width: 98%;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 75%;
}
.banner-main-sec .banner-content .banner-title {
font-size: 28px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
flex-wrap: nowrap !important;
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content .banner-info{
flex-wrap: wrap !important;
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-btm-outer {
padding: 10px 0px;
}
.banner-main-sec .banner-bottom .banner-info .banner-info-left,
.banner-main-sec .banner-bottom .banner-info .banner-info-right{
flex-basis: 100% !important;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 350px !important;
}
.about-section .about-right-content .about-bottom{
flex-wrap: nowrap !important;
}
.about-section .about-inner-content{
flex-wrap: wrap !important;
flex-direction: column-reverse;
}
.about-section .about-inner-content .about-left-content, .about-section .about-inner-content .about-right-content{
flex-basis: 100%;
}
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
flex-wrap: wrap !important;
}
.testimonial-section .testimonial-heading-box .testimonial-heading-cont, .news-section .news-heading-box .news-heading-inner-box, .faq-section .faq-heading-box .faq-inner-head-box{
flex-basis: 100% !important;
}
.news-section .news-box{
grid-template-columns: auto auto auto !important;
}
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 18px !important;
}
.faq-section .faq-detail-section{
gap: 12px;
flex-wrap: nowrap !important;
}
.testimonial-section .owl-nav{
bottom: -40px;
transform: none;
gap: 10px;
justify-content: center;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
flex-wrap: wrap !important;
}
li.wc-block-grid__product{
max-width: 26% !important;
}
.banner-box h2:before,.banner-calender::before{
border: none;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left {
margin-right: 0%;
margin-left: 0%;
}
.wp-block-navigation__responsive-container-content{
margin-left: 20px;
}
.wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
max-width: 100%;
}
.footer-section{
padding: 30px 30px 0 !important;
}
.blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
flex-basis: 46% !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
flex-basis: 70% !important;
}
.menu-section nav{
gap: 0 !important;
}
.menu-section-button a{
padding: 10px 9px !important;
font-size: 13px;
}
.menu-section .wp-block-navigation__responsive-container-open {
background: var(--wp--preset--color--primary);
padding: 10px;
color: #fff;
margin: 0 auto;
}
.wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 200% !important;
}
.footer-section .wp-block-group{
padding: 0;
max-width: 100% !important;
}
.banner-col-2 h1{
font-size: 36px !important;
line-height: 55px;
}
.footer-box{
max-width: 300px !important;
}
.products-block-post-template{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.footer-section .wp-block-columns{
display: grid;
grid-template-columns: auto auto;
}
.footer-section .wp-block-social-links {
gap: 0.5rem !important;
}
.footer-section .wp-block-columns.copyright-section{
display: block;
}
.footer-para{
margin-right: 0% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
gap: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
}
@media screen and (min-width: 782px) and (max-width: 992px){
.archive .archive-page .wp-block-latest-posts li{
flex: 1 0 50% !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
li.wc-block-grid__product{
max-width: 18% !important;
}
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 999px) {
.main-header-section .header-menu-box .top-menus ul,
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
.main-header-section .header-menu-box .top-menus .wp-block-navigation__submenu-container{
gap: 20px !important;
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__container li a{
padding: 0 20px !important;
}
.main-header-section .header-menu-box .top-menus .wp-block-navigation__submenu-container{
padding: 0;
}
.header-section .header-menus nav .wp-block-navigation__responsive-container{
background-color: #000000 !important;
}
.main-header-section .wp-block-navigation__responsive-container-close{
background: #ffffff;
padding: 10px;
color: #000000;
font-size: 30px;
font-weight: 600;
border-radius: 50%;
right: 25px;
top: 16px;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: none;
}
.main-header-section .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
padding-top: calc(2rem + 60px);
margin-left: 0;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: block;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
grid-template-columns: 100%;
}
}
@media screen and (max-width: 1199px) and (min-width:901px){
.header-section .header-menus nav .wp-block-navigation__responsive-container-content ul{
gap: 30px;
}
}
@media screen and (max-width: 1400px) and (min-width:1025px){
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 768px){
.single-product ul.tabs.wc-tabs{
display: flex !important;
}
}
@media screen and (max-width: 991px){
.wc-block-components-sidebar-layout{
display: block;
}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
width: 100% !important;
}
}
@media screen and (max-width: 425px){
.single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{
padding: 6px 20px !important;
}
td.wc-block-cart-item__total{
padding: 0 !important;
}
tr.wc-block-cart-items__row{
grid-template-columns: repeat(4, 1fr)!important;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
display: block;
}
}
@media screen and (min-width: 721px) and (max-width: 1199px){
.wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
gap: 0.83333em;
}
.wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
width: calc(50% - 1em)!important;
}
}
@media screen and (max-width: 720px){
.wc-block-product-template__responsive,ul.wc-block-grid__products{
grid-template-columns: auto !important;
}
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
display: block;
grid-template-columns: auto !important;
}
li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
.page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
margin-bottom: 20px;
}
.wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
width: calc(100% - 1em)!important;
}
.not-found-heading{
font-size: 50px !important;
}
}
@media screen and (max-width: 768px){
.single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{
border-bottom-width: 2px !important;
border-left-width: 0 !important;
}
}
@media screen and (max-width: 599px){
.woocommerce-account .entry-content .woocommerce-form-login{
width: 100% !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
flex-direction: column;
gap: 1em;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
width: auto;
}
.wc-block-components-order-summary-item{
display: block !important;
}
}
@media screen and (min-width: 600px) and (max-width: 991px){
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(50% - 1em);
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.home .main-header-section .header-logo .header-title a{
margin-top: 10px;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 3px;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 52% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 28% !important;
}
.main-header-section .header-inner-section .header-menu-box .top-menus ul li{
font-size: 13px !important;
}
.main-header-section .header-menu-box .top-menus ul li a{
padding: 5px 15px !important;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 75%;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content .banner-info{
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 30% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 70% !important;
}
.document-section .document-detail .document-boxes{
gap: 10px;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.document-section .document-detail .document-info-box .info-title{
font-size: 18px !important;
}
.document-section .document-detail .document-info-box{
padding: 12px !important;
}
.about-section .about-left-content .about-images,
.about-section .about-right-content .about-bottom{
gap: 12px;
}
.about-section .about-right-content .about-bottom .wp-block-column{
flex-basis: 50% !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.news-section .news-box{
grid-template-columns: auto auto auto;
}
.testimonial-section .owl-nav button{
height: 35px;
width: 35px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -6%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -6%;
}
.footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box {
gap: 6px;
}
.footer-section .footer-box:first-child{
padding-right: 0 !important;
}
.footer-section .footer-box{
flex-basis: 25% !important;
}
.footer-section .footer-box h3{
font-size: 22px !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 17px !important;
}
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(33% - 1em);
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(1){
flex-basis: 60% !important;
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(2){
flex-basis: 40% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){
flex-basis: 65% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){
flex-basis: 35% !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
.home .main-header-section .header-logo .header-title a{
margin-top: 15px;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 55% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 25% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 20% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 80% !important;
}
.document-section .document-detail .document-boxes{
gap: 10px;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -5%;
}
.footer-section .footer-box {
flex-basis: 25% !important;
}
.footer-section .footer-box h3 {
font-size: 22px !important;
}
.footer-section .footer-box:first-child {
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) and (max-width: 1780px){
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 55% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 25% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 20% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 80% !important;
}
} .theme-sidebar .wp-block-group {
border: 2px solid var(--wp--preset--color--primary) !important;
border-radius: 12px;
transition:
box-shadow 0.4s ease,
border-color 0.4s ease,
transform 0.3s ease;
}
.theme-sidebar .wp-block-group:hover {
border-color: var(--wp--preset--color--primary) !important;
box-shadow: 0 0 18px
color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
transform: translateY(-3px);
}
.single-post-sidebar-on-right .has-shadow-dark, .has-no-hover-shadow-dark {
border: 1px solid #949494 !important;
} @media (max-width: 768px) {
.search .wp-block-search__inside-wrapper {
display: flex;
flex-direction: column;
}
.search .wp-block-search__button{
margin: 0 !important;
}
.search .wp-block-search__input {
color: white;
font-size: 15px !important;
padding: 10px;
margin-bottom: 5px !important;
text-align: center;
}
} .woocommerce-product-gallery__image {
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.woocommerce-product-gallery__image img {
transition: transform 0.6s ease;
}
.woocommerce-product-gallery__image:hover {
transform: translateY(-6px);
box-shadow: 0 18px 35px rgba(0,0,0,0.15);
}
.woocommerce-product-gallery__image:hover img {
transform: scale(1.08);
}
.woocommerce-product-gallery__image {
opacity: 0;
transform: translateY(30px);
animation: productImageReveal 0.9s ease-out forwards;
}
@keyframes productImageReveal {
to {
opacity: 1;
transform: translateY(0);
}
} .wp-block-woocommerce-product-image {
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.wp-block-woocommerce-product-image img {
display: block;
width: 100%;
height: auto;
transition: transform 0.6s ease;
}
.wp-block-woocommerce-product-image:hover {
transform: translateY(-6px);
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15); 
}
.wp-block-woocommerce-product-image:hover img {
transform: scale(1.08); 
}
@media (hover: none) {
.wp-block-woocommerce-product-image:hover {
transform: none;
box-shadow: none;
}
.wp-block-woocommerce-product-image:hover img {
transform: none;
}
} .wc-block-product-template {
opacity: 0;
transform: translateY(-15px);
animation: fadeInUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(-15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
20%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
20%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
20%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
20%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.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);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-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);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@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);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.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);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@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);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.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;
-moz-backface-visibility: hidden; }
.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-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.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%; }
.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 {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@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 {
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(//beztabletok.com/wp-content/themes/online-documentation/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-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%; }.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{display:none;font-size:.9em;line-height:1;opacity:0;pointer-events:none;position:absolute;text-transform:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chaty-i-trigger .chaty-tooltip .on-hover-text,.chaty-i-trigger .chaty-tooltip .on-hover-text:before,.chaty-i-trigger .chaty-tooltip:after,.chaty-tooltip:before{pointer-events:auto}.on-hover-text p{font-size:unset;font-weight:400;letter-spacing:inherit;line-height:unset;white-space:nowrap}.on-hover-text{display:none;font-weight:400}.on-hover-text img.emoji{max-width:none}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{border:5px solid transparent;content:"";z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{background:#fff;border-radius:10px;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,.15);color:#333;font-size:17px;line-height:21px;max-width:21em;min-width:1em;overflow:hidden;padding:5px 15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1000}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{border-radius:50%;bottom:0;content:"";position:absolute;right:0;top:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{-webkit-animation:tooltips-horz ease-out forwards;animation:tooltips-horz ease-out forwards}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{border-bottom-color:#fff;border-top-width:0;top:100%}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{border-left-color:#fff;border-right-width:0;left:-10px;top:50%;transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:-5px}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{right:calc(100% + 10px);top:50%;transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{border-left-width:0;border-right-color:#fff;right:-10px;top:50%;transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:-5px;right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{left:calc(100% + 10px);top:50%;transform:translate(.5em,-50%)}@-webkit-keyframes tooltips-vert{to{opacity:1;transform:translate(-50%)}}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%)}}@-webkit-keyframes tooltips-horz{to{opacity:1;transform:translateY(-50%)}}@keyframes tooltips-horz{to{opacity:1;transform:translateY(-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{-webkit-animation:tooltips-vert ease-out forwards;animation:tooltips-vert ease-out forwards}@-webkit-keyframes chaty-animation-shockwave{0%{box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3);transform:scale(1)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}to{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3);transform:scale(1)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}to{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,to{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,to{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{border-radius:50%;box-shadow:0 2px 2px rgba(0,0,0,.2);transform:scale(1)}to{border-radius:45%;box-shadow:0 2px 2px rgba(0,0,0,.2);transform:scale(1.1)}}@keyframes chaty-animation-pulse{0%{border-radius:50%;transform:scale(1)}to{border-radius:45%;transform:scale(1.1)}}.chaty-animation-shockwave:after{-webkit-animation:chaty-animation-shockwave 2s ease-out 1.3s infinite;animation:chaty-animation-shockwave 2s ease-out 1.3s infinite;left:0}.chaty-animation-shockwave:before{-webkit-animation:chaty-animation-shockwave 2s ease-out .8s infinite;animation:chaty-animation-shockwave 2s ease-out .8s infinite;left:0}.chaty-animation-blink{-webkit-animation:chaty-animation-blink 1.33s ease-out infinite;animation:chaty-animation-blink 1.33s ease-out infinite}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:chaty-animation-pulse .4s infinite alternate;animation:chaty-animation-pulse .4s infinite alternate}.chaty-animation-sheen{overflow:hidden;position:relative}.chaty-animation-sheen:after{-webkit-animation:chaty-animation-sheen 5s infinite;animation:chaty-animation-sheen 5s infinite;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.5) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:rotate(60deg) translateY(5em)}@-webkit-keyframes chaty-animation-sheen{20%,to{transform:rotate(60deg) translateY(-80px)}}@keyframes chaty-animation-sheen{20%,to{transform:rotate(60deg) translateY(-80px)}}.chaty-animation-fade{-webkit-animation:chaty-animation-fade 5s infinite;animation:chaty-animation-fade 5s infinite}.chaty-animation-spin{-webkit-animation:chaty-animation-spin 5s cubic-bezier(.56,-.35,.22,1.5) infinite;animation:chaty-animation-spin 5s cubic-bezier(.56,-.35,.22,1.5) infinite}@-webkit-keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,20%,to{opacity:1}}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,20%,to{opacity:1}}@-webkit-keyframes chaty-animation-spin{10%{-webkit-animation-timing-function:ease;animation-timing-function:ease;transform:rotate(-20deg)}20%,to{transform:rotate(1turn)}}@keyframes chaty-animation-spin{10%{-webkit-animation-timing-function:ease;animation-timing-function:ease;transform:rotate(-20deg)}20%,to{transform:rotate(1turn)}}.chaty-animation-bounce,.chaty-animation-jump{-webkit-animation:chaty-animation-bounce 5s cubic-bezier(.84,-.54,.31,1.19) infinite;animation:chaty-animation-bounce 5s cubic-bezier(.84,-.54,.31,1.19) infinite}@-webkit-keyframes chaty-animation-bounce{0%,20%,to{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-bounce{0%,20%,to{transform:none}10%{transform:translateY(-1em)}}@-webkit-keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotate(-20deg) scale(1.2)}13%{transform:rotate(25deg) scale(1.2)}15%{transform:rotate(-15deg) scale(1.2)}17%{transform:rotate(15deg) scale(1.2)}20%{transform:rotate(-12deg) scale(1.2)}22%{transform:rotate(0) scale(1.2)}24%,to{transform:rotate(0) scale(1)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotate(-20deg) scale(1.2)}13%{transform:rotate(25deg) scale(1.2)}15%{transform:rotate(-15deg) scale(1.2)}17%{transform:rotate(15deg) scale(1.2)}20%{transform:rotate(-12deg) scale(1.2)}22%{transform:rotate(0) scale(1.2)}24%,to{transform:rotate(0) scale(1)}}.chaty-animation-waggle{-webkit-animation:chaty-animation-waggle 5s infinite;animation:chaty-animation-waggle 5s infinite}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@-webkit-keyframes chaty-animation-floating{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes chaty-animation-floating{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;outline:none!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;box-shadow:none;outline:0;text-decoration:none}.chaty-widget{bottom:25px;position:fixed;right:25px;z-index:997}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{align-items:flex-start;bottom:-4px;display:flex;flex-direction:column;height:124px;pointer-events:none;position:absolute;right:0;width:62px}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{border-radius:50%;box-shadow:0 16px 24px 0 rgba(73,104,126,.16);cursor:pointer;display:inline-block;height:54px;margin:4px;width:54px}.chaty-channel-list .chaty-channel{bottom:0;opacity:0;position:absolute;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{border-radius:50%;cursor:pointer;display:block;height:54px;min-width:unset;outline:0;position:relative;width:54px}* .chaty-channel button{max-width:unset;min-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{border-radius:50%;color:#fff;font-size:27px;height:54px;line-height:54px;text-align:center;width:54px}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{height:100%;width:100%}.chaty-channel img{border-radius:50%;height:54px;-o-object-fit:cover;object-fit:cover;width:54px}.chaty-i-trigger .chaty-channel{border-radius:50%;bottom:0;cursor:pointer;position:absolute;right:4px;transition:.5s}.chaty-cta-button{border-radius:50%;box-shadow:0 16px 24px 0 rgba(73,104,126,.16);transition:.5s}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{opacity:1;position:relative;z-index:1099}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{opacity:0;transform:rotate(540deg);visibility:hidden;z-index:999}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:0;visibility:hidden;z-index:999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;transform:rotate(180deg);visibility:visible;z-index:1099}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;pointer-events:auto;visibility:visible}.chaty-widget .ch-pending-msg{background:red;border-radius:50%;color:#fff;font-size:10px;height:16px;line-height:16px;position:absolute;right:-4px;text-align:center;top:-4px;width:16px;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{bottom:0;height:62px;left:0;width:136px}.chaty-widget.right-position.hor-mode .chaty-channel-list{bottom:0;height:62px;left:auto;right:0;width:136px}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-bottom:0;margin-top:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{left:auto;right:0}.chaty-chat-view,.chaty-outer-forms{animation-delay:-2s;-webkit-animation-delay:-2s;border-radius:6px;bottom:-25px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);left:25px;max-width:90%;opacity:0;padding:0;pointer-events:none;position:fixed!important;-moz-transition:.5s linear;transition:.5s;-webkit-transition:.5s;vertical-align:bottom;visibility:hidden;width:320px;z-index:-1}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{left:auto;right:25px}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{bottom:0;opacity:1;pointer-events:auto;transform:translateY(-93px);visibility:visible;z-index:999999}.chaty-whatsapp-body{min-height:260px;padding:0;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{align-items:flex-start;display:flex}.chaty-form-body{background:#fff;border-radius:10px;min-height:75px;z-index:99999}.chaty-form-body form{margin:0;padding:0}.qr-code-image{border:1px solid silver;border-radius:4px;padding:10px;text-align:center}.qr-code-image img{display:block;height:auto;margin:0 auto;max-height:360px;max-width:100%;width:100%}.chaty-whatsapp-form{background-color:#f0ede7;border-radius:8px;margin:0;position:relative}.chaty-whatsapp-form:before{background-image:url(//beztabletok.com/images/whatsapp.png?6937fa639f3f4515b47f0b32b6e099d4);content:"";display:block;height:100%;left:0;opacity:.035;position:absolute;top:0;width:100%;z-index:0}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//beztabletok.com/images/whatsapp-welcome-popup.png?aa699875e73cfcfab5efc2492da2a602);opacity:.7}.chaty-whatsapp-message{background-color:#fff;border:1px solid rgba(34,17,71,.08);border-radius:0 10px 10px;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;margin-left:0;margin-top:0;max-width:calc(100% - 40px);padding:7px 14px 6px;position:relative;transform-origin:center top;z-index:2}.chaty-whatsapp-message:before{border-bottom:10px solid transparent;border-right:12px solid #fff;border-top:0 solid transparent;content:"";display:none;height:0;left:-12px;position:absolute;top:0;width:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{word-wrap:break-word;color:#111b21;font-weight:400;margin:0;padding:0}.chaty-whatsapp-footer{padding:20px 15px;position:relative}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#c6d7e3!important;border:none!important;border-radius:20px!important;box-shadow:none!important;cursor:pointer!important;flex:0 0 40px;height:40px!important;margin:0 0 0 10px!important;min-width:1px!important;outline:none!important;padding:0!important;text-align:center!important;text-decoration:none!important;width:40px!important}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:-moz-placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:-ms-input-placeholder)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:-moz-placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:-moz-placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-input:not(:-ms-input-placeholder)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:-ms-input-placeholder)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{align-items:center;display:flex;flex:1;padding-right:0;position:relative}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{height:100%;margin:0;padding:0;width:100%}.chaty-whatsapp-field input[type=text]{background:#fff!important;border:none!important;border-radius:24px;box-shadow:none!important;color:#111b21;flex:1;font-size:16px;height:40px!important;line-height:normal;margin:0;outline:0;padding:0 10px 0 15px;resize:none;width:100%}.chaty-whatsapp-field input[type=text]:focus{border:none!important;box-shadow:none!important;color:#111b21;margin:0;outline:0!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:#22bf5b;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;color:#fff;font-size:18px;padding:20px 15px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{align-items:center;display:flex;padding:15px}.chaty-agent-data .chaty-agent a{align-items:center;color:#49687e;display:flex;font-size:16px;font-weight:400;outline:0;text-decoration:none;width:100%}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{background:#fff;color:#28303d;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-sans;margin:0;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.chaty-agent-icon{height:48px;margin:0 15px 0 0;width:48px}.chaty-agent-data .chaty-custom-icon{background:silver;border-radius:50%;color:#fff;display:block;font-size:28px;height:48px;line-height:48px;text-align:center;width:48px}.chaty-close-agent-list{cursor:pointer;height:26px;padding:0 0 10px 10px;position:absolute;right:15px;top:10px;width:26px;z-index:10}.chaty-agent-icon img{height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.chaty-close-agent-list svg{fill:#fff}.agent-sub-header{font-size:14px;font-weight:400;line-height:20px}.agent-main-header{font-size:20px;font-weight:700;line-height:32px;position:relative}.chaty-agent-header:before,.chaty-view-header:before{background:url(//beztabletok.com/images/header-top.png?bca33d7a79f8df34e0603df7004a9e4c) no-repeat;content:"";height:41px;left:0;position:absolute;top:0;width:215px;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{background:url(//beztabletok.com/images/header-bottom.png?1a6483574a9cf86b9b45fe327dce0340) no-repeat;bottom:0;content:"";height:41px;position:absolute;right:0;width:44px;z-index:1}.chaty-custom-channel-icon{border-radius:50%;color:#fff;display:block;line-height:54px;text-align:center}.chaty-contact-form-title{border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:10px 15px;text-align:left}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{color:#28303d;display:flex;font-size:14px;line-height:20px;margin:0;padding:0 0 4px}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{border:1px solid #ccc;border-radius:4px;font-size:16px;height:36px;line-height:36px;padding:0 10px;width:100%}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{background-color:#fff;border-color:#898989;box-shadow:none;outline:0}.chaty-contact-input textarea.chaty-textarea-field{border:1px solid #ccc;border-radius:4px;display:block;font-size:16px;height:100px;line-height:20px;padding:10px;width:100%}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{background:#a886cd;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:18px;height:36px;line-height:36px;margin:0;padding:0;text-align:center;width:100%}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;font-size:16px;padding:10px 0 0;text-align:center}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{color:#fff;font-size:24px;font-weight:500}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{background:rgba(0,0,0,.8);content:"";display:block;height:100vh;left:0;position:fixed;top:0;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;visibility:hidden;width:100vw;z-index:100}.chaty .chaty-widget.left-position .chaty-exit-intent:before{-webkit-clip-path:circle(15px at 60px calc(100% - 60px));clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{-webkit-clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px));clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{-webkit-clip-path:circle(100%);clip-path:circle(100%);visibility:visible}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{bottom:auto;left:0;margin:0 auto;right:0;top:50%;transform:translateY(-50%)}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{font-size:16px;padding:15px 15px 0}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{color:#49687e;font-size:16px;line-height:150%;margin:0;padding:0;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{cursor:pointer;position:absolute;right:15px;top:10px;width:12px;z-index:11}.chaty-close-view-list svg{fill:#fff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{display:inline-block;height:48px;margin:6px 0;text-align:center;vertical-align:top;width:20%}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;height:48px;margin:0 auto;width:48px}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{overflow:hidden;width:100%!important}.front-google-captcha>div{width:100%}.front-google-captcha iframe{left:-15px;position:relative;transform:scaleX(.9)}.widget-fa-icon{color:#fff;display:inline-block;height:100%;vertical-align:middle;width:100%}span.chaty-loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;color:#fff;display:none;margin-left:5px;vertical-align:middle}span.chaty-loader,span.chaty-loader span.dashicons{height:24px;line-height:24px;text-align:center;width:24px}span.chaty-loader span.dashicons{font-size:24px}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{color:#970029;font-size:14px;margin:0;padding:0}.email_suggestion i,.wp_email_suggestion i{color:#2596be;cursor:pointer;font-weight:700}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{overflow:hidden;width:100%}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{position:relative;width:100%!important;z-index:1}.chaty-custom-whatsapp-form .header-text{align-items:center;display:flex}.chaty-custom-whatsapp-form .header-text span{display:inline-block;padding-left:5px;vertical-align:super}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{fill:#fff;height:26px;margin-right:3px;width:26px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{align-items:center;border-radius:6px!important;display:flex;justify-content:center}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;position:relative;z-index:101111}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:0 16px 32px 0 rgba(26,14,53,.161);display:flex;justify-content:space-between;padding:10px 15px;position:relative}.chaty-whatsapp-header .header-wp-icon{height:30px;margin-right:7px;width:30px}.chaty-whatsapp-header .header-wp-title{color:#fff;flex:1;font-size:15px;padding-right:8px}.whatsapp-form-close-btn{cursor:pointer;flex:0 0 16px}.whatsapp-form-close-btn svg{height:16px;width:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;margin-right:15px;width:30px}.chaty-whatsapp-body .wp-profile-img img{border-radius:50%;height:30px;-o-object-fit:cover;object-fit:cover;width:30px}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::-moz-placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input:-ms-input-placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{background:none!important;border:none!important;cursor:pointer;height:24px!important;left:8px;margin:0!important;min-width:1px!important;outline:none!important;padding:0!important;position:absolute!important;top:9px;width:24px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{display:inline-block;font-size:24px;line-height:24px;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{border:1px solid transparent;color:#8f8f8f}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{background:#fff;border:1px solid #a886cd;color:#a071d3}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{background:#f3f3f3;border-bottom:1px solid #e2e8f0;display:flex;font-weight:700;height:auto;padding:10px 17px}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{border-radius:5px;outline:none}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;transform:rotate(1turn);visibility:visible;z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{overflow:hidden;width:100%}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;width:100%}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:0 16px 32px 0 rgba(26,14,53,.161);color:#fff;display:flex;justify-content:space-between;padding:10px 15px;position:relative;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{color:#83a1b7;font-size:14px;line-height:1;padding:15px 15px 0}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{align-items:center;display:inline-flex}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:none}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{opacity:40%!important;-webkit-transition:opacity .5s ease .5s;transition:opacity .5s ease .5s}[placeholder]:focus::-webkit-input-placeholder{opacity:1!important;-webkit-transition:opacity .5s ease .5s;transition:opacity .5s ease .5s}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;pointer-events:auto;visibility:visible}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{align-items:center;background:#ff4545;border-radius:50%;bottom:44px;color:#fff;content:attr(data-unread-message);display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;position:absolute;right:-4px;width:20px;z-index:1111}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link,body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{bottom:auto;right:0;top:-8px}html[dir=rtl] button[type=button].chaty-wp-emoji-input,html[dir=rtl] button[type=button].chaty-wp-emoji-input:focus,html[dir=rtl] button[type=button].chaty-wp-emoji-input:hover{right:8px}html[dir=rtl] .chaty-whatsapp-field input[type=text]{padding:0 35px 0 0}html[dir=rtl] button.chaty-whatsapp-button-button,html[dir=rtl] button.chaty-whatsapp-button-button:focus,html[dir=rtl] button.chaty-whatsapp-button-button:hover{margin:0 10px 0 0!important}html[dir=rtl] button.chaty-whatsapp-button-button svg{transform:rotate(180deg)}