@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;
}.free-interior .free-header h1, .free-interior .free-header h1 span,
.free-interior .free-header h2, .free-interior .free-header h2 span,
.free-interior .free-header h3, .free-interior .free-header h3 span,
.free-interior .free-header h4, .free-interior .free-header h4 span,
.free-interior .free-header h5, .free-interior .free-header h5 span,
.free-interior .free-header h6, .free-interior .free-header h6 span {
font-size: 42px!important;
color: #222;
letter-spacing: 2px;
}
.free-interior .free-blog-list-1 .entry-title:before {
background: #FAB702!important;
}
.free-interior .free-blog-list-1 .post-meta:before {
color: #FAB702!important;
}
.free-interior .et_pb_blog_grid .et_pb_post .post-content .more-link {
color: #222!important;
}
@media screen and (max-width: 767px) {
.free-interior .free-header h1, .free-interior .free-header h1 span,
.free-interior .free-header h2, .free-interior .free-header h2 span,
.free-interior .free-header h3, .free-interior .free-header h3 span,
.free-interior .free-header h4, .free-interior .free-header h4 span,
.free-interior .free-header h5, .free-interior .free-header h5 span,
.free-interior .free-header h6, .free-interior .free-header h6 span {
font-size: 33px!important;
}
}
html.et_fb_preview_active--responsive_preview .free-interior .free-header h1,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h1 span,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h2, 
html.et_fb_preview_active--responsive_preview .free-interior .free-header h2 span,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h3,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h3 span,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h4,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h4 span,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h5,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h5 span,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h6,
html.et_fb_preview_active--responsive_preview .free-interior .free-header h6 span {
font-size: 33px!important;
}.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content {
text-align: left;
}
.et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content {
text-align: right;
}   .free-sidebar .et_pb_widget {
float: none;
}   .et_pb_team_member_image {
max-width: none!important;
}   html.et-fb-root-ancestor .et_pb_text_align_center {
margin: auto;
}   .et-fb-settings-option-inner-upload--previewable .et-fb-settings-option-input.et-fb-settings-option-upload {
display: block!important;
width: 100%!important;
margin-top: 42px;
}
.et-fb-settings-option-inner-upload--previewable:after {
margin: 0 0 4px;
color: #32373c;
font-size: .875rem;
font-weight: 600;
content: 'Background Image URL';
position: absolute;
bottom: 33px;
}   .et_slide_menu_top { display: none!important; }   html.et-fb-root-ancestor .et_pb_promo_description p br,
html.et-fb-root-ancestor .et_pb_blurb p br,
html.et-fb-root-ancestor .et_pb_promo_description .mce-content-body br,
html.et-fb-root-ancestor .et_pb_blurb .mce-content-body br,
html.et-fb-root-ancestor .et_pb_blurb .et_pb_blurb_description br {
content: ''!important;
display: block;
}   .et_pb_slider .et_pb_slides .et_pb_empty_slide.et_pb_container {
display: table!important;
}
.et_pb_slider .et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner {
display: table-cell!important;
}
.et_pb_slider .et-pb-active-slide {
display: block!important;
}   .free-header h1, .free-header h1 span,
.free-header h2, .free-header h2 span,
.free-header h3, .free-header h3 span,
.free-header h4, .free-header h4 span {
font-size: 33px;
letter-spacing: 0;
}
.free-header-big h1, .free-header-big h1 span,
.free-header-big h2, .free-header-big h2 span,
.free-header-big h3, .free-header-big h3 span,
.free-header-big h4, .free-header-big h4 span {
font-size: 45px;
letter-spacing: 0;
}
.free-header-small h1, .free-header-small h1 span,
.free-header-small h2, .free-header-small h2 span,
.free-header-small h3, .free-header-small h3 span,
.free-header-small h4, .free-header-small h4 span {
font-size: 24px;
letter-spacing: 0;
}   .free-header-border-bottom, .free-blog-list-1 .entry-title:before {
background: #2e71f2;
}
.et_pb_blurb.free-square.free-hover:hover .et-pb-icon-circle {
background: #2e71f2!important;
}
.et_pb_blurb.free-square.free-hover:hover .et-pb-icon-circle {
border-color: #2e71f2!important;
}
.free-simple.free-icon-right.free-hover.et_pb_blurb_position_left:hover .et_pb_blurb_container h4,
.free-simple.free-icon-right.free-hover.et_pb_blurb_position_left:hover .et_pb_main_blurb_image span,
.free-blog-list-1 .post-meta:before {
color: #2e71f2!important;
}
.free-header-top-text {
color: #dda600;
}
.free-testimonial-slider-modern .et-pb-slider-arrows a:hover {
background-color: #dda600!important;
}
.free-simple.free-icon-right.free-hover.et_pb_blurb_position_left:hover {
background-color: #f9f9f9;
}
.free-social-dark.et_pb_social_media_follow li a.icon {
border: 2px solid #b3ae8d!important;
}
.free-social-dark.et_pb_social_media_follow li a.icon:before {
color: #b3ae8d!important;
}
.free-accordion-minus-color.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
color: #333!important;
}
.free-process-grid-number-color h4:before {
color: #f6d01d!important;
}   .et_slide_in_menu_container .free-buy-now-menu {
text-align: center;
background: #151515;
margin-top: 16px;
margin-bottom: 30px;
letter-spacing: 3px;
padding: 0 12px;
}
.et_slide_in_menu_container .free-buy-now-menu a {
color: #ffffff!important;
}
.free-logo-menu-slide-in {
display: none!important;
}
.et_slide_in_menu_container .free-logo-menu-slide-in {
margin-left: -40px;
margin-right: -40px;
margin-top: -28px;
background: #151515;
margin-bottom: 12px;
display: block!important;
}
.et_slide_in_menu_container .free-logo-menu-slide-in a {
padding: 22px 0!important;
}
.et_slide_in_menu_container .et_mobile_menu .free-logo-menu-slide-in a:hover {
opacity: 1!important;
}
.et_slide_in_menu_container li li a {
opacity: 0.92!important;
}
.et_mobile_menu li a:hover, .et_slide_in_menu_container li li a:hover  {
opacity: 0.8!important;
}
.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > a {
font-weight: bold!important;
}   .widgettitle {
background: #151515;
color: #ffd200;
padding: 7px 12px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 14px;
}
.et_pb_widget li {
border-bottom: 1px dotted #ccc;
padding: 0 0 8px 0;
}
.et_pb_widget.widget_categories li.cat-item {
text-align: right!important;
color: #c3c3c3!important;
}
.et_pb_widget.widget_categories li.cat-item a {
text-align: left!important;
float: left!important;
}
.et_pb_widget.widget_categories li.cat-item:after {
content: " ";
display: block; 
height: 0; 
clear: both;
}
.et_pb_widget li.cat-item a:before {
content: "";
float: left;
margin-top: 9px;
margin-right: 12px;
width: 6px;
height: 6px;
border: 1px solid #ffd200;
border-radius: 50%;
box-sizing: border-box;
}
html .et_pb_widget.widget_categories li.cat-item:last-child {
margin-bottom: 0!important;
}   .et_main_title h1 {
margin-right: 12px;
font-weight: 700;
}
.et_main_title .et_project_categories a {
background: #ffd200;
color: #333;
font-weight: 800;
padding: 2px 8px;
text-transform: uppercase;
font-size: 13px;
}
.et_main_title .et_project_categories {
top: -4px;
position: relative;
margin-top: 4px;
margin-bottom: 8px;
display: inline-block;
}
.nav-next a, .nav-previous a {
color: #333!important;
font-weight: 800;
background: #ffd200;
padding: 2px 8px;
}   .et_post_meta_wrapper .entry-title {
font-weight: 600;
}   .comment-form .form-submit .et_pb_button {
padding: 8px 21px!important;
}
.comment-reply-title {
font-weight: 600;
}   #main-footer .container {
max-width: none;
width: 100%;
}
#footer-widgets {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
width: 80%;
}
#main-footer, #footer-bottom {
padding: 0!important;
}
#footer-bottom .et-social-icons {
float: none;
text-align: center;
padding: 0px 12px;
background-color: #000;
margin: 0;
}
#footer-bottom .et-social-icons li {
padding-top: 50px;
padding-bottom: 50px;
}
#footer-bottom .et-social-icons li:first-child {
margin-left: 0;
}
#footer-info {
float: none;
margin: auto;
text-align: center;
padding: 34px 20px;
letter-spacing: 2px;
}
#footer-info a {
font-weight: bold!important;
}
@media screen and (min-width: 768px) {
#footer-bottom .et-social-icons li {
display: inline-block;
margin-left: 50px;
}
}   h1.entry-title.main_title, .woocommerce-products-header h1, .woocommerce div.product .product_title {
font-weight: 600;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
text-transform: uppercase;
font-weight: 800;
font-size: 14px!important;
margin-top: 12px;
color: #151515!important;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
background: #ffd200!important;
color: #151515!important;
text-transform: uppercase!important;
font-weight: 800!important;
font-size: 14px;
border-radius: 100%!important;
padding: 15px 10px!important;
z-index: 4;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
right: -20px!important;
left: auto!important;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
margin-bottom: 0!important;
}
.woocommerce ul.products li.product .et_shop_image, .woocommerce-page ul.products li.product .et_shop_image {
margin-bottom: 12px!important;
}
.product .et_shop_image .et_overlay:before {
display: none!important;
}
.product .et_shop_image .et_overlay {
border: none!important;
background-color: rgba(0,0,0,0.23)!important;
}
.product .et_shop_image {
overflow: hidden!important;
}
.product .et_shop_image:hover img {
transform: scale(1.1);
}
.product img, .product .et_shop_image .et_overlay {
transition: 0.5s all ease;
}
.product .et_shop_image .et_overlay {
z-index: 3;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding-left: 12px!important;
padding-right: 12px!important;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
text-align: center;
padding-left: 12px!important;
padding-right: 12px!important;
padding-bottom: 15px!important;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 5px!important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
border: 1px solid #dfe5e8;
}
html .woocommerce #respond input#submit, html .woocommerce-page #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page #content input.button {
background: #151515!important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #ffd200!important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #dedede!important;
}
html .et_pb_button_helper_class .et_pb_widget button.button,
html .et_pb_button_helper_class .et_pb_widget a.button {
color: #151515!important;
background: #ffd200!important;
border-color: #ffd200!important;
font-size: 12.5px!important;
font-weight: 800!important;
text-transform: none!important;
display: block!important;
text-align: center!important;
}
.et_pb_button_helper_class .et_pb_widget button.button:after,
.et_pb_button_helper_class .et_pb_widget a.button:after {
font-size: 16px;
line-height: 1.3em;
}
.woocommerce-product-search {
position: relative;
}
.woocommerce-product-search label {
display: none;
}
.woocommerce-product-search input[type="submit"], .woocommerce-product-search button[type="submit"] {
position: absolute;
top: 0;
right: 0;
width: 65px;
color: #666 !important;
text-transform: uppercase;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #ddd;
padding: 10px 5px;
border: none!important;
text-transform: none!important;
font-size: 14px;
cursor: pointer;
margin-top: 0!important;
}
.woocommerce-product-search input.search-field {
border: 1px solid #ddd;
color: #666;
height: 40px !important;
line-height: normal !important;
margin: 0;
padding: 0.7em;
width: 100%;
border-radius: 3px;
font-size: 13px;
}
.et_pb_widget .count {
float: right;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 46px!important;
}
.woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-message a.button {
margin-bottom: -4px;
margin-top: -4px;
margin-left: 8px;
}
.woocommerce-error a, .woocommerce-message a, .woocommerce-info a {
color: #fff !important;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
height: 36px!important;
font-size: 16px!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 8px 15px!important;
}
.woocommerce div.product p.price, .woocommerce-page div.product p.price {
font-weight: 700!important;
}
.woocommerce-product-details__short-description {
margin-top: 6px;
}    .free-sidebar-style-1 #main-content .widgettitle {
border-bottom: 1px solid #d7d7d7!important;
padding-bottom: 7px!important;
background: transparent!important;
text-align: center!important;
position: relative!important;
margin-bottom: 18px!important;
display: block!important;
transform: skewX(0deg)!important;
}
.free-sidebar-style-1 #main-content .widgettitle:after {
content: ''!important;
height: 2px!important;
width: 65px!important;
display: block!important;
margin: auto!important;
position: absolute!important;
bottom: -1px!important;
left: 0!important;
right: 0!important;
}
.free-sidebar-style-1 #main-content .et_pb_widget {
margin-bottom: 42px!important;
}
.free-sidebar-style-1 #main-content .et_pb_widget:before {
display: none!important;
} .free-sidebar-style-1 #main-content .free-sidebar .free-header {
border-bottom: 1px solid #d7d7d7!important;
text-align: center!important;
position: relative!important;
display: block!important;
margin-bottom: 31px!important;
}
.free-sidebar-style-1 #main-content .free-sidebar .free-header h2 {
transform: skewX(0deg)!important;
background: transparent!important;
padding: 0 12px 7px 12px!important;
border: none!important;
margin-bottom: 0!important;
}
.free-sidebar-style-1 #main-content .free-sidebar .free-header:after {
content: ''!important;
height: 2px!important;
width: 65px!important;
display: block!important;
margin: auto!important;
position: absolute!important;
bottom: -1px!important;
left: 0!important;
right: 0!important;
}
.free-sidebar-style-1 #main-content .free-sidebar .free-header:before {
display: none!important;
} .free-sidebar-style-2 #main-content .widgettitle {
display: inline-block!important;
transform: skewX(-15deg)!important;
padding: 5px 13px 3px 13px!important;
position: relative!important;
text-align: left!important;
margin-bottom: 18px!important;
border: none!important;
}
.free-sidebar-style-2 #main-content .widgettitle:after {
display: none!important;
}
.free-sidebar-style-2 #main-content .et_pb_widget:before {
content: ''!important;
background: #555!important;
display: inline-block!important;
position: absolute!important;
left: 0!important;
top: 15px!important;
width: 100%!important;
height: 1px!important;
z-index: 0!important;
}
.free-sidebar-style-2 #main-content .et_pb_widget {
position: relative!important;
margin-bottom: 38px!important;
} .free-sidebar-style-2 #main-content .free-sidebar .free-header {
display: inline-block!important;
transform: skewX(-15deg)!important;
position: relative!important;
text-align: left!important;
margin-bottom: 31px!important;
position: relative!important;
border: none!important;
display: block!important;
}
.free-sidebar-style-2 #main-content .free-sidebar .free-header:after {
display: none!important;
}
.free-sidebar-style-2 #main-content .free-sidebar .free-header:before {
content: ''!important;
background: #555!important;
display: inline-block!important;
position: absolute!important;
left: 0!important;
top: 15px!important;
width: 100%!important;
height: 1px!important;
z-index: 0!important;
}
.free-sidebar-style-2 #main-content .et_pb_widget.widget_search:before {
display: none!important;
}
.free-sidebar-style-2 #main-content .free-sidebar .free-header h2 {
padding: 5px 13px 3px 13px!important;
border: none!important;
margin-bottom: 0!important;
}   .free-sticky-wrapper {
position: relative;
z-index: 99998;
}
html.et-fb-root-ancestor .free-du-plugin-header, html.et-fb-root-ancestor .free-du-plugin-footer {
display: none!important;
}
@media screen and (max-width: 980px) {
.free-sticky-wrapper {
display: none!important;
}
}   div[class^='dp_regular_menu__wrapper'], div[class*='dp_regular_menu__wrapper'] {
min-height: 45px;
}
html.et-fb-root-ancestor .single-et_pb_layout .et-fb-modal__support-notice {
display: none!important;
}
.dp_regular_menu.et_pb_fullwidth_menu .nav>li:not(.mega-menu).et-reverse-direction-nav li ul {
left: auto!important;
}
.et-fb-settings-options li.dp_regular_menu {
background-color: #ffd200!important;
color: #151515!important;
}
html.et-fb-root-ancestor .fullwidth-menu.nav {
z-index: 1;
}
.et_pb_pagebuilder_layout.single-post #page-container .free-du-plugin-header .et_pb_row {
width: 80%;
}
.et_pb_fullwidth_menu .fullwidth-menu li li.menu-item-has-children>a:first-child:after {
top: 6px;
right: 17px;
}
.et_pb_fullwidth_menu .nav>li:not(.mega-menu) ul li, .et_pb_fullwidth_menu .nav>li:not(.mega-menu) ul a {
width: 100%;
}
#page-container .dp_regular_menu:not(li) {
margin-bottom: 0;
z-index: -1;
}
.free-header-menu .free-search-container .et-search-field {
padding-left: 18px;
}
.free-header-menu .free-search-container .free-search-close {
right: 12px;
}
body.free-custom-header:not(.et-fb) {
overflow-x: hidden;
}
@media screen and (max-width: 980px) {
.dp_regular_menu {
min-height: 81px;
padding: 0 20px;
}
}
.free-header-menu .fullwidth-menu {
font-size: 0;
}
.free-du-plugin-header {
position: relative;
z-index: 99998;
}
.free-search-menu, .free-cart-menu, .free-search-container {
display: none!important;
}
.free-header-menu .free-search-menu, .free-header-menu .free-cart-menu, .free-header-menu .free-search-container {
display: inline-block!important;
}
.free-hide-search-cart .free-search-menu, .free-hide-search-cart .free-cart-menu, .free-hide-search-cart .free-search-container {
display: none!important;
}
@media screen and (max-width: 980px) {
.free-header-menu .free-search-menu, .free-header-menu .free-cart-menu, .free-header-menu .free-search-container {
display: none!important;
}
}
.free-header-menu .fullwidth-menu {
display: inline-block;
position: relative;
}
.free-header-menu.et_pb_fullwidth_menu nav>ul>li {
transition: all 0.35s ease;
}
.free-header-menu .fullwidth-menu-nav>ul, .free-header-menu .fullwidth-menu-nav>ul>li,
.et-db #et-boc .et_pb_fullwidth_menu.free-header-menu .fullwidth-menu-nav>ul {
padding: 0!important;
}
.free-header-menu .fullwidth-menu-nav>ul>li>a {
padding: 25px 20px!important;
margin: 0!important;
}
.is-sticky>* {
box-shadow: 0px 0px 42px rgba(0,0,0,0.15);
}
.is-sticky .free-sticky-no-shadow {
box-shadow: none!important;
}
.free-logo-custom-header {
position: absolute!important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.free-logo-custom-header img {
max-height: 42%;
width: auto;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.free-logo-custom-header .et_pb_image_wrap {
height: 100%;
width: 100%;
}
.free-cart-total {
font-size: 0.7em;
padding: 2px 4px;
background-color: #e51b23;
color: #fff;
position: absolute;
left: 1em;
height: auto;
border-radius: 100px;
bottom: 1.05em;
font-weight: 600;
}
.free-cart-menu span, .free-search-icon {
font-size: 0.9999em;
}
.free-search-icon:before {
position: relative;
content: "\55";
font-family: ETmodules!important;
font-weight: 400;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
text-transform: none;
speak: none;
}
span.free-search-close {
display: block;
position: absolute;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
width: 30px;
height: 30px;
margin: auto;
cursor: pointer;
}
span.free-search-close:after {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "ETmodules";
font-size: 32px;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: "\4d";
speak: none;
}
.free-search-outer .et-search-form input {
left: 0;
top: 0;
width: 100%;
font-weight: 700;
text-transform: uppercase;
}
.et_pb_bg_layout_light span.free-search-close:after {
color: #151515;
}
.et_pb_bg_layout_dark span.free-search-close:after {
color: #fff;
}
.et_pb_bg_layout_light .free-search-outer .et-search-form input {
color: #151515;
}
.et_pb_bg_layout_dark .free-search-outer .et-search-form input {
color: #fff;
}
.et_pb_bg_layout_light .free-search-outer .et-search-form input::-webkit-input-placeholder {
color: #151515!important;
}
.et_pb_bg_layout_light .free-search-outer .et-search-form input:-moz-placeholder { color: #151515!important;  
}
.et_pb_bg_layout_light .free-search-outer .et-search-form input::-moz-placeholder { color: #151515!important;  
}
.et_pb_bg_layout_light .free-search-outer .et-search-form input:-ms-input-placeholder {  
color: #151515!important;  
}
.et_pb_bg_layout_dark .free-search-outer .et-search-form input::-webkit-input-placeholder {
color: #fff!important;
}
.et_pb_bg_layout_dark .free-search-outer .et-search-form input:-moz-placeholder { color: #fff!important;  
}
.et_pb_bg_layout_dark .free-search-outer .et-search-form input::-moz-placeholder { color: #fff!important;  
}
.et_pb_bg_layout_dark .free-search-outer .et-search-form input:-ms-input-placeholder {  
color: #fff!important;  
}
.free-search-outer .et-search-form {
width: auto;
left: 0;
right: 30px;
}
.free-search-container {
position: absolute!important; height: 0; top: 0; left: 0; right: 0; opacity: 0; pointer-events: none;
}
.free-header-menu.free-menu-hidden nav ul li {
opacity: 0;
}
.free-header-menu.free-hide-search-cart.free-menu-hidden nav ul li {
opacity: 1;
}
.free-header-menu .free-search-container.free-search-visible {
opacity: 1; pointer-events: auto; height: 100%;
}
.free-menu-shortcode-float.et_pb_fullwidth_menu>.et_pb_row {
float: left!important;
width: auto!important;
}
.free-menu-padding-small .fullwidth-menu-nav>ul, .free-menu-padding-small .fullwidth-menu-nav>ul>li {
padding: 0!important;
}
.free-menu-padding-small .fullwidth-menu-nav>ul>li>a {
padding: 18px 15px!important;
}
.free-menu-padding-small.free-menu-style-1 .fullwidth-menu-nav>ul>li>a {
padding: 18px 20px!important;
}
.free-menu-padding-small .fullwidth-menu-nav>ul>li>a:after, .free-header-menu .fullwidth-menu-nav>ul>li>a:after {
position: relative!important;
margin-left: 4px!important;
top: 2px!important;
line-height: 0px!important;
display: inline-block!important;
margin-right: -2px!important;
font-size: 1em!important;
}
.free-search-container:before, .free-search-container:after {
display: none!important;
}
.free-search-container {
background: transparent!important;
}
.free-menu-hover-1 .free-header-menu nav>ul>li:after {
content: '';
display: block;
width: 0;
height: 3px;
background: #e51b23;
transition: width .35s;
position: absolute;
bottom: -3px;
left: 0;
}
.free-menu-hover-1 .free-header-menu nav>ul>li:hover:after {
width: 100%;
}
.free-menu-hover-2 .free-header-menu nav>ul>li:not(.free-search-container) {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.free-menu-hover-2 .free-header-menu nav>ul>li:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: -1px;
background: #e51b23;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.free-menu-hover-2 .free-header-menu nav>ul>li:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.free-menu-hover-2 .free-header-menu nav>ul>li:hover>a {
color: #fff!important;
opacity: 1!important;
}
.free-menu-hover-3 .free-header-menu nav>ul>li:hover {
background-color: #e51b23;
}
.free-menu-hover-3 .free-header-menu nav>ul>li:hover>a {
color: #fff!important;
opacity: 1!important;
}
.free-search-container, .free-search-container .free-search-outer, .free-search-container .et-search-form, .free-search-container .et-search-form input {
height: auto!important;
}
.free-search-container {
bottom: 0;
transform: translateY(-50%);
}
.free-search-container.free-search-visible {
transform: translateY(0%);
}   .free-menu-style-1 .fullwidth-menu {
font-size: 0;
}
.free-menu-style-1 .fullwidth-menu-nav>ul>li:first-child>a:before {
display: none!important;
} 
.free-menu-style-1 .fullwidth-menu-nav>ul>li>a:before {
content: '';
position: absolute!important;
left: 0;
top: 50%;
height: 27px;
width: 1px;
margin: -14.5px 0 0;
background: rgba(255,255,255,.25);
} 
.free-menu-style-1.free-light .fullwidth-menu-nav>ul>li>a:before {
background: rgba(0,0,0,0.15);
}   .free-mega-menu .free-header-menu .fullwidth-menu {
position: static;
}
.free-mega-menu .free-header-menu.et_pb_fullwidth_menu .fullwidth-menu-nav>ul>li.mega-menu>ul {
top: auto;
}
.free-mega-menu .free-header-menu .fullwidth-menu-nav li.mega-menu li>a {
width: 100%!important;
}
.free-mega-menu .free-header-menu .fullwidth-menu-nav li.mega-menu>ul>li>ul>li,
.free-mega-menu .free-header-menu .fullwidth-menu-nav li.mega-menu>ul>li>ul {
width: 100%!important;
}   .free-footer-style-1 .free-footer-header .et_pb_module_header:after {
content: '';
width: 0px;
height: 0px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid #e51b23;
display: inline-block;
transform: rotate(-45deg);
top: 5px;
position: relative;
margin-left: 10px;
}
#page-container .free-blog-list-3.et_pb_blog_grid .column, #page-container .free-blog-list-3 .et_pb_blog_grid .column {
margin-bottom: 0!important;
}
#page-container .et_pb_section .et_pb_column .et_pb_module.et_pb_blog_grid_wrapper {
margin-bottom: 0;
}
body.et-fb.free-footer-reveal #main-content {
box-shadow: none!important;
}
html:not(.et-fb-root-ancestor) #page-container {
overflow-y: visible!important;
overflow-x: hidden!important;
}      .free-archive-blog-individual {
position: relative;
}
.free-archive-blog-individual .et_pb_post {
padding: 19px;
border: 1px solid #d8d8d8;
background-color: #fff;
word-wrap: break-word;
}
.free-archive-blog-individual .et_pb_image_container {
position: relative;
}
.free-archive-blog-individual .et_main_video_container,
.free-archive-blog-individual .et_audio_content,
.free-archive-blog-individual .et_pb_post .et_pb_slider {
margin: -20px -20px 29px;
}
.free-archive-blog-individual .et_pb_image_container img {
min-width: 100%;
max-width: 100%;
height: auto;
}
.free-archive-blog-individual .et_pb_no_thumb h2,
.free-archive-blog-individual .et_pb_no_thumb .entry-title {
margin-top: 0;
}
.free-archive-blog-individual .et_audio_content {
margin-bottom: 0;
}
.free-archive-blog-individual h2 {
font-size: 18px;
}
.free-archive-blog-individual .et_main_video_overlay:hover:before {
background: rgba(0, 0, 0, 0.6);
}
.free-archive-blog-individual .et_audio_content h2 {
margin-top: 0;
margin-bottom: 9px;
}
.free-archive-blog-individual .et_quote_content {
padding: 35px 30px 32px;
}
.free-archive-blog-individual .et_link_content,
.free-archive-blog-individual .et_audio_content {
padding: 35px 20px;
}
.free-archive-blog-individual .et_quote_content blockquote p,
.free-archive-blog-individual .et_link_content h2,
.free-archive-blog-individual .et_audio_content h2 {
font-size: 18px;
line-height: 26px;
}
.free-archive-blog-individual .et_quote_content blockquote cite,
.free-archive-blog-individual .et_link_content a.et_link_main_url {
font-size: 14px;
}
.free-archive-blog-individual .et_link_content {
margin: -20px -20px 19px;
}
.free-archive-blog-individual .et_quote_content {
margin: -20px -20px 19px;
}
.free-archive-blog-individual .et_audio_content {
margin-bottom: 19px;
}
.free-archive-blog-individual .et_audio_container .mejs-container .mejs-controls .mejs-time span {
font-size: 14px;
}
.et_pb_row .free-archive-blog-individual .et_pb_post .et_pb_slide {
min-height: 180px;
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.free-archive-blog-individual .et_quote_content {
padding: 35px 25px 32px;
}
.free-archive-blog-individual .et_pb_post .et_pb_slide {
min-height: 155px;
}
}
@media screen and (max-width: 980px) {
.free-archive-blog-individual .et_audio_container .mejs-container .mejs-controls .mejs-time span {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
.free-archive-blog-individual .et_quote_content {
padding: 35px 30px !important;
}
.free-archive-blog-individual .et_quote_content blockquote p {
font-size: 20px !important;
line-height: 26px !important;
}
.free-archive-blog-individual .et_quote_content blockquote cite {
font-size: 14px !important;
}
.free-archive-blog-individual .et_link_content h2 {
font-size: 20px !important;
line-height: 26px !important;
}
.free-archive-blog-individual .et_link_content a.et_link_main_url {
font-size: 14px !important;
}
.free-archive-blog-individual > .et_pb_gallery_post_type > .et_pb_slides > .et_pb_post .et_pb_slide {
min-height: 182px !important;
}
.free-archive-blog-individual .et_audio_content h2 {
font-size: 20px !important;
line-height: 26px !important;
}
}
@media screen and (max-width: 767px) {
.free-archive-blog-individual .et_quote_content {
padding: 35px 30px !important;
}
.free-archive-blog-individual .et_quote_content blockquote p {
font-size: 20px !important;
line-height: 26px !important;
}
.free-archive-blog-individual .et_quote_content blockquote cite {
font-size: 14px !important;
}
.free-archive-blog-individual .et_pb_post > .et_pb_gallery_post_type > .et_pb_slides > .et_pb_slide {
min-height: 222px !important;
}
}
@media screen and (max-width: 479px) {
.free-archive-blog-individual h2 {
padding-bottom: 0;
font-size: 16px;
}
.free-archive-blog-individual .et_pb_post.format-quote > *,
.free-archive-blog-individual .et_pb_post.format-link > *,
.free-archive-blog-individual .et_main_video_container,
.free-archive-blog-individual .et_audio_content,
.free-archive-blog-individual .et_pb_post .et_pb_slider {
display: block;
}
.free-archive-blog-individual .et_pb_post > .et_pb_image_container,
.free-archive-blog-individual .et_pb_post > h2,
.free-archive-blog-individual .et_pb_post > .post-meta {
display: block;
}
.free-archive-blog-individual .et_pb_post .post-meta {
display: block !important;
padding: 0;
}
.free-archive-blog-individual .et_quote_content,
.free-archive-blog-individual .et_link_content {
padding: 35px 20px !important;
}
.free-archive-blog-individual > .et_pb_gallery_post_type > .et_pb_slides > .et_pb_post .et_pb_slide {
min-height: 156px !important;
}
}   .free-archive-blog-text-secondary-color-light .free-archive-blog .free-text-secondary-color,
.free-archive-blog-text-secondary-color-light .free-archive-blog .free-text-category-secondary-color a {
color: #fff!important;
}
.free-archive-blog-text-secondary-color-dark .free-archive-blog .free-text-secondary-color,
.free-archive-blog-text-secondary-color-dark .free-archive-blog .free-text-category-secondary-color a {
color: #151515!important;
}
.free-archive-blog-text-secondary-color-light.free-archive-blog-pagination-style-1 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-light.free-archive-blog-pagination-style-2 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-light.free-archive-blog-pagination-style-3 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-light.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-next-link-wrapper a,
.free-archive-blog-text-secondary-color-light.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-next-link-wrapper a {
color: #fff!important;
}
.free-archive-blog-text-secondary-color-dark.free-archive-blog-pagination-style-1 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-dark.free-archive-blog-pagination-style-2 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-dark.free-archive-blog-pagination-style-3 .free-archive-blog-pagination li.active a,
.free-archive-blog-text-secondary-color-dark.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-next-link-wrapper a,
.free-archive-blog-text-secondary-color-dark.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-next-link-wrapper a,
.free-archive-blog-text-secondary-color-dark .free-archive-blog .free-text-main-color {
color: #151515!important;
}   #main-content.free-archive-wrapper .entry {
margin-bottom: 50px;
}
#main-content .free-archive-blog .et_pb_post .post-meta {
padding-bottom: 15px;
}
#main-content .free-archive-blog .free-archive-blog-individual .et_pb_post .post-meta {
padding-bottom: 8px;
}
#main-content .free-archive-blog .free-blog-list-2 .et_pb_post .post-meta {
padding-bottom: 0;
}
#main-content .free-archive-blog .et_pb_post .entry-title {
padding-bottom: 10px;
}
#main-content .free-archive-blog .free-blog-list-2 .et_pb_post .entry-title {
padding-bottom: 6px;
}
#main-content .free-archive-blog .et_pb_post .post-meta, #main-content .free-archive-blog .et_pb_post .post-meta span, #main-content .free-archive-blog .et_pb_post .post-meta a {
line-height: 1.4em!important;
}   .free-breadcrumbs-sep:before {
content: '/';
font-size: 0.8em;
position: relative;
top: -1px;
padding: 0 3px;
opacity: 0.5;
}
html.et-fb-root-ancestor .free-breadcrumbs-text-module p {
padding-bottom: 0;
}   @media screen and (min-width: 1425px) {
.free-archive-wrapper #sidebar {
padding-top: 28px;
}
}
@media screen and (min-width: 981px) {
.free-archive-wrapper #sidebar {
padding-top: 2%;
padding-bottom: 2%;
}
}
.free-no-sidebar:before {
display: none!important;
}    .free-archive-blog-pagination {
padding-bottom: 36px;
}
.free-archive-blog-pagination .free-archive-blog-pages {
font-size: 14px;
margin-right: 12px;
color: #888;
margin-bottom: 12px;
display: inline-block;
}
.free-archive-blog-pagination li a:hover {
opacity: 0.8;
}
.free-archive-blog-pagination li a, .free-archive-blog-pagination li .free-excess {
font-size: 14px;
color: #151515;
font-weight: 600;
line-height: 1;
display: block;
}
.free-archive-blog-pagination li.active {
pointer-events: none;
}
.free-archive-blog-pagination ul {
display: inline-block;
padding: 0!important;
font-size: 0;
}
.free-archive-blog-pagination li {
list-style: none;
display: inline-block;
line-height: 1;
position: relative;
} .free-archive-blog-pagination-style-1 .free-archive-blog-pagination li {
margin: 0 1px;
}
.free-archive-blog-pagination-style-1 .free-archive-blog-pagination li a, .free-archive-blog-pagination-style-1 .free-archive-blog-pagination li .free-excess {
padding: 8px 11px;
}
.free-archive-blog-pagination-style-1 .free-archive-blog-pagination li.active {
border-radius: 100px;
} .free-archive-blog-pagination-style-2 .free-archive-blog-pagination li {
margin: 2px;
background: #efefef;
border-bottom: 2px solid #ffd200;
}
.free-archive-blog-pagination-style-2 .free-archive-blog-pagination li a, .free-archive-blog-pagination-style-2 .free-archive-blog-pagination li .free-excess {
padding: 9px 12px;
}
.free-archive-blog-pagination-style-2 .free-archive-blog-pagination li.active a {
color: #fff;
} .free-archive-blog-pagination-style-3 .free-archive-blog-pagination li {
margin: 3px;
border: 1px solid  rgba(0,0,0,0.12);
border-radius: 100px;
}
.free-archive-blog-pagination-style-3 .free-archive-blog-pagination li a, .free-archive-blog-pagination-style-3 .free-archive-blog-pagination li .free-excess {
padding: 9px 21px;
}
.free-archive-blog-pagination-style-3 .free-archive-blog-pagination li.active a {
color: #fff;
} .free-archive-blog-pagination-style-4 .free-archive-blog-pagination li {
margin: 2px 8px;
border-bottom: 3px solid #eaeaea;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination li a, .free-archive-blog-pagination-style-4 .free-archive-blog-pagination li .free-excess {
padding: 11px 8px;
font-weight: 400;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination li.active a, .free-archive-blog-pagination-style-4 .free-archive-blog-pagination li.active .free-excess {
font-weight: 700;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-previous-link-wrapper, .free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-next-link-wrapper {
border: none;
border-radius: 100px;
position: relative;
top: 2px;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-previous-link-wrapper a, .free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-next-link-wrapper a {
padding: 8px 12px;
color: #fff;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-previous-link-wrapper {
background: #eaeaea;
}
.free-archive-blog-pagination-style-4 .free-archive-blog-pagination .free-previous-link-wrapper a {
color: #151515;
} .free-archive-blog-pagination-style-5 .free-archive-blog-pagination li {
margin: 2px 0px;
border-bottom: 3px solid #eaeaea;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination li a, .free-archive-blog-pagination-style-5 .free-archive-blog-pagination li .free-excess {
padding: 11px 14px;
font-weight: 400;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination li.active a, .free-archive-blog-pagination-style-5 .free-archive-blog-pagination li.active .free-excess {
font-weight: 700;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-previous-link-wrapper, .free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-next-link-wrapper {
border: none;
border-radius: 100px;
position: relative;
top: 2px;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-previous-link-wrapper a, .free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-next-link-wrapper a {
padding: 8px 12px;
color: #fff;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-previous-link-wrapper {
background: #eaeaea;
margin-right: 12px;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-previous-link-wrapper a {
color: #151515;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-next-link-wrapper {
margin-left: 12px;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination li.active:after {
content: '';
width: 0px;
height: 0px;
border: 4px solid #ffd200;
border-radius: 100px;
display: inline-block;
transform: rotate(90deg);
bottom: -6px;
position: absolute;
left: 14px;
}
.free-archive-blog-pagination-style-5 .free-archive-blog-pagination .free-archive-blog-pages {
margin-right: 20px;
}      html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .et_pb_row {
position: absolute!important;
width: 80%!important;
left: 0!important;
right: 0!important;
z-index: 1!important;
transition: all 0.3s ease;
}
html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .is-sticky .et_pb_row {
position: fixed!important;
margin-top: 0!important;
}
html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .free-sticky-wrapper {
height: 0!important;
}
.free-button-float-left .et_pb_button_module_wrapper {
float: left;
}
.free-button-float-right .et_pb_button_module_wrapper {
float: right;
}
#main-content {
overflow: hidden!important;
width: 100%;
}
html.et-fb-root-ancestor #main-content {
overflow: visible!important;
}
html.et-fb-root-ancestor #main-content>.et_pb_post {
margin: 0;
}
@media screen and (max-width: 620px) {
.et_pb_gutters1 .et_pb_row_4col > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_1-2_1-4_1-4 > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_1-4_1-4 .et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-2_1-4_1-4 > .et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-4_1-4 .et_pb_column.et_pb_column_1_4 {
width: 100% !important;
}
}
@media screen and (max-width: 1460px) and (min-width: 981px) {
.free-grid-padding-smaller {
padding-left: 36px!important;
padding-right: 36px!important;
}
}
.container, .et_pb_row, .et-db #et-boc .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section 
.et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container,
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
max-width: 1140px;
}
html.et-fb-root-ancestor .free-admin-disable {
pointer-events: none!important;
}
html.et-fb-root-ancestor #page-container {
min-height: 100vh;
overflow-y: visible;
}
html.et-fb-root-ancestor .free-custom-footer article {
padding-bottom: 100px;
}
html.et-fb-root-ancestor .free-visual-overflow-hidden {
overflow: hidden!important;
}
html.et-fb-root-ancestor .free-visual-margin-bottom-zero {
margin-bottom: 0!important;
}
html.et_fb_preview_active--responsive_preview.et_fb_preview_active--responsive_preview--tablet_preview .free-overlay-slant:before, html.et_fb_preview_active--responsive_preview.et_fb_preview_active--responsive_preview--tablet_preview .free-overlay-slant:after,
html.et-fb-preview--tablet .free-overlay-slant:before, html.et-fb-preview--tablet .free-overlay-slant:after {
border-width: 0 0 163px 812px!important;
}
html.et_fb_preview_active--responsive_preview.et_fb_preview_active--responsive_preview--phone_preview .free-overlay-slant:before, html.et_fb_preview_active--responsive_preview.et_fb_preview_active--responsive_preview--phone_preview .free-overlay-slant:after,
html.et-fb-preview--phone .free-overlay-slant:before, html.et-fb-preview--phone .free-overlay-slant:after {
border-width: 0 0 103px 518px!important;
}
html.et_fb_preview_active--responsive_preview .free-number-horizontal.et_pb_number_counter .percent,
html.et-fb-preview--tablet .free-number-horizontal.et_pb_number_counter .percent,
html.et-fb-preview--phone .free-number-horizontal.et_pb_number_counter .percent {
float: none!important;
padding-right: 0!important;
margin-bottom: 0!important;
}
html.et_fb_preview_active--responsive_preview .free-number-horizontal.et_pb_number_counter .title,
html.et-fb-preview--tablet .free-number-horizontal.et_pb_number_counter .title,
html.et-fb-preview--phone .free-number-horizontal.et_pb_number_counter .title {
padding-top: 20px!important;
text-align: center!important;
}
html.et_fb_preview_active--responsive_preview .free-number-horizontal.et_pb_number_counter,
html.et-fb-preview--tablet .free-number-horizontal.et_pb_number_counter,
html.et-fb-preview--phone .free-number-horizontal.et_pb_number_counter {
min-height: 0!important;
}
html.et_fb_preview_active--responsive_preview .free-background-image-full.et_pb_text:only-child, html.et_fb_preview_active--responsive_preview .free-background-image-full.et_pb_text.free-background-overlay, html.et_fb_preview_active--responsive_preview .free-background-image-full.et_pb_text.et-first-child.et-last-child,
html.et-fb-preview--tablet .free-background-image-full.et_pb_text:only-child, html.et-fb-preview--phone .free-background-image-full.et_pb_text:only-child,
html.et-fb-preview--tablet .free-background-image-full.et_pb_text.free-background-overlay, html.et-fb-preview--phone .free-background-image-full.et_pb_text.free-background-overlay,
html.et-fb-preview--tablet .free-background-image-full.et_pb_text.et-first-child.et-last-child, html.et-fb-preview--phone .free-background-image-full.et_pb_text.et-first-child.et-last-child {
top: auto!important;
bottom: auto!important;
left: auto!important;
right: auto!important;
position: relative!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_section_parallax.et_pb_column .et_pb_module.et_pb_text.free-background-image-full.et_pb_text,
html.et-fb-preview--tablet .et_pb_section_parallax.et_pb_column .et_pb_module.et_pb_text.free-background-image-full.et_pb_text,
html.et-fb-preview--phone .et_pb_section_parallax.et_pb_column .et_pb_module.et_pb_text.free-background-image-full.et_pb_text {
position: relative!important;
}
html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text:only-child,
html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.free-background-overlay,
html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.et-first-child.et-last-child,
html.et-fb-preview--tablet .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text:only-child,
html.et-fb-preview--tablet .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.free-background-overlay,
html.et-fb-preview--tablet .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.et-first-child.et-last-child {
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
position: absolute!important;
}
html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row_4col>.et_pb_column.et_pb_column_1_4.et_pb_section_parallax .et_pb_module.et_pb_text.free-background-image-full.et_pb_text,
html.et-fb-preview--tablet .et_pb_row_4col>.et_pb_column.et_pb_column_1_4.et_pb_section_parallax .et_pb_module.et_pb_text.free-background-image-full.et_pb_text {
position: absolute!important;
}
html.et_fb_preview_active--responsive_preview .free-lawyer-big-header.et_pb_section,
html.et-fb-preview--tablet .free-lawyer-big-header.et_pb_section,
html.et-fb-preview--phone .free-lawyer-big-header.et_pb_section {
padding-top: 0!important;
padding-bottom: 0!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_column .et_pb_pricing_1 .et_pb_pricing_table,
html.et-fb-preview--tablet .et_pb_column .et_pb_pricing_1 .et_pb_pricing_table,
html.et-fb-preview--phone .et_pb_column .et_pb_pricing_1 .et_pb_pricing_table {
width: 100%!important;
}
html.et_fb_preview_active--responsive_preview .free-pricing-featured-scale .et_pb_featured_table,
html.et-fb-preview--tablet .free-pricing-featured-scale .et_pb_featured_table,
html.et-fb-preview--phone .free-pricing-featured-scale .et_pb_featured_table {
transform: scale(1)!important;
}
html.et_fb_preview_active--responsive_preview .free-team-style-1.et_pb_team_member .et_pb_team_member_image,
html.et-fb-preview--tablet .free-team-style-1.et_pb_team_member .et_pb_team_member_image,
html.et-fb-preview--phone .free-team-style-1.et_pb_team_member .et_pb_team_member_image {
height: auto!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_row .et_pb_column.et-last-child,
html.et-fb-preview--tablet .et_pb_row .et_pb_column.et-last-child,
html.et-fb-preview--phone .et_pb_row .et_pb_column.et-last-child {
margin-bottom: 0;
}
html.et_fb_preview_active--responsive_preview .et_pb_text_align_right, html.et_fb_preview_active--responsive_preview .et_pb_button_alignment_right,
html.et-fb-preview--tablet .et_pb_text_align_right,	html.et-fb-preview--phone .et_pb_text_align_right,
html.et-fb-preview--tablet .et_pb_button_alignment_right, html.et-fb-preview--phone .et_pb_button_alignment_right {
text-align: left!important;
}
html.et_fb_preview_active--responsive_preview .free-mobile-center,
html.et-fb-preview--tablet .free-mobile-center,
html.et-fb-preview--phone .free-mobile-center {
text-align: center!important;
}
html.et_fb_preview_active--responsive_preview .free-slider-mobile-center .et_pb_slide .et_pb_slide_description,
html.et-fb-preview--tablet .free-slider-mobile-center .et_pb_slide .et_pb_slide_description,
html.et-fb-preview--phone .free-slider-mobile-center .et_pb_slide .et_pb_slide_description {
text-align: center!important;
}
html.et_fb_preview_active--responsive_preview #page-container .free-mobile-margin-auto,
html.et-fb-preview--tablet #page-container .free-mobile-margin-auto,
html.et-fb-preview--phone #page-container .free-mobile-margin-auto {
margin-left: auto!important;
margin-right: auto!important;
}
html.et_fb_preview_active--responsive_preview .free-mobile-left,
html.et-fb-preview--tablet .free-mobile-left,
html.et-fb-preview--phone .free-mobile-left {
text-align: left!important;
}
html.et_fb_preview_active--responsive_preview .free-mobile-button-left .et_pb_button_module_wrapper,
html.et-fb-preview--tablet .free-mobile-button-left .et_pb_button_module_wrapper,
html.et-fb-preview--phone .free-mobile-button-left .et_pb_button_module_wrapper {
text-align: left!important;
}
html.et_fb_preview_active--responsive_preview .free-mobile-margin-bottom-zero,
html.et-fb-preview--tablet .free-mobile-margin-bottom-zero,
html.et-fb-preview--phone .free-mobile-margin-bottom-zero {
margin-bottom: 0!important;
}
html.et_fb_preview_active--responsive_preview .free-background-resize-mobile:after,
html.et-fb-preview--tablet .free-background-resize-mobile:after,
html.et-fb-preview--phone .free-background-resize-mobile:after {
background-size: cover!important;
margin-left: -300px!important;
margin-top: 0px!important;
}
html.et_fb_preview_active--responsive_preview .free-background-overlay-mobile:before,
html.et-fb-preview--tablet .free-background-overlay-mobile:before,
html.et-fb-preview--phone .free-background-overlay-mobile:before {
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height:100%;
display: block;
z-index:0;
background-color: rgba(0,0,0,0.65);
}
html.et_fb_preview_active--responsive_preview .free-desktop-opacity-zero,
html.et-fb-preview--tablet .free-desktop-opacity-zero,
html.et-fb-preview--phone .free-desktop-opacity-zero {
opacity: 1!important;
}
html.et_fb_preview_active--responsive_preview .free-image-right,
html.et-fb-preview--tablet .free-image-right,
html.et-fb-preview--phone .free-image-right {
right: auto;
position: relative!important;
height: inherit;
}
html.et_fb_preview_active--responsive_preview .free-float-right-desktop, html.et_fb_preview_active--responsive_preview .free-float-left-desktop,
html.et-fb-preview--tablet .free-float-right-desktop, html.et-fb-preview--tablet .free-float-left-desktop,
html.et-fb-preview--phone .free-float-right-desktop, html.et-fb-preview--phone .free-float-left-desktop {
float: none!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_specialty_fullwidth>.et_pb_row,
html.et-fb-preview--tablet .et_pb_specialty_fullwidth>.et_pb_row,
html.et-fb-preview--phone .et_pb_specialty_fullwidth>.et_pb_row {
width: 100%!important;
}
html.et_fb_preview_active--responsive_preview .free-gallery-three-column .et_pb_gallery_item.et_pb_grid_item,
html.et-fb-preview--tablet .free-gallery-three-column .et_pb_gallery_item.et_pb_grid_item,
html.et-fb-preview--phone .free-gallery-three-column .et_pb_gallery_item.et_pb_grid_item {
width: 30%!important;
margin-left: 1.5%!important;
margin-right: 1.5%!important;
margin-bottom: 3%!important;
clear: none!important;
}
html.et_fb_preview_active--responsive_preview .free-map-full-height.et_pb_map,
html.et_fb_preview_active--responsive_preview .free-map-full-height .et_pb_map,
html.et_fb_preview_active--responsive_preview .free-map-full-height.et_pb_map_container,
html.et-fb-preview--tablet .free-map-full-height.et_pb_map,
html.et-fb-preview--tablet .free-map-full-height .et_pb_map,
html.et-fb-preview--tablet .free-map-full-height.et_pb_map_container,
html.et-fb-preview--phone .free-map-full-height.et_pb_map,
html.et-fb-preview--phone .free-map-full-height .et_pb_map,
html.et-fb-preview--phone .free-map-full-height.et_pb_map_container	{
position: relative!important;
top: auto!important;
bottom: auto!important;
left: auto!important;
right: auto!important;
}
html.et_fb_preview_active--responsive_preview--tablet_preview .free-background-image-tablet-padding.et_pb_column,
html.et-fb-preview--tablet .free-background-image-tablet-padding.et_pb_column,
html.et-fb-preview--phone .free-background-image-tablet-padding.et_pb_column {
padding-top: 400px!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_section .et_pb_row .et_pb_column .free-blog-tablet-column-full .column,
html.et-fb-preview--tablet .et_pb_section .et_pb_row .et_pb_column .free-blog-tablet-column-full .column,
html.et-fb-preview--phone .et_pb_section .et_pb_row .et_pb_column .free-blog-tablet-column-full .column {
width: 100%!important;
}
html.et_fb_preview_active--responsive_preview .et_pb_section .et_pb_row .et_pb_column .free-blog-list-3 .et_pb_post,
html.et-fb-preview--tablet .et_pb_section .et_pb_row .et_pb_column .free-blog-list-3 .et_pb_post,
html.et-fb-preview--phone .et_pb_section .et_pb_row .et_pb_column .free-blog-list-3 .et_pb_post {
margin-bottom: 0!important;
}
html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_post,
html.et-fb-preview--tablet .et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_post {
margin-bottom: 60px!important;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.3;
}
.et_pb_specialty_fullwidth .et_pb_gutters1 {
width: 100%!important;
max-width: 100%!important;
}
.et_pb_row, .et-db #et-boc .et_pb_row { width: 92% }
.et_pb_blurb.free-gradient .et-pb-icon-circle,
.et_pb_text.free-gradient {
color: #fff;
background: linear-gradient(to right,#d4145a 0,#e8664a 50%,#d4145a 100%);
background-size: 200% 200%;
}
.et_pb_blurb.free-gradient.free-hover:hover .et-pb-icon-circle,
.et_pb_text.free-gradient.free-hover:hover {
background-position: 100% center;
}
.et_pb_blurb.free-elevate.free-boxes,
.et_pb_blurb.free-gradient.free-hover .et-pb-icon-circle,
.et_pb_text.free-gradient.free-hover,
.et_pb_blurb.free-square.free-hover .et-pb-icon-circle {
transition: all 0.3s ease;
}
.et_pb_blurb.free-elevate.free-boxes:hover {
box-shadow: 0 12px 25px rgba(0,0,0,0.2);
transform: scale(1.02) translate(0, -7px);
}
.free-simple.et_pb_blurb_position_top {
margin-bottom: 42px!important;
}
.free-boxes {
margin-bottom: 30px!important;
}
.et_pb_section .et_pb_row .et_pb_column .et_pb_module.free-boxes:last-child {
margin-bottom: 0!important;
}
.et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_blurb_position_top.free-simple:last-child {
margin-bottom: 12px!important;
}
.et_pb_blurb_position_left .et_pb_main_blurb_image {
padding-right: 12px;
}
.et_pb_blurb_position_left.free-boxes .et_pb_main_blurb_image {
padding-left: 0px;
}
.et_pb_blurb_position_left .et-pb-icon-circle {
padding: 15px;
margin-right: -10px;
}
.et_pb_blurb.free-square .et-pb-icon-circle {
border-radius: 4px;
}
.et_pb_blurb.free-square.free-hover:hover .et-pb-icon-circle {
color: #fff!important;
}
.et_pb_blurb.free-square.free-hover.free-elevate:hover .et-pb-icon-circle {
box-shadow: 0 15px 25px rgba(0,0,0,0.25);
transform: scale(1.06) translate(0, -6px);
}
.et_pb_section_parallax:before {
z-index: 1!important;
}
.et_pb_section_parallax .et_pb_row {
z-index: 2!important;
}
.free-divider-triangle:after {
top: -42px;
background-image: linear-gradient(315deg, transparent 50%, #ffffff 25%), linear-gradient( 45deg, transparent 50%, #ffffff 25%);
background-position: 50%;
right: 0;
left: 0;
z-index: 10;
display: inline;
height: 85px;
background-size: 30px 100%;
position: absolute;
content: '';
pointer-events: none;
}
.free-divider-triangle-invert:after {
top: -42px;
background-image: linear-gradient(315deg, #ffffff 50%, transparent 25%), linear-gradient( 45deg, #ffffff 50%, transparent 25%);
background-position: 50%;
right: 0;
left: 0;
z-index: 10;
display: inline;
height: 85px;
background-size: 30px 100%;
position: absolute;
content: '';
pointer-events: none;
}
.et_pb_main_blurb_image {
text-align: inherit;
}
.free-header-top-text {
line-height: 1.3;
display: block;
font-size: 24px;
}
.free-header-top-text .et_pb_promo_description p {
position: relative;
top: -88px;
height: 0;
overflow: visible;
}
.free-header-border-bottom {
display: inline-block;
}
.et_pb_bg_layout_dark .free-header-border-bottom {
background: #ffffff; 
}
.free-background-overlay:before, .free-background-overlay-light:before {
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height:100%;
display: block;
z-index:0;
}
.free-background-overlay:before {
background-color: rgba(0,0,0,0.65);
}
.free-background-overlay-light:before {
background-color: rgba(250, 250, 250, 0.9);
}
html.et_fb_preview_active--wireframe_preview .free-background-overlay:before, html.et-fb-preview--wireframe .free-background-overlay:before,
html.et_fb_preview_active--wireframe_preview .free-background-overlay-light:before, html.et-fb-preview--wireframe .free-background-overlay-light:before {
display: none!important;
}
.free-background-image-full {
background-position: center;
background-size: cover!important;
background-repeat: no-repeat!important;
height: 100%;
}
html.et_fb_preview_active .free-mobile-background-hide,
html.et-fb-preview--tablet .free-mobile-background-hide,
html.et-fb-preview--phone .free-mobile-background-hide {
background-image: none!important;
}
.free-simple.free-icon-right.et_pb_blurb_position_left .et_pb_blurb_container {
padding-left: 0;
padding-right: 28px;
}
.free-simple.free-icon-right.free-hover.et_pb_blurb_position_left {
transition: all 0.3s ease;
}
.free-simple.free-icon-right .et_pb_main_blurb_image {
margin-bottom: 18px;
}
.free-testimonial-slider-modern .et-pb-slider-arrows a:hover {
color: #fff!important; 
}
.free-testimonial-slider-modern .et-pb-arrow-next {
right: 0!important;
opacity: 1;
}
.free-testimonial-slider-modern .et-pb-arrow-prev {
left: 0!important;
opacity: 1;
}
.free-testimonial-slider-modern .et_pb_container {
padding: 73px 0!important;
}
.free-testimonial-slider-modern .et_pb_slide_description {
padding-top: 0!Important;
padding-bottom: 0!important;
width: 100%!important;
}
.free-testimonial-slider-modern .free-testimonial-content:after {
height: 50px;
width: 50px;
display: inline-block;
margin-top: 12px;
margin-left: 20px;
content: " ";
position: absolute;
background-image: url(//surf-ski.com/wp-content/themes/Divi-Ultimate/images/Quote-Right-Filled-50.png);
background-repeat: no-repeat;
}
html.et_fb_preview_active--responsive_preview--phone_preview .free-testimonial-slider-modern .free-testimonial-content:after,
html.et-fb-preview--phone .free-testimonial-slider-modern .free-testimonial-content:after {
width: 100%;
position: relative;
background-position: center;
margin: 18px 0 0 0;
}
html.et_fb_preview_active--responsive_preview--phone_preview .free-testimonial-slider-modern .et-pb-slider-arrows a,
html.et-fb-preview--phone .free-testimonial-slider-modern .et-pb-slider-arrows a {
font-size: 26px!important;
background-color: #b6c6c9!important;
padding: 7px!important;
}
.free-testimonial-slider-modern .et_pb_slide {
padding: 0 60px!important;
}
.free-testimonial-slider-modern.free-full .free-testimonial-content:after {
width: 100%;
position: relative;
background-position: center;
margin: 18px 0 0 0;
}
.free-icon-circle-padding-big .et-pb-icon-circle {
padding: 35px!important;
}
.free-button-hover-fixed.et_pb_promo .et_pb_promo_button.et_pb_button:hover {
padding: 13px 30px!important;
}
.free-image-circle img {
border-radius: 100%!important;
}
.free-icon-circle-transparent .et-pb-icon-circle {
background-color: transparent!important;
}
.free-icon-circle-padding-small .et-pb-icon-circle {
padding: 18px!important;
}
.free-social-icon-dark li a.icon::before {
color: #000!important;
}
.free-social-big a.icon {
height: 99px!important;
width: 99px!important;
}
.free-social-big a.icon:before {
font-size: 39px!important;
line-height: 99px!important;
display: inline!important;
}
.free-social-medium a.icon {
height: 52px!important;
width: 52px!important;
margin-right: 8px!important;
float: none!important;
}
.free-social-medium a.icon:before {
font-size: 18px!important;
line-height: 52px!important;
width: 52px!important;
height: 52px!important;
}
.free-social-dark.et_pb_social_media_follow li a.icon {
background-color: transparent!important;
}
.free-image-frame img {
z-index: 1;
position: relative;
}
.free-image-frame {
z-index: 1;
position: relative;
}
.free-slider-wide.et_pb_slider .et_pb_container {
width: 90%!important;
}
.free-button-no-transition .et_pb_button:after,
.free-button-no-transition.et_pb_button:after {
transition: all 0s ease;
}
.free-button-icon-bold .et_pb_button:after,
.free-button-icon-bold.et_pb_button:after {
font-weight: 800!important;
}
.free-button-arrow-visible .et_pb_button:after {
margin-left: 0!important;
opacity: 1!important;
font-size: 1.2em!important;
line-height: 1.5em!important;
font-weight: 800!important;
}
html.et_fb_desktop_mode .et_section_specialty .et_pb_row,
html.et-fb-preview--desktop .et_section_specialty .et_pb_row {
padding: 0!important;
}
html.et_fb_preview_active--responsive_preview .free-services-boxes-background-hover,
html.et-fb-preview--tablet .free-services-boxes-background-hover,
html.et-fb-preview--phone .free-services-boxes-background-hover {
height: auto!important;
}
html.et_fb_preview_active--responsive_preview .free-services-boxes-background-hover .et_pb_blurb,
html.et-fb-preview--tablet .free-services-boxes-background-hover .et_pb_blurb,
html.et-fb-preview--phone .free-services-boxes-background-hover .et_pb_blurb {
position: relative!important;
top: 0!important;
padding-top: 40px!important;
}
.free-accordion-minus-icon.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
display: block!important;
}
.et_pb_toggle_title:before {
transition: all 0.6s ease;
}
.free-blog-list-1 .et_pb_post {
position: relative;
}
.free-blog-list-1 .entry-title {
margin-bottom: 10px;
padding-bottom: 0!important;
}
.free-blog-list-1 .entry-title:before {
content: '';
display: block;
width: 47px;
height: 5px;
margin: 0 0 20px;
}
.free-blog-list-1 .post-meta {
padding-left: 23px!important;
position: relative;
}
.free-blog-list-1 .post-meta:before {
content: "\7d";
font-family: "ETmodules";
font-weight: 800;
position: absolute;
left: 2px;
}
.free-blog-list-1 .post-content {
margin-top: 12px;
}
.free-blog-list-1 .et_pb_image_container {
margin-bottom: 30px!important;
}
.free-blog-no-border-top.free-blog-list-1 .entry-title:before {
display: none!important;
}
.free-blog-no-padding .et_pb_image_container, .free-blog-no-padding .et_main_video_container {
margin: 0 0 23px!important;
}
.free-blog-list-1.free-blog-no-padding .et_pb_image_container {
margin: 0 0 30px!important;
}
.free-blog-no-padding .et_pb_post {
padding: 0!important;
}
.free-blog-no-padding .post-meta:before {
left: 1px!important;
}
.free-blog-content-hide .post-content, .free-blog-content-hide .et_pb_slide_content div {
display: none!important;
}
.free-dark .et-pb-contact-message {
color: #fff!important;
}
.free-accordion-dotted .et_pb_toggle+.et_pb_toggle {
border-top: 1px dashed #3c3950!important;
}
.free-accordion-dotted .et_pb_toggle {
margin-bottom: 0!important;
padding-left: 0!important;
padding-right: 5px!important;
}
.free-accordion-dotted .et_pb_toggle_title:before {
font-size: 20px;
}
.free-accordion-dotted .et_pb_toggle_content {
margin-bottom: 25px;
margin-top: 10px;
}
.free-process-grid-01 h4:before, .free-process-grid-02 h4:before, .free-process-grid-03 h4:before, .free-process-grid-04 h4:before {
position: absolute;
padding-left: 8%;
padding-right: 8%;
width: 100%;
left: -8%;
top: 0px;
font-size: 80px;
font-weight: 700;
}
.free-process-grid-01 h4:before {
content: '01';   
}
.free-process-grid-02 h4:before {
content: '02';   
}
.free-process-grid-03 h4:before {
content: '03';   
}
.free-process-grid-04 h4:before {
content: '04';   
}
.et-fb-settings-options-tab-modules_library li {
max-height: none!important;
white-space: normal!important;
line-height: 1.4em!important;
}
.et-fb-settings-options-tab-modules_library li span {
margin: 6px 0;
display: block;
}
.free-contact-button-float-none .et_contact_bottom_container {
float: none!important;
overflow: visible;
}
.free-accordion-icon-left .et_pb_toggle {
border-radius: 18px;
padding-left:50px;
}
.free-accordion-icon-left .et_pb_toggle_title {
padding-right: 0!important;
}
.free-accordion-icon-left .et_pb_toggle_title:before {
font-size: 18px;
position: absolute;
left: -31px;
top: 8px;
}
.free-arrow-bottom .et-pb-arrow-prev, .free-arrow-bottom .et-pb-arrow-next {
opacity: 1;
background: rgba(0,0,0,0.65);
font-size: 32px;
padding: 8px;
bottom: 0;
top: initial;
}
.free-arrow-bottom .et-pb-arrow-prev {
left: 0!important;
}
.free-arrow-bottom .et-pb-arrow-next {
right: 0!important;
}
.free-gallery-hover-scale .et_pb_gallery_item, .free-portfolio-hover-scale .et_pb_portfolio_item {
overflow: hidden!important;
}
.free-gallery-hover-scale .et_pb_gallery_item:hover img, .free-portfolio-hover-scale .et_pb_portfolio_item:hover img {
transform: scale(1.1);
}
.free-gallery-hover-scale .et_pb_gallery_item img, .free-portfolio-hover-scale .et_pb_portfolio_item img {
transition: 0.3s all ease;
}
.free-column-hover-scale.et_pb_column {
transition: 0.5s all ease;
}
.free-column-hover-scale.et_pb_column:hover {
transform: scale(1.05);
}
.et_pb_portfolio_item {
position: relative;
}
.free-portfolio-filters-center.et_pb_filterable_portfolio .et_pb_portfolio_filters {
text-align: center;
}
.free-portfolio-filters-center.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
float: none!important;
display: inline-block!important;
}
.free-project-list-1 .et_pb_portfolio_filters {
width: 92%!important;
margin-left: auto;
margin-right: auto;
}
.free-project-list-1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
background: transparent;
border-color: transparent;
border-radius: 0!important;
}
.free-project-list-1 .et_pb_portfolio_item:hover .et_overlay, .free-gallery-list-1 .et_pb_gallery_item:hover .et_overlay {
background-color: transparent!important;
}
.free-project-list-1 .et_pb_portfolio_item .et_overlay, .free-gallery-list-1 .et_pb_gallery_item .et_overlay {
z-index: 1;
opacity: 1;
}
.free-project-list-1 .free-portfolio-hover-scale .et_pb_portfolio_item img,
.free-project-list-1 .et_pb_portfolio_item .et_overlay, .free-project-list-1 .et_pb_portfolio_item h2,
.free-gallery-list-1 .free-gallery-hover-scale .et_pb_gallery_item img,
.free-gallery-list-1 .et_pb_gallery_item .et_overlay, .free-gallery-list-1 .et_pb_gallery_item h3 {
transition: 0.6s all ease;
}
.free-project-list-1 .et_pb_portfolio_item:hover h2, .free-gallery-list-1 .et_pb_gallery_item:hover h3 {
opacity: 0;
}
.et_portfolio_image img, .et_pb_gallery_image img {
width: 100%;
}
.free-tabs-border-none, .free-tabs-border-none ul.et_pb_tabs_controls:after, .free-tabs-border-none .et_pb_tabs_controls li {
border: none!important;
}
.free-tabs-border-none ul.et_pb_tabs_controls {
background: transparent;
}
.free-social-style-1.et_pb_social_media_follow li a.icon::before {
color: #6b726b!important;
width: 55px;
height: 55px;
line-height: 55px;
font-size: 18px;
}
.free-social-style-1.et_pb_social_media_follow li a.icon {
width: 55px;
height: 55px;
background-color: #fff!important;
}
.free-social-style-1.et_pb_social_media_follow li a.icon:hover::before {
color: #fff!important;
}
.free-social-style-1.et_pb_social_media_follow li a.icon:hover {
background-color: #6b726b!important;
}
.free-cta-description-z-index-2 .et_pb_promo_description p {
position: relative;
z-index: 2;
}
.free-website-scroll-hover {
transition: background-position 1.5s ease-out 0.5s;
background-position: top center;
background-size: 100% auto!important;
position: relative!important;
}
.free-website-scroll-hover:hover {
background-position: bottom center!important;
transition: background-position 5s linear 0s;
}
.et_pb_video_overlay_hover {
background: rgba(0, 0, 0, 0.38);
}
.free-gallery-three-column .et_pb_gallery_item.et_pb_grid_item {
width: 30%!important;
margin-left: 1.5%!important;
margin-right: 1.5%!important;
margin-bottom: 3%!important;
clear: none!important;
}
body.tax-project_category .et_pb_post .entry-title, body.category .et_pb_post .entry-title,
body.tax-project_tag .et_pb_post .entry-title {
font-weight: 600;
}
.entry h1 {
font-weight: 600;
}
.widget_search #searchform {
margin-top: 18px;
}
.et_slide_menu_top {
padding: 12px;
background: rgb(21, 21, 21);
}
.et_slide_menu_top a.et-cart-info {
color: #ffd200;
}
.et_pb_button {
display: inline-block;
}
.free-button-icon-hide .et_pb_button:after, .free-button-icon-hide.et_pb_button:after {
display: none!important;
}
.free-pricing-featured-subtitle .et_pb_featured_table .et_pb_pricing_heading .et_pb_best_value {
position: absolute!important;
top: 18px!important;
right: 18px!important;
background: #31639c;
color: #fff;
padding: 3px 16px!important;
font-size: 10px!important;
border-radius: 100px!important;
font-weight: bold!important;
letter-spacing: 1px!important;
}
.et_pb_pricing li {
padding: 0 0 0.5em 18px;
}
.et_pb_pricing li span:before {
left: -18px;
top: 7px;
}
.free-hover .et_pb_pricing_table {
transition: all 0.3s ease;
}
.free-hover .et_pb_pricing_table:hover {
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04)
}
.et_overlay, .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
z-index: 1;
}
.free-date-style-1 p {
padding-bottom: 5px!important;
}
.free-text-disable-click .et-fb-popover-tinymce {
pointer-events: none!important;
}
.free-blog-shadow.et_pb_blog_grid .et_pb_post, .free-blog-shadow .et_pb_blog_grid .et_pb_post {
box-shadow: 0px 0px 16px rgba(0,0,0,0.12);
}
.free-address-text p {
padding-bottom: 3px!important;
}
.free-gradient-circle-background {
background: -moz-radial-gradient(center, circle cover,  #0874bb 0%, #012742 72%); background: -webkit-gradient(radial, center center, 0px, center center, 72%, color-stop(0%,#0874bb), color-stop(72%,#012742)); background: -webkit-radial-gradient(center, circle cover,  #0874bb 0%,#012742 72%); background: -o-radial-gradient(center, circle cover,  #0874bb 0%,#012742 72%); background: -ms-radial-gradient(center, circle cover,  #0874bb 0%,#012742 72%); background: radial-gradient(circle at center,  #0874bb 0%,#012742 72%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0874bb', endColorstr='#012742',GradientType=1 ); }
.free-divider-triangle-bottom:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
border-style: solid;
border-width: 20vw 0 0 50vw;
border-color: transparent transparent transparent #e8eeef;
z-index: 1;
}
.free-divider-triangle-bottom:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
border-style: solid;
border-width: 0 0 20vw 50vw;
border-color: transparent transparent #e8eeef transparent;
z-index: 1;
}
.free-divider-triangle-top:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
border-style: solid;
border-width: 0 0 20vw 50vw;
border-color: transparent transparent transparent #e8eeef;
z-index: 1;
}
.free-divider-triangle-top:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
border-style: solid;
border-width: 20vw 0 0 50vw;
border-color: #e8eeef transparent transparent transparent;
z-index: 1;
}
ul.et_pb_member_social_links li:last-child {
margin-right: 0!important;
}
.free-et_pb_text_inner-none .et_pb_text_inner {
display: none!important;
}
.free-visual-responsive-section-padding-zero {
padding-top: 0!important;
padding-bottom: 0!important;
}
.free-number-plus.et_pb_number_counter .percent-value:after {
content: '+';
font-size: 26px;
top: -16px;
left: 10px;
position: relative;
}
.free-slider-image-full-width .et_pb_slide_image, .free-slider-image-full-width .et_pb_slide_with_image .et_pb_slide_description {
width: 100%!important;
}
.free-slider-image-full-width .et_pb_slider_show_image .et_pb_slide_image {
display: table-row !important;
}
.free-slider-image-full-width .et_pb_slide_description,
.free-slider-image-full-width .et_pb_slider_fullwidth_off .et_pb_slide_description,
.free-slider-image-full-width .et_pb_slide_with_image .et_pb_slide_description {
text-align: center!important;
}
.free-slider-image-full-width .et_pb_slide_description, .free-slider-image-full-width .et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 56px 0px!important;
}
.free-slider-image-full-width .et_pb_slide_image {
position: relative!important;
margin: 0 auto 0!important;
padding: 0!important;
}
.free-slider-image-full-width.et_pb_slider .et_pb_slide {
box-shadow: none!important;
padding: 0!important;
background-color: transparent!important;
}
.free-slider-image-full-width .et-pb-slider-arrows a:hover {
color: #fff!important; 
background-color: #E1A134!important;
}
.free-slider-image-full-width .et-pb-arrow-next {
right: 0!important;
opacity: 1;
}
.free-slider-image-full-width .et-pb-arrow-prev {
left: 0!important;
opacity: 1;
}
.free-slider-image-full-width .et-pb-active-slide .et_pb_slide_image, .free-slider-image-full-width .et_pb_slide:first-child .et_pb_slide_image img.active {
-webkit-animation-name: fadeTop!important;
-moz-animation-name: fadeTop!important;
-ms-animation-name: fadeTop!important;
-o-animation-name: fadeTop!important;
animation-name: fadeTop!important;
}
.free-z-index-1, .et_pb_row.free-z-index-1 {
z-index: 1!important;
}
.free-hide-arrow .et-pb-slider-arrows {
display: none!important;
}
.free-hide-dot .et-pb-controllers {
display: none!important;
}
.et_pb_module .et_pb_post .entry-featured-image-url {
margin-bottom: 0!important;
}
.free-blog-list-2 .et_pb_post:after, .free-blog-slider-1 .et_pb_slide:after {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(250,250,250,0) 1%, rgba(0,0,0,0.51) 78%, rgba(0,0,0,0.8) 100%);
content: '';
display: block;
position: absolute!important;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
opacity: 1;
visibility: visible;
z-index: 1;
pointer-events: none;
}
.free-blog-list-2.free-blog-background-solid .et_pb_post:after {
background: rgba(0,0,0,0.5)!important;
}
.free-blog-list-2.free-blog-border .et_pb_post:after {
outline: 4px double rgba(255, 255, 255, 0.76);
outline-offset: -25px;
}
.free-blog-list-2 .et_pb_post {
position: relative;
height: 300px;
overflow: hidden!important;
padding: 35px 40px!important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.free-blog-list-2.free-blog-border .et_pb_post {
padding: 50px!important;
}
.free-blog-list-2.free-blog-all-center .et_pb_post {
justify-content: center!important;
text-align: center!important;
}
.et_pb_gutters1 .free-blog-list-2 .et_pb_post {
margin: 0!important;
}
.free-blog-list-2 .et_pb_video_overlay_hover {
background: transparent!important;
padding: 35px 40px!important;
}
.free-blog-list-2 .et_pb_video_overlay, .free-blog-list-2 .fluid-width-video-wrapper, .free-blog-list-2 .et_pb_post .et_pb_slider,
.free-blog-list-2 .et_quote_content {
transition: all 0.4s ease;
}
.free-blog-list-2 .et_pb_video_play {
font-size: 45px;
margin: 0;
line-height: 1em;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.free-blog-list-2 .et_main_video_container {
pointer-events: none;
}
.free-blog-list-2 .fluid-width-video-wrapper {
padding: 0!important;
}
.free-blog-list-2 .et_pb_post .et-pb-slider-arrows, .free-blog-list-2 .et_pb_post .et-pb-controllers {
display: none;
}
.free-blog-list-2 .et_pb_image_container, .free-blog-list-2 .entry-featured-image-url, .free-blog-list-2 .et_main_video_container,
.free-blog-list-2 .fluid-width-video-wrapper, .free-blog-list-2 .et_pb_post .et_pb_slider, .free-blog-list-2 .et_pb_post .et_pb_slide,
.free-blog-list-2 .et_pb_post .et_audio_content, .free-blog-list-2 .et_quote_content, .free-blog-list-2 .et_link_content {
position: absolute!important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0!important;
z-index: 0;
}
.free-blog-list-2 .et_pb_post .et_audio_content, .free-blog-list-2 .et_link_content {
z-index: 2;
padding: 35px 40px!important;
text-align: left;
}
.free-blog-list-2 .et_pb_post .et_audio_content h2, .free-blog-list-2 .et_link_content h2 {
margin-bottom: 18px!important;
line-height: 1.3!important;
}
.free-blog-list-2 .et_link_content {
text-align: left;
}
.free-blog-list-2.free-blog-title-center .et_link_content, .free-blog-list-2.free-blog-all-center .et_link_content {
text-align: center;
}
.free-blog-list-2 .et_pb_post .et_audio_container {
margin-left: -10px;
}
.free-blog-list-2 .et_pb_post .et_audio_container .mejs-controls {
top: 0;
}
.free-blog-list-2 .et_pb_post .entry-featured-image-url, .free-blog-list-2 .entry-featured-image-url img {
height: 100%!important;
width: 100%!important;
}
.free-blog-list-2 .entry-featured-image-url img {
object-fit: cover;
transition: all 0.4s ease;
}
.free-blog-list-2 h2, .free-blog-list-2 .post-meta {
color: #fff!important;
z-index: 2;
font-weight: 700;
margin: 0!important;
}
.free-blog-list-2 h2, .free-blog-list-2 .et_audio_content h2 {
font-size: 23px!important;
padding-bottom: 0!important;
}
.free-blog-list-2 .post-meta {
font-size: 11px!important;
line-height: 1.7em!important;
margin-top: 3px!important;
}
.free-blog-list-2 h2 a {
display: block;
}
.free-blog-list-2 .post-meta a {
color: #fff!important;
}
.free-blog-list-2 .post-content>*:not(a) {
display: none!important;
}
.free-blog-list-2 .et_pb_post .more-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: transparent!important;
background: transparent!important;
}
.free-blog-list-2.free-hover .et_pb_post:hover .entry-featured-image-url img, .free-blog-list-2.free-hover .et_pb_post:hover .et_pb_video_overlay,
.free-blog-list-2.free-hover .et_pb_post:hover .fluid-width-video-wrapper, .free-blog-list-2.free-hover .et_pb_post:hover .et_pb_slider,
.free-blog-list-2.free-hover .et_pb_post:hover .et_quote_content {
transform: scale(1.1);
}
.free-blog-list-2 .column.size-1of1 {
width: 100%;
}
.free-blog-list-2.free-blog-medium .et_pb_post {
height: 500px!important;
}
.free-blog-list-2.free-blog-medium h2 {
font-size: 28px!important;
}
.free-blog-list-2.free-blog-big .et_pb_post {
height: 600px!important;
}
.free-blog-list-2.free-blog-big h2 {
font-size: 32px!important;
}
.free-blog-list-2.free-blog-title-center h2 {
position: absolute!important;
transform: translate(-50%, -50%)!important;
left: 50%!important;
top: 50%!important;
bottom: auto!important;
right: auto!important;
text-align: center;
width: 100%!important;
max-width: 520px!important;
padding-left: 25px;
padding-right: 25px;
}
.free-blog-list-2.free-blog-title-center .post-meta {
text-align: center;
}
.et_pb_module .et_pb_blog_grid .fluid-width-video-wrapper {
padding-top: 62.5%!important;
}
.free-blog-list-2 .et_main_video_container .fluid-width-video-wrapper > *, .free-blog-list-3 .et_main_video_container .fluid-width-video-wrapper > *,
.free-blog-half .et_main_video_container .fluid-width-video-wrapper > * {
display: none!important;
}
.free-blog-list-3.free-blog-big .et_main_video_container .fluid-width-video-wrapper > *, .free-blog-list-3.free-blog-biggest .et_main_video_container .fluid-width-video-wrapper > * {
display: block!important;
}
.free-blog-list-2 .et_main_video_container, .free-blog-list-3 .et_main_video_container, .free-blog-half .et_main_video_container {
pointer-events: none;
}
.free-blog-list-3.free-blog-big .et_main_video_container, .free-blog-list-3.free-blog-biggest .et_main_video_container {
pointer-events: auto;
}
.free-blog-list-3.free-border-bottom .et_pb_post {
border-bottom: 1px solid #DEDEDE!important;
}
.free-blog-list-3.free-border-bottom .et_pb_post:last-child {
border-bottom: none!important;
}
.free-blog-list-3 .et_main_video_container {
float: left;
margin: 0!important;
}
.free-blog-list-3 .et_main_video_container .et_pb_video_overlay_hover, .free-blog-half .et_main_video_container .et_pb_video_overlay_hover {
display: none;
}
.free-blog-list-3.free-blog-big .et_main_video_container .et_pb_video_overlay_hover, .free-blog-list-3.free-blog-biggest .et_main_video_container .et_pb_video_overlay_hover {
display: block;
}
.free-blog-list-3 .et_pb_post .entry-featured-image-url img, .free-blog-list-3 .et_main_video_container {
object-fit: cover;
width: 60px!important;
height: 50px!important;
min-width: 0!important;
}
.free-blog-list-3.free-blog-medium .et_pb_post .entry-featured-image-url img, .free-blog-list-3.free-blog-medium .et_main_video_container {
width: 110px!important;
height: 73px!important;
}
.free-blog-list-3.free-blog-big .et_pb_post .entry-featured-image-url img, .free-blog-list-3.free-blog-big .et_main_video_container {
width: 270px!important;
height: 180px!important;
}
.free-blog-list-3 .et_pb_post .entry-featured-image-url {
float: left!important;
margin-right: 16px!important;
margin-bottom: 0!important;
}
.free-blog-list-3.free-blog-medium .et_pb_post .entry-featured-image-url {
margin-right: 22px!important;
}
.free-blog-list-3.free-blog-big .et_pb_post .entry-featured-image-url {
margin-right: 30px!important;
}
.free-blog-list-3 .post-content {
display: none!important;
}
.free-blog-list-3.free-blog-big .post-content, .free-blog-list-3.free-blog-biggest .post-content {
display: block!important;
}
.free-blog-list-3 .et_pb_image_container {
margin: 0!important;
}
.free-blog-list-3 h2 {
margin-top: 2px!important;
font-size: 15px!important;
font-weight: 700;
line-height: 1.3!important;
padding-bottom: 8px!important;
margin-left: 76px!important;
}
.free-blog-list-3.free-blog-big h2 {
font-size: 21px!important;
padding-bottom: 10px!important;
margin-top: 6px!important;
}
.free-blog-list-3 .post-meta {
color: #b4b4b4!important;
font-size: 11px!important;
line-height: 1.5!important;
margin-left: 76px!important;
}
.free-blog-list-3.free-blog-medium h2, .free-blog-list-3.free-blog-medium .post-meta {
margin-left: 132px!important;
}
.free-blog-list-3.free-blog-big h2, .free-blog-list-3.free-blog-big .post-meta, .free-blog-list-3.free-blog-big .post-content {
margin-left: 300px!important;
}
.free-blog-list-3 .et_pb_no_thumb h2, .free-blog-list-3 .et_pb_no_thumb .post-meta,
.free-blog-list-3.free-blog-medium .et_pb_no_thumb h2, .free-blog-list-3.free-blog-medium .et_pb_no_thumb .post-meta,
.free-blog-list-3.free-blog-big .et_pb_no_thumb h2, .free-blog-list-3.free-blog-big .et_pb_no_thumb .post-meta, .free-blog-list-3.free-blog-big .et_pb_no_thumb .post-content {
margin-left: 0px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_no_thumb h2, .free-blog-list-3.free-blog-biggest .et_pb_no_thumb .post-meta, .free-blog-list-3.free-blog-biggest .et_pb_no_thumb .post-content {
width: 100%!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_no_thumb .post-content {
padding-bottom: 38px!important;
padding-top: 16px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_no_thumb h2 {
padding-top: 38px!important;
padding-bottom: 10px!important;
}
.free-blog-list-3.free-blog-big .post-meta, .free-blog-list-3.free-blog-biggest .post-meta {
margin-bottom: 12px!important;
}
.free-blog-list-3.free-blog-big .post-content {
font-size: 15px!important;
}
.free-blog-list-3 .post-meta a {
color: #b4b4b4!important;
}
.et_pb_column .et_pb_blog_grid.free-blog-list-3 .column.size-1of2, .et_pb_column .free-blog-list-3 .et_pb_blog_grid .column.size-1of2 {
margin-bottom: 0!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3 .et_pb_post {
margin-bottom: 0!important;
padding: 12px 0!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3 .et_pb_post:first-child {
padding-top: 0!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-big .et_pb_post {
padding: 17px 0!important;
}
.free-blog-list-3.free-blog-big.et_pb_blog_grid, .free-blog-list-3.free-blog-big .et_pb_blog_grid {
margin-top: -17px!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-big .column {
width: 100%!important;
margin: 0!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_post {
padding: 0!important;
}
.free-blog-slider-1 .et_pb_slides .et_pb_container {
height: 500px!important;
}
.free-blog-slider-1 .et_pb_slides .et_pb_slider_container_inner {
vertical-align: bottom!important;
}
.free-blog-slider-1 .et_pb_slide_content p {
position: absolute!important;
left: 0;
right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 1000px;
width: 100%;
margin: auto;
}
.free-blog-slider-1 .et_pb_slide_description {
padding: 0 0 60px 0!important;
}
.free-blog-slider-1 .et-pb-controllers {
bottom: 0!important;
}
.free-blog-slider-1 .et_pb_more_button, .free-blog-slider-minimal .et_pb_more_button {
position: absolute!important;
top: 0;
margin: 0;
bottom: 25px;
left: 0;
right: 0;
background: transparent!important;
color: transparent!important;
border: none!important;
}
.free-blog-slider-1 .et_pb_more_button:hover, .free-blog-slider-minimal .et_pb_more_button:hover {
background: transparent!important;
color: transparent!important;
}
.free-blog-slider-minimal .et_pb_slide_content {
display: none!important;
}
.free-blog-slider-minimal .et_pb_slide_description, .free-blog-slider-minimal .et_pb_slider_container_inner {
padding: 0!important;
height: 20px;
}
.free-blog-slider-minimal .et_pb_more_button {
bottom: 0;
}
.free-blog-slider-minimal .et_pb_slide {
min-height: 0!important;
padding: 0!important;
}
.free-blog-slider-minimal .et_pb_slide_title {
position: absolute!important;
left: 0;
right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 1000px;
margin: auto;
top: 0;
bottom: 0;
padding: 0!important;
}
.free-blog-slider-minimal .et_pb_slides .et_pb_slider_container_inner {
display: block!important;
}
#main-content .container:before {
display: none!important;
}
.et_right_sidebar #sidebar {
padding-left: 0!important;
}
.et_left_sidebar #sidebar {
padding-right: 0!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post {
box-shadow: 0 0 50px rgba(0,0,0,.1);
background-color: #fff;
transition: all 0.3s ease;
top: 0;
}
.free-blog-list-3.free-blog-biggest h2 {
font-size: 30px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post:hover {
top: -5px!important;
box-shadow: 0 15px 50px rgba(0,0,0,.18)!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .post-content .more-link {
transition: all 0.3s ease;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .post-content .more-link:hover {
opacity: 0.76!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post {
position: relative!important;
}
.et_pb_column .et_pb_blog_grid.free-blog-single-margin .column.size-1of2, .et_pb_column .free-blog-single-margin .et_pb_blog_grid .column.size-1of2 {
margin-bottom: 0!important;
}
.et_pb_column .et_pb_blog_grid.free-blog-single-margin .column.size-1of1 .et_pb_post,
.et_pb_column .et_pb_blog_grid.free-blog-single-margin .column.size-1of2 .et_pb_post,
.et_pb_column .free-blog-single-margin .et_pb_blog_grid .column.size-1of1 .et_pb_post,
.et_pb_column .free-blog-single-margin .et_pb_blog_grid .column.size-1of2 .et_pb_post,
.et_pb_column .free-blog-single-margin .et_pb_post {
margin-bottom: 37px!important;
}
.free-blog-half .column.size-1of1 .et_pb_post {
float: left!important;
width: 50%!important;
}
.free-blog-half .column.size-1of1 .et_pb_post:nth-child(odd) {
padding-right: 15px!important;
}
.free-blog-half .column.size-1of1 .et_pb_post:nth-child(even) {
padding-left: 15px!important;
}
.free-blog-half h2 {
font-size: 15px!important;
font-weight: 700!important;
line-height: 1.4!important;
padding-bottom: 8px!important;
margin-top: 15px!important;
}
.free-blog-half .et_pb_image_container {
margin-bottom: 15px!important;
}
.free-blog-half .et_pb_post.clearfix {
clear: none!important;
}
.free-blog-half .et_pb_post:nth-child(2n+1) {
clear: both!important;
}
.free-blog-half .post-meta {
color: #b4b4b4!important;
font-size: 11px!important;
line-height: 1.5!important;
}
.et_pb_column .free-blog-half.et_pb_blog_grid .column.size-1of1 .et_pb_post, .et_pb_column .free-blog-half .et_pb_blog_grid .column.size-1of1 .et_pb_post {
margin-bottom: 18px!important;
}
.et_pb_column .free-blog-half.et_pb_blog_grid .column.size-1of2 .et_pb_post, .et_pb_column .free-blog-half .et_pb_blog_grid .column.size-1of2 .et_pb_post {
margin-bottom: 30px!important;
}
.et_pb_column .free-blog-half.et_pb_blog_grid .column.size-1of2, .et_pb_column .free-blog-half .et_pb_blog_grid .column.size-1of2 {
margin-bottom: 0!important;
}
.free-blog-counter, .free-blog-counter-2, .free-blog-counter-3 {
counter-reset: posts;
}
.free-blog-counter .et_pb_post .et_pb_image_container:before {
counter-increment: posts;
content: counter(posts);
position: absolute;
bottom: 0;
left: 0;
padding: 0 10px;
background: #ffd200;
color: #151515;
font-size: 17px;
font-weight: 800;
line-height: 28px;
z-index: 2;
}
.free-blog-counter-2 .et_pb_post .et_pb_image_container:before {
counter-increment: posts;
content: counter(posts);
position: absolute;
left: 6px;
top: -18px;
padding: 2px 12px;
background: #151515;
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 28px;
border-radius: 100%;
border: 3px solid rgba(255,255,255,1);
z-index: 2;
box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.25);
}
.free-blog-counter-3 .et_pb_post h2:before {
counter-increment: posts;
content: counter(posts);
position: absolute;
left: 0px;
top: 0px;
color: #ccc;
font-size: 46px;
font-weight: 700;
line-height: 1;
z-index: 2;
width: 42px;
text-align: center;
}
.free-blog-counter-3 .et_pb_post h2, .free-blog-counter-3 .et_pb_post .post-meta, .free-blog-counter-3 .et_pb_post .post-content {
padding: 0 0 2px 53px!important;
}
.free-blog-counter-3 .et_pb_post h2 {
position: relative;
}
.et_pb_post .entry-title {
padding-bottom: 10px!important;
}
.et_pb_team_member .et_pb_team_member_description .et_pb_module_header {
padding-bottom: 0;
}
.et_pb_team_member_image img {
object-fit: cover;
object-position: 50% 0%;
height: 100%;
width: 100%;
}
.free-testimonial-content {
line-height: 1.7em;
}
.free-blurb-menu .et_pb_blurb_description {
display: none;
}
.free-social-rotate li.et_pb_social_icon a.icon {
transform: rotate(45deg);
}
.free-social-rotate li.et_pb_social_icon a.icon::before {
transform: rotate(-45deg);
}
.free-services-boxes-background-hover .free-background-overlay:before {
z-index: 0!important;
}   @media screen and (min-width: 981px) {
.free-mobile-only {
display: none!important;
}
.free-desktop-padding-top-zero {
padding-top: 0!important;
}
.free-background-image-full.et_pb_text:only-child, .free-background-image-full.et_pb_text.free-background-overlay, .free-background-image-full.et_pb_text.et-first-child.et-last-child {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.et_pb_section_parallax.et_pb_column .et_pb_module.et_pb_text.free-background-image-full.et_pb_text {
position: absolute!important;
}
.free-team-style-1.et_pb_team_member .et_pb_team_member_image {
height: 250px;
overflow: hidden;
}
.free-pricing-featured-scale .et_pb_featured_table {
transform: scale(1.075);
}
.free-background-resize-mobile.free-hover:hover:after {
margin-top: -180px;
}
.free-image-right {
right: 0;
position: absolute!important;
height: 100%;
}
.free-float-right-desktop {
float: right;
}
.free-float-left-desktop {
float: left;
}
.free-desktop-opacity-zero {
opacity: 0;
}
.free-services-boxes-background-hover {
height: 310px;
}
.free-services-boxes-background-hover .et_pb_blurb {
position: absolute;
top: 170px;
transition: all 0.3s ease;
}
.free-services-boxes-background-hover .et_pb_column:hover .et_pb_blurb {
top: 0!important;
padding-top: 40px!important;
}
.free-services-boxes-background-hover.free-big {
height: 450px;
}
.free-services-boxes-background-hover.free-big .et_pb_blurb {
top: 310px;
transition: all 0.5s ease;
}
.free-map-full-height.et_pb_map, .free-map-full-height .et_pb_map, .free-map-full-height.et_pb_map_container {
height: 100%;
position: absolute!important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.free-number-horizontal.et_pb_number_counter .percent {
float: left;
padding-right: 30px;
margin-bottom: 12px;
z-index: 10;
}
.free-number-horizontal.et_pb_number_counter .title {
padding-top: 0;
text-align: left;
}
.free-number-horizontal.et_pb_number_counter {
min-height: 131px;
}
}
@media screen and (max-width: 980px) {
.free-blog-list-3.free-blog-biggest h2 {
font-size: 23px!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-tablet-column-full .column {
width: 100%!important;
}
.free-background-resize-mobile:after {
background-size: cover!important;
margin-left: -300px!important;
margin-top: 0px!important;
}
.free-background-overlay-mobile:before {
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height:100%;
display: block;
z-index:0;
background-color: rgba(0,0,0,0.65);
}
.et_pb_row .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child {
margin-bottom: 0;
}
.et_pb_text_align_right, .et_pb_button_alignment_right {
text-align: left!important;
}
.free-services-boxes-background-hover .et_pb_column .et_pb_blurb {
padding-top: 40px!important;
}
#page-container .free-mobile-background-hide {
background-image: none!important;
}
.free-mobile-center {
text-align: center!important;
}
.free-slider-mobile-center .et_pb_slide .et_pb_slide_description {
text-align: center!important;
}
#page-container .free-mobile-margin-auto {
margin-left: auto!important;
margin-right: auto!important;
}
.free-mobile-left {
text-align: left!important;
}
.free-mobile-button-left .et_pb_button_module_wrapper {
text-align: left!important;
}
.free-mobile-margin-bottom-zero {
margin-bottom: 0!important;
}
}
@media screen and (min-width: 768px) {
.free-testimonial-slider-modern .et_pb_slide_description {
padding-left: 160px!important;
text-align: left!important;
}
html.et_fb_preview_active--responsive_preview--phone_preview .free-testimonial-slider-modern .et_pb_slide_description,
html.et-fb-preview--phone .free-testimonial-slider-modern .et_pb_slide_description {
padding-left: 0!important;
text-align: center!important;
}
.free-testimonial-slider-modern .et_pb_slide_image {
top: 60px;
}
html.et_fb_preview_active--responsive_preview--phone_preview .free-testimonial-slider-modern .et_pb_slide_image,
html.et-fb-preview--phone .free-testimonial-slider-modern .et_pb_slide_image {
top: 0px!important;
}
.free-testimonial-slider-modern .et_pb_slide {
padding: 0 90px!important;
}
html.et_fb_preview_active--responsive_preview--phone_preview .free-testimonial-slider-modern .et_pb_slide,
html.et-fb-preview--phone .free-testimonial-slider-modern .et_pb_slide {
padding: 0 60px!important;
}
}
@media screen and (max-width: 767px) {
.free-blog-slider-1 .et_pb_slides .et_pb_container {
height: 350px!important;
}
.free-blog-list-2.free-blog-medium .et_pb_post , .free-blog-list-2.free-blog-big .et_pb_post {
height: 300px!important;
}
.free-blog-list-2.free-blog-medium h2, .free-blog-list-2.free-blog-big h2 {
font-size: 23px!important;
}
.free-blog-list-2 .et_pb_post, .free-blog-list-2 .et_pb_video_overlay_hover, .free-blog-list-2 .et_pb_post .et_audio_content,
.free-blog-list-2 .et_link_content {
padding: 30px 25px!important;
}
.free-blog-list-2.free-blog-border .et_pb_post {
padding: 35px!important;
}
.free-blog-list-2.free-blog-border .et_pb_post:after {
outline-offset: -20px!important;
}
.free-testimonial-slider-modern .free-testimonial-content:after {
width: 100%;
position: relative;
background-position: center;
margin: 18px 0 0 0;
}
.free-testimonial-slider-modern .et-pb-slider-arrows a {
font-size: 26px!important;
padding: 7px!important;
}
.free-slider-image-full-width .et-pb-slider-arrows a {
font-size: 26px!important;
padding: 7px!important;
}
}
@media screen and (min-width: 701px) {
.free-blog-list-3.free-blog-biggest h2 {
padding-top: 50px!important;
padding-bottom: 10px!important;
}
.free-blog-list-3.free-blog-biggest .post-content {
padding-bottom: 50px!important;
padding-top: 4px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post {
position: relative!important;
}
.free-blog-list-3.free-blog-biggest h2, .free-blog-list-3.free-blog-biggest .post-meta, .free-blog-list-3.free-blog-biggest .post-content {
width: 50.1%!important;
float: right!important;
padding-left: 55px!important;
padding-right: 55px!important;
}
.free-blog-list-3.free-blog-biggest .et_main_video_container {
height: 100%!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .entry-featured-image-url, .free-blog-list-3.free-blog-biggest .et_main_video_container  {
position: absolute!important;
width: 50%!important;
top: 0!important;
bottom: 0!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .entry-featured-image-url img, .free-blog-list-3.free-blog-biggest .et_main_video_container > * {
height: 100%!important;
width: 100%!important;
object-fit: cover!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_post {
margin-bottom: 60px!important;
}
}
@media screen and (max-width: 700px) {
.free-blog-list-3.free-blog-big .et_pb_post .entry-featured-image-url {
float: none!important;
margin-right: 0!important;
margin-bottom: 21px!important;
}
.free-blog-list-3.free-blog-big .et_pb_post .entry-featured-image-url img {
width: 100%!important;
height: auto!important;
}
.free-blog-list-3.free-blog-big h2, .free-blog-list-3.free-blog-big .post-meta, .free-blog-list-3.free-blog-big .post-content {
margin-left: 0px!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-big .et_pb_post {
padding: 21px 0!important;
}
.free-blog-list-3.free-blog-big .post-content {
font-size: 14px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .entry-featured-image-url, .free-blog-list-3.free-blog-biggest .et_main_video_container {
float: none!important;
margin-right: 0!important;
margin-bottom: 21px!important;
}
.free-blog-list-3.free-blog-biggest .et_pb_post .entry-featured-image-url img, .free-blog-list-3.free-blog-biggest .et_main_video_container {
width: 100%!important;
height: auto!important;
}
.free-blog-list-3.free-blog-biggest h2, .free-blog-list-3.free-blog-biggest .post-meta, .free-blog-list-3.free-blog-biggest .post-content {
margin-left: 0px!important;
padding-left: 25px!important;
padding-right: 25px!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_post {
padding: 0 0 28px 0!important;
margin-bottom: 30px!important;
}
.et_pb_section .et_pb_row .et_pb_column .free-blog-list-3.free-blog-biggest .et_pb_no_thumb.et_pb_post {
padding: 0!important;
}
.free-blog-list-3.free-blog-biggest .post-content {
font-size: 14px!important;
}
}
@media screen and (min-width: 621px) {
.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text:only-child,
.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.free-background-overlay,
.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .free-background-image-full.et_pb_text.et-first-child.et-last-child {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.et_pb_row_4col>.et_pb_column.et_pb_column_1_4.et_pb_section_parallax .et_pb_module.et_pb_text.free-background-image-full.et_pb_text {
position: absolute!important;
}
}
@media screen and (max-width: 580px) {
.free-two-button .et_pb_button {
display: block!important;
margin-left: auto!important;
margin-right: auto!important;
max-width: 200px;
}
}
@media screen and (max-width: 980px) and (min-width: 621px) {
.free-background-image-tablet-padding.et_pb_column {
padding-top: 400px!important;
}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
.et_pb_column .et_pb_team_member_image {
margin: 0 30px 0 0!important;
}
.et_pb_team_member_description {
text-align: left!important;
padding-left: 0!important;
}
}