@charset "UTF-8";
.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);top:50%;margin:-32px 0 0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.dsm_card_carousel .swiper-container,
.dsm_image_carousel .swiper-container,
.dsm_blog_carousel .swiper-container,
.dsm_post_carousel .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1; width: 100%;
}
@-moz-document url-prefix() {
.dsm_card_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_image_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_blog_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_post_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper {
transform-style: flat !important;
}
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
} .swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top, .2s -webkit-transform;
transition: .2s top, .2s -webkit-transform;
-o-transition: .2s transform, .2s top;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left, .2s -webkit-transform;
transition: .2s left, .2s -webkit-transform;
-o-transition: .2s transform, .2s left;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right, .2s -webkit-transform;
transition: .2s right, .2s -webkit-transform;
-o-transition: .2s transform, .2s right;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
}
.swiper-container-cube .swiper-slide-prev:not(.swiper-slide-duplicate-next) {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-duplicate.swiper-slide-next.swiper-slide-duplicate-prev,
.swiper-container-cube .swiper-slide-prev.swiper-slide-duplicate-next.swiper-slide-duplicate {
pointer-events: none;
visibility: hidden;
} .swiper-cube-shadow {
-webkit-filter: initial !important;
filter: initial !important;
background: none !important;
}
.swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}.dsm-popup{position:relative;margin:0 auto}.dsm-popup-container{padding:0;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box}.dsm-popup-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.dsm-popup-button:hover .et_pb_button,.dsm-popup-id-trigger:hover,.dsm-popup-image:hover img,.dsm-popup-links:hover a,.dsm-popup-module:hover{cursor:pointer}#et-boc .dsm-popup-wrap .mfp-close .et-pb-icon,.dsm-popup-wrap .mfp-close .et-pb-icon{font-size:28px;visibility:visible}.safari .swipe-slide{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.dsm-popup-wrap .mfp-close{line-height:0;opacity:1;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;height:initial;width:initial;padding:8px}.dsm-popup-wrap .mfp-iframe-holder .mfp-close,.dsm-popup-wrap .mfp-iframe-holder .mfp-close:active{top:-44px}.dsm-popup-wrap .mfp-image-holder .mfp-close,.dsm-popup-wrap .mfp-image-holder .mfp-close:active{top:-10px}.dsm-popup-wrap .mfp-iframe-holder .mfp-close,.dsm-popup-wrap .mfp-image-holder .mfp-close{width:44px;right:0;text-align:center}.dsm-popup-wrap .mfp-close:active{top:0}.dsm-popup.dsm-popup-background-transparent .et_pb_section{background-color:initial!important}.dsm-popup-wrap.dsm-popup-fullwidth-on .et_pb_section,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-on .et-l .et_pb_section{width:initial;max-width:initial}.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_row,.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_section,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_row,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_section{width:100%;max-width:100%}.mfp-wrap.dsm-popup-position-fixed{height:auto!important}.dsm-popup-position-fixed .dsm-popup-container{position:fixed}.dsm-popup-container .mfp-content{position:absolute}.dsm-popup-position-center .mfp-content{position:relative}.dsm-popup-container.dsm-popup-position-center-left,.dsm-popup-container.dsm-popup-position-center-right{display:flex;align-items:center}.dsm-popup-container.dsm-popup-position-top-center .mfp-content{left:0;top:0;right:0}.dsm-popup-container.dsm-popup-position-top-left .mfp-content{left:0;top:0}.dsm-popup-container.dsm-popup-position-top-right .mfp-content{top:0;left:initial;right:0}.dsm-popup-container.dsm-popup-position-center-left .mfp-content{left:0}.dsm-popup-container.dsm-popup-position-center-right .mfp-content{right:0}.dsm-popup-container.dsm-popup-position-bottom-center .mfp-content{left:0;top:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-bottom-left .mfp-content{top:initial;bottom:0;left:0}.dsm-popup-container.dsm-popup-position-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}@media only screen and (max-width:980px){.dsm-popup-container.dsm-popup-position-tablet-top-center .mfp-content{top:0;right:0;left:0;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-top-left .mfp-content{top:0;left:0;right:initial;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-top-right .mfp-content{top:0;left:initial;right:0;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-center-left .mfp-content{top:0;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-tablet-center-right .mfp-content{left:initial;top:0;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content{left:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-bottom-center .mfp-content{top:initial;bottom:0;right:0;left:0}.dsm-popup-container.dsm-popup-position-tablet-bottom-left .mfp-content{top:initial;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-tablet-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content{top:initial;bottom:initial}}@media only screen and (max-width:479px){.dsm-popup-container.dsm-popup-position-phone-top-center .mfp-content{top:0;right:0;left:0;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-top-left .mfp-content{top:0;left:0;right:initial;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-top-right .mfp-content{top:0;left:initial;right:0;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-center-left .mfp-content{top:0;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-phone-center-right .mfp-content{left:initial;top:0;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-phone-center .mfp-content{left:0;right:0}.dsm-popup-container.dsm-popup-position-phone-bottom-center .mfp-content{top:initial;bottom:0;right:0;left:0}.dsm-popup-container.dsm-popup-position-phone-bottom-left .mfp-content{top:initial;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-phone-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-phone-center .mfp-content{top:initial;bottom:initial}}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.dsm-readmore-btn {
position: relative;
display: inline-block;
}
.dsm-readmore-text {
padding-right: 5px;
}
.dsm-readmore-icon {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ETmodules;
font-size: inherit;
font-weight: 800;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: attr(data-icon);
}
[data-readmore] {
position: relative;
overflow: hidden;
}
.dsm-readmore+[data-readmore-toggle],
.dsm-readmore [data-readmore] {
display: block !important;
width: 100%;
}
.dsm-readmore-shadow[data-readmore]:after,
.dsm-readmore-shadow [data-readmore]:after {
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
content: "";
display: inline-block;
position: absolute;
pointer-events: none;
height: 100px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #fff), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, #fff 10%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(bottom, #fff 10%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to top, #fff 10%, rgba(0, 0, 0, 0) 100%);
}
.dsm-readmore-shadow-remove[data-readmore]:after {
background: none;
}
.dsm-readmore-btn-wrapper {
margin-top: 10px;
}
.dsm-readmore-btn {
font-family: inherit;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}body{font-weight:400}body.et_pb_button_helper_class .et_pb_button{font-weight:500}#footer-info{letter-spacing:0;text-transform:none;font-variant:normal}.pulse,.grow,.shrink,.buzz,.move_down,.move_up{transform:perspective(1px) translateZ(0);transition:all .3s ease-in-out!important}.jello:hover{animation:jello .9s both}.wobble:hover{animation:wobble .82s cubic-bezier(.36,.07,.19,.97) both}.heartbeat:hover{animation:heartbeat 1.5s ease-in-out infinite both}.pulse:hover{animation:pulse 1s ease-in-out infinite both}.grow:hover{transform:scale(1.1)}.shrink:hover{transform:scale(.9)}.move_up:hover{transform:translateY(-8px)}.move_down:hover{transform:translateY(8px)}@keyframes jello{0%,100%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}@keyframes wobble{16.65%{transform:translateX(5px)}33.3%{transform:translateX(-4px)}49.95%{transform:translateX(3px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}@keyframes pulse{25%{transform:scale(1.1)}75%{transform:scale(.9)}}.et-social-icon a.move_up:hover{transform:translateY(-2px)}.et-social-icon a.move_down:hover{transform:translateY(2px)}@media only screen and (min-width:981px) and (max-width:980px){#logo,.logo_container,#main-header,.container{transition:all .4s ease-in-out}#et_mobile_nav_menu{display:none!important}#top-menu,nav#top-menu-nav{display:block!important}#et-secondary-nav,#et-secondary-menu,#et-info .et-social-icons{display:inline-block!important}#et-info{padding-top:0}#top-header .container{padding-top:.75em}.et_fixed_nav #page-container #main-header,.et_fixed_nav #page-container #top-header{position:fixed}.et_hide_primary_logo #main-header:not(.et-fixed-header) .centered-inline-logo-wrap,.et_hide_fixed_logo #main-header.et-fixed-header .centered-inline-logo-wrap,.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container,.et_header_style_split.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_split.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:0;padding:0;opacity:0}.et_pb_fullwidth_menu.dtb-menu .et_pb_menu__menu,.et_pb_menu.dtb-menu .et_pb_menu__menu{display:flex}.dtb-menu .et_mobile_nav_menu{display:none;float:right}.et_pb_fullwidth_menu--style-inline_centered_logo.dtb-menu>div>.et_pb_menu__logo-wrap,.et_pb_menu--style-inline_centered_logo.dtb-menu>div>.et_pb_menu__logo-wrap{display:none}.et_header_style_split #et-top-navigation{padding:65px 0 0 0}.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:65px}.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:0}.et_header_style_split .et-fixed-header #et-top-navigation{padding:0}.et_header_style_split #main-header{padding:0}.et_header_style_split #main-header #top-menu-nav{display:inline-block}.et_header_style_split .centered-inline-logo-wrap{width:130px;margin:-130px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:130px}.et_header_style_split .et-fixed-header .centered-inline-logo-wrap{width:auto;height:14px;margin:-0 0}.et_header_style_split .centered-inline-logo-wrap #logo,.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{height:auto;max-height:100%;max-width:100%}.et_header_style_split .et_mobile_menu{line-height:23px}.et_header_style_split #et_top_search{display:inline-block!important;float:none;margin:3px 0 0 22px}.et_header_style_split #et_search_icon:before{margin-top:-20px}.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:0;opacity:0;transition:all .4s ease-in-out}}.et_pb_fullwidth_menu--without-logo.dtb-menu .et_pb_menu__menu>nav>ul>li,.et_pb_menu--without-logo.dtb-menu .et_pb_menu__menu>nav>ul>li{margin-top:0}.dtb-menu.et_pb_module{z-index:3}#main-header{box-shadow:none!important;box-shadow:0 1px 0 rgba(0,0,0,.1)!important}#page-container #main-header.et-fixed-header{box-shadow:none!important;box-shadow:0 0 7px rgba(0,0,0,.1)!important}#top-header{box-shadow:none}#et-info-email,#et-info-phone,.et-cart-info span,#et-secondary-nav>li>a{font-weight:600;letter-spacing:0;text-transform:none;font-variant:normal}#et-info a,#et-secondary-menu>ul>li>a{color:#fff;position:relative}#et-info a:hover,#et-secondary-menu>ul>li>a:hover{opacity:1;color:#fff}#et-info a:after,#et-secondary-menu>ul:not(.et-social-icons)>li>a:before{content:'';display:block;position:absolute;top:-.8em;bottom:0;right:-.75em;left:-.75em;transition:all .3s ease-in-out;z-index:-1}#et-info a:after{bottom:-.65em}#et-info a:hover:after,#et-secondary-menu>ul>li>a:hover:before{background:rgba(0,0,0,0)}@media (min-width:981px){#main-header{transition:all .3s ease-in-out;height:auto}#wpadminbar{z-index:200001}#main-header.et-fixed-header{top:0!important;z-index:200000}#top-header.et-fixed-header{top:0!important;box-shadow:none}.admin-bar #main-header.et-fixed-header{top:32px!important}.et_header_style_left.et-fixed-header #et-top-navigation{padding-top:30px!important}}#main-header,#top-header{transition:all .3s ease-in-out!important}.et_link_content,.et_audio_content,.et_pb_audio_module_content,.et_quote_content{width:100%}.dtb_layout_placeholder{height:150px;display:flex;align-items:center;justify-content:center;background:#ccc;color:white}.dtb_layout_placeholder>h3{color:white}div[class^=count-]{display:inline-block}#moving-bg1 canvas,#moving-bg2 canvas{position:absolute;top:0;left:0;bottom:0;z-index:1;display:block}#page-container {
overflow : hidden;
}
blockquote {
margin      : 15px 0;
border-left : 2px solid;
font-weight : 500;
line-height : 1.5;
} .de-page-header {
background : #F9F9F9;
padding    : 50px 0;
}
.de-page-header .et_pb_row {
padding : 0 !important;
}
.de-page-header .et_pb_module {
margin-bottom : 0 !important;
}
.de-page-header .et_pb_text,
.de-page-header .et_pb_code {
text-align : center !important;
}
.de-page-header h1 {
margin-bottom  : 0 !important;
padding-bottom : 5px !important;
line-height    : 1.2;
font-weight    : 700;
}
.de-page-header .woocommerce-breadcrumb {
margin      : 0 !important;
line-height : 1.5;
font-weight : 400;
}
.de-page-header .woocommerce-breadcrumb a {
color : inherit;
}
@media (min-width : 981px) {
.de-page-header h1 {
font-size : 35px;
}
.de-page-header .woocommerce-breadcrumb {
font-size : 15px;
}
}
@media (min-width : 768px) and (max-width : 980px) {
.de-page-header h1 {
font-size : 32px;
}
.de-page-header .woocommerce-breadcrumb {
font-size : 14px;
}
}
@media (max-width : 767px) {
.de-page-header h1 {
font-size : 27px;
}
.de-page-header .woocommerce-breadcrumb {
font-size : 13px;
}
} .default-header {
line-height : 1.5;
font-weight : 300;
}
.default-header h1 {
margin-bottom  : 0 !important;
padding-bottom : 0 !important;
line-height    : 1.2;
font-weight    : 700;
position       : relative;
display        : inline-block;
}
@media (min-width : 981px) {
.default-header h1 {
font-size : 35px;
}
.default-header {
font-size : 17px;
}
}
@media (min-width : 768px) and (max-width : 980px) {
.default-header h1 {
font-size : 32px;
}
.default-header {
font-size : 16px;
}
}
@media (max-width : 767px) {
.default-header h1 {
font-size : 27px;
}
.default-header {
font-size : 15px;
}
}
.default-header h1:after,
.default-header h1:before {
position : absolute;
top      : 50%;
content  : "";
width    : 1000%;
height   : 1px;
}
.default-header h1:before {
right : 105%;
right : calc(100% + 25px);
}
.default-header h1:after {
left : 105%;
left : calc(100% + 25px);
}
.default-header.et_pb_bg_layout_light h1:after,
.default-header.et_pb_bg_layout_light h1:before {
background : rgba(0, 0, 0, 0.075);
}
.default-header.et_pb_bg_layout_dark h1:after,
.default-header.et_pb_bg_layout_dark h1:before {
background : rgba(255, 255, 255, 0.1);
} .wp-pagenavi,
.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
border     : none;
text-align : center;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
border  : none;
padding : 4px;
}
.wp-pagenavi a,
.wp-pagenavi span.current,
.woocommerce .woocommerce-pagination ul.page-numbers span.current,
.woocommerce-page .woocommerce-pagination ul.page-numbers span.current,
.woocommerce .woocommerce-pagination ul.page-numbers a,
.woocommerce-page .woocommerce-pagination ul.page-numbers a {
padding        : 0 15px;
height         : 40px !important;
font-size      : 14px;
line-height    : 40px !important;
border-radius  : 1px !important;
font-weight    : 600 !important;
background     : transparent !important;
transition     : 0.3s all;
overflow       : hidden;
display        : inline-block;
vertical-align : middle;
}
.woocommerce .woocommerce-pagination ul.page-numbers a,
.woocommerce-page .woocommerce-pagination ul.page-numbers a,
.wp-pagenavi a {
border : 1px solid rgba(0, 0, 0, 0.1) !important;
color  : #000 !important;
}
.woocommerce .woocommerce-pagination ul.page-numbers span.current,
.woocommerce-page .woocommerce-pagination ul.page-numbers span.current,
.wp-pagenavi span.current {
border-width : 1px !important;
border-style : solid !important;
}
.woocommerce .woocommerce-pagination ul.page-numbers a:hover,
.woocommerce-page .woocommerce-pagination ul.page-numbers a:hover,
.wp-pagenavi a:hover {
color : #FFF !important;
}
.wp-pagenavi span.pages {
border : none;
} @media (max-width : 980px) {
.archive #sidebar,
.single #sidebar,
.blog #sidebar {
margin-top : 30px;
}
}
.divi-ecommerce-sidebar h4.widgettitle,
#sidebar h4.widgettitle {
font-weight    : 600;
text-transform : uppercase;
margin-bottom  : 10px;
font-size      : 17px;
line-height    : 1.1;
}
.tagcloud a {
background    : transparent !important;
border        : 1px solid rgba(0, 0, 0, 0.1);
border-radius : 1px;
}
.divi-ecommerce-sidebar li.cat-item,
#sidebar li.cat-item {
margin : 0 !important;
}
.divi-ecommerce-sidebar li.cat-item a,
#sidebar li.cat-item a {
padding            : 8px 0;
margin             : 0;
display            : block;
font-size          : 14px;
line-height        : 1.4;
position           : relative;
-webkit-transition : all 0.2s ease;
-o-transition      : all 0.2s ease;
transition         : all 0.2s ease;
}
.divi-ecommerce-sidebar ul.children,
#sidebar ul.children {
margin-left : 15px;
}
.divi-ecommerce-sidebar li.cat-item a:before,
#sidebar li.cat-item a:before {
position           : absolute;
top                : 50%;
left               : -10px;
font-family        : "ETmodules";
content            : "\35";
font-weight        : bold;
font-size          : 16px;
margin-top         : -8px;
line-height        : 1;
opacity            : 0;
-webkit-transition : all 0.2s ease;
-o-transition      : all 0.2s ease;
transition         : all 0.2s ease;
}
.divi-ecommerce-sidebar li.cat-item.current-cat a:before,
.divi-ecommerce-sidebar li.cat-item a:hover:before,
#sidebar li.cat-item a:hover:before,
#sidebar li.cat-item.current-cat > a:before {
opacity : 1 !important;
}
.divi-ecommerce-sidebar li.cat-item.current-cat .children a:before {
opacity : 0 !important;
}
.divi-ecommerce-sidebar li.cat-item a:hover,
.divi-ecommerce-sidebar li.cat-item.current-cat > a,
#sidebar li.cat-item a:hover,
#sidebar li.cat-item.current-cat > a {
padding-left : 10px !important;
} .bottom-blurbs .et_pb_column {
padding       : 30px 12px;
border        : 1px solid rgba(0, 0, 0, 0.05);
border-radius : 3px;
}
.bottom-blurbs .et_pb_module_header {
padding-bottom : 5px;
}
@media (min-width : 650px) {
.bottom-blurbs .et_pb_main_blurb_image {
margin-bottom  : 0;
vertical-align : middle;
}
}
@media (min-width : 981px) and (max-width : 1250px) {
.bottom-blurbs .et_pb_main_blurb_image,
.bottom-blurbs .et_pb_blurb_container {
display : block;
padding : 0;
}
.bottom-blurbs .et_pb_main_blurb_image {
margin : 0 auto 15px;
}
.bottom-blurbs .et_pb_blurb_content,
.bottom-blurbs .et_pb_blurb_container {
text-align : center !important;
}
}
@media (min-width : 480px) and (max-width : 650px) {
.bottom-blurbs .et_pb_main_blurb_image,
.bottom-blurbs .et_pb_blurb_container {
display : block;
padding : 0;
}
.bottom-blurbs .et_pb_main_blurb_image {
margin : 0 auto 15px;
}
.bottom-blurbs .et_pb_blurb_content,
.bottom-blurbs .et_pb_blurb_container {
text-align : center !important;
}
} .not-found-404 .et_pb_section {
font-size : 16px;
padding   : 50px 0;
}
.not-found-404 .et_pb_row {
margin : 0 auto;
width  : 80%;
}
.not-found-404 .et_pb_text_align_center {
text-align : center;
}
.not-found-404 p.large-404 {
font-size     : 140px;
font-weight   : 700;
margin-bottom : 10px;
display       : block;
position      : relative;
overflow      : hidden;
padding       : 0;
line-height   : 150px !important;
}
.not-found-404 h2 {
font-weight    : bold;
line-height    : 1.25;
padding-bottom : 10px;
color          : #000;
font-size      : 40px;
}
.not-found-404 .buttons-container {
display    : block;
margin-top : 25px;
}
.not-found-404 .buttons-container a {
border        : 1px solid;
padding       : 8px 20px !important;
line-height   : 1.2;
font-size     : 16px;
transition    : 0.5s, ease-in;
border-radius : 1px;
}
.not-found-404 .buttons-container a:hover {
padding : 8px 20px !important;
}
@media (max-width : 500px) {
.not-found-404 .et_pb_section {
font-size : 15px;
padding   : 50px 0;
}
.not-found-404 .buttons-container {
text-align : center;
margin-top : 30px;
}
.not-found-404 p.large-404 {
font-size   : 90px !important;
line-height : 90px !important;
}
.not-found-404 h2 {
font-size : 30px;
}
} @media (min-width : 981px) {
.contact-blurbs-row .et_pb_column:last-child {
border : none;
}
.contact-blurb {
padding    : 50px 20px;
background : #FFF;
}
.contact-blurb {
margin-top : -50px !important;
background : #FFF;
position   : relative;
z-index    : 5;
transition : 0.5s ease-in-out;
}
.contact-blurb:hover {
margin-top         : -75px !important;
padding-bottom     : 75px;
-webkit-box-shadow : 0 15px 50px 0 rgba(0, 0, 0, 0.15);
box-shadow         : 0 15px 50px 0 rgba(0, 0, 0, 0.15);
overflow           : visible;
}
}
.contact-blurb .et_pb_module_header {
font-weight : 600;
}
.contact-blurb .et_pb_main_blurb_image {
padding-right  : 15px;
border-right   : 1px solid rgba(0, 0, 0, 0.1);
vertical-align : middle;
}
.contact-blurb .et_pb_blurb_container {
padding-left : 25px;
}
@media (max-width : 980px) {
.contact-blurb {
margin-bottom : 30px !important;
}
.contact-blurb .et_pb_blurb_content {
max-width : none;
}
}
@media (max-width : 400px) {
.contact-blurb {
text-align     : center;
border-bottom  : 1px solid rgba(0, 0, 0, 0.1);
padding-bottom : 10px;
}
.contact-blurb .et_pb_main_blurb_image,
.contact-blurb .et_pb_blurb_container {
border     : none;
display    : block;
padding    : 0;
margin     : 0 auto 15px !important;
text-align : center !important;
}
} .de-contact-form p input, .de-contact-form p textarea,
.divi-ecommerce-form input[type="text"], .divi-ecommerce-form input[type="email"], .divi-ecommerce-form select, .divi-ecommerce-form textarea,
.divi-ecommerce-form p.et_pb_newsletter_field input[type="text"], .divi-ecommerce-form p.et_pb_newsletter_field input[type="email"], .divi-ecommerce-form p.et_pb_newsletter_field select, .divi-ecommerce-form p.et_pb_newsletter_field textarea {
font-size     : 14px;
border-width  : 1px;
border-style  : solid;
border-radius : 1px;
overflow      : hidden;
position      : relative;
box-shadow    : none;
}
.de-contact-form p input,
.divi-ecommerce-form input[type="text"], .divi-ecommerce-form input[type="email"], .divi-ecommerce-form select {
line-height : 1;
padding     : 13px 20px !important;
}
.de-contact-form p textarea, .divi-ecommerce-form textarea {
line-height : 1.5 !important;
padding     : 20px !important;
}
.de-contact-form .et_pb_button, .divi-ecommerce-form .et_pb_button, .divi-ecommerce-form .et_button_no_icon .et_pb_button,
.de-contact-form .et_pb_button:hover, .divi-ecommerce-form .et_pb_button:hover, .divi-ecommerce-form .et_button_no_icon .et_pb_button:hover {
line-height : 1.5 !important;
padding     : 11px 20px !important;
} @media (min-width : 767px) {
.divi-ecommerce-newsletter-form-inline .et_pb_newsletter_fields .et_pb_newsletter_field,
.divi-ecommerce-newsletter-form-inline .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
margin     : 8px;
flex-basis : auto;
flex-grow  : 1
}
.divi-ecommerce-newsletter-form-inline .et_pb_button {
min-width : 160px;
}
.divi-ecommerce-newsletter-form-inline .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
max-width : 200px;
}
} @media (min-width : 981px) {
.about-page-content .et_pb_column {
margin-top : -150px;
}
}
.about-page-blurb .et_pb_module_header {
position       : relative;
padding-bottom : 15px;
margin-bottom  : 10px;
}
.about-page-blurb .et_pb_module_header:before {
content    : "";
position   : absolute;
bottom     : 0;
width      : 50px;
height     : 1px;
background : rgba(0, 0, 0, 0.1);
}
.about-page-blurb.et_pb_text_align_left .et_pb_module_header:before {
left : 0;
}
.about-page-blurb.et_pb_text_align_right .et_pb_module_header:before {
right : 0;
}
.about-page-blurb.et_pb_text_align_center .et_pb_module_header:before {
left        : 50%;
margin-left : -25px;
}
.about-page-blurb .et_pb_main_blurb_image {
display       : block;
margin-bottom : 15px !important;
}
.about-page-blurb.et_pb_text_align_left .et_pb_main_blurb_image {
text-align : left;
}
.about-page-blurb.et_pb_text_align_right .et_pb_main_blurb_image {
text-align : left;
}
.brand-logo {
padding        : 20px 15px;
border-radius  : 3px;
transition     : all 0.5s ease;
border         : 1px solid rgba(0, 0, 0, 0.1);
-webkit-filter : grayscale(100%);
filter         : grayscale(100%);
}
.brand-logo:hover {
-webkit-filter : grayscale(0%);
filter         : grayscale(0%);
}
.brand-logo img {
height          : 85px;
width           : auto;
margin          : 0 auto;
max-width       : 100%;
object-fit      : contain;
object-position : center;
}footer {
z-index  : 999;
position : relative;
}
#footer-info {
padding-top : 10px;
} #footer-widgets {
padding-top : 60px !important;
}
footer#main-footer .footer-widget {
margin-bottom : 30px;
}
#footer-widgets .footer-widget .et_pb_widget {
margin-bottom : 20px !important;
width         : 100%;
}
#footer-widgets h4 {
font-weight : 600;
line-height : 1.5;
}
#footer-widgets .footer-widget li:before {
display : none;
}
#footer-widgets .footer-widget .widget_nav_menu li {
display       : block;
padding       : 11px 0;
margin        : 0;
line-height   : 16px;
border-bottom : 1px solid rgba(0, 0, 0, 0.05);
}
#footer-widgets .footer-widget .widget_nav_menu li a {
transition : all 0.2s ease-in-out 0s;
font-size  : 14px;
position   : relative;
}
#footer-widgets .footer-widget .widget_nav_menu li a:before {
position           : absolute;
top                : 50%;
left               : -10px;
font-family        : "ETmodules";
content            : "\35";
font-weight        : bold;
font-size          : 16px;
margin-top         : -8px;
line-height        : 1;
opacity            : 0;
-webkit-transition : all 0.2s ease;
-o-transition      : all 0.2s ease;
transition         : all 0.2s ease;
}
#footer-widgets .footer-widget .widget_nav_menu li a:hover:before,
#footer-widgets .footer-widget .widget_nav_menu li a:focus:before,
#footer-widgets .footer-widget .widget_nav_menu li.current-menu-item a:before {
opacity : 1 !important;
}
#footer-widgets .footer-widget .widget_nav_menu li a:hover,
#footer-widgets .footer-widget .widget_nav_menu li a:focus,
#footer-widgets .footer-widget .widget_nav_menu li.current-menu-item a {
padding-left : 10px !important;
font-weight  : 600;
}
#footer-widgets .footer-widget .textwidget {
line-height : 1.5;
}
#footer-widgets .footer-widget .textwidget strong {
font-weight : 600 !important;
}
#footer-widgets .footer-widget .textwidget p {
padding-bottom : 15px;
} footer .et-social-icon {
margin-left   : 5px !important;
margin-bottom : 10px !important;
}
footer .et-social-icon a {
font-size     : 15px;
width         : 40px;
height        : 40px;
line-height   : 40px;
border-width  : 1px !important;
border-style  : solid !important;
border-color  : rgba(0, 0, 0, 0.2);
border-radius : 1px;
transition    : all 0.2s ease-in-out 0s;
}
footer .et-social-icon a:hover {
opacity : 1 !important;
} footer .caldera-grid .first_col,
footer .caldera-grid .last_col {
padding : 0;
}
footer .caldera-grid .form-control {
width         : 100%;
display       : block;
padding       : 0 120px 0 20px;
background    : transparent;
color         : #FFF;
font-size     : 14px;
line-height   : 1;
height        : 49px;
border-width  : 2px !important;
border-style  : solid !important;
border-radius : 30px;
overflow      : hidden;
position      : relative;
}
footer .caldera-grid .btn-default {
width         : 120px;
text-align    : center;
display       : block;
padding       : 0 10px;
color         : #FFF;
border        : none;
font-size     : 16px;
font-weight   : bold;
line-height   : 1;
height        : 49px;
border-radius : 30px;
position      : absolute;
top           : 0;
right         : 0;
}
footer .caldera-grid .row {
margin-left  : 0;
margin-right : 0;
}
footer .caldera-grid .col-sm-12 {
padding : 0 !important;
}
footer .caldera-grid .form-group,
footer .caldera-grid .btn-default {
margin-bottom : 0;
} @media (max-width : 980px) {
footer .footer-widget:last-child {
width        : 100% !important;
margin-right : 0 !important;
}
#footer-widgets {
padding-bottom : 40px !important;
}
}
@media (max-width : 766px) {
footer#main-footer .footer-widget:first-child,
footer .social-widget {
text-align : center;
}
footer#main-footer .footer-widget:first-child:before {
background-position : center top;
}
#footer-widgets #custom_html-2 {
margin-bottom : 50px !important;
}
} .footer-logo {
text-align    : center;
margin-top    : -65px;
max-width     : 160px !important;
margin-bottom : 15px;
}#main-header {
box-shadow    : none;
border-bottom : 1px solid rgba(0, 0, 0, 0.15);
}
#top-menu li {
line-height : 1.05;
font-weight : 400;
opacity     : 1;
} #et-info-phone,
#et-info-email {
font-size : 120%;
}
#et-info-phone span,
#et-info-email span {
font-size    : 75% !important;
margin-right : 5px;
font-weight  : 300;
}
#et-info-phone:before,
#et-info-email:before {
display : none;
}
#top-header li.et-social-icon {
margin-left : 5px !important;
margin-top  : 0 !important;
}
#top-header .et-social-icon a {
font-size     : 14px;
width         : 35px;
height        : 35px;
line-height   : 35px;
border-width  : 1px !important;
border-style  : solid !important;
border-color  : rgba(0, 0, 0, 0.2);
border-radius : 1px;
transition    : all 0.2s ease-in-out 0s;
}
#top-header .et-social-icon a:hover {
opacity : 1;
} #et-secondary-menu {
padding-left : 10px;
}
#et-secondary-nav > li {
padding-bottom : 4px;
padding-top    : 4px;
}
#et-secondary-nav > li a {
padding-bottom : 10px !important;
padding-top    : 10px !important;
margin-bottom  : 0;
position       : relative;
}
#et-secondary-nav .menu-item-has-children > a:first-child:after {
top       : 50%;
transform : translateY(-50%);
} .nav li ul, #et-secondary-nav li ul, ul#mobile_menu {
border  : none !important;
padding : 0;
}
#top-menu li li, #et-secondary-nav li ul li {
width       : 100%;
padding     : 0;
font-weight : normal !important;
}
#top-menu li li a, #et-secondary-nav li ul li a, .et_mobile_menu li a, #mobile_menu li a {
text-transform : none;
width          : 100% !important;
display        : block;
padding        : 15px 25px !important;
border-bottom  : 1px solid rgba(0, 0, 0, 0.1);
opacity        : 1;
}
#top-menu li .menu-item-has-children > a:first-child:after {
top       : 50%;
transform : translateY(-50%);
}
#top-menu li li:last-child a,
ul#mobile_menu li:last-child a,
#mobile_menu i:last-child a {
border : none;
}
.mobile_nav.opened span.mobile_menu_bar:before {
content : "\4d";
}
@media (max-width : 980px) {
#main-header .mobile_nav {
background-color : transparent !important;
font-weight      : normal;
text-transform   : uppercase;
}
} @media (min-width : 981px) and (max-width : 1200px) {
#main-header .container,
#top-header .container {
width : 95%;
}
}
@media (max-width : 980px) {
.et_header_style_split #et_mobile_nav_menu {
margin-top : 0 !important;
}
#et-info {
float          : none;
width          : 100%;
position       : relative;
overflow       : hidden;
padding-bottom : 0;
}
#et-info-phone, #et-info-email {
margin-top : 10px;
display    : block;
float      : left;
}
#top-header .et-social-icons {
display : block;
float   : right;
}
}
@media (max-width : 600px) {
#et-info {
display : none;
}
}.et_pb_blog_grid .et_pb_post {
border : none;
}
.et_pb_blog_grid .et_pb_post .et_pb_image_container,
.et_pb_post .entry-featured-image-url {
margin-bottom : 0 !important;
}
.et_pb_blog_grid .et_pb_post .entry-title {
font-size   : 20px;
line-height : 1.1;
font-weight : 600;
background  : #FFF;
position    : relative;
z-index     : 10;
}
@media (min-width : 501px) {
.et_pb_blog_grid .et_pb_post .post-meta,
.et_pb_blog_grid .et_pb_post .post-content {
padding : 0 25px;
}
.et_pb_blog_grid .et_pb_post .entry-title {
padding : 25px 25px 10px;
margin  : -25px auto 0 !important;
}
}
@media (max-width : 500px) {
.et_pb_blog_grid .et_pb_post .post-meta,
.et_pb_blog_grid .et_pb_post .post-content {
padding : 0 15px;
}
.et_pb_blog_grid .et_pb_post .entry-title {
padding : 25px 15px 10px;
margin  : -25px auto 0 !important;
}
}
.blog #left-area .et_pb_post .post-meta,
.archive #left-area .et_pb_post .post-meta,
.et_pb_blog_grid .et_pb_post .post-meta {
text-transform : uppercase;
font-weight    : normal;
}
.et_pb_blog_grid .et_pb_post .post-content {
font-size   : 14px;
line-height : 1.5;
font-weight : 300;
}
.blog .et_pb_post a.more-link,
.archive .et_pb_post a.more-link,
.et_pb_blog_grid .et_pb_post a.more-link {
padding       : 6px 10px;
text-align    : center;
border        : 1px solid;
font-weight   : 500;
border-radius : 1px;
font-size     : 13px;
line-height   : 1.2;
display       : block;
margin-top    : 20px;
max-width     : 130px;
} .blog #left-area .et_pb_post,
.archive #left-area .et_pb_post {
font-size     : 14px;
line-height   : 1.5;
font-weight   : 300;
background    : #FFF;
transition    : 0.5s ease-in-out;
margin-bottom : 30px !important;
}
.blog .et_pb_post .post-content-wrapper,
.archive .et_pb_post .post-content-wrapper {
width        : 90%;
padding      : 35px 30px;
margin-left  : auto;
margin-right : auto;
background   : #FFF;
position     : relative;
overflow     : hidden;
z-index      : 10;
}
.blog .et_pb_post.has-post-thumbnail .post-content-wrapper,
.archive .et_pb_post.has-post-thumbnail .post-content-wrapper,
.blog .et_pb_post.format-video .post-content-wrapper,
.archive .et_pb_post.format-video .post-content-wrapper {
margin-top : -30px;
}
.blog .et_pb_post h2.entry-title,
.archive .et_pb_post h2.entry-title {
line-height : 1.1;
font-size   : 25px;
font-weight : 600;
}
.et_pb_post .et_pb_gallery_post_type .et_pb_slide {
min-height : 300px;
}
.et_audio_content h2,
.et_link_content h2,
.et_quote_content blockquote p {
line-height : 1.5;
font-size   : 20px;
}
.et_pb_post.format-quote .et_quote_content:before {
font-family   : "ETmodules";
text-align    : center;
font-size     : 50px;
line-height   : 1;
font-weight   : bold;
display       : block;
margin-top    : -10px;
margin-bottom : 5px;
color         : rgba(0, 0, 0, 0.15);
content       : "\7b";
}
@media (max-width : 500px) {
.blog .et_pb_post h2.entry-title,
.archive .et_pb_post h2.entry-title {
font-size     : 20px;
margin-bottom : 5px;
}
.blog .et_pb_post .post-content-wrapper,
.archive .et_pb_post .post-content-wrapper {
width   : 95%;
padding : 30px 20px;
}
} .single-post .et_main_thumbnail_container {
text-align : center;
}
.single-post h2.entry-title {
font-weight   : 700;
font-size     : 30px;
margin-bottom : 10px;
}
.single-post .pb_disabled .entry-content {
font-size   : 15px;
line-height : 1.7;
font-weight : normal;
}
@media (min-width : 500px) {
.single-post .post_title_wrapper {
background : #FFF;
padding    : 40px 30px 0;
position   : relative;
z-index    : 5;
}
.single-post .format-standard.has-post-thumbnail .post_title_wrapper {
margin-top : -40px;
}
.single-post .post_title_wrapper {
width        : 90%;
margin-right : auto;
margin-left  : auto;
}
.single-post .pb_disabled .entry-content {
width        : 90%;
margin-right : auto;
margin-left  : auto;
padding      : 0 30px;
}
}
@media (max-width : 500px) {
.single-post .post_title_wrapper {
padding-top : 30px;
}
.single-post .pb_disabled .entry-content {
padding-top : 15px;
}
.single-post h2.entry-title {
font-weight : 600;
font-size   : 25px;
}
} .related-posts {
font-size   : 0;
line-height : normal;
padding     : 50px 0;
position    : relative;
background  : #FFF;
border-top  : 1px solid rgba(0, 0, 0, 0.1);
}
.related-posts .et_pb_row {
padding : 0 !important;
margin  : 0 auto;
width   : 80%;
}
.related-posts h1 {
font-size      : 26px;
margin-bottom  : 20px !important;
padding-bottom : 0 !important;
line-height    : 1.2;
font-weight    : 700;
}
.related-thumb-wrapper {
background : #FFF;
}
.related-thumb-wrapper .thumb-container {
height              : 200px;
background-color    : #222;
background-size     : cover;
background-position : center;
position            : relative;
}
.related-thumb-wrapper .thumb-container a {
position : absolute;
width    : 100%;
height   : 100%;
}
.related-post-content {
width      : 90%;
margin     : -30px auto 0;
background : #FFF;
position   : relative;
padding    : 20px 20px 30px;
}
.related-thumb h3.post-title {
line-height   : 1.1;
font-size     : 19px;
font-weight   : 600;
margin-bottom : 10px;
}
.related-thumb a.more-link {
padding       : 5px 10px;
text-align    : center;
border        : 1px solid;
font-weight   : 500;
border-radius : 1px;
font-size     : 13px;
line-height   : 1.2;
}
@media (min-width : 791px) {
.related-thumb {
width          : 33.33%;
padding        : 0 15px;
display        : inline-block;
vertical-align : top;
}
.related-posts {
margin-left  : -15px;
margin-right : -15px;
}
.related-posts h1 {
margin-left : 15px;
}
}
@media (max-width : 790px) {
.related-thumb {
margin-bottom : 25px;
}
} .post-navigation {
margin-top    : 30px;
position      : relative;
border-top    : 1px solid rgba(0, 0, 0, 0.05);
border-bottom : 1px solid rgba(0, 0, 0, 0.05);
font-size     : 0;
}
@media (min-width : 791px) {
.post-navigation .post-navigation-previous,
.post-navigation .post-navigation-next {
width          : 50%;
display        : inline-block;
position       : relative;
overflow       : hidden;
vertical-align : middle;
}
.post-navigation .post-navigation-previous {
text-align : right;
}
.post-navigation .post-navigation-previous a {
padding-left : 60px;
}
.post-navigation .post-navigation-next a {
padding-right : 60px;
}
.post-navigation .post-navigation-next a:before {
right : 0;
}
.post-navigation .post-navigation-previous,
.post-navigation .post-navigation-next {
padding : 30px;
}
}
@media (max-width : 790px) {
.post-navigation {
padding : 20px 0;
}
.post-navigation a {
display   : block;
font-size : 17px !important;
}
.post-navigation .post-navigation-previous a {
margin-bottom : 10px;
}
.post-navigation .post-navigation-next a,
.post-navigation .post-navigation-previous a {
padding-left : 60px;
}
.post-navigation .post-navigation-next a:before {
left : 0;
}
.post-navigation .post-navigation-previous,
.post-navigation .post-navigation-next {
padding : 15px !important;
}
}
.post-navigation span {
text-transform : uppercase;
display        : block;
margin-bottom  : 5px;
font-size      : 13px;
line-height    : 1.5;
}
.post-navigation .post-navigation-previous a,
.post-navigation .post-navigation-next a {
position    : relative;
transition  : 0.3s, ease-in;
display     : block;
font-weight : 600;
font-size   : 18px;
line-height : 1.15;
color       : #000;
}
.post-navigation .post-navigation-previous a:before,
.post-navigation .post-navigation-next a:before {
font-family : "ETmodules";
width       : 38px;
height      : 38px;
text-align  : center;
font-size   : 30px;
line-height : 38px;
display     : block;
position    : absolute;
top         : 50%;
margin-top  : -19px;
}
.post-navigation .post-navigation-previous a:before {
content : "\34";
left    : 0;
}
.post-navigation .post-navigation-next a:before {
content : "\35";
} @media (min-width : 500px) {
.single-post.et_full_width_page #comment-wrap {
width        : 90%;
margin-right : auto;
margin-left  : auto;
}
}
#commentform {
padding-bottom : 30px;
position       : relative;
overflow       : hidden;
}
h1#comments,
h3#reply-title {
font-weight    : 600;
font-size      : 20px;
color          : #000;
padding-bottom : 0;
position       : relative;
}
h1#comments {
margin-bottom : 30px;
}
h3#reply-title {
margin-bottom : 5px;
}
h3#reply-title a#cancel-comment-reply-link {
font-size : 14px;
}
.single .comment_area .comment-reply-link {
padding       : 3px 10px !important;
border-width  : 1px !important;
border-style  : solid !important;
font-weight   : 600;
font-size     : 13px;
border-radius : 1px;
line-height   : 1.5;
top           : 0;
}
.single .comment_area .comment-reply-link:hover {
padding : 3px 10px !important;
}
.single .comment_area .comment-reply-link:after {
display : none !important;
}
.comment #respond {
margin-bottom : 30px;
}
#commentform .form-submit .et_pb_button {
font-weight   : 700;
font-size     : 15px;
line-height   : 1.5 !important;
padding       : 10px 20px !important;
border-radius : 1px;
}
#commentform .form-submit .et_pb_button:hover {
padding : 10px 20px !important;
}
#commentform input[type=email],
#commentform input[type=text],
#commentform input[type=url],
#commentform textarea {
padding      : 13px 20px !important;
font-size    : 14px !important;
border-width : 1px !important;
border-style : solid !important;
transition   : all 0.3s, ease-in-out;
}
#commentform input[type=email],
#commentform input[type=text],
#commentform input[type=url] {
line-height : 1 !important;
}
#commentform textarea {
line-height : 1.5;
padding     : 20px !important;
width       : 100%;
}
@media (min-width : 700px) {
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
width : 32%;
float : left;
}
p.comment-form-author,
p.comment-form-email {
margin-right : 2% !important;
}
p.comment-form-cookies-consent,
p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input {
width   : 100% !important;
display : block;
}
p.comment-form-cookies-consent:before {
content : "";
clear   : both;
display : table;
}
}
span.fn,
span.fn a {
font-size : 14px;
}
.comment-body {
margin-bottom : 40px;
padding-left  : 70px;
}
.comment_avatar img {
width         : 50px !important;
height        : 50px !important;
object-fit    : cover;
border-radius : 50%;
max-width     : 100% !important;
} .single-post.et_pb_pagebuilder_layout.et_full_width_page .post-navigation,
.single-post.et_pb_pagebuilder_layout.et_full_width_page #comment-wrap,
.single-post.et_pb_pagebuilder_layout.et_full_width_page .post_title_wrapper {
max-width    : 1250px;
width        : 90%;
margin-left  : auto;
margin-right : auto;
}.home-slider .et-pb-arrow-next,
.home-slider .et-pb-arrow-prev {
background  : #FFF;
font-weight : 300;
font-size   : 30px;
color       : #000 !important;
padding     : 10px;
}
.home-slider .et-pb-arrow-next:before {
content : "\24";
}
.home-slider .et-pb-arrow-prev:before {
content : "\23";
}
.home-slider .et-pb-arrow-next:hover,
.home-slider .et-pb-arrow-prev:hover {
color : #FFF !important;
}
.home-slider .et-pb-controllers a {
position : relative;
margin   : 15px;
}
.home-slider .et-pb-controllers a:before {
content       : "";
position      : absolute;
top           : -9px;
left          : -9px;
width         : 21px;
height        : 21px;
border        : 2px solid rgba(255, 255, 255, 0);
border-radius : 50%;
}
.home-slider .et_pb_bg_layout_light .et-pb-controllers a:hover {
background : #555 !important;
}
.home-slider .et_pb_bg_layout_dark .et-pb-controllers a:hover {
background : #FFF !important;
}
.home-slider .et_pb_bg_layout_light .et-pb-controllers a:hover:before {
border-color : rgba(0, 0, 0, 0.3);
}
.home-slider .et_pb_bg_layout_dark .et-pb-controllers a:hover:before {
border-color : rgba(255, 255, 255, 0.75);
}
@media (max-width : 767px) {
.home-slider .et_pb_slide_description {
padding-top    : 85px !important;
padding-bottom : 85px !important;
}
.home-slider .et-pb-arrow-next,
.home-slider .et-pb-arrow-prev {
font-size : 20px;
padding   : 8px;
}
.home-slider .et-pb-controllers a {
margin : 10px;
}
.home-slider .et-pb-controllers a:before {
top    : -6px;
left   : -6px;
width  : 15px;
height : 15px;
border : 2px solid rgba(255, 255, 255, 0);
}
} .shop-category-cta .column-cta {
padding  : 25px;
position : relative;
}
.shop-category-cta .column-cta .et_pb_promo {
border : 8px solid;
}
@media (min-width : 768px) {
.shop-category-cta .column-cta .et_pb_promo {
padding    : 25px !important;
min-height : 300px;
}
}
@media (max-width : 767px) {
.shop-category-cta .column-cta .et_pb_promo {
padding : 50px 25px !important;
}
}
.shop-category-cta .column-cta .et_pb_promo.et_pb_bg_layout_dark {
border-color : rgba(255, 255, 255, 0.1);
}
.shop-category-cta .column-cta .et_pb_promo.et_pb_bg_layout_light {
border-color : rgba(0, 0, 0, 0.05);
}
.shop-category-cta .woocommerce ul.products li.product,
.shop-category-cta .woocommerce ul.products {
margin-bottom : 0 !important;
}
@media (min-width : 981px) {
.shop-category-cta .column-cta .et_pb_promo {
width    : calc(100% - 50px);
height   : calc(100% - 50px);
position : absolute !important;
top      : 25px;
left     : 25px;
}
}
@media (max-width : 540px) { .shop-category-cta .woocommerce.columns-2 ul.products li.product {
width : 100% !important;
}
.shop-category-cta .woocommerce.columns-2 ul.products li.product:not(:last-child) {
margin-bottom : 30px !important;
}
} @media (min-width : 981px) {
.today-deal .deal_row {
display     : flex;
flex-wrap   : wrap;
align-items : center;
}
}
.deal-cta {
padding       : 50px 40px 60px !important;
font-size     : 16px;
line-height   : 1.5;
margin-bottom : 0 !important;
position      : relative;
}
.deal-cta .ribbon {
position   : absolute;
right      : -45px;
top        : -55px;
z-index    : 1;
overflow   : hidden;
width      : 75px;
height     : 75px;
text-align : right;
}
.deal-cta .ribbon strong {
font-weight       : 600;
font-size         : 14px;
color             : #FFF;
text-transform    : uppercase;
text-align        : center;
line-height       : 20px;
transform         : rotate(45deg);
-webkit-transform : rotate(45deg);
width             : 100px;
display           : block;
background        : #ED1B24;
position          : absolute;
top               : 19px;
right             : -21px;
}
.deal-cta .ribbon strong::before {
content       : "";
position      : absolute;
left          : 0px;
top           : 100%;
z-index       : -1;
border-left   : 3px solid #CC1018;
border-right  : 3px solid transparent;
border-bottom : 3px solid transparent;
border-top    : 3px solid #CC1018;
}
.deal-cta .ribbon strong::after {
content       : "";
position      : absolute;
right         : 0;
top           : 100%;
z-index       : -1;
border-left   : 3px solid transparent;
border-right  : 3px solid #CC1018;
border-bottom : 3px solid transparent;
border-top    : 3px solid #CC1018;
}
.deal-cta h3.price {
font-weight : bold;
font-size   : 30px;
line-height : 100%;
padding     : 5px 0 15px;
}
.deal-cta h3.price del {
opacity        : 0.6;
font-weight    : normal !important;
font-size      : 75%;
padding-right  : 5px;
vertical-align : middle;
}
.deal-counter {
margin-top : -35px;
font-size  : 0;
}
.deal-counter .values {
background   : #FFF;
color        : #232323;
border-width : 10px 5px;
border-style : solid;
border-color : #F6F6F6;
padding      : 15px 5px;
width        : 20% !important;
max-width    : 180px !important;
}
.deal-counter .value {
font-weight : bold;
}
.deal-counter .label {
font-size      : 10px !important;
text-transform : uppercase;
line-height    : 1 !important;
opacity        : 0.75;
}
.deal-counter .values:first-child {
border-left-width : 10px;
}
.deal-counter .values:last-child {
border-right-width : 10px;
}
.deal-counter .sep {
display : none;
} .newsletter-section .et_pb_row {
padding : 80px 50px;
}
.newsletter-section .et_pb_row:before {
border   : 5px solid rgba(0, 0, 0, 0.05);
content  : "";
position : absolute;
top      : 25px;
bottom   : 25px;
left     : 25px;
right    : 25px;
}
.newsletter-header {
font-weight : normal;
line-height : 1.5;
font-size   : 16px;
}
.newsletter-header h1 {
font-weight    : bold;
font-size      : 25px;
line-height    : 1.2;
padding-bottom : 0;
text-transform : uppercase;
}
.newsletter-section .caldera-grid .form-control {
width         : 100%;
display       : block;
padding       : 13px 20px;
background    : transparent;
font-size     : 14px;
line-height   : 1;
height        : auto;
border-width  : 1px;
border-style  : solid;
border-radius : 1px;
overflow      : hidden;
position      : relative;
box-shadow    : none;
}
.newsletter-section .caldera-grid .btn-default {
display        : block;
width          : 100%;
padding        : 0 10px;
border         : none;
font-size      : 16px;
text-transform : uppercase;
line-height    : 1;
height         : 49px;
border-radius  : 1px;
}
.newsletter-section .caldera-grid .row {
margin-left  : 0;
margin-right : 0;
}
.newsletter-section .caldera-grid .col-sm-12 {
padding : 0 !important;
}
.newsletter-section .caldera-grid .form-group,
.newsletter-section .caldera-grid .btn-default {
margin-bottom : 0;
}#ecommerce-custom-header,
.et-db #et-boc .et-l #ecommerce-custom-header.et_pb_section {
background : #F9F9F9;
padding    : 50px 0;
}
#ecommerce-custom-header .et_pb_row,
#ecommerce-custom-header .et_pb_column {
padding    : 0 !important;
text-align : center !important;
}
#ecommerce-custom-header .et_pb_column {
text-align : center !important;
width      : 100%;
}
#ecommerce-custom-header h1 {
margin-bottom  : 0 !important;
padding-bottom : 5px !important;
line-height    : 1.2;
font-weight    : 700;
}
#ecommerce-custom-header .woocommerce-breadcrumb {
margin      : 0 !important;
line-height : 1.5;
font-weight : 400;
}
#ecommerce-custom-header .woocommerce-breadcrumb a,
.et-db #et-boc .et-l #ecommerce-custom-header .woocommerce-breadcrumb a {
color : inherit;
}
@media (min-width : 981px) {
#ecommerce-custom-header h1 {
font-size : 35px;
}
#ecommerce-custom-header .woocommerce-breadcrumb {
font-size : 15px;
}
}
@media (min-width : 768px) and (max-width : 980px) {
#ecommerce-custom-header h1 {
font-size : 32px;
}
#ecommerce-custom-header .woocommerce-breadcrumb {
font-size : 14px;
}
}
@media (max-width : 767px) {
#ecommerce-custom-header h1 {
font-size : 27px;
}
#ecommerce-custom-header .woocommerce-breadcrumb {
font-size : 13px;
}
} .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
width         : 100%;
display       : block;
font-size     : 14px;
border-width  : 1px;
border-style  : solid;
border-radius : 1px;
overflow      : hidden;
position      : relative;
box-shadow    : none;
}
.woocommerce form .form-row textarea {
line-height : 1.5;
padding     : 20px;
}
.woocommerce form .form-row input.input-text,
.select2-container--default .select2-selection--single {
line-height : 1;
height      : auto;
padding     : 13px 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height : auto;
top    : 50%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height : 1.5;
color       : inherit;
padding     : 0;
font-weight : normal;
}
.woocommerce form .form-row label {
text-transform : uppercase;
line-height    : 1.5;
font-size      : 13px;
font-weight    : normal;
margin-bottom  : 3px;
} .woocommerce-page.post-type-archive-product #left-area ul.products,
.woocommerce-page.tax-product_cat #left-area ul.products {
border-top  : 1px solid rgba(0, 0, 0, 0.1);
padding-top : 30px !important;
}
.woocommerce .woocommerce-result-count {
margin-bottom : 20px !important;
font-weight   : 400;
line-height   : 1.5;
padding       : 5px 5px 0 0 !important;
}
.orderby, .woocommerce div.product form.cart .variations td select {
padding       : 7px 8px;
border-style  : solid;
border-width  : 1px;
border-radius : 1px;
}
.term-description {
margin-bottom : 30px;
}
.woocommerce-products-header img.term-img {
margin-bottom : 15px;
} .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size   : 16px !important;
line-height : 1.25;
}
.woocommerce ul.products li.product .et_shop_image,
.woocommerce-page ul.products li.product .et_shop_image {
margin-bottom : 10px;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color       : #111 !important;
font-size   : 18px;
font-weight : 600;
}
.woocommerce ul.products li.product .price del {
display       : inline-block;
padding-right : 5px !important;
}
.woocommerce ul.products li.product .star-rating {
font-size : 85%;
}
.woocommerce span.onsale, .woocommerce-page span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
background       : #232323 !important;
top              : -5px !important;
left             : 15px !important;
letter-spacing   : 1px;
text-transform   : uppercase;
font-size        : 14px !important;
line-height      : 100% !important;
padding          : 10px 12px !important;
border-radius    : 0 !important;
writing-mode     : vertical-rl;
text-orientation : mixed;
}
.woocommerce ul.products li.product.outofstock .button.ajax_add_to_cart {
display : none;
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .product_type_variable.button:hover,
.woocommerce ul.products li.product.outofstock .button:hover,
.woocommerce.et-db #et-boc .et-l ul.products li.product .button.add_to_cart_button:hover,
.woocommerce.et-db #et-boc .et-l ul.products li.product .product_type_variable.button:hover,
.woocommerce.et-db #et-boc .et-l ul.products li.product.outofstock .button:hover {
background : transparent !important;
}
.woocommerce ul.products li.product .button.ajax_add_to_cart.added:hover,
.woocommerce ul.products li.product .button.ajax_add_to_cart.loading:hover,
.woocommerce.et-db #et-boc .et-l ul.products li.product .button.ajax_add_to_cart.added:hover,
.woocommerce.et-db #et-boc .et-l ul.products li.product .button.ajax_add_to_cart.loading:hover {
border-color     : rgba(0, 0, 0, 0.1) !important;
background-color : rgba(0, 0, 0, 0.1) !important;
}  .divi-ecommerce-sidebar .widget_product_search label,
#sidebar .widget_product_search label {
display : none;
}
.divi-ecommerce-sidebar form.woocommerce-product-search,
#sidebar .widget_product_search form.woocommerce-product-search {
position      : relative;
border-style  : solid;
border-width  : 1px;
border-radius : 1px;
overflow      : hidden;
}
.divi-ecommerce-sidebar form.woocommerce-product-search:before,
#sidebar .widget_product_search form.woocommerce-product-search:before {
font-family : "ETmodules";
font-weight : 900 !important;
font-size   : 16px;
line-height : 1;
margin-top  : -8px;
content     : "\55";
color       : #000;
position    : absolute;
right       : 10px;
top         : 50%;
}
.divi-ecommerce-sidebar input.search-field,
#sidebar .widget_product_search input.search-field {
border      : none;
box-shadow  : none !important;
font-size   : 15px;
line-height : 1;
padding     : 10px 30px 10px 15px;
width       : 100% !important;
}
.divi-ecommerce-sidebar input[value="Search"],
#sidebar .widget_product_search input[value="Search"] {
position   : absolute;
right      : 0;
top        : 0;
height     : 100%;
width      : 60px;
font-size  : 0;
background : transparent;
box-shadow : none !important;
border     : none !important;
cursor     : pointer;
} form.woocommerce-product-search button {
display : none;
} .divi-ecommerce-sidebar ul.product_list_widget li,
#sidebar ul.product_list_widget li {
border-bottom : 1px solid rgba(0, 0, 0, 0.05);
padding       : 0 0 10px 0 !important;
margin-bottom : 10px;
}
.divi-ecommerce-sidebar ul.product_list_widget li:last-child,
#sidebar ul.product_list_widget li:last-child {
border : none;
}
.divi-ecommerce-sidebar ul.cart_list li img,
.divi-ecommerce-sidebar ul.product_list_widget li img,
#sidebar .woocommerce ul.cart_list li img,
#sidebar .woocommerce ul.product_list_widget li img {
float        : left;
margin-left  : 0;
width        : 60px;
margin-right : 15px;
}
.divi-ecommerce-sidebar ul.product_list_widget li a,
.divi-ecommerce-sidebar ul.cart_list li a,
#sidebar .woocommerce ul.product_list_widget li a,
#sidebar .woocommerce ul.cart_list li a {
line-height : 1.2 !important;
}
.divi-ecommerce-sidebar ul.product_list_widget li span.product-title,
.divi-ecommerce-sidebar ul.cart_list li span.product-title,
#sidebar .woocommerce ul.product_list_widget li span.product-title,
#sidebar .woocommerce ul.cart_list li span.product-title,
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-size   : 14px !important;
font-weight : 500;
color       : #232323;
}
.divi-ecommerce-sidebar ul.product_list_widget li .star-rating,
#sidebar ul.product_list_widget li .star-rating {
margin    : 5px 0;
font-size : 11px;
}
.divi-ecommerce-sidebar ul.product_list_widget li .amount,
.divi-ecommerce-sidebar ul.cart_list li .amount,
#sidebar .woocommerce ul.product_list_widget li .amount,
#sidebar .woocommerce ul.cart_list li .amount {
color : #000;
}
.divi-ecommerce-sidebar ul.product_list_widget li del .amount,
.divi-ecommerce-sidebar ul.cart_list li del .amount,
#sidebar .woocommerce ul.product_list_widget li del .amount,
#sidebar .woocommerce ul.cart_list li del .amount {
opacity   : 0.5;
font-size : 80%;
} .divi-ecommerce-sidebar .widget_shopping_cart .total,
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top  : 1px solid rgba(0, 0, 0, 0.1);
padding-top : 10px;
}
.divi-ecommerce-sidebar .woocommerce-mini-cart__buttons a.button,
.divi-ecommerce-sidebar .woocommerce-mini-cart__buttons a.button:hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover {
text-align : center;
}
@media (min-width : 1050px) {
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button {
width   : 49%;
display : inline-block;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child {
margin-right : 2%;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:last-child {
margin-right : 0;
}
}
@media (min-width : 300px) and (max-width : 980px) {
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button {
width   : 49%;
display : inline-block;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child {
margin-right : 2%;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:last-child {
margin-right : 0;
}
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color : #DDD;
border-radius    : 0;
margin-bottom    : 20px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width         : 12px;
height        : 12px;
top           : -6px;
border        : none;
border-radius : 0;
margin        : 0;
position      : absolute;
z-index       : 2;
cursor        : default;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:after {
position            : absolute;
top                 : 100%;
left                : 0;
content             : "";
width               : 0;
height              : 0;
border-style        : solid;
border-width        : 8px 6px 0 6px;
border-right-color  : transparent;
border-left-color   : transparent;
border-bottom-color : transparent;
}
.woocommerce .widget_price_filter button.button {
font-size      : 13px !important;
line-height    : 29px !important;
height         : 29px;
border         : none !important;
text-transform : uppercase !important;
font-weight    : 500 !important;
padding        : 0 12px !important;
margin-right   : 10px;
margin-bottom  : 10px;
}
.woocommerce .widget_price_filter button.button:hover {
padding : 0 12px !important;
}
.woocommerce .widget_price_filter .price_label {
font-size   : 13px;
line-height : 29px !important;
font-weight : normal;
float       : right;
}
.woocommerce .widget_price_filter .price_label span {
padding       : 5px;
background    : #F5F5F5;
border-radius : 2px;
} .woocommerce div.product div.images .flex-control-thumbs li img {
border : 1px solid transparent;
}
.woocommerce .woocommerce-variation-price {
margin : 20px 0;
} .related.products > h2 {
font-size      : 33px;
margin-bottom  : 25px !important;
padding-bottom : 0 !important;
line-height    : 1.2;
font-weight    : 700;
position       : relative;
} .et-db #et-boc .et-l .divi-ecommerce-woo-tabs ul.et_pb_tabs_controls:after {
display : none !important;
}
.divi-ecommerce-woo-tabs,
.woocommerce div.product .woocommerce-tabs {
border : none !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls,
.woocommerce div.product .woocommerce-tabs ul.tabs {
background-color : transparent !important;
border           : none !important;
margin           : 0;
overflow         : visible;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls:after {
display : none;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
position         : relative;
display          : block;
background-color : transparent !important;
margin           : 0;
padding          : 0;
border-width     : 0 0 1px 0 !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li {
float : none;
width : 100%;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li.et_pb_tab_active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color : #111 !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
text-transform     : uppercase;
font-size          : 15px;
line-height        : 1.5;
font-weight        : 500 !important;
-webkit-transition : all 0.2s ease;
-o-transition      : all 0.2s ease;
transition         : all 0.2s ease;
position           : relative;
display            : block;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a:before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
content            : "";
position           : absolute;
top                : 0;
height             : 100%;
width              : 2px;
background-color   : #000000;
-webkit-transition : all 0.2s ease;
-o-transition      : all 0.2s ease;
transition         : all 0.2s ease;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom : none !important;
}
.divi-ecommerce-woo-tabs .et_pb_all_tabs,
.woocommerce div.product .woocommerce-tabs .panel {
position   : relative;
overflow   : hidden;
margin     : 0;
border     : none;
box-shadow : none;
}
.divi-ecommerce-woo-tabs .et_pb_all_tabs h2,
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-weight   : 600;
font-size     : 21px;
line-height   : 1.5;
margin-bottom : 5px;
}
@media (min-width : 800px) {
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls,
.woocommerce div.product .woocommerce-tabs ul.tabs {
float   : left;
width   : 25%;
padding : 0;
}
.divi-ecommerce-woo-tabs .et_pb_all_tabs,
.woocommerce div.product .woocommerce-tabs .panel {
border-left : 1px solid rgba(0, 0, 0, 0.1) !important;
padding     : 10px 25px !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li,
body.woocommerce div.product .woocommerce-tabs ul.tabs li {
border : none !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding : 10px 5px !important;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a:before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
right : -1px;
}
}
@media (max-width : 799px) {
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a:before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
left : 0;
}
.divi-ecommerce-woo-tabs ul.et_pb_tabs_controls li a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding : 10px 15px !important;
}
} .woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
margin-bottom : 15px !important;
}
.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
margin-bottom : 25px !important;
}
.woocommerce-Reviews .description p {
font-size   : 14px;
line-height : 1.5;
}
@media (min-width : 700px) {
.woocommerce #reviews .commentlist .star-rating {
float : right !important;
}
}
.woocommerce-Reviews .meta {
margin-bottom : 13px !important;
}
.woocommerce-Reviews .woocommerce-review__published-date {
font-style : italic;
font-size  : 13px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width         : 50px !important;
height        : 50px !important;
object-fit    : cover;
border-radius : 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
margin : 0 0 0 75px !important;
}
.woocommerce-Reviews #review_form_wrapper {
margin : 10px 0;
}
.woocommerce-Reviews #respond span.comment-reply-title {
font-weight : 600;
color       : #000;
font-size   : 16px;
line-height : 1.5;
}
.woocommerce #review_form #respond p {
margin  : 0 0 15px;
padding : 0;
}
.et_button_no_icon.woocommerce #respond input#submit,
.et_button_no_icon.woocommerce-page #respond input#submit {
padding : 10px 20px !important;
}
.et_button_no_icon.woocommerce #respond input#submit:hover,
.et_button_no_icon.woocommerce-page #respond input#submit:hover {
padding : 10px 20px !important;
} .woocommerce div.product div.images.woocommerce-product-gallery {
margin-bottom : 30px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size     : 25px;
margin-bottom : 25px;
font-weight   : bold;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
font-size   : 75% !important;
font-weight : 300;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
border-width  : 1px !important;
border-style  : solid !important;
border-radius : 1px;
}
.woocommerce div.product form.cart .button {
font-size      : 15px;
font-weight    : 600;
text-transform : uppercase;
border-radius  : 1px;
padding        : 9px 15px !important;
}
.woocommerce div.product form.cart .button:hover {
padding : 9px 15px !important;
}
.woocommerce div.product .product_meta {
border : none;
}
.woocommerce div.product .product_meta > span {
display       : block;
padding       : 10px 0;
border-bottom : 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce div.product .product_meta > span:last-child {
border : none;
}
.woocommerce-product-rating a.woocommerce-review-link {
font-weight : normal;
color       : inherit;
} .woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
font-size     : 16px !important;
line-height   : 1.5;
font-weight   : normal !important;
position      : relative;
color         : #888888 !important;
background    : transparent !important;
border        : 1px solid !important;
padding       : 13px !important;
margin-bottom : 20px;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
border-color : rgba(0, 0, 0, 0.1) !important;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-error {
color        : #EA0500 !important;
border-color : #EA0500 !important;
}
.woocommerce-info a.button,
.woocommerce-info a.button.woocommerce-Button,
.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward {
padding       : 0 10px !important;
font-size     : 13px !important;
line-height   : 24px !important;
height        : 24px !important;
border        : 1px solid !important;
border-radius : 1px;
}
.woocommerce-info a.showlogin,
.woocommerce-info a.showcoupon {
display      : inline-block;
padding-left : 5px;
color        : inherit !important;
font-weight  : 500;
font-size    : inherit !important;
line-height  : inherit;
}
.woocommerce-info a.button:hover,
.woocommerce-info a.button.woocommerce-Button:hover,
.woocommerce-message a.button:hover,
.woocommerce-message a.button.wc-forward:hover {
padding : 0 10px !important;
} @media (min-width : 981px) {
form.woocommerce-checkout {
margin-top : 30px;
}
#customer_details {
float         : left;
padding-right : 60px;
position      : relative;
width         : 65%;
}
#customer_details:before {
content      : "";
height       : 100%;
width        : 1px;
border-right : 1px solid rgba(0, 0, 0, 0.1);
position     : absolute;
right        : 30px;
top          : 0;
display      : block;
}
form.woocommerce-checkout #customer_details .col-1,
form.woocommerce-checkout #customer_details .col-2 {
float         : none;
width         : 100%;
margin-bottom : 30px;
}
#order_review {
float : left;
width : 35%;
}
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
h3#order_review_heading {
font-weight : 600;
font-size   : 20px;
line-height : 1.5;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background    : #F9F9F9 !important;
border-radius : 1px !important;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color : rgba(0, 0, 0, 0.075);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
border-width        : 10px;
border-bottom-color : rgba(0, 0, 0, 0.075);
top                 : -10px;
margin              : -10px 0 0 10px;
}
.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
float : none;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float      : none !important;
display    : block;
text-align : center;
min-width  : 200px;
margin     : 15px auto 10px !important;
}
.woocommerce-error li {
font-size : 15px;
}
.woocommerce-error li:before {
font-family   : "ETmodules";
content       : "\72";
font-size     : inherit;
line-height   : inherit;
padding-right : 5px;
} .woocommerce-order-pay .woocommerce form#order_review {
float     : none !important;
width     : 100% !important;
max-width : 700px;
margin    : 0 auto !important;
} .woocommerce-order-received .woocommerce-order {
max-width : 900px;
margin    : 0 auto;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order.woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-order-downloads {
margin-bottom : 0;
}
.woocommerce-order .woocommerce-thankyou-order-received {
margin-bottom : 25px !important;
font-size     : 17px;
line-height   : 25px;
}
.woocommerce-order .woocommerce-thankyou-order-received:before {
content       : "\4e";
color         : #26C15F;
font-size     : 20px;
line-height   : 25px;
font-weight   : bold;
padding-right : 5px;
}
.woocommerce-order .woocommerce-thankyou-order-received:before {
font-family : "ETmodules";
}
.woocommerce-MyAccount-content p:first-child {
margin-bottom : 20px;
}
.woocommerce-customer-details h2,
.woocommerce-order-downloads h2,
.woocommerce-order-details h2 {
font-weight : 600;
font-size   : 23px;
line-height : 1.5;
}
.woocommerce .woocommerce-customer-details address {
padding : 15px;
} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border  : none;
margin  : 0 auto 30px;
padding : 0;
} @media (min-width : 981px) {
.woo-cart form.woocommerce-cart-form {
width         : 70%;
float         : left;
padding-right : 50px;
}
.woo-cart .cart-collaterals {
width        : 30%;
float        : left;
border-left  : 1px solid rgba(0, 0, 0, 0.1);
padding-left : 30px;
}
}
.woo-cart .cart-collaterals .cart_totals {
float : none !important;
width : 100% !important;
}
.woo-cart .cart-collaterals .cart_totals h2 {
font-weight : 600;
font-size   : 20px;
line-height : 1.5;
}
.woo-cart form.woocommerce-cart-form table.shop_table th,
.woo-cart form.woocommerce-cart-form table.shop_table td {
border-color  : rgba(0, 0, 0, 0.01) !important;
border-radius : 0;
} table.shop_table {
border        : none !important;
margin-bottom : 15px !important;
}
table.shop_table tr.cart-subtotal th,
table.shop_table tr.cart-subtotal td,
table.shop_table tr.shipping th,
table.shop_table tr.shipping td {
padding : 10px 5px !important;
}
table.shop_table tr.cart-subtotal th,
table.shop_table tr.shipping th,
table.shop_table tr.order-total th {
line-height    : 1;
text-transform : uppercase;
font-size      : 12px !important;
vertical-align : middle !important;
}
table.shop_table tr.order-total th,
table.shop_table tr.order-total td {
padding : 15px 5px !important;
}
table.shop_table tr.order-total strong {
line-height : 1;
font-weight : 700;
}
table.shop_table tr.order-total .amount {
font-size   : 22px;
font-weight : bold;
color       : #000;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-color : rgba(0, 0, 0, 0.1);
}
.woo-cart form.woocommerce-cart-form thead {
text-transform : uppercase;
}
.woo-cart form.woocommerce-cart-form td {
padding : 10px !important;
}
.woo-cart form.woocommerce-cart-form td.product-name a {
font-size   : 15px;
font-weight : bold;
color       : #000;
}
.woo-cart form.woocommerce-cart-form td.product-remove a {
text-align  : center;
font-weight : normal;
margin      : 0 auto;
}
.woo-cart form.woocommerce-cart-form td.product-subtotal {
font-weight : bold;
}
.woo-cart form.woocommerce-cart-form img {
width : 70px;
}
.woo-cart form.woocommerce-cart-form td.product-thumbnail {
max-width : 90px !important;
}
.woo-cart form.woocommerce-cart-form td.product-quantity {
text-align : center;
}
.woo-cart form.woocommerce-cart-form td.product-quantity input {
font-size    : 14px !important;
margin-right : 0;
margin-left  : auto;
}
.woo-cart form.woocommerce-cart-form td.product-quantity .quantity {
margin : 0 auto;
} .woo-cart .coupon {
position      : relative;
margin-bottom : 0;
display       : block;
overflow      : hidden;
}
.woo-cart .coupon input#coupon_code {
min-width : 200px;
}
.woo-cart .coupon input#coupon_code,
.woocommerce form.checkout_coupon input#coupon_code {
padding     : 9px 15px !important;
font-size   : 14px !important;
line-height : 1 !important;
height      : auto;
box-shadow  : none !important;
font-weight : normal !important;
}
.woo-cart .coupon input[name="apply_coupon"],
.woocommerce form.checkout_coupon input[name="apply_coupon"] {
background  : #000 !important;
color       : #FFF !important;
padding     : 0 15px !important;
font-size   : 16px !important;
line-height : 40px !important;
height      : 40px;
border      : none !important;
}
.woo-cart .coupon input[name="apply_coupon"]:hover,
.woocommerce form.checkout_coupon input[name="apply_coupon"]:hover {
padding     : 0 15px !important;
font-size   : 16px !important;
line-height : 40px !important;
height      : 40px;
} .shipping-calculator-form select {
border-style  : solid;
border-width  : 1px;
padding       : 8px !important;
border-radius : 1px !important;
} .woo-cart .cross-sells {
width       : 100%;
clear       : left;
padding-top : 30px;
display     : block;
}
.woo-cart .cross-sells h2 {
font-size     : 20px;
line-height   : 1.5;
margin-bottom : 10px;
font-weight   : 600;
} .return-to-shop {
text-align : center;
}
.empty-cart {
text-align    : center;
margin-bottom : 15px;
position      : relative;
margin-top    : 30px;
}
.empty-cart p {
font-size   : 19px;
line-height : 1.5;
font-weight : 300;
}
.empty-cart h1 {
font-weight    : 700;
line-height    : 1.25;
margin-top     : 5px;
padding-bottom : 0;
font-size      : 35px;
}
.woo-cart p.cart-empty.woocommerce-info, .woo-cart .cart-empty.woocommerce-info {
display : none;
}  .woocommerce-MyAccount-navigation ul {
list-style-type : none;
padding         : 0;
}
.woocommerce-MyAccount-navigation ul li a {
padding        : 15px 5px 15px 45px !important;
display        : block;
position       : relative;
font-size      : 15px;
font-weight    : 500 !important;
text-transform : uppercase;
line-height    : 1.3;
color          : inherit;
border-bottom  : 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-MyAccount-navigation ul li:last-child a {
border : none;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color : #000;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after {
content          : "";
height           : 100%;
width            : 2px;
background-color : #000;
position         : absolute;
top              : 0;
color            : inherit;
}
.woocommerce-MyAccount-navigation ul li a:before {
font-family : "ETmodules" !important;
line-height : 1;
font-size   : 20px;
margin-top  : -10px;
color       : inherit;
position    : absolute;
left        : 15px;
top         : 50%;
}
ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
content : "\e109";
}
ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content : "\e015";
}
ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
content : "\e003";
}
ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
content : "\e01d";
}
ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
content : "\e014";
}
ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content : "\4a ";
}
@media (min-width : 769px) {
.woocommerce-MyAccount-navigation {
border-right : 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-MyAccount-navigation ul li.is-active a:after {
right : 0;
}
}
@media (max-width : 768px) {
.woocommerce-MyAccount-navigation {
margin-bottom : 25px;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after {
left : 0;
}
} .woocommerce-Addresses .woocommerce-Address,
.addresses .woocommerce-column--billing-address,
.addresses .woocommerce-column--shipping-address {
padding       : 20px !important;
margin-bottom : 20px;
border        : 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-Addresses .woocommerce-Address address,
.addresses .woocommerce-column--billing-address address,
.addresses .woocommerce-column--shipping-address address {
margin-bottom : 0;
font-size     : 14px;
line-height   : 1.5;
border        : none;
padding       : 0;
}
.woocommerce-Addresses .woocommerce-Address h2,
.addresses .woocommerce-column--billing-address h2,
.addresses .woocommerce-column--shipping-address h2 {
font-size : 20px;
} .woocommerce-MyAccount-content .woocommerce-order-details {
margin-top : 30px;
}
.woocommerce table.my_account_orders {
font-size   : 14px;
font-weight : normal;
}
.woocommerce table.shop_table_responsive tr td:before,
.woocommerce-page table.shop_table_responsive tr td:before {
font-weight : 600;
}
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce .woocommerce-table--order-downloads a.button,
.woocommerce .woocommerce-table--order-downloads a.woocommerce-MyAccount-downloads-file {
padding       : 4px 8px !important;
font-size     : 14px !important;
line-height   : 1.2 !important;
font-weight   : 600 !important;
border-radius : 1px;
margin-right  : 5px;
margin-bottom : 2px;
margin-top    : 2px;
}
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a.button:last-child,
.woocommerce-table--order-downloads a.button:last-child,
.woocommerce-table--order-downloads a.woocommerce-MyAccount-downloads-file:last-child {
margin-right : 0;
}
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce .woocommerce-table--order-downloads a.button:hover,
.woocommerce .woocommerce-table--order-downloads a.woocommerce-MyAccount-downloads-file:hover {
padding : 4px 8px !important;
} .woocommerce-account:not(.logged-in) .woocommerce {
max-width : 800px;
margin    : 0 auto;
}
.woocommerce-account:not(.logged-in) .woocommerce h2 {
font-weight : 600;
font-size   : 23px;
line-height : 1.5;
} @media only screen and ( max-width : 768px ) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width : 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float : left;
width : 100%;
}
} @media all and (min-width : 1024px) {
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-6 li.product {
width  : 13.5% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-6 li.product.last {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-6 li.product:nth-child(6n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-5 li.product {
width  : 16.96% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-5 li.product.last {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-5 li.product:nth-child(5n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-4 li.product {
width  : 22.1% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-4 li.product.last {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-4 li.product:nth-child(4n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-3 li.product {
width  : 30.6% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-3 li.product.last {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-3 li.product:nth-child(3n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-2 li.product {
width  : 48% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-2 li.product.last {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-2 li.product:nth-child(2n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-1 li.product {
width        : 100% !important;
margin-right : 0 !important;
}
body[class*=woocommerce]:not(.et-tb-has-body) ul.products.columns-1 li.product:nth-child(n) {
width        : 100% !important;
margin-right : 0 !important;
}
}
@media all and (min-width : 720px) and (max-width : 1024px) {
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-5 ul.products li.product:nth-child(n) {
width  : 16.96% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-5 ul.products li.product:nth-child(n):nth-child(5n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-5 ul.products li.product:nth-child(n):nth-child(5n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-4 ul.products li.product:nth-child(n) {
width  : 22.1% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-4 ul.products li.product:nth-child(n):nth-child(4n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-4 ul.products li.product:nth-child(n):nth-child(4n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-3 ul.products li.product:nth-child(n) {
width  : 30.6% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-3 ul.products li.product:nth-child(n):nth-child(3n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-3 ul.products li.product:nth-child(n):nth-child(3n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-2 ul.products li.product:nth-child(n) {
width  : 48% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-2 ul.products li.product:nth-child(n):nth-child(2n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-2 ul.products li.product:nth-child(n):nth-child(2n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-tablet-1 ul.products li.product:nth-child(n) {
width        : 100% !important;
margin-right : 0 !important;
}
}
@media all and (max-width : 719px) {
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-3 ul.products li.product:nth-child(n) {
width  : 30.6% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-3 ul.products li.product:nth-child(n):nth-child(3n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-3 ul.products li.product:nth-child(n):nth-child(3n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-2 ul.products li.product:nth-child(n) {
width  : 48% !important;
margin : 0 3.8% 2.992em 0 !important;
clear  : none !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-2 ul.products li.product:nth-child(n):nth-child(2n) {
margin-right : 0px !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-2 ul.products li.product:nth-child(n):nth-child(2n+1) {
clear : both !important;
}
body[class*=woocommerce]:not(.et-tb-has-body).product-columns-mobile-1 ul.products li.product:nth-child(n) {
width        : 100% !important;
margin-right : 0 !important;
}
}
.woocommerce.post-type-archive-product.wc-ags-hide-sale-flash .product .onsale {
display : none;
}