@charset "UTF-8";
@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles {
background-color: transparent;
}
.cmplz-video.cmplz-hidden {
visibility: hidden !important;
}
.cmplz-blocked-content-notice {
display: none;
}
.cmplz-placeholder-parent {
height: inherit;
}
.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice, .cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice {
display: block;
}
.cmplz-blocked-content-container, .cmplz-wp-video {
animation-name: cmplz-fadein;
animation-duration: 600ms;
background: #FFF;
border: 0;
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat !important;
background-size: cover !important;
height: inherit;
position: relative;
}
.cmplz-blocked-content-container.gmw-map-cover, .cmplz-wp-video.gmw-map-cover {
max-height: 100%;
position: absolute;
}
.cmplz-blocked-content-container.cmplz-video-placeholder, .cmplz-wp-video.cmplz-video-placeholder {
padding-bottom: initial;
}
.cmplz-blocked-content-container iframe, .cmplz-wp-video iframe {
visibility: hidden;
max-height: 100%;
border: 0 !important;
}
.cmplz-blocked-content-container .cmplz-custom-accept-btn, .cmplz-wp-video .cmplz-custom-accept-btn {
white-space: normal;
text-transform: initial;
cursor: pointer;
position: absolute !important;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 200px;
font-size: 14px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5); color: #fff;
text-align: center; z-index: 98; line-height: 23px;
}
.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus, .cmplz-wp-video .cmplz-custom-accept-btn:focus {
border: 1px dotted #cecece;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {
white-space: normal;
text-transform: initial;
position: absolute !important;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 300px;
font-size: 14px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5); color: #fff;
text-align: center; z-index: 98; line-height: 23px;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links {
display: block;
margin-bottom: 10px;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a {
color: #fff;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body {
display: block;
}
.cmplz-blocked-content-container div div {
display: none;
}
.cmplz-wp-video .cmplz-placeholder-element {
width: 100%;
height: inherit;
}
@keyframes cmplz-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}

body {
-webkit-backface-visibility: hidden
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-moz-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-o-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px)
}
}
@-moz-keyframes shake {
0%,
100% {
-moz-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(10px)
}
}
@-o-keyframes shake {
0%,
100% {
-o-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-o-transform: translateX(10px)
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px)
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0)
}
40% {
-moz-transform: translateY(-30px)
}
60% {
-moz-transform: translateY(-15px)
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0)
}
40% {
-o-transform: translateY(-30px)
}
60% {
-o-transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1)
}
10%,
20% {
-moz-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-moz-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-moz-transform: scale(1.1) rotate(-3deg)
}
100% {
-moz-transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1)
}
10%,
20% {
-o-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-o-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-o-transform: scale(1.1) rotate(-3deg)
}
100% {
-o-transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform: scale(1)
}
10%,
20% {
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg)
}
100% {
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center
}
20% {
-webkit-transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg)
}
40% {
-moz-transform: rotate(-10deg)
}
60% {
-moz-transform: rotate(5deg)
}
80% {
-moz-transform: rotate(-5deg)
}
100% {
-moz-transform: rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg)
}
40% {
-o-transform: rotate(-10deg)
}
60% {
-o-transform: rotate(5deg)
}
80% {
-o-transform: rotate(-5deg)
}
100% {
-o-transform: rotate(0deg)
}
}
@keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
100% {
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%)
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg)
}
30% {
-moz-transform: translateX(20%) rotate(3deg)
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg)
}
60% {
-moz-transform: translateX(10%) rotate(2deg)
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg)
}
100% {
-moz-transform: translateX(0%)
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%)
}
15% {
-o-transform: translateX(-25%) rotate(-5deg)
}
30% {
-o-transform: translateX(20%) rotate(3deg)
}
45% {
-o-transform: translateX(-15%) rotate(-3deg)
}
60% {
-o-transform: translateX(10%) rotate(2deg)
}
75% {
-o-transform: translateX(-5%) rotate(-1deg)
}
100% {
-o-transform: translateX(0%)
}
}
@keyframes wobble {
0% {
transform: translateX(0%)
}
15% {
transform: translateX(-25%) rotate(-5deg)
}
30% {
transform: translateX(20%) rotate(3deg)
}
45% {
transform: translateX(-15%) rotate(-3deg)
}
60% {
transform: translateX(10%) rotate(2deg)
}
75% {
transform: translateX(-5%) rotate(-1deg)
}
100% {
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1)
}
50% {
-webkit-transform: scale(1.1)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1)
}
50% {
-moz-transform: scale(1.1)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1)
}
50% {
-o-transform: scale(1.1)
}
100% {
-o-transform: scale(1)
}
}
@keyframes pulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in
}
}
.flip {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible!important;
-moz-animation-name: flip;
-o-backface-visibility: visible!important;
-o-animation-name: flip;
backface-visibility: visible!important;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateX(10deg)
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateX(-10deg)
}
70% {
-o-transform: perspective(400px) rotateX(10deg)
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-10deg)
}
70% {
transform: perspective(400px) rotateX(10deg)
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible!important;
-o-animation-name: flipInX;
backface-visibility: visible!important;
animation-name: flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible!important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible!important;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateY(10deg)
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateY(-10deg)
}
70% {
-o-transform: perspective(400px) rotateY(10deg)
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-10deg)
}
70% {
transform: perspective(400px) rotateY(10deg)
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible!important;
-o-animation-name: flipInY;
backface-visibility: visible!important;
animation-name: flipInY
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible!important;
-o-animation-name: flipOutY;
backface-visibility: visible!important;
animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-20px)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px)
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(20px)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-20px)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px)
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(20px)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3)
}
50% {
opacity: 1;
-moz-transform: scale(1.05)
}
70% {
-moz-transform: scale(.9)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3)
}
50% {
opacity: 1;
-o-transform: scale(1.05)
}
70% {
-o-transform: scale(.9)
}
100% {
-o-transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3)
}
50% {
opacity: 1;
transform: scale(1.05)
}
70% {
transform: scale(.9)
}
100% {
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(-30px)
}
80% {
-moz-transform: translateY(10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
60% {
opacity: 1;
-o-transform: translateY(-30px)
}
80% {
-o-transform: translateY(10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px)
}
60% {
opacity: 1;
transform: translateY(-30px)
}
80% {
transform: translateY(10px)
}
100% {
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(30px)
}
80% {
-moz-transform: translateY(-10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
60% {
opacity: 1;
-o-transform: translateY(30px)
}
80% {
-o-transform: translateY(-10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px)
}
60% {
opacity: 1;
transform: translateY(30px)
}
80% {
transform: translateY(-10px)
}
100% {
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(30px)
}
80% {
-moz-transform: translateX(-10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
60% {
opacity: 1;
-o-transform: translateX(30px)
}
80% {
-o-transform: translateX(-10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px)
}
60% {
opacity: 1;
transform: translateX(30px)
}
80% {
transform: translateX(-10px)
}
100% {
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(-30px)
}
80% {
-moz-transform: translateX(10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
60% {
opacity: 1;
-o-transform: translateX(-30px)
}
80% {
-o-transform: translateX(10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px)
}
60% {
opacity: 1;
transform: translateX(-30px)
}
80% {
transform: translateX(10px)
}
100% {
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1)
}
25% {
-webkit-transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3)
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1)
}
25% {
-moz-transform: scale(.95)
}
50% {
opacity: 1;
-moz-transform: scale(1.1)
}
100% {
opacity: 0;
-moz-transform: scale(.3)
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1)
}
25% {
-o-transform: scale(.95)
}
50% {
opacity: 1;
-o-transform: scale(1.1)
}
100% {
opacity: 0;
-o-transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
transform: scale(1)
}
25% {
transform: scale(.95)
}
50% {
opacity: 1;
transform: scale(1.1)
}
100% {
opacity: 0;
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(20px)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(20px)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(20px)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(-20px)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(-20px)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(-20px)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(20px)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(20px)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(20px)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(-20px)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(-20px)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(-20px)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
opacity: 0
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
20%,
60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
100% {
-moz-transform: translateY(700px);
opacity: 0
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
20%,
60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
100% {
-o-transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out
}
100% {
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg)
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.animated.lightSpeedIn {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.lightSpeedOut {
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg)
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg)
}
10% {
-moz-transform: skewX(-8deg)
}
20% {
-moz-transform: skewX(7deg)
}
30% {
-moz-transform: skewX(-6deg)
}
40% {
-moz-transform: skewX(5deg)
}
50% {
-moz-transform: skewX(-4deg)
}
60% {
-moz-transform: skewX(3deg)
}
70% {
-moz-transform: skewX(-2deg)
}
80% {
-moz-transform: skewX(1deg)
}
90% {
-moz-transform: skewX(0deg)
}
100% {
-moz-transform: skewX(0deg)
}
}
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg)
}
10% {
-o-transform: skewX(-8deg)
}
20% {
-o-transform: skewX(7deg)
}
30% {
-o-transform: skewX(-6deg)
}
40% {
-o-transform: skewX(5deg)
}
50% {
-o-transform: skewX(-4deg)
}
60% {
-o-transform: skewX(3deg)
}
70% {
-o-transform: skewX(-2deg)
}
80% {
-o-transform: skewX(1deg)
}
90% {
-o-transform: skewX(0deg)
}
100% {
-o-transform: skewX(0deg)
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg)
}
10% {
transform: skewX(-8deg)
}
20% {
transform: skewX(7deg)
}
30% {
transform: skewX(-6deg)
}
40% {
transform: skewX(5deg)
}
50% {
transform: skewX(-4deg)
}
60% {
transform: skewX(3deg)
}
70% {
transform: skewX(-2deg)
}
80% {
transform: skewX(1deg)
}
90% {
transform: skewX(0deg)
}
100% {
transform: skewX(0deg)
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.wiggle {
-webkit-animation-duration: .75s;
-moz-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}li.woocommerce-advanced-categories-list-element {
max-height: 450px;
overflow: hidden; }
li.woocommerce-advanced-categories-list-element .woocommerce-advanced-categories-style {
max-height: 450px; }

#yith-wcwl-form {
max-width: 112.5rem;
margin: 0 auto;
padding: 0 20px;
width: 100%;
}
@media screen and (min-width: 40.0625em) {
#yith-wcwl-form {
padding: 0 50px;
}
}
#yith-wcwl-form .wishlist-title {
display: none;
}
#yith-wcwl-form .wishlist_table thead {
display: none;
}
#yith-wcwl-form .wishlist_table tr:first-child td {
border-top: none !important;
}
#yith-wcwl-form .wishlist_table .product-stock-status {
text-align: left;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-stock-status {
text-align: center;
}
}
#yith-wcwl-form .wishlist_table .product-stock-status .wishlist-in-stock,
#yith-wcwl-form .wishlist_table .product-stock-status .wishlist-out-of-stock {
font-size: 10px;
padding: 3px 5px 1px;
font-weight: 900;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
}
#yith-wcwl-form .wishlist_table .product-stock-status .wishlist-in-stock {
color: #000;
border: 2px solid;
}
#yith-wcwl-form .wishlist_table .product-stock-status .wishlist-out-of-stock {
color: #b3b3b3;
border: 2px solid;
}
#yith-wcwl-form .wishlist_table .product-price {
font-weight: bold;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-price {
font-size: 13px !important;
}
}
#yith-wcwl-form .wishlist_table .product-price del {
font-weight: bold;
opacity: 0.5;
}
#yith-wcwl-form .wishlist_table .product-price ins {
background-color: transparent;
padding: 0;
}
#yith-wcwl-form .wishlist_table .product-name {
vertical-align: middle;
width: auto;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-name a {
display: contents;
max-width: 100%;
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 63.9375em) {
#yith-wcwl-form .wishlist_table .product-thumbnail {
width: 100px !important;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-thumbnail {
padding-bottom: 25px;
}
#yith-wcwl-form .wishlist_table .product-thumbnail a {
max-width: 100px;
margin: 0 auto;
}
#yith-wcwl-form .wishlist_table .product-thumbnail a img {
max-width: 100px;
}
}
#yith-wcwl-form .wishlist_table .product-remove {
width: 3%;
text-align: left;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-remove {
padding: 0 !important;
position: relative;
}
#yith-wcwl-form .wishlist_table .product-remove div {
position: absolute;
right: 0;
}
}
#yith-wcwl-form .wishlist_table .product-remove a.remove {
font-size: 0;
position: relative;
top: 1px;
}
#yith-wcwl-form .wishlist_table .product-remove a.remove:before {
content: "";
font-family: "Shopkeeper-Icon-Font";
font-size: 16px;
font-weight: normal;
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#yith-wcwl-form .wishlist_table .product-subtotal {
width: 80px;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-subtotal {
text-align: center;
}
}
#yith-wcwl-form .wishlist_table .product-add-to-cart {
padding-right: 0 !important;
width: 200px;
}
@media screen and (max-width: 63.9375em) and (min-width: 48em) {
#yith-wcwl-form .wishlist_table .product-add-to-cart {
width: 150px;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-add-to-cart {
padding-bottom: 0;
}
}
#yith-wcwl-form .wishlist_table .product-add-to-cart a {
display: block !important;
max-width: 200px;
padding: 18px 1rem 15px !important;
}
@media screen and (max-width: 63.9375em) and (min-width: 48em) {
#yith-wcwl-form .wishlist_table .product-add-to-cart a {
min-width: 150px;
padding: 13px 1rem 10px !important;
}
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .dateadded {
font-size: 13px;
margin-bottom: 10px;
line-height: 16px;
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .add_to_cart {
margin: 0;
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .add_to_cart.loading {
opacity: 0.7 !important;
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .add_to_cart:focus {
opacity: 1;
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .remove_from_wishlist {
margin-top: 10px;
margin-bottom: 0;
}
#yith-wcwl-form .wishlist_table .product-add-to-cart .remove_from_wishlist:hover {
color: #fff;
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .product-stock-status,
#yith-wcwl-form .wishlist_table .product-price,
#yith-wcwl-form .wishlist_table .product-name,
#yith-wcwl-form .wishlist_table .product-thumbnail,
#yith-wcwl-form .wishlist_table .product-remove,
#yith-wcwl-form .wishlist_table .product-subtotal,
#yith-wcwl-form .wishlist_table .product-add-to-cart {
display: block !important;
width: 100% !important;
min-width: 100%;
border: none;
padding-top: 0 !important;
padding-right: 0 !important;
text-align: center;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .item-details,
#yith-wcwl-form .wishlist_table .item-wrapper {
display: block;
width: 100%;
vertical-align: middle;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .item-wrapper,
#yith-wcwl-form .wishlist_table .item-details-table {
margin-bottom: 0;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table .item-details .label,
#yith-wcwl-form .wishlist_table .additional-info-wrapper .label {
width: auto;
}
#yith-wcwl-form .wishlist_table .item-details .label,
#yith-wcwl-form .wishlist_table .item-details .value,
#yith-wcwl-form .wishlist_table .additional-info-wrapper .label,
#yith-wcwl-form .wishlist_table .additional-info-wrapper .value {
font-size: 13px;
margin-bottom: 10px;
line-height: 16px;
padding-left: 0;
}
#yith-wcwl-form .wishlist_table .item-details .value del,
#yith-wcwl-form .wishlist_table .additional-info-wrapper .value del {
font-weight: bold;
opacity: 0.5;
}
#yith-wcwl-form .wishlist_table .item-details .value ins,
#yith-wcwl-form .wishlist_table .additional-info-wrapper .value ins {
background-color: transparent;
padding: 0;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form .wishlist_table tr, #yith-wcwl-form .wishlist_table li {
display: block;
}
}
@media screen and (max-width: 47.9375em) {
#yith-wcwl-form ul.wishlist_table > li {
display: block;
border-bottom: solid 1px #eeeeee;
padding: 0 0 10px;
margin-bottom: 25px;
}
}
#yith-wcwl-form .wishlist-empty {
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
text-align: center;
margin-bottom: 40px;
}
#yith-wcwl-form .wishlist-empty:before {
font-family: "Shopkeeper-Icon-Font";
content: "";
display: block;
font-weight: normal;
font-size: 128px;
line-height: 170px;
}
@media screen and (max-width: 63.9375em) {
#yith-wcwl-form .wishlist-empty {
font-size: 1.875rem;
line-height: 1.2;
text-align: center;
padding: 0 30px;
}
}
#yith-wcwl-popup-message {
display: none !important;
}
.yith-wcwl-add-button,
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse {
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
position: relative;
display: inline-block;
padding: 2px 0 2px 27px;
cursor: pointer;
}
.yith-wcwl-add-button:before {
content: none !important;
}
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse {
cursor: default;
}
.yith-wcwl-wishlistaddedbrowse .feedback,
.yith-wcwl-wishlistexistsbrowse .feedback {
text-transform: none;
font-weight: normal;
margin-right: 6px;
}
.add_to_wishlist:before,
.product_infos .yith-wcwl-wishlistaddedbrowse:before,
.product_infos .yith-wcwl-wishlistexistsbrowse:before,
.products .yith-wcwl-wishlistaddedbrowse a:before,
.products .yith-wcwl-wishlistexistsbrowse a:before {
font-size: 16px;
width: 18px;
text-align: center;
display: inline-block;
font-family: "Shopkeeper-Icon-Font";
font-style: normal;
font-weight: normal;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product_infos .yith-wcwl-wishlistexistsbrowse a:hover,
.product_layout_classic .product_meta > span a:hover {
opacity: 1;
}
.add_to_wishlist:hover {
opacity: 1;
}
.yith-wcwl-add-to-wishlist:hover .add_to_wishlist {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.yith-wcwl-add-to-wishlist:hover .add_to_wishlist:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.yith-wcwl-add-to-wishlist:hover .add_to_wishlist .blockUI {
display: none !important;
}
li.product .yith-wcwl-wishlistaddedbrowse .feedback,
li.product .yith-wcwl-wishlistexistsbrowse .feedback {
margin-right: 0;
}
.product_infos .add_to_wishlist {
position: unset !important;
}
.product_infos .add_to_wishlist:before,
.product_infos .yith-wcwl-wishlistaddedbrowse:before,
.product_infos .yith-wcwl-wishlistexistsbrowse:before {
position: absolute;
left: 0;
top: 2px;
}
.product_infos .yith-wcwl-wishlistaddedbrowse:before,
.product_infos .yith-wcwl-wishlistexistsbrowse:before,
.products .yith-wcwl-wishlistaddedbrowse a:before,
.products .yith-wcwl-wishlistexistsbrowse a:before {
content: "";
}
.add_to_wishlist:before {
content: "";
}
.yith-wcwl-add-to-wishlist {
margin: 0;
}
.product_infos .yith-wcwl-add-button a.add_to_wishlist {
padding: 0 !important;
background-color: transparent !important;
text-align: left;
}
.product_infos .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
display: none !important;
}
.products li a.add_to_wishlist,
.products .yith-wcwl-add-button,
.products .yith-wcwl-wishlistexistsbrowse,
.products .yith-wcwl-wishlistaddedbrowse {
font-size: 0 !important;
line-height: 0;
padding: 0;
position: static;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
font-size: 10px;
margin: 0 0 6px;
top: 2px;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none !important;
position: absolute;
top: 50%;
left: 50%;
margin-left: -8px;
margin-top: -8px;
}
.products .add_to_wishlist:before {
transition: color 0.3s;
-webkit-transition: color 0.3s;
}
.products .yith-wcwl-add-button:after {
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 0px;
}
.out_of_stock_button_wrapper .button,
.out_of_stock_button_wrapper .button:hover {
background: #ddd !important;
cursor: default !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.product_list_widget .wishlist-in-stock {
color: #fff;
border: 2px solid #fff;
padding: 2px 9px;
}
.product_list_widget .wishlist-out-of-stock {
color: #98a1c0;
border: 2px solid #98a1c0;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
position: relative;
top: 0;
left: 0;
}
.woocommerce .products .product_thumbnail_icons .yith-wcwl-add-to-wishlist .add_to_wishlist span, .woocommerce .products .product_thumbnail_icons .yith-wcwl-add-to-wishlist .add_to_wishlist i {
font-size: 0;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i {
font-size: 0;
}
ul.products li.product .yith-wcwl-add-to-wishlist {
display: none !important;
}@media screen and (min-width: 48em) {
.woocommerce-cart .page-title {
margin-bottom: 65px;
}
}
.woocommerce-cart .entry-content .woocommerce {
max-width: 1275px;
position: relative;
margin: 0 auto;
}
.woocommerce-cart .woocommerce-cart-form {
width: 60%;
float: left;
margin-bottom: 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form {
width: 100%;
float: none;
margin-bottom: 60px;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
border-collapse: collapse;
margin-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead {
display: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr {
border-bottom: 1px solid;
display: block;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:last-child {
border-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:first-child td {
padding-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td {
border: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
width: 5%;
padding: 0;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
padding: 35px 0 0 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a {
font-size: 0;
width: auto;
height: auto;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a:after {
content: "\e912";
font-family: "Shopkeeper-Icon-Font";
font-size: 16px;
font-weight: normal;
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
width: 20%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
display: block !important;
width: 100%;
padding: 15px 0 35px 0;
text-align: center !important;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail:before {
content: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 50% !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
width: 30%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dt {
font-size: 13px;
padding: 0;
margin-top: 3px;
margin-right: 5px;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dd p {
font-size: 13px;
margin-top: 3px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price .amount {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
padding: 15px 0;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
margin: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.default {
margin: 0;
text-align: right;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
padding: 15px 0 35px 0;
width: 100%;
}
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
text-align: right;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions {
padding: 40px 0 0;
width: 100%;
display: block;
position: relative;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid;
padding: 0 calc(5% + 15px) 40px calc(5% + 15px) !important;
position: relative;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
padding: 0 0 40px 0 !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
content: "\e909" !important;
font-family: "Shopkeeper-Icon-Font";
position: absolute;
left: calc(5% + 15px);
top: 13px;
font-size: 24px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
left: 0;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px 20px 20px 42px;
background-color: transparent;
border: 0;
height: 50px;
display: block;
margin-right: 25px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-webkit-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-moz-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code:-ms-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon button[name=apply_coupon] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 !important;
background: transparent;
height: auto;
float: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
background: none !important;
width: 100%;
text-align: center;
padding: 30px 0 0 !important;
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
padding: 40px 0 0 !important;
text-align: center;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:disabled {
visibility: hidden;
opacity: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:before {
content: "\e90f";
font-family: "Shopkeeper-Icon-Font";
font-size: 19px;
-webkit-font-smoothing: initial;
padding-right: 14px;
position: relative;
top: 3px;
}
.woocommerce-cart .cart-collaterals {
width: 35%;
float: right;
padding: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals {
width: 100vw;
float: none;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
}
}
.woocommerce-cart .cart-collaterals:after, .woocommerce-cart .cart-collaterals:before {
content: "";
display: block;
height: 10px;
width: 100%;
position: relative;
background-color: transparent;
background-size: 20px 20px;
background-position: 0 10px, 40px 40px;
}
.woocommerce-cart .cart-collaterals:before {
top: -10px;
}
.woocommerce-cart .cart-collaterals:after {
bottom: -10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 100%;
float: none;
padding: 40px 40px 0;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells {
padding: 40px 60px 0;
}
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
margin: 0 0 25px;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cross-sells ul {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 60px 40px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100% !important;
float: none;
padding: 40px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cart_totals {
padding: 40px 60px 30px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
border-top: 1px solid;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th {
padding: 30px 15px 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 15px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 0;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total strong .woocommerce-Price-amount {
display: block;
font-size: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax {
display: block;
margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax .woocommerce-Price-amount {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination {
font-size: 12px;
line-height: 1.4;
margin: 15px 0;
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination * {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals ul#shipping_method {
margin-top: -3px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0;
margin-bottom: 5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button:after {
content: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form {
margin: 5px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form p {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping] {
width: 100%;
margin-top: 7px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping]:hover {
color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
border: 0;
font-size: 13px;
text-transform: uppercase;
width: 100px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
border: 0;
font-size: 13px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
padding: 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td:before {
line-height: 1.5;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
width: 60%;
display: block;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul {
margin: 0 0 0 auto !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
margin: 15px 0 0 auto !important;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p {
text-transform: none;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 15px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
margin: 0;
}
.woocommerce-cart .shopkeeper-continue-shopping {
text-align: center;
clear: right;
width: 35%;
float: right;
margin: 0 auto 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .shopkeeper-continue-shopping {
width: 100%;
float: none;
}
}
.woocommerce-cart .shopkeeper-continue-shopping .button,
.woocommerce-cart .shopkeeper-continue-shopping .button:hover {
background: transparent !important;
opacity: 1;
}
.woocommerce-cart .cart-empty {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.4;
}
.woocommerce-cart .cart-empty:before {
content: "\e908";
font-family: "Shopkeeper-Icon-Font";
display: block;
font-weight: normal;
font-size: 128px;
line-height: 170px;
}
.woocommerce-cart .return-to-shop {
margin-bottom: 60px;
text-align: center;
}
.woocommerce-cart .return-to-shop a.button.wc-backward {
background-color: transparent !important;
min-width: 0;
padding: 0 !important;
font-size: 0.8125em !important;
font-weight: 600 !important;
padding-bottom: 5px !important;
border-bottom: 1px solid;
text-transform: uppercase;
width: auto;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
border-bottom: 1px solid;
padding-top: 10px !important;
padding-bottom: 10px;
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
border: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity,
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity .amount {
font-size: 13px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li a.remove {
text-align: left;
top: 40% !important;
}
.widget_shopping_cart .widget_shopping_cart_content .total {
border-top: none;
line-height: 24px;
padding: 25px 0;
margin: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .total strong {
font-size: 14px;
text-transform: uppercase;
}
.widget_shopping_cart .widget_shopping_cart_content .total .amount {
font-weight: 600;
font-size: 24px;
margin-top: 0;
float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a {
color: #ffffff;
margin-right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
margin: 0 0 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover {
opacity: 1;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:after {
display: none;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover {
color: #ffffff;
opacity: 0.8;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin:0;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected],.select2-results__option[data-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none;margin:5px 5px 0 0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before{content:"";display:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0073aa;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #0073aa}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #0073aa}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected],.select2-container--classic .select2-results__option--highlighted[data-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#0073aa}.select2-hidden-accessible {
margin: -1px !important;
}
.select2-container--default .select2-selection--single {
font-size: 14px;
outline: 0;
border-radius: 0px;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px !important;
right: auto !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background: transparent;
border-width: 1px;
border-style: solid;
border-radius: 13px;
display: inline-block;
font-size: 12px !important;
font-weight: 600;
line-height: 1.2;
margin-bottom: 5px;
margin-right: 2px;
padding: 4px 13px 5px;
text-transform: uppercase;
word-wrap: break-word;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
opacity: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
font-size: 13px;
}
.select2-container--default .select2-selection--multiple .select2-search__field {
padding: 0 !important;
height: 31px;
}
.off-canvas-wrapper .select2-container,
body > .select2-container {
z-index: 9999;
}
.select2-search--dropdown:after {
font-family: "Shopkeeper-Icon-Font";
content: "\e907";
right: 14px;
top: 15px;
position: absolute;
font-weight: normal;
font-size: 18px;
width: 20px;
height: 20px;
padding: 0;
}
span.select2.select2-container.select2-container--default {
z-index: 990;
}
.big-select:hover {
background-color: transparent;
}
.big-select:focus {
outline: none;
}
.select2-container:not(.orderby),
.big-select,
.select.big-select {
font-size: 1.5rem !important;
border: none;
background-color: transparent;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0;
margin: 0;
width: auto;
font-weight: normal;
opacity: 1;
line-height: 1;
height: 40px;
}
select.big-select {
font-size: 13px !important;
font-weight: 600;
padding: 9px 11px 11px;
text-transform: uppercase;
width: 100% !important;
max-width: 320px;
}
.variations select.big-select {
font-size: 1.5rem !important;
text-transform: none;
padding: 0 20px 0 0;
width: auto !important;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container .select2-choice {
background: none;
border: none;
-webkit-filter: none;
filter: none;
font-weight: 600;
padding: 0;
padding-right: 26px;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
line-height: 1;
}
.select2-container .select2-choice > .select2-chosen {
margin: 0;
}
.select2-container .select2-choice .select2-arrow {
background: none;
background-image: none;
-webkit-filter: none;
filter: none;
border: none;
border-radius: 0;
font-size: 0.692em;
line-height: 1em;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container--default .select2-selection--single {
font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 10px !important;
}
.widget .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 2px !important;
}
.select2-container .select2-choice .select2-arrow:before,
.catalog-ordering .select2-container .selection .select2-selection__arrow:before {
content: "\e91b";
display: block;
font-family: Shopkeeper-Icon-Font;
font-style: normal;
font-size: 13px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.select2-search {
padding-top: 5px;
}
.select2-search .select2-search__field {
color: #444;
background-color: #fafafa;
background-image: none;
}
.select2-search .select2-search__field :focus {
background-color: #fafafa;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
background-color: #fff;
}
.select2-search input,
.select2-search__field {
padding: 6px 38px 7px 8px !important;
}
.select2-results {
max-height: initial;
font-size: 14px;
margin: 0;
padding: 0;
}
.select2-results .select2-results__option {
font-size: 13px;
outline: 0 !important;
}
.select2-results .select2-results__option :active {
outline: 0 !important;
}
.select2-drop,
.select2-dropdown {
border: none;
margin-top: 9px;
margin-left: -15px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.select2-container--open .select2-dropdown {
left: 15px !important;
top: -10px;
}
.select2-drop.select2-drop-above {
margin-bottom: 6px;
}
.select2-drop.select2-drop-above.select2-drop-active {
border: 0;
border-radius: 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.select2-results .select2-result-label {
padding: 3px 16px 4px;
}
.select2-offscreen, .select2-offscreen:focus {
border: 0 none !important;
clip: rect(0px, 0px, 0px, 0px) !important;
height: 26px !important;
left: 0 !important;
margin: 0 !important;
outline: 0 none !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
top: 0 !important;
width: 1px !important;
}
.woocommerce-ordering select.orderby {
max-width: none;
border: none;
vertical-align: middle;
text-transform: uppercase;
line-height: 24px;
height: auto !important;
padding: 0 0.5rem;
direction: rtl;
font-weight: 600;
}
.select2-container.topbar-language-switcher,
.select2-container.wcml_currency_switcher {
font-size: 0.8125rem !important;
font-weight: 600;
text-transform: uppercase;
}
.select2-container.topbar-language-switcher,
.select2-container.wcml_currency_switcher {
margin-right: 23px;
}
.woocommerce .select2-container .select2-dropdown.orderby-dropdown {
max-width: 240px; }
.catalog-ordering {
line-height: 24px;
float: right;
outline: 0 !important;
height: auto;
}
.catalog-ordering .woocommerce-ordering {
width: auto !important;
}
.catalog-ordering span.select2-container span {
border: none;
text-transform: uppercase;
font-size: 13px;
}
.catalog-ordering span.select2-container .select2-choice {
font-weight: 600;
}
.catalog-ordering span.select2-container .select2-choice .select2-arrow {
font-size: 18px;
line-height: 24px;
}
.catalog-ordering span.select2-container .select2-choice .select2-arrow:before {
display: block;
line-height: 13px;
}
.catalog-ordering span.select2-container .selection {
font-weight: 600;
outline: 0 !important;
}
.catalog-ordering span.select2-container .selection span {
outline: 0 !important;
}
.catalog-ordering span.select2-container .selection .select2-selection__rendered {
padding-right: 26px;
padding-left: 0px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.catalog-ordering span.select2-container .selection .select2-container--default,
.catalog-ordering span.select2-container .selection .select2-selection--single {
background: transparent !important;
}
.catalog-ordering span.select2-container .selection .select2-selection__clear {
display: none;
}
.catalog-ordering span.select2-container .selection .select2-selection__arrow {
top: 3px !important;
right: 1px !important;
}
.catalog-ordering span.select2-container .selection .select2-selection__arrow:before {
line-height: 22px;
}
.catalog-ordering span.select2-container .selection .select2-selection__arrow b {
display: none;
}
.catalog-ordering select.orderby {
padding-right: 25px;
width: auto !important;
}
.catalog-ordering select.orderby a {
line-height: 24px;
text-transform: uppercase;
font-size: 10px;
}
@media screen and (min-width: 640px) {
.catalog-ordering select.orderby a {
font-size: 13px;
}
}
.catalog-ordering select.orderby:hover {
background-color: transparent;
}
@media screen and (min-width: 1024px) {
.catalog-ordering select.orderby {
font-size: 13px;
}
}
.select2-results .select2-results__options .select2-results__option {
color: #000;
padding: 5px 16px;
}
.select2-results .select2-results__options .select2-results__option--highlighted {
color: #fff;
}
.select2-results .select2-results__options .select2-results__option[aria-selected=true] {
background-color: transparent;
}
.select2-container .select2-choice .select2-arrow {
top: 5px;
}
.select2-container.topbar-language-switcher,
.select2-container.wcml_currency_switcher {
height: 43px;
line-height: 43px;
padding-top: 15px;
}
.select2-container.topbar-language-switcher .select2-choice .select2-arrow,
.select2-container.wcml_currency_switcher .select2-choice .select2-arrow {
font-size: 13px;
line-height: 1em;
}
.woocommerce.archive .select2-drop,
.woocommerce-page.archive .select2-drop {
margin-top: 1px;
}
.variations .select2-container {
padding-top: 9px;
}
.variations .select2-container .select2-choice > .select2-chosen {
line-height: 20px;
}
.variations .select2-container .select2-choice .select2-arrow:before {
line-height: 23px;
}
.select2-search input.select2-active {
background: none;
}
.select2-container.select2-container-disabled,
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background: none;
border: none;
}
#billing_country_field,
#billing_state_field,
#calc_shipping_country_field,
#calc_shipping_state_field,
#shipping_country_field,
#shipping_state_field,
.woocommerce-widget-layered-nav-dropdown {
outline: 0 !important;
text-transform: none;
text-align: left;
}
#billing_country_field .select2-container--default,
#billing_state_field .select2-container--default,
#calc_shipping_country_field .select2-container--default,
#calc_shipping_state_field .select2-container--default,
#shipping_country_field .select2-container--default,
#shipping_state_field .select2-container--default,
.woocommerce-widget-layered-nav-dropdown .select2-container--default {
width: 100% !important;
border-radius: 0px !important;
border: none !important;
}
#billing_country_field .select2-container,
#billing_state_field .select2-container,
#calc_shipping_country_field .select2-container,
#calc_shipping_state_field .select2-container,
#shipping_country_field .select2-container,
#shipping_state_field .select2-container,
.woocommerce-widget-layered-nav-dropdown .select2-container {
width: 100% !important;
border: 1px solid;
}
#billing_country_field .select2-selection--single,
#billing_state_field .select2-selection--single,
#calc_shipping_country_field .select2-selection--single,
#calc_shipping_state_field .select2-selection--single,
#shipping_country_field .select2-selection--single,
#shipping_state_field .select2-selection--single,
.woocommerce-widget-layered-nav-dropdown .select2-selection--single {
outline: 0 !important;
border-radius: 0px !important;
}
#billing_country_field .select2-selection,
#billing_state_field .select2-selection,
#calc_shipping_country_field .select2-selection,
#calc_shipping_state_field .select2-selection,
#shipping_country_field .select2-selection,
#shipping_state_field .select2-selection,
.woocommerce-widget-layered-nav-dropdown .select2-selection {
outline: 0 !important;
}
#billing_country_field .select2-selection__rendered,
#billing_country_field .select2-selection__placeholder,
#billing_state_field .select2-selection__rendered,
#billing_state_field .select2-selection__placeholder,
#calc_shipping_country_field .select2-selection__rendered,
#calc_shipping_country_field .select2-selection__placeholder,
#calc_shipping_state_field .select2-selection__rendered,
#calc_shipping_state_field .select2-selection__placeholder,
#shipping_country_field .select2-selection__rendered,
#shipping_country_field .select2-selection__placeholder,
#shipping_state_field .select2-selection__rendered,
#shipping_state_field .select2-selection__placeholder,
.woocommerce-widget-layered-nav-dropdown .select2-selection__rendered,
.woocommerce-widget-layered-nav-dropdown .select2-selection__placeholder {
outline: 0 !important;
font-size: 0.875rem;
color: #444 !important;
line-height: 40px !important;
}
#billing_country_field .select2-selection__clear,
#billing_state_field .select2-selection__clear,
#calc_shipping_country_field .select2-selection__clear,
#calc_shipping_state_field .select2-selection__clear,
#shipping_country_field .select2-selection__clear,
#shipping_state_field .select2-selection__clear,
.woocommerce-widget-layered-nav-dropdown .select2-selection__clear {
display: none;
}
#billing_country_field .select2-selection__arrow,
#billing_state_field .select2-selection__arrow,
#calc_shipping_country_field .select2-selection__arrow,
#calc_shipping_state_field .select2-selection__arrow,
#shipping_country_field .select2-selection__arrow,
#shipping_state_field .select2-selection__arrow,
.woocommerce-widget-layered-nav-dropdown .select2-selection__arrow {
border: none !important;
}
#billing_country_field .select2-selection__arrow :before,
#billing_state_field .select2-selection__arrow :before,
#calc_shipping_country_field .select2-selection__arrow :before,
#calc_shipping_state_field .select2-selection__arrow :before,
#shipping_country_field .select2-selection__arrow :before,
#shipping_state_field .select2-selection__arrow :before,
.woocommerce-widget-layered-nav-dropdown .select2-selection__arrow :before {
content: "\e91b";
display: block;
font-family: Shopkeeper-Icon-Font;
font-size: 14px;
font-style: normal;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
#billing_country_field .select2-selection__arrow b,
#billing_state_field .select2-selection__arrow b,
#calc_shipping_country_field .select2-selection__arrow b,
#calc_shipping_state_field .select2-selection__arrow b,
#shipping_country_field .select2-selection__arrow b,
#shipping_state_field .select2-selection__arrow b,
.woocommerce-widget-layered-nav-dropdown .select2-selection__arrow b {
margin-left: -9px !important;
margin-top: -17px;
border: none !important;
}
#billing_country_field .select2-selection,
#billing_state_field .select2-selection,
#calc_shipping_country_field .select2-selection,
#calc_shipping_state_field .select2-selection,
#shipping_country_field .select2-selection,
#shipping_state_field .select2-selection {
outline: 0 !important;
height: 40px;
}
#billing_country_field .select2-container--default,
#billing_state_field .select2-container--default,
#calc_shipping_country_field .select2-container--default,
#calc_shipping_state_field .select2-container--default,
#shipping_country_field .select2-container--default,
#shipping_state_field .select2-container--default {
height: 42px !important;
}
.woocommerce-widget-layered-nav-dropdown .select2-selection--multiple {
border-radius: 0px !important;
}
.woocommerce-widget-layered-nav-dropdown .select2-selection--multiple .select2-selection__clear {
display: none;
}
.woocommerce-widget-layered-nav-dropdown .select2-container--default {
height: auto;
}
.woocommerce-widget-layered-nav-dropdown .select2-selection--single {
height: 42px !important;
}
.woocommerce-widget-layered-nav-dropdown .select2-selection--single .select2-selection__clear {
display: block !important;
padding-right: 10px;
margin-top: -1px;
}
.country_select .select2-container,
.state_select .select2-container {
outline: 0 !important;
display: block;
width: 100% !important;
border-style: solid;
border-width: 1px;
background: none repeat scroll 0 0 #fff;
height: auto;
}
.country_select.select2-container .select2-choice > .select2-chosen,
.state_select.select2-container .select2-choice > .select2-chosen {
font-size: 0.875rem;
font-weight: 600;
line-height: 20px;
color: #444;
padding: 0.5rem;
height: 38px;
}
.country_select.select2-container .select2-choice .select2-arrow,
.state_select.select2-container .select2-choice .select2-arrow {
color: #444;
top: 11px;
}.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
will-change: opacity, transform;
}
.woocommerce ul.products li.product.animated,
.woocommerce-page ul.products li.product.animated {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}.index-layout-3 .list_categories_layout_blog_3 {
margin-bottom: 50px;
}
.index-layout-3 .blog-posts_container {
padding: 0px 50px;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
width: 100%;
margin: 0;
list-style-type: none;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post:last-child {
margin-bottom: 130px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article {
margin-bottom: 25px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .post-categories {
top: 93px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
position: absolute;
top: 32px;
left: 24px;
color: #FFF;
font-size: 70px;
line-height: 43px;
content: "\e90d";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
z-index: 9;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
list-style-type: none;
margin: 0;
position: absolute;
left: 22px;
top: 18px;
z-index: 99;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories li a {
color: #FFF;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .bg-image:after {
position: absolute;
top: 300px;
right: 20px;
color: #FFF;
font-size: 40px;
line-height: 40px;
content: "\e900";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image {
height: 250px;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link .post-image {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link .post-image:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link span.post-image {
display: inline-block;
overflow: hidden;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link span.post-image:hover:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title {
text-align: left;
font-size: 24px;
line-height: 34px;
margin-top: 25px;
margin-bottom: 15px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title:hover a {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title + p {
margin-bottom: 20px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-top: -5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:hover {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:before {
content: "";
width: 40px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article {
margin-bottom: 70px;
}
.index-layout-3 .blog-posts_container {
padding: 0 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.index-layout-3 .blog-posts_container {
padding: 0 30px;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
font-size: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
width: 50%;
display: inline-block;
padding: 0 20px;
vertical-align: top;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
left: 44px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .post-categories,
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
left: 44px;
}
}
@media only screen and (min-width: 1024px) {
.index-layout-3 .list_categories_layout_blog_3 {
margin-bottom: 40px;
}
.index-layout-3 .blog-posts_container {
padding: 0;
position: relative;
max-width: 1680px;
margin: 0 auto;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
list-style-type: none;
margin: 0;
width: 100%;
margin: 0 auto;
font-size: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
position: relative;
width: 25%;
display: inline-block;
vertical-align: top;
padding: 0 1.875rem;
margin-bottom: 90px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post:nth-child(-9n+10), .index-layout-3 .blog-posts_container ul.blog-posts .blog-post:nth-child(10n+15) {
width: 50%;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-date {
position: absolute;
top: -75px;
left: -27px;
font-size: 110px;
line-height: 110px;
font-weight: 600;
opacity: 0.15;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
list-style-type: none;
margin: 0;
position: absolute;
left: 52px;
top: 18px;
z-index: 99;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories li a {
color: #FFF;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .bg-image:after {
position: absolute;
top: 300px;
right: 20px;
color: #FFF;
font-size: 40px;
line-height: 40px;
content: "\e900";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
left: 54px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper {
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 35px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image {
height: 250px;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image:hover {
opacity: 0.5;
cursor: pointer;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper .post-link {
display: block;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper .post-link .thumbnail_container {
position: relative;
overflow: hidden;
display: inline-block;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper {
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title {
text-align: left;
font-size: 24px;
line-height: 34px;
margin-top: 0;
margin-bottom: 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title:hover a {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title + p {
margin-bottom: 35px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-top: -5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:hover {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:before {
content: "";
width: 40px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}ul.sk_social_icons_list {
clear: both;
display: block;
margin: 15px 0;
padding: 0;
vertical-align: middle; }
ul.sk_social_icons_list.left {
text-align: left; }
ul.sk_social_icons_list.center {
text-align: center; }
ul.sk_social_icons_list.right {
text-align: right; }
ul.sk_social_icons_list li.sk_social_icon {
display: inline-block;
list-style: none;
line-height: 1;
margin: 10px 30px 10px 0;
padding-top: 0 !important;
vertical-align: middle; }
ul.sk_social_icons_list li.sk_social_icon:last-child {
margin-right: 0;
margin-bottom: 10px; }
ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link {
display: block;
overflow: visible;
line-height: 0; }
ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link:hover i {
opacity: .75; }
ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link i {
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s; }
.site-top-bar-social-icons-wrapper {
display: block;
float: right;
padding: 8px 0; }
.site-top-bar-social-icons-wrapper ul.sk_social_icons_list {
margin: 0 0 0 50px; }
.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon {
margin: 5px 10px 5px 0; }
.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child {
margin-right: 0; }
.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon svg, .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon img {
width: 16px !important;
height: 16px !important; }
.footer_socials_wrapper {
margin-bottom: 21px; }
@media only screen and (min-width: 40.063em) {
.footer_socials_wrapper {
margin-bottom: 34px; } }
.off-canvas ul.sk_social_icons_list li.sk_social_icon {
margin: 10px 22px 10px 0; }
.off-canvas ul.sk_social_icons_list li.sk_social_icon svg {
width: 18px !important;
height: 18px !important; }
.rtl ul.sk_social_icons_list li.sk_social_icon {
margin: 10px 0 10px 30px; }
.rtl ul.sk_social_icons_list li.sk_social_icon:last-child {
margin-left: 0; }
.rtl .widget_shopkeeper_social_media ul.sk_social_icons_list {
text-align: right; }
.rtl .site-top-bar-social-icons-wrapper {
float: left; }
.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list {
padding-left: 0;
padding-right: 50px; }
.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon {
margin: 5px  5px 10px; }
.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child {
margin-left: 0; }
.rtl .off-canvas ul.sk_social_icons_list {
text-align: right; }
.rtl .off-canvas ul.sk_social_icons_list li.sk_social_icon {
margin: 10px 0 10px 22px; }@media only screen and (max-width: 1201px) {
.product_socials_wrapper {
display: table;
width: 100%;
text-align: center;
padding: 20px 0;
border-top-width: 1px;
border-top-style: solid; }
.product_socials_wrapper .share-product-text,
.product_socials_wrapper .product_socials_wrapper_inner {
display: table-cell;
vertical-align: middle;
width: 50%; }
.product_socials_wrapper .share-product-text {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
text-align: left; }
.product_socials_wrapper .product_socials_wrapper_inner {
text-align: right; }
.product_socials_wrapper .product_socials_wrapper_inner a {
padding-right: 10px; } }
@media only screen and (min-width: 1201px) {
.product_socials_wrapper {
position: fixed;
top: 430px;
right: 100%;
z-index: 999;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-animation: slide-in-from-left;
animation: slide-in-from-left;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.product_socials_wrapper .share-product-text {
display: none; }
.product_socials_wrapper .product_socials_wrapper_inner a {
display: block;
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
border-radius: 50%;
text-align: center;
padding-top: 10px;
margin: 10px 0;
width: 38px;
height: 38px; }
.product_socials_wrapper .product_socials_wrapper_inner a:first-child {
margin-top: 0; } }
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translateX(-55px);
transform: translateX(-55px); }
50% {
-webkit-transform: translateX(95px);
transform: translateX(95px); }
75% {
-webkit-transform: translateX(95px);
transform: translateX(95px); }
100% {
-webkit-transform: translateX(95px);
transform: translateX(95px); } }
@keyframes slide-in-from-left {
0% {
-webkit-transform: translateX(-55px);
transform: translateX(-55px); }
50% {
-webkit-transform: translateX(95px);
transform: translateX(95px); }
75% {
-webkit-transform: translateX(95px);
transform: translateX(95px); }
100% {
-webkit-transform: translateX(95px);
transform: translateX(95px); } }
@media only screen and (max-width: 1024px) {
.rtl .product_socials_wrapper_inner {
float: left;
text-align: left; }
.rtl .share-product-text {
float: right;
text-align: right; } }.portfolio_content_nav{clear:both}.portfolio_content_nav .post-navigation{margin-top:0}.portfolio-isotope{position:relative}.portfolio-isotope:after{content:"";display:block;clear:both}.portfolio-box,.portfolio_related_item{width:100%;float:left;margin:0;padding-left:0;padding-right:0;opacity:1;-o-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;padding-bottom:100%}.portfolio-box.width2,.portfolio-grid-sizer{width:100%}.portfolio-box.width2.height2{width:100%}.portfolio-box.hidden{opacity:0;-o-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s}.portfolio-box-inner{position:relative;display:block;height:100%;position:absolute;width:100%}.portfolio-filters .filters-group.list-centered{margin-bottom:90px}.filters-group li{display:inline-block;font-size:13px;font-weight:bold;margin-left:2px;margin-bottom:10px;margin:0 12px 5px;padding:5px 0px;border-bottom:1px solid #ddd;text-transform:uppercase;display:inline-block;cursor:pointer;-webkit-transition:color 0.3s, border-color 0.2s;-o-transition:color 0.3s, border-color 0.2s;transition:color 0.3s, border-color 0.2s;-webkit-transition:color 0.3s, border-color 0.3s}.filters-group li:hover{border-bottom:1px solid transparent}.hover-effect-link{display:block;overflow:hidden;margin:0;background:#000;text-align:center;cursor:pointer;width:100%;height:100%;position:absolute;z-index:1}.hover-effect-link .hover-effect-thumb{display:block;opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);max-width:none;min-height:100.6%;position:absolute;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, -webkit-transform 0.35s;-o-transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}@media screen and (-webkit-min-device-pixel-ratio:0){.hover-effect-link .hover-effect-thumb,.thumbnail_archive img,::i-block-chrome{width:110%;-webkit-transform:translate3d(-5%, 0, 0);transform:translate3d(-5%, 0, 0)}.hover-effect-content:hover .hover-effect-thumb,.thumbnail_archive:hover img,::i-block-chrome{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.main-navigation ul ul,::i-block-chrome{-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}}.hover-effect-content .hover-effect-text,.hover-effect-content .hover-effect-title{margin:0}.hover-effect-content .hover-effect-title,.wpb_wrapper h2.hover-effect-title{color:#fff!important;font-size:1.375rem;line-height:1.2em;font-weight:900;position:absolute;bottom:28px;left:0px;padding:40px 40px 5px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;text-align:left;-o-transition:all .3s!important;transition:all .3s!important;-webkit-transition:all .3s!important}.hover-effect-content .hover-effect-text,.wpb_wrapper .hover-effect-text{color:#fff!important;opacity:0;font-size:0.75rem;font-weight:900;text-transform:uppercase;position:absolute;bottom:0;padding:0px 40px 33px;text-align:left;-o-transition:all .45s!important;transition:all .45s!important;-webkit-transition:all .45s!important}.hover-effect-content:hover .hover-effect-thumb{opacity:0.15;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.hover-effect-content:hover .hover-effect-text{opacity:1;-webkit-transition-delay:0.05s;-o-transition-delay:0.05s;transition-delay:0.05s}.boxed-page .hover-effect-content .hover-effect-title,.boxed-page .wpb_wrapper h2.hover-effect-title{font-size:1.375rem}.boxed-page .wpb_wrapper .portfolio-isotope-container{margin:0}.portfolio-single-featured-img{height:760px;background-repeat:no-repeat;background-size:cover;background-position:center center}.portfolio_single_list_cat{display:block;text-align:center}.portfolio_single_list_cat a{display:inline-block;font-size:0.8125rem;font-weight:900;padding-bottom:10px;text-transform:uppercase}.portfolio_content_nav .nav-next .nav-next-title,.portfolio_content_nav .nav-previous .nav-previous-title{display:none}.portfolio-related-container{background:#f5f5f5;overflow:hidden}.portfolio-related-container:after{content:"";display:block;clear:both}.portfolio_related_item{position:relative}.portfolio_related_item.empty{display:none}.portfolio_related_item.empty .hover-effect-link{background:none;cursor:default;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.full-width-page .wpb_wrapper .portfolio-isotope-container{margin-left:-30px!important;margin-right:-30px!important}.full-width-page .boxed-row .wpb_wrapper .portfolio-isotope-container{margin-left:0px!important;margin-right:0px!important}@media only screen and (min-width:30.063em){.portfolio-grid-sizer{width:50%}.portfolio-box,.portfolio_related_item{width:50%;padding-bottom:50%}.portfolio-box.width2{width:100%;padding-bottom:50%}.portfolio-box.width2.height2{width:100%;padding-bottom:100%}.portfolio_related_item.item_2.empty{display:block}.portfolio_related_item.item_1.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:40.063em){.hover-effect-content .hover-effect-title,.wpb_wrapper h2.hover-effect-title{font-size:1.875rem}.filters-group.list-centered{margin-bottom:5px}.portfolio_content_nav #nav-below{padding:40px 50px 38px;margin:0;border-top-width:1px;border-top-style:solid}.portfolio_content_nav #nav-below .nav-next span:after,.portfolio_content_nav #nav-below .nav-previous span:before{font-size:20px;color:#888;display:inline-block;font:normal normal normal;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio_content_nav #nav-below .nav-previous span:before{content:"\2190";margin-right:3px}.portfolio_content_nav #nav-below .nav-next span:after{content:"\2192";margin-left:3px}}@media only screen and (min-width:56.3125em){.portfolio-grid-sizer{width:33.3333333333%}.portfolio-box,.portfolio_related_item{width:33.3333333333%;padding-bottom:33.3333333333%}.portfolio-box.width2{width:66.6666666666%;padding-bottom:33.3333333333%}.portfolio-box.width2.height2{width:66.6666666666%;padding-bottom:66.6666666666%}.portfolio_related_item.item_3.empty{display:block}.portfolio_related_item.item_2.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:63.9375em){.full-width-page .wpb_wrapper .portfolio-isotope-container{margin-left:-15px!important;margin-right:-15px!important}}@media only screen and (min-width:80em){.portfolio-grid-sizer{width:25%}.portfolio-box,.portfolio_related_item{width:25%;padding-bottom:25%}.portfolio-box.width2{width:50%;padding-bottom:25%}.portfolio-box.width2.height2{width:50%;padding-bottom:50%}.default_grid.items_per_row_3 .portfolio-grid-sizer{width:33.3333333333%}.default_grid.items_per_row_3 .portfolio-box{padding-bottom:33.33333333333%;width:33.3333333333%}.portfolio_related_item.item_4.empty{display:block}.portfolio_related_item.item_3.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:100.063em){.portfolio-grid-sizer{width:20%}.portfolio-box,.portfolio_related_item{width:20%;padding-bottom:20%}.portfolio-box.width2{width:40%;padding-bottom:20%}.portfolio-box.width2.height2{width:40%;padding-bottom:40%}.default_grid.items_per_row_4 .portfolio-grid-sizer{width:25%}.default_grid.items_per_row_4 .portfolio-box{padding-bottom:25%;width:25%}.portfolio_related_item.item_5.empty{display:block}.portfolio_related_item.item_4.empty .hover-effect-link{border-right:1px solid #ddd}}.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 {text-transform: none;font-size: .9em;line-height: 1;user-select: none;pointer-events: none;position: absolute;display: none;opacity: 0 }.on-hover-text {display: none;white-space: pre }.chaty-tooltip .on-hover-text:before, .chaty-tooltip:before {content: "";border: 5px solid transparent;z-index: 1001 }.chaty-tooltip:after {content: attr(data-hover) }.chaty-tooltip .on-hover-text, .chaty-tooltip:after {text-align: center;min-width: 1em;max-width: 21em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 5px 15px;border-radius: 10px;background: #fff;color: #333;z-index: 1000;box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size: 17px;line-height: 21px }.chaty-animation-shockwave:after, .chaty-animation-shockwave:before {content: "";border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 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 {animation: ease-out forwards tooltips-horz }.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:before {border-bottom-width: 0;border-top-color: #fff;bottom: calc(100% + 5px) }.chaty-tooltip.pos-top:after {bottom: calc(100% + 10px) }.chaty-tooltip.pos-top:after, .chaty-tooltip.pos-top:before {left: 50%;transform: translate(-50%, -.5em) }.chaty-tooltip.pos-down:before {top: 100%;border-top-width: 0;border-bottom-color: #fff }.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 {top: 50%;border-right-width: 0;border-left-color: #fff;left: calc(0em - 10px);transform: translate(-.5em, -50%) }.chaty-tooltip.pos-left .on-hover-text:before {left: auto;right: calc(0em - 5px) }.chaty-tooltip.pos-left .on-hover-text, .chaty-tooltip.pos-left:after {top: 50%;right: calc(100% + 10px);transform: translate(-.5em, -50%) }.chaty-tooltip.pos-right .on-hover-text:before, .chaty-tooltip.pos-right:before {top: 50%;border-left-width: 0;border-right-color: #fff;right: calc(0em - 10px);transform: translate(.5em, -50%) }.chaty-tooltip.pos-right .on-hover-text:before {left: calc(0em - 5px);right: auto }.chaty-tooltip.pos-right .on-hover-text, .chaty-tooltip.pos-right:after {top: 50%;left: calc(100% + 10px);transform: translate(.5em, -50%) }@keyframes tooltips-vert {to {opacity: 1;transform: translate(-50%, 0) }}@keyframes tooltips-horz {to {opacity: 1;transform: translate(0, -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 {animation: ease-out forwards tooltips-vert }@-webkit-keyframes chaty-animation-shockwave {0% {transform: scale(1);box-shadow: 0 0 2px rgba(0, 0, 0, .3), inset 0 0 1px rgba(0, 0, 0, .3) }95% {box-shadow: 0 0 50px transparent, inset 0 0 30px transparent }100% {transform: scale(2.25) }}@keyframes chaty-animation-shockwave {0% {transform: scale(1);box-shadow: 0 0 2px rgba(0, 0, 0, .3), inset 0 0 1px rgba(0, 0, 0, .3) }95% {box-shadow: 0 0 50px transparent, inset 0 0 30px transparent }100% {transform: scale(2.25) }}@-webkit-keyframes chaty-animation-blink {0%, 100% {opacity: 1 }20% {opacity: .5 }}@keyframes chaty-animation-blink {0%, 100% {opacity: 1 }20% {opacity: .5 }}@-webkit-keyframes chaty-animation-pulse {0% {transform: scale(1);box-shadow: 0 2px 2px rgba(0, 0, 0, .2);border-radius: 50% }100% {transform: scale(1.1);box-shadow: 0 2px 2px rgba(0, 0, 0, .2);border-radius: 45% }}@keyframes chaty-animation-pulse {0% {transform: scale(1);border-radius: 50% }100% {transform: scale(1.1);border-radius: 45% }}.chaty-animation-shockwave:after {left: 0;-webkit-animation: 2s ease-out 1.3s infinite chaty-animation-shockwave;animation: 2s ease-out 1.3s infinite chaty-animation-shockwave }.chaty-animation-shockwave:before {left: 0;-webkit-animation: 2s ease-out .8s infinite chaty-animation-shockwave;animation: 2s ease-out .8s infinite chaty-animation-shockwave }.chaty-animation-blink {-webkit-animation: 1.33s ease-out infinite chaty-animation-blink;animation: 1.33s ease-out infinite chaty-animation-blink }.chaty-animation-pulse, .chaty-animation-pulse-icon {-webkit-animation: .4s infinite alternate chaty-animation-pulse;animation: .4s infinite alternate chaty-animation-pulse }.chaty-animation-sheen {position: relative;overflow: hidden }.chaty-animation-sheen:after {animation: 5s infinite chaty-animation-sheen;content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .5) 50%, transparent);transform: rotateZ(60deg) translate(0, 5em) }@keyframes chaty-animation-sheen {100%, 20% {transform: rotateZ(60deg) translate(0, -80px) }}.chaty-animation-fade {animation: 5s infinite chaty-animation-fade }.chaty-animation-spin {animation: 5s cubic-bezier(.56, -.35, .22, 1.5) infinite chaty-animation-spin }@keyframes chaty-animation-fade {15%, 5% {opacity: .25 }10%, 100%, 20% {opacity: 1 }}@keyframes chaty-animation-spin {10% {transform: rotateZ(-20deg);animation-timing-function: ease }100%, 20% {transform: rotateZ(360deg) }}.chaty-animation-bounce, .chaty-animation-jump {animation: 5s cubic-bezier(.84, -.54, .31, 1.19) infinite chaty-animation-bounce }@keyframes chaty-animation-bounce {0%, 100%, 20% {transform: none }10% {transform: translateY(-1em) }}@keyframes chaty-animation-waggle {0% {transform: none }10% {transform: rotateZ(-20deg) scale(1.2) }13% {transform: rotateZ(25deg) scale(1.2) }15% {transform: rotateZ(-15deg) scale(1.2) }17% {transform: rotateZ(15deg) scale(1.2) }20% {transform: rotateZ(-12deg) scale(1.2) }22% {transform: rotateZ(0) scale(1.2) }100%, 24% {transform: rotateZ(0) scale(1) }}.chaty-animation-waggle {animation: 5s infinite chaty-animation-waggle }.chaty-animation-floating {-webkit-animation: chaty-animation-floating 3s ease infinite;animation: chaty-animation-floating 3s ease infinite;}@keyframes chaty-animation-floating {0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}50% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,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, .hide-cht-svg-bg {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;outline: none !important;}.chaty a, .chaty a:focus, .chaty a:hover, .chaty button {border: none;text-decoration: none;outline: 0;box-shadow: none }.chaty-widget {position: fixed;bottom: 25px;right: 25px;z-index: 10001 }.chaty-widget.left-position {left: 25px;right: auto }.chaty-channel-list {display: flex;width: 62px;height: 124px;position: absolute;bottom: -4px;right: 0;flex-direction: column;align-items: flex-start;pointer-events: none }.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 {display: inline-block;width: 54px;height: 54px;border-radius: 50%;margin: 4px;cursor: pointer;box-shadow: 0 16px 24px 0 rgb(73 104 126 / 16%);}.chaty-channel-list .chaty-channel {position: absolute;bottom: 0;opacity: 0;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 {display: block;width: 54px;height: 54px;border-radius: 50%;cursor: pointer;position: relative;outline: 0 }.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 {width: 54px;height: 54px;border-radius: 50%;text-align: center;font-size: 27px;line-height: 54px;color: #fff }.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 {width: 100%;height: 100% }.chaty-channel img {width: 54px;height: 54px;object-fit: cover;border-radius: 50% }.chaty-i-trigger .chaty-channel {position: absolute;bottom: 0;right: 4px;transition: .5s;border-radius: 50%;cursor: pointer }.chaty-cta-button {transition: .5s;box-shadow: 0 16px 24px 0 rgb(73 104 126 / 16%);border-radius: 50% }.chaty-widget.left-position .chaty-i-trigger .chaty-channel {left: 4px;right: auto }.chaty-widget .chaty-cta-main .chaty-cta-button {z-index: 1099;opacity: 1;position: relative }.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button {z-index: 999;opacity: 0;transform: rotate(540deg);visibility: hidden }.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 {z-index: 999;opacity: 0;visibility: hidden }.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button {z-index: 1099;opacity: 1;transform: rotate(180deg);visibility: visible }.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;visibility: visible;pointer-events: auto;}.chaty-widget .ch-pending-msg {position: absolute;right: -4px;top: -4px;width: 16px;height: 16px;text-align: center;background: red;color: #fff;font-size: 10px;line-height: 16px;border-radius: 50%;z-index: 1101 }.chaty-widget.left-position.hor-mode .chaty-channel-list {width: 136px;height: 62px;left: 0;bottom: 0 }.chaty-widget.right-position.hor-mode .chaty-channel-list {width: 136px;height: 62px;right: 0;left: auto;bottom: 0 }.chaty-widget.hor-mode .chaty-channel-list .chaty-channel {margin-top: 0;margin-bottom: 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 {right: 0;left: auto }.chaty-chat-view, .chaty-outer-forms {vertical-align: bottom;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: fixed !important;bottom: -25px;left: 25px;padding: 0;width: 320px;max-width: 90%;-moz-transition: .5s linear;box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;-webkit-box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;-moz-box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;opacity: 0;visibility: hidden;pointer-events: none;z-index: -1;transition: .5s;-webkit-transition: .5s;animation-delay: -2s;-webkit-animation-delay: -2s }.chaty-chat-view.pos-left, .chaty-outer-forms.pos-left {left: 25px }.chaty-chat-view.pos-right, .chaty-outer-forms.pos-right {right: 25px;left: auto }.chaty-outer-forms.active, .chaty:not(.form-open) .chaty-widget.chaty-open + .chaty-chat-view {-webkit-transform: translateY(-93px);transform: translateY(-93px);opacity: 1;z-index: 999999;visibility: visible;bottom: 0;pointer-events: auto }.chaty-whatsapp-body {padding: 0;min-height: 260px;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 {display: flex;align-items: flex-start;}.chaty-form-body {background: #fff;z-index: 99999;min-height: 75px;border-radius: 10px }.chaty-form-body form {margin: 0;padding: 0 }.qr-code-image {padding: 10px;text-align: center;border: solid 1px #c0c0c0;border-radius: 4px;}.qr-code-image img {max-width: 100%;max-height: 360px;margin: 0 auto;display: block;width: 100%;height: auto }.chaty-whatsapp-form {position: relative;background-color: #f0ede7;border-radius: 8px;margin: 0;}.chaty-whatsapp-form:before {display: block;position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: 0;opacity: 0.035;background-image: url(//www.fromage-napoleon.com/wp-content/plugins/chaty/images/whatsapp.png);}.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before, .chaty-popup-whatsapp-form .chaty-whatsapp-body:before {background-image: url(//www.fromage-napoleon.com/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity: 0.7;}.chaty-whatsapp-message {padding: 7px 14px 6px;background-color: #fff;border-radius: 0 10px 10px;position: relative;transform-origin: center top;z-index: 2;margin-top: 0;margin-left: 0;max-width: calc(100% - 40px);font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;font-size: 14px;line-height: 18px;border: 1px solid rgb(34 17 71 / 8%);}.chaty-whatsapp-message:before {content: "";display: none;width: 0;height: 0;border-top: 0 solid transparent;border-bottom: 10px solid transparent;border-right: 12px solid #ffffff;position: absolute;left: -12px;top: 0;}.wp-profile-img + .chaty-whatsapp-message:before {display: block;}.chaty-whatsapp-message p {margin: 0;padding: 0;color: #111b21;font-weight: 400;word-wrap: break-word;}.chaty-whatsapp-footer {position: relative;padding: 20px 15px;}.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 {text-align: center !important;height: 40px !important;width: 40px !important;padding: 0 !important;background: #C6D7E3 !important;border-radius: 20px !important;outline: none !important;box-shadow: none !important;cursor: pointer !important;margin: 0 0 0 10px !important;text-decoration: none !important;border: none !important;min-width: 1px !important;flex: 0 0 40px;}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(:placeholder-shown) + button.chaty-whatsapp-button-button {background: #25D366 !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 {padding-right: 0;flex: 1;position: relative;display: flex;align-items: center;}.chaty-whatsapp-button {flex: 0 0 48px }.chaty-whatsapp-button svg {width: 100%;height: 100%;margin: 0;padding: 0 }.chaty-whatsapp-field input[type=text] {height: 40px !important;line-height: 40px;padding: 0 10px 0 15px;font-size: 16px;resize: none;width: 100%;border: none !important;border-radius: 24px;outline: 0;box-shadow: none !important;background: #fff !important;margin: 0;color: #111b21;flex: 1;}.chaty-whatsapp-field input[type=text]:focus {outline: 0 !important;border: none !important;margin: 0;color: #111b21;box-shadow: none !important;}.chaty-whatsapp-button-button:focus, .chaty-whatsapp-button-button:hover, .chaty-whatsapp-button-button:active {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 {font-size: 18px;padding: 20px 15px;background: #22bf5b;color: #fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px }.chaty-agent-data .close-chaty-form {right: 10px;top: 12px }.chaty-agent-data .chaty-agent {display: flex;align-items: center;padding: 15px }.chaty-agent-data .chaty-agent a {color: #49687e;font-size: 16px;text-decoration: none;display: flex;width: 100%;align-items: center;outline: 0;font-weight: 400 }.chaty-contact-input input[type=email].chaty-input-field, .chaty-contact-input input[type=text].chaty-input-field, .chaty-contact-input textarea.chaty-textarea-field, .chaty-contact-input input.chaty-input-field, .chaty-contact-input select.chaty-input-field {color: #28303d;font-family: BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin: 0;background: #fff;outline: 0 }.chaty-agent-data .chaty-agent + .chaty-agent {border-top: 2px solid #f6f8f9 }.chaty-agent-img {width: 36px;height: 36px;object-fit: cover;border-radius: 50% }.chaty-agent-icon {width: 48px;height: 48px;margin: 0 15px 0 0 }.chaty-agent-data .chaty-custom-icon {width: 48px;height: 48px;text-align: center;display: block;line-height: 48px;background: silver;border-radius: 50%;color: #fff;font-size: 28px }.chaty-close-agent-list {position: absolute;right: 15px;top: 10px;width: 26px;height: 26px;cursor: pointer;z-index: 10;padding: 0 0 10px 10px }.chaty-agent-icon img {width: 48px;height: 48px;object-fit: cover }.chaty-close-agent-list svg {fill: #ffffff }.agent-sub-header {font-size: 14px;line-height: 20px;font-weight: 400 }.agent-main-header {font-size: 20px;line-height: 32px;font-weight: 700;position: relative }.chaty-agent-header:before, .chaty-view-header:before {content: "";background: url(//www.fromage-napoleon.com/wp-content/plugins/chaty/images/header-top.png) no-repeat;width: 215px;height: 41px;position: absolute;top: 0;left: 0;z-index: 1 }.chaty-agent-header:after, .chaty-view-header:after {content: "";background: url(//www.fromage-napoleon.com/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width: 44px;height: 41px;position: absolute;bottom: 0;right: 0;z-index: 1 }.chaty-custom-channel-icon {display: block;border-radius: 50%;color: #fff;text-align: center;line-height: 54px }.chaty-contact-form-title {padding: 10px 15px;text-align: left;font-size: 18px;color: #FFFFFF;border-radius: 8px 8px 0 0;justify-content: space-between;display: flex;}.chaty-contact-inputs {padding: 15px;}.chaty-contact-input {display: block;}.chaty-contact-input label.chaty-form-label {font-size: 14px;margin: 0;padding: 0 0 4px 0;line-height: 20px;display: flex;color: #28303d;}.chaty-contact-input + .chaty-contact-input {margin: 10px 0 0 }.chaty-contact-input input[type=email].chaty-input-field, .chaty-contact-input input[type=text].chaty-input-field, .chaty-contact-input input.chaty-input-field, .chaty-contact-input select.chaty-input-field {width: 100%;height: 36px;line-height: 36px;font-size: 16px;padding: 0 10px;border: 1px solid #ccc;border-radius: 4px }.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 textarea.chaty-textarea-field:focus, .chaty-contact-input input.chaty-input-field:focus, .chaty-contact-input select.chaty-input-field:focus, .chaty-contact-input *.has-chaty-error:focus {outline: 0;box-shadow: none;border-color: #898989;background-color: #fff;}.chaty-contact-input textarea.chaty-textarea-field {width: 100%;height: 100px;line-height: 20px;font-size: 16px;padding: 10px;border: 1px solid #ccc;border-radius: 4px;display: block;}.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 {border: none;border-radius: 4px;color: #fff;background: #a886cd;width: 100%;height: 36px;line-height: 36px;font-size: 18px;padding: 0;margin: 0;cursor: pointer;text-align: center;display: block }.chaty-contact-input input.chaty-input-field.has-chaty-error, .chaty-contact-input textarea.has-chaty-error, .chaty-contact-input select.chaty-input-field.has-chaty-error {border: 1px solid #d20000 }.chaty-contact-form-button {padding: 15px }.chaty-ajax-error-message, .chaty-ajax-success-message {color: #00a700;padding: 10px 0 0;text-align: center;font-size: 16px }.chaty-ajax-error-message {color: #da0000 }.chaty-view-header, .chaty-view-header a, .chaty-view-header a:focus, .chaty-view-header a:hover {font-weight: 500;color: #fff;font-size: 24px }.chaty-exit-intent {position: fixed;z-index: -1 }.chaty-exit-intent:before {display: block;position: fixed;top: 0;left: 0;content: '';width: 100vw;height: 100vh;background: rgba(0, 0, 0, .8);visibility: hidden;z-index: 100;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out }.chaty .chaty-widget.left-position .chaty-exit-intent:before {clip-path: circle(15px at 60px calc(100% - 60px)) }.chaty .chaty-widget.right-position .chaty-exit-intent:before {clip-path: circle(15px at calc(100% - 60px) calc(100% - 60px)) }.chaty .chaty-widget .chaty-exit-intent.animate:before {visibility: visible;clip-path: circle(100%) }.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 {top: 50%;left: 0;right: 0;margin: 0 auto;transform: translate(0, -50%);bottom: auto }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 {padding: 15px 15px 0;font-size: 16px }.chaty-view-content p, .chaty-view-content p a, .chaty-view-content p a:focus, .chaty-view-content p a:hover {margin: 0;padding: 0;font-size: 16px;line-height: 150%;color: #49687e;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 {position: absolute;right: 15px;top: 10px;width: 12px;cursor: pointer;z-index: 11 }.chaty-close-view-list svg {fill: #ffffff;display: inline-block;width: 100% }.chaty-view-channels .chaty-channel {height: 48px;display: inline-block;margin: 6px 0;width: 20%;text-align: center;vertical-align: top }.chaty-view-channels .chaty-channel a, .chaty-view-channels .chaty-channel img, .chaty-view-channels .chaty-channel span:not(.on-hover-text) {display: block;width: 48px;height: 48px;margin: 0 auto }.chaty-view-channels {padding: 10px 8px }.chaty-view-channels .chaty-custom-channel-icon {font-size: 24px }.front-google-captcha {width: 100% !important;overflow: hidden;}.front-google-captcha > div {width: 100%;}.front-google-captcha iframe {transform: scaleX(0.9);position: relative;left: -15px;}.widget-fa-icon {width: 100%;height: 100%;display: inline-block;vertical-align: middle;color: #ffffff;}span.chaty-loader {display: none;vertical-align: middle;color: #ffffff;animation: rotation 1s infinite linear;width: 24px;height: 24px;text-align: center;line-height: 24px;margin-left: 5px;}span.chaty-loader span.dashicons {width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 24px;}@keyframes rotation {from {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-tooltip, html[dir="rtl"] .on-hover-text, html[dir="rtl"] .chaty-input-field, html[dir="rtl"] .chaty-submit-button, html[dir="rtl"] .chaty-whatsapp-message, html[dir="rtl"] .chaty-tooltip:after {direction: rtl;}.add-bg-blur-effect {background-color: rgba(0, 0, 0, 0.4);}.add-bg-blur-effect >:not(.chaty, .chaty-outer-forms, .picmo__popupContainer) {filter: blur(6px);}.email_suggestion, .wp_email_suggestion {margin: 0;padding: 0;font-size: 14px;color: #970029;}.email_suggestion i, .wp_email_suggestion i {color: #2596be;font-weight: bold;cursor: pointer;}.chaty-form .eac-sugg, .chaty-custom-whatsapp-form .eac-sugg {color: #c1c1c1;line-height: 34px !important;}.chaty-form .eac-input-wrap {width: 100%;overflow: hidden;}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before {opacity: 0.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 {width: 100% !important;z-index: 1;position: relative;}.chaty-custom-whatsapp-form .header-text {display: flex;align-items: center;}.chaty-custom-whatsapp-form .header-text span {display: inline-block;vertical-align: super;padding-left: 5px;}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg {width: 26px;height: 26px;fill: #ffffff;margin-right: 3px;}.chaty-custom-whatsapp-form .chaty-whatsapp-button span {font-size: 15px;padding-left: 5px;}.chaty-custom-whatsapp-form .chaty-whatsapp-button {display: flex;align-items: center;justify-content: center;border-radius: 6px !important;}.chaty-custom-whatsapp-form .chaty-whatsapp-content {padding: 15px;z-index: 101111;position: relative;}.chaty-custom-whatsapp-form .chaty-whatsapp-body {min-height: auto;}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}.chaty-whatsapp-header {display: flex;align-items: center;background-color: #4aa485;border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 10px 15px;position: relative;justify-content: space-between;box-shadow: 0px 16px 32px 0px #1A0E3529;}.chaty-whatsapp-header .header-wp-icon {height: 30px;width: 30px;margin-right: 7px;}.chaty-whatsapp-header .header-wp-title {color: #ffffff;font-size: 15px;flex: 1;padding-right: 8px;}.whatsapp-form-close-btn {flex: 0 0 16px;cursor: pointer;}.whatsapp-form-close-btn svg {width: 16px;height: 16px;}.chaty-whatsapp-form, .chaty-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;width: 30px;margin-right: 15px;}.chaty-whatsapp-body .wp-profile-img img {height: 30px;width: 30px;border-radius: 50%;object-fit: cover;}.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::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 {position: absolute !important;;top: 9px;left: 8px;background: none !important;border: none !important;cursor: pointer;height: 24px !important;width: 24px !important;padding: 0 !important;min-width: 1px !important;margin: 0 !important;outline: none !important;}.chaty-whatsapp-input {padding-left: 38px !important;}.picmo__popupContainer {z-index: 1000000;}body .picmo__emojiButton span {font-size: 24px;line-height: 24px;display: inline-block;vertical-align: middle;}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {color: #8f8f8f;border: solid 1px transparent;}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton {border: 1px solid #a886cd;color: #a071d3;background: #fff;}body .picmo__picker .picmo__emojiCategory .picmo__categoryName {display: flex;height: auto;padding: 10px 17px;border-bottom: solid 1px #e2e8f0;font-weight: bold;background: #f3f3f3;}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover {background: #ffffff;}body .picmo__emojiButton {border-radius: 4px;}body .picmo__emojiButton:focus {outline: none;border-radius: 5px;}.chaty-channel span.chaty-icon {display: block;}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button {opacity: 1;visibility: visible;transform: rotate(360deg);z-index: 999;}.chaty-custom-whatsapp-form .eac-input-wrap {width: 100%;overflow: hidden;}.chaty-custom-whatsapp-form .chaty-whatsapp-button button {width: 100%;border: none;border-radius: 6px;padding: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;}.chaty-contact-input input[type=file].chaty-input-field {line-height: 32px;}.eac-sugg:empty, .eac-cval:empty {display: none !important;}.qr-code-header {display: flex;align-items: center;background-color: #A886CD;border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 10px 15px;position: relative;justify-content: space-between;color: #fff;box-shadow: 0px 16px 32px 0px #1A0E3529;z-index: 999999;}.chaty-close-button {cursor: pointer;}.qr-code-title {line-height: 1;padding: 15px 15px 0;font-size: 14px;color: #83A1B7;}.qr-code-box {margin-top: 10px;padding: 0 15px 15px;}.qr-code-head-title {display: inline-flex;align-items: center;}.qr-code-head-title svg {margin-right: 5px;}.mce-error {border: 1px solid #dd0000 !important;}.required_indicate {color: #ff0000;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{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40% !important;}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1 !important;}.chaty-outer-forms forms {margin: 0;}.chaty, .chaty *, .chaty-form, .chaty-form *, .chaty-whatsapp-form, .chaty-whatsapp-form * {-webkit-tap-highlight-color: rgba(0,0,0,0);}body.gbt_custom_notif .wc-block-components-notice-banner,
body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
display: none !important;
}
body.gbt_custom_notif .page-notifications {
top: 63px;
left: 100%;
margin: 0;
padding: 0;
background: transparent;
position: fixed;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 8889;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
margin: 0 0 10px;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(0) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(1) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(2) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(3) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(4) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(7) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(8) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(9) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice {
cursor: default;
}
body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
cursor: pointer;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(0) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(1) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(3) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(6) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(7) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(8) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(9) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
-webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
border: none;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 15px;
z-index: 8888;
font-weight: 600;
font-size: 16px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 320px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 400px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 465px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button {
color: #FFF;
text-transform: uppercase;
display: inline-block;
position: relative;
font-size: 13px;
padding: 0 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: none;
min-width: 10px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after {
font-family: "Shopkeeper-Icon-Font";
content: "\e902";
display: inline-block;
font-weight: normal;
color: #fff;
font-size: 16px;
padding: 0px 1px 0px 3.5px;
top: 2px;
position: relative;
margin-right: 5px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
display: block !important;
width: 100%;
text-align: left;
min-height: 20px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
background: rgba(0, 0, 0, 0.2);
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33px;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 75px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 85px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33.5px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
content: "\e923";
font-family: "Shopkeeper-Icon-Font";
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 1.4;
margin: 0;
padding: 20px 25px;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 14px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
display: table-cell;
vertical-align: middle;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
list-style-type: none;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 75px;
width: 75px;
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background img {
height: 100%;
width: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 85px;
width: 85px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 90px;
width: 90px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-455px);
transform: translateX(-455px);
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-520px);
transform: translateX(-520px);
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.close-notice {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice svg {
display: none;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications {
top: 50px;
}
}
.rtl .page-notifications {
direction: ltr;
}
.woocommerce-account .page-notifications {
display: none;
}