@charset "UTF-8";
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.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() { .swiper-container-cube.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d !important;
} .swiper-container-cube .swiper-slide {
backface-visibility: hidden;
-moz-backface-visibility: hidden;
transform: translateZ(0.01px) rotateY(0deg); }
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column;
} .dsm_card_carousel .swiper-container-coverflow .swiper-slide,
.dsm_image_carousel .swiper-container-coverflow .swiper-slide,
.dsm_blog_carousel .swiper-container-coverflow .swiper-slide,
.dsm_post_carousel .swiper-container-coverflow .swiper-slide {
pointer-events: auto;
}
.dsm_card_carousel .swiper-container-coverflow .swiper-wrapper,
.dsm_image_carousel .swiper-container-coverflow .swiper-wrapper,
.dsm_blog_carousel .swiper-container-coverflow .swiper-wrapper,
.dsm_post_carousel .swiper-container-coverflow .swiper-wrapper {
pointer-events: none;
}
.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;
}@font-face{font-family:'FontAwesomePB';src:url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.eot);src:url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.eot?#iefix) format("embedded-opentype"),url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.woff2) format("woff2"),url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.woff2) format("woff"),url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.ttf) format("truetype"),url(//juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.svg#fapbregular) format("svg");font-weight:normal;font-style:normal}.bundled_table_item .product-name,.bundled_table_item .product-price,.bundled_table_item:not(.order_item) .product-quantity,.bundled_table_item .product-subtotal,.bundled_table_item .product-total{font-size:.875em}.bundled_table_item .bundled_table_item_indent{padding-left:32px}.woocommerce .bundled_table_item td.product-name dl.variation,.woocommerce-page .bundled_table_item td.product-name dl.variation,.bundled_table_item td.product-name .wc-item-meta{font-size:100%}.bundled_table_item,.bundled_table_item td{border-top:none !important;border-bottom:none !important}.bundle_table_item,.bundle_table_item td{border-bottom:none !important}.bundled_table_item_price:before,.bundled_table_item_subtotal:before{font-family:'FontAwesomePB';font-size:1rem;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(90deg);content:"\e806";margin:0 12px 0 3px;opacity:.25}dt.bundled_title_meta,.bundled_notice{margin:12px 0 5px}a.edit_bundle_in_cart_text{color:#888;font-weight:normal;text-decoration:none}a.edit_bundle_in_cart_text:hover small{text-decoration:underline}input.cwgstock_phone {
width: 100%;
text-align: center
}
.iti {
width: 100%
}
.cwginstock-panel-heading h4 {
color: #fff
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto
}
.cwginstock-panel-body input[type=email],
.cwginstock-panel-body input[type=text],
.form-group {
margin-bottom: 15px
}
#cwg-bis-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: .5;
z-index: 10000
}
.cwgstock_button {
width: 100%;
padding-top: 5px;
background: #87ceeb;
color: #fff
}.cwginstock-subscribe-form .row {
margin-left: -15px;
margin-right: -15px
}
.cwginstock-subscribe-form .col-lg-1,
.cwginstock-subscribe-form .col-lg-10,
.cwginstock-subscribe-form .col-lg-11,
.cwginstock-subscribe-form .col-lg-12,
.cwginstock-subscribe-form .col-lg-2,
.cwginstock-subscribe-form .col-lg-3,
.cwginstock-subscribe-form .col-lg-4,
.cwginstock-subscribe-form .col-lg-5,
.cwginstock-subscribe-form .col-lg-6,
.cwginstock-subscribe-form .col-lg-7,
.cwginstock-subscribe-form .col-lg-8,
.cwginstock-subscribe-form .col-lg-9,
.cwginstock-subscribe-form .col-md-1,
.cwginstock-subscribe-form .col-md-10,
.cwginstock-subscribe-form .col-md-11,
.cwginstock-subscribe-form .col-md-12,
.cwginstock-subscribe-form .col-md-2,
.cwginstock-subscribe-form .col-md-3,
.cwginstock-subscribe-form .col-md-4,
.cwginstock-subscribe-form .col-md-5,
.cwginstock-subscribe-form .col-md-6,
.cwginstock-subscribe-form .col-md-7,
.cwginstock-subscribe-form .col-md-8,
.cwginstock-subscribe-form .col-md-9,
.cwginstock-subscribe-form .col-sm-1,
.cwginstock-subscribe-form .col-sm-10,
.cwginstock-subscribe-form .col-sm-11,
.cwginstock-subscribe-form .col-sm-12,
.cwginstock-subscribe-form .col-sm-2,
.cwginstock-subscribe-form .col-sm-3,
.cwginstock-subscribe-form .col-sm-4,
.cwginstock-subscribe-form .col-sm-5,
.cwginstock-subscribe-form .col-sm-6,
.cwginstock-subscribe-form .col-sm-7,
.cwginstock-subscribe-form .col-sm-8,
.cwginstock-subscribe-form .col-sm-9,
.cwginstock-subscribe-form .col-xs-1,
.cwginstock-subscribe-form .col-xs-10,
.cwginstock-subscribe-form .col-xs-11,
.cwginstock-subscribe-form .col-xs-12,
.cwginstock-subscribe-form .col-xs-2,
.cwginstock-subscribe-form .col-xs-3,
.cwginstock-subscribe-form .col-xs-4,
.cwginstock-subscribe-form .col-xs-5,
.cwginstock-subscribe-form .col-xs-6,
.cwginstock-subscribe-form .col-xs-7,
.cwginstock-subscribe-form .col-xs-8,
.cwginstock-subscribe-form .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.cwginstock-subscribe-form .col-xs-1,
.cwginstock-subscribe-form .col-xs-10,
.cwginstock-subscribe-form .col-xs-11,
.cwginstock-subscribe-form .col-xs-12,
.cwginstock-subscribe-form .col-xs-2,
.cwginstock-subscribe-form .col-xs-3,
.cwginstock-subscribe-form .col-xs-4,
.cwginstock-subscribe-form .col-xs-5,
.cwginstock-subscribe-form .col-xs-6,
.cwginstock-subscribe-form .col-xs-7,
.cwginstock-subscribe-form .col-xs-8,
.cwginstock-subscribe-form .col-xs-9 {
float: left
}
.cwginstock-subscribe-form .col-xs-12 {
width: 100%
}
.cwginstock-subscribe-form .col-xs-11 {
width: 91.66666667%
}
.cwginstock-subscribe-form .col-xs-10 {
width: 83.33333333%
}
.cwginstock-subscribe-form .col-xs-9 {
width: 75%
}
.cwginstock-subscribe-form .col-xs-8 {
width: 66.66666667%
}
.cwginstock-subscribe-form .col-xs-7 {
width: 58.33333333%
}
.cwginstock-subscribe-form .col-xs-6 {
width: 50%
}
.cwginstock-subscribe-form .col-xs-5 {
width: 41.66666667%
}
.cwginstock-subscribe-form .col-xs-4 {
width: 33.33333333%
}
.cwginstock-subscribe-form .col-xs-3 {
width: 25%
}
.cwginstock-subscribe-form .col-xs-2 {
width: 16.66666667%
}
.cwginstock-subscribe-form .col-xs-1 {
width: 8.33333333%
}
.cwginstock-subscribe-form .col-xs-pull-12 {
right: 100%
}
.cwginstock-subscribe-form .col-xs-pull-11 {
right: 91.66666667%
}
.cwginstock-subscribe-form .col-xs-pull-10 {
right: 83.33333333%
}
.cwginstock-subscribe-form .col-xs-pull-9 {
right: 75%
}
.cwginstock-subscribe-form .col-xs-pull-8 {
right: 66.66666667%
}
.cwginstock-subscribe-form .col-xs-pull-7 {
right: 58.33333333%
}
.cwginstock-subscribe-form .col-xs-pull-6 {
right: 50%
}
.cwginstock-subscribe-form .col-xs-pull-5 {
right: 41.66666667%
}
.cwginstock-subscribe-form .col-xs-pull-4 {
right: 33.33333333%
}
.cwginstock-subscribe-form .col-xs-pull-3 {
right: 25%
}
.cwginstock-subscribe-form .col-xs-pull-2 {
right: 16.66666667%
}
.cwginstock-subscribe-form .col-xs-pull-1 {
right: 8.33333333%
}
.cwginstock-subscribe-form .col-xs-pull-0 {
right: auto
}
.cwginstock-subscribe-form .col-xs-push-12 {
left: 100%
}
.cwginstock-subscribe-form .col-xs-push-11 {
left: 91.66666667%
}
.cwginstock-subscribe-form .col-xs-push-10 {
left: 83.33333333%
}
.cwginstock-subscribe-form .col-xs-push-9 {
left: 75%
}
.cwginstock-subscribe-form .col-xs-push-8 {
left: 66.66666667%
}
.cwginstock-subscribe-form .col-xs-push-7 {
left: 58.33333333%
}
.cwginstock-subscribe-form .col-xs-push-6 {
left: 50%
}
.cwginstock-subscribe-form .col-xs-push-5 {
left: 41.66666667%
}
.cwginstock-subscribe-form .col-xs-push-4 {
left: 33.33333333%
}
.cwginstock-subscribe-form .col-xs-push-3 {
left: 25%
}
.cwginstock-subscribe-form .col-xs-push-2 {
left: 16.66666667%
}
.cwginstock-subscribe-form .col-xs-push-1 {
left: 8.33333333%
}
.cwginstock-subscribe-form .col-xs-push-0 {
left: auto
}
.cwginstock-subscribe-form .col-xs-offset-12 {
margin-left: 100%
}
.cwginstock-subscribe-form .col-xs-offset-11 {
margin-left: 91.66666667%
}
.cwginstock-subscribe-form .col-xs-offset-10 {
margin-left: 83.33333333%
}
.cwginstock-subscribe-form .col-xs-offset-9 {
margin-left: 75%
}
.cwginstock-subscribe-form .col-xs-offset-8 {
margin-left: 66.66666667%
}
.cwginstock-subscribe-form .col-xs-offset-7 {
margin-left: 58.33333333%
}
.cwginstock-subscribe-form .col-xs-offset-6 {
margin-left: 50%
}
.cwginstock-subscribe-form .col-xs-offset-5 {
margin-left: 41.66666667%
}
.cwginstock-subscribe-form .col-xs-offset-4 {
margin-left: 33.33333333%
}
.cwginstock-subscribe-form .col-xs-offset-3 {
margin-left: 25%
}
.cwginstock-subscribe-form .col-xs-offset-2 {
margin-left: 16.66666667%
}
.cwginstock-subscribe-form .col-xs-offset-1 {
margin-left: 8.33333333%
}
.cwginstock-subscribe-form .col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.cwginstock-subscribe-form .col-sm-1,
.cwginstock-subscribe-form .col-sm-10,
.cwginstock-subscribe-form .col-sm-11,
.cwginstock-subscribe-form .col-sm-12,
.cwginstock-subscribe-form .col-sm-2,
.cwginstock-subscribe-form .col-sm-3,
.cwginstock-subscribe-form .col-sm-4,
.cwginstock-subscribe-form .col-sm-5,
.cwginstock-subscribe-form .col-sm-6,
.cwginstock-subscribe-form .col-sm-7,
.cwginstock-subscribe-form .col-sm-8,
.cwginstock-subscribe-form .col-sm-9 {
float: left
}
.cwginstock-subscribe-form .col-sm-12 {
width: 100%
}
.cwginstock-subscribe-form .col-sm-11 {
width: 91.66666667%
}
.cwginstock-subscribe-form .col-sm-10 {
width: 83.33333333%
}
.cwginstock-subscribe-form .col-sm-9 {
width: 75%
}
.cwginstock-subscribe-form .col-sm-8 {
width: 66.66666667%
}
.cwginstock-subscribe-form .col-sm-7 {
width: 58.33333333%
}
.cwginstock-subscribe-form .col-sm-6 {
width: 50%
}
.cwginstock-subscribe-form .col-sm-5 {
width: 41.66666667%
}
.cwginstock-subscribe-form .col-sm-4 {
width: 33.33333333%
}
.cwginstock-subscribe-form .col-sm-3 {
width: 25%
}
.cwginstock-subscribe-form .col-sm-2 {
width: 16.66666667%
}
.cwginstock-subscribe-form .col-sm-1 {
width: 8.33333333%
}
.cwginstock-subscribe-form .col-sm-pull-12 {
right: 100%
}
.cwginstock-subscribe-form .col-sm-pull-11 {
right: 91.66666667%
}
.cwginstock-subscribe-form .col-sm-pull-10 {
right: 83.33333333%
}
.cwginstock-subscribe-form .col-sm-pull-9 {
right: 75%
}
.cwginstock-subscribe-form .col-sm-pull-8 {
right: 66.66666667%
}
.cwginstock-subscribe-form .col-sm-pull-7 {
right: 58.33333333%
}
.cwginstock-subscribe-form .col-sm-pull-6 {
right: 50%
}
.cwginstock-subscribe-form .col-sm-pull-5 {
right: 41.66666667%
}
.cwginstock-subscribe-form .col-sm-pull-4 {
right: 33.33333333%
}
.cwginstock-subscribe-form .col-sm-pull-3 {
right: 25%
}
.cwginstock-subscribe-form .col-sm-pull-2 {
right: 16.66666667%
}
.cwginstock-subscribe-form .col-sm-pull-1 {
right: 8.33333333%
}
.cwginstock-subscribe-form .col-sm-pull-0 {
right: auto
}
.cwginstock-subscribe-form .col-sm-push-12 {
left: 100%
}
.cwginstock-subscribe-form .col-sm-push-11 {
left: 91.66666667%
}
.cwginstock-subscribe-form .col-sm-push-10 {
left: 83.33333333%
}
.cwginstock-subscribe-form .col-sm-push-9 {
left: 75%
}
.cwginstock-subscribe-form .col-sm-push-8 {
left: 66.66666667%
}
.cwginstock-subscribe-form .col-sm-push-7 {
left: 58.33333333%
}
.cwginstock-subscribe-form .col-sm-push-6 {
left: 50%
}
.cwginstock-subscribe-form .col-sm-push-5 {
left: 41.66666667%
}
.cwginstock-subscribe-form .col-sm-push-4 {
left: 33.33333333%
}
.cwginstock-subscribe-form .col-sm-push-3 {
left: 25%
}
.cwginstock-subscribe-form .col-sm-push-2 {
left: 16.66666667%
}
.cwginstock-subscribe-form .col-sm-push-1 {
left: 8.33333333%
}
.cwginstock-subscribe-form .col-sm-push-0 {
left: auto
}
.cwginstock-subscribe-form .col-sm-offset-12 {
margin-left: 100%
}
.cwginstock-subscribe-form .col-sm-offset-11 {
margin-left: 91.66666667%
}
.cwginstock-subscribe-form .col-sm-offset-10 {
margin-left: 83.33333333%
}
.cwginstock-subscribe-form .col-sm-offset-9 {
margin-left: 75%
}
.cwginstock-subscribe-form .col-sm-offset-8 {
margin-left: 66.66666667%
}
.cwginstock-subscribe-form .col-sm-offset-7 {
margin-left: 58.33333333%
}
.cwginstock-subscribe-form .col-sm-offset-6 {
margin-left: 50%
}
.cwginstock-subscribe-form .col-sm-offset-5 {
margin-left: 41.66666667%
}
.cwginstock-subscribe-form .col-sm-offset-4 {
margin-left: 33.33333333%
}
.cwginstock-subscribe-form .col-sm-offset-3 {
margin-left: 25%
}
.cwginstock-subscribe-form .col-sm-offset-2 {
margin-left: 16.66666667%
}
.cwginstock-subscribe-form .col-sm-offset-1 {
margin-left: 8.33333333%
}
.cwginstock-subscribe-form .col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.cwginstock-subscribe-form .col-md-1,
.cwginstock-subscribe-form .col-md-10,
.cwginstock-subscribe-form .col-md-11,
.cwginstock-subscribe-form .col-md-12,
.cwginstock-subscribe-form .col-md-2,
.cwginstock-subscribe-form .col-md-3,
.cwginstock-subscribe-form .col-md-4,
.cwginstock-subscribe-form .col-md-5,
.cwginstock-subscribe-form .col-md-6,
.cwginstock-subscribe-form .col-md-7,
.cwginstock-subscribe-form .col-md-8,
.cwginstock-subscribe-form .col-md-9 {
float: left
}
.cwginstock-subscribe-form .col-md-12 {
width: 100%
}
.cwginstock-subscribe-form .col-md-11 {
width: 91.66666667%
}
.cwginstock-subscribe-form .col-md-10 {
width: 83.33333333%
}
.cwginstock-subscribe-form .col-md-9 {
width: 75%
}
.cwginstock-subscribe-form .col-md-8 {
width: 66.66666667%
}
.cwginstock-subscribe-form .col-md-7 {
width: 58.33333333%
}
.cwginstock-subscribe-form .col-md-6 {
width: 50%
}
.cwginstock-subscribe-form .col-md-5 {
width: 41.66666667%
}
.cwginstock-subscribe-form .col-md-4 {
width: 33.33333333%
}
.cwginstock-subscribe-form .col-md-3 {
width: 25%
}
.cwginstock-subscribe-form .col-md-2 {
width: 16.66666667%
}
.cwginstock-subscribe-form .col-md-1 {
width: 8.33333333%
}
.cwginstock-subscribe-form .col-md-pull-12 {
right: 100%
}
.cwginstock-subscribe-form .col-md-pull-11 {
right: 91.66666667%
}
.cwginstock-subscribe-form .col-md-pull-10 {
right: 83.33333333%
}
.cwginstock-subscribe-form .col-md-pull-9 {
right: 75%
}
.cwginstock-subscribe-form .col-md-pull-8 {
right: 66.66666667%
}
.cwginstock-subscribe-form .col-md-pull-7 {
right: 58.33333333%
}
.cwginstock-subscribe-form .col-md-pull-6 {
right: 50%
}
.cwginstock-subscribe-form .col-md-pull-5 {
right: 41.66666667%
}
.cwginstock-subscribe-form .col-md-pull-4 {
right: 33.33333333%
}
.cwginstock-subscribe-form .col-md-pull-3 {
right: 25%
}
.cwginstock-subscribe-form .col-md-pull-2 {
right: 16.66666667%
}
.cwginstock-subscribe-form .col-md-pull-1 {
right: 8.33333333%
}
.cwginstock-subscribe-form .col-md-pull-0 {
right: auto
}
.cwginstock-subscribe-form .col-md-push-12 {
left: 100%
}
.cwginstock-subscribe-form .col-md-push-11 {
left: 91.66666667%
}
.cwginstock-subscribe-form .col-md-push-10 {
left: 83.33333333%
}
.cwginstock-subscribe-form .col-md-push-9 {
left: 75%
}
.cwginstock-subscribe-form .col-md-push-8 {
left: 66.66666667%
}
.cwginstock-subscribe-form .col-md-push-7 {
left: 58.33333333%
}
.cwginstock-subscribe-form .col-md-push-6 {
left: 50%
}
.cwginstock-subscribe-form .col-md-push-5 {
left: 41.66666667%
}
.cwginstock-subscribe-form .col-md-push-4 {
left: 33.33333333%
}
.cwginstock-subscribe-form .col-md-push-3 {
left: 25%
}
.cwginstock-subscribe-form .col-md-push-2 {
left: 16.66666667%
}
.cwginstock-subscribe-form .col-md-push-1 {
left: 8.33333333%
}
.cwginstock-subscribe-form .col-md-push-0 {
left: auto
}
.cwginstock-subscribe-form .col-md-offset-12 {
margin-left: 100%
}
.cwginstock-subscribe-form .col-md-offset-11 {
margin-left: 91.66666667%
}
.cwginstock-subscribe-form .col-md-offset-10 {
margin-left: 83.33333333%
}
.cwginstock-subscribe-form .col-md-offset-9 {
margin-left: 75%
}
.cwginstock-subscribe-form .col-md-offset-8 {
margin-left: 66.66666667%
}
.cwginstock-subscribe-form .col-md-offset-7 {
margin-left: 58.33333333%
}
.cwginstock-subscribe-form .col-md-offset-6 {
margin-left: 50%
}
.cwginstock-subscribe-form .col-md-offset-5 {
margin-left: 41.66666667%
}
.cwginstock-subscribe-form .col-md-offset-4 {
margin-left: 33.33333333%
}
.cwginstock-subscribe-form .col-md-offset-3 {
margin-left: 25%
}
.cwginstock-subscribe-form .col-md-offset-2 {
margin-left: 16.66666667%
}
.cwginstock-subscribe-form .col-md-offset-1 {
margin-left: 8.33333333%
}
.cwginstock-subscribe-form .col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.cwginstock-subscribe-form .col-lg-1,
.cwginstock-subscribe-form .col-lg-10,
.cwginstock-subscribe-form .col-lg-11,
.cwginstock-subscribe-form .col-lg-12,
.cwginstock-subscribe-form .col-lg-2,
.cwginstock-subscribe-form .col-lg-3,
.cwginstock-subscribe-form .col-lg-4,
.cwginstock-subscribe-form .col-lg-5,
.cwginstock-subscribe-form .col-lg-6,
.cwginstock-subscribe-form .col-lg-7,
.cwginstock-subscribe-form .col-lg-8,
.cwginstock-subscribe-form .col-lg-9 {
float: left
}
.cwginstock-subscribe-form .col-lg-12 {
width: 100%
}
.cwginstock-subscribe-form .col-lg-11 {
width: 91.66666667%
}
.cwginstock-subscribe-form .col-lg-10 {
width: 83.33333333%
}
.cwginstock-subscribe-form .col-lg-9 {
width: 75%
}
.cwginstock-subscribe-form .col-lg-8 {
width: 66.66666667%
}
.cwginstock-subscribe-form .col-lg-7 {
width: 58.33333333%
}
.cwginstock-subscribe-form .col-lg-6 {
width: 50%
}
.cwginstock-subscribe-form .col-lg-5 {
width: 41.66666667%
}
.cwginstock-subscribe-form .col-lg-4 {
width: 33.33333333%
}
.cwginstock-subscribe-form .col-lg-3 {
width: 25%
}
.cwginstock-subscribe-form .col-lg-2 {
width: 16.66666667%
}
.cwginstock-subscribe-form .col-lg-1 {
width: 8.33333333%
}
.cwginstock-subscribe-form .col-lg-pull-12 {
right: 100%
}
.cwginstock-subscribe-form .col-lg-pull-11 {
right: 91.66666667%
}
.cwginstock-subscribe-form .col-lg-pull-10 {
right: 83.33333333%
}
.cwginstock-subscribe-form .col-lg-pull-9 {
right: 75%
}
.cwginstock-subscribe-form .col-lg-pull-8 {
right: 66.66666667%
}
.cwginstock-subscribe-form .col-lg-pull-7 {
right: 58.33333333%
}
.cwginstock-subscribe-form .col-lg-pull-6 {
right: 50%
}
.cwginstock-subscribe-form .col-lg-pull-5 {
right: 41.66666667%
}
.cwginstock-subscribe-form .col-lg-pull-4 {
right: 33.33333333%
}
.cwginstock-subscribe-form .col-lg-pull-3 {
right: 25%
}
.cwginstock-subscribe-form .col-lg-pull-2 {
right: 16.66666667%
}
.cwginstock-subscribe-form .col-lg-pull-1 {
right: 8.33333333%
}
.cwginstock-subscribe-form .col-lg-pull-0 {
right: auto
}
.cwginstock-subscribe-form .col-lg-push-12 {
left: 100%
}
.cwginstock-subscribe-form .col-lg-push-11 {
left: 91.66666667%
}
.cwginstock-subscribe-form .col-lg-push-10 {
left: 83.33333333%
}
.cwginstock-subscribe-form .col-lg-push-9 {
left: 75%
}
.cwginstock-subscribe-form .col-lg-push-8 {
left: 66.66666667%
}
.cwginstock-subscribe-form .col-lg-push-7 {
left: 58.33333333%
}
.cwginstock-subscribe-form .col-lg-push-6 {
left: 50%
}
.cwginstock-subscribe-form .col-lg-push-5 {
left: 41.66666667%
}
.cwginstock-subscribe-form .col-lg-push-4 {
left: 33.33333333%
}
.cwginstock-subscribe-form .col-lg-push-3 {
left: 25%
}
.cwginstock-subscribe-form .col-lg-push-2 {
left: 16.66666667%
}
.cwginstock-subscribe-form .col-lg-push-1 {
left: 8.33333333%
}
.cwginstock-subscribe-form .col-lg-push-0 {
left: auto
}
.cwginstock-subscribe-form .col-lg-offset-12 {
margin-left: 100%
}
.cwginstock-subscribe-form .col-lg-offset-11 {
margin-left: 91.66666667%
}
.cwginstock-subscribe-form .col-lg-offset-10 {
margin-left: 83.33333333%
}
.cwginstock-subscribe-form .col-lg-offset-9 {
margin-left: 75%
}
.cwginstock-subscribe-form .col-lg-offset-8 {
margin-left: 66.66666667%
}
.cwginstock-subscribe-form .col-lg-offset-7 {
margin-left: 58.33333333%
}
.cwginstock-subscribe-form .col-lg-offset-6 {
margin-left: 50%
}
.cwginstock-subscribe-form .col-lg-offset-5 {
margin-left: 41.66666667%
}
.cwginstock-subscribe-form .col-lg-offset-4 {
margin-left: 33.33333333%
}
.cwginstock-subscribe-form .col-lg-offset-3 {
margin-left: 25%
}
.cwginstock-subscribe-form .col-lg-offset-2 {
margin-left: 16.66666667%
}
.cwginstock-subscribe-form .col-lg-offset-1 {
margin-left: 8.33333333%
}
.cwginstock-subscribe-form .col-lg-offset-0 {
margin-left: 0
}
}
.cwginstock-subscribe-form .clearfix:after,
.cwginstock-subscribe-form .clearfix:before,
.cwginstock-subscribe-form .container-fluid:after,
.cwginstock-subscribe-form .container-fluid:before,
.cwginstock-subscribe-form .container:after,
.cwginstock-subscribe-form .container:before,
.cwginstock-subscribe-form .row:after,
.cwginstock-subscribe-form .row:before {
content: " ";
display: table
}
.cwginstock-subscribe-form .clearfix:after,
.cwginstock-subscribe-form .container-fluid:after,
.cwginstock-subscribe-form .container:after,
.cwginstock-subscribe-form .row:after {
clear: both
}
.cwginstock-subscribe-form .center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.cwginstock-subscribe-form .pull-right {
float: right !important
}
.cwginstock-subscribe-form .pull-left {
float: left !important
}
.cwginstock-subscribe-form .hide {
display: none !important
}
.cwginstock-subscribe-form .show {
display: block !important
}
.cwginstock-subscribe-form .invisible {
visibility: hidden
}
.cwginstock-subscribe-form .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.cwginstock-subscribe-form .panel-heading>.dropdown .dropdown-toggle,
.cwginstock-subscribe-form .panel-title,
.cwginstock-subscribe-form .panel-title>.small,
.cwginstock-subscribe-form .panel-title>.small>a,
.cwginstock-subscribe-form .panel-title>a,
.cwginstock-subscribe-form .panel-title>small,
.cwginstock-subscribe-form .panel-title>small>a {
color: inherit
}
.cwginstock-subscribe-form .hidden {
display: none !important
}
.cwginstock-subscribe-form .affix {
position: fixed
}
.cwginstock-subscribe-form .panel {
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.cwginstock-subscribe-form .panel-title,
.cwginstock-subscribe-form .panel>.list-group,
.cwginstock-subscribe-form .panel>.panel-collapse>.list-group,
.cwginstock-subscribe-form .panel>.panel-collapse>.table,
.cwginstock-subscribe-form .panel>.table,
.cwginstock-subscribe-form .panel>.table-responsive>.table {
margin-bottom: 0
}
.cwginstock-subscribe-form .panel-body {
padding: 15px
}
.cwginstock-subscribe-form .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.cwginstock-subscribe-form .panel-title {
margin-top: 0;
font-size: 16px
}
.cwginstock-subscribe-form .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.cwginstock-subscribe-form .panel>.list-group .list-group-item,
.cwginstock-subscribe-form .panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.cwginstock-subscribe-form .panel-group .panel-heading,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr:first-child>td,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr:first-child>th,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr:last-child>td,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr:last-child>th,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr:last-child>td,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr:last-child>th,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr:first-child>td,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr:first-child>th,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0
}
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.cwginstock-subscribe-form .panel>.table:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tbody:last-child>tr:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.cwginstock-subscribe-form .panel>.list-group:first-child .list-group-item:first-child,
.cwginstock-subscribe-form .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.cwginstock-subscribe-form .panel>.list-group:last-child .list-group-item:last-child,
.cwginstock-subscribe-form .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.cwginstock-subscribe-form .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.cwginstock-subscribe-form .panel>.table:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>tbody:first-child>tr:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>thead:first-child>tr:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.cwginstock-subscribe-form .list-group+.panel-footer,
.cwginstock-subscribe-form .panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.cwginstock-subscribe-form .panel>.panel-collapse>.table caption,
.cwginstock-subscribe-form .panel>.table caption,
.cwginstock-subscribe-form .panel>.table-responsive>.table caption {
padding-left: 15px;
padding-right: 15px
}
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.cwginstock-subscribe-form .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.cwginstock-subscribe-form .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.cwginstock-subscribe-form .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.cwginstock-subscribe-form .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.cwginstock-subscribe-form .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.cwginstock-subscribe-form .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.cwginstock-subscribe-form .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.cwginstock-subscribe-form .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.cwginstock-subscribe-form .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.cwginstock-subscribe-form .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.cwginstock-subscribe-form .panel>.panel-body+.table,
.cwginstock-subscribe-form .panel>.panel-body+.table-responsive,
.cwginstock-subscribe-form .panel>.table+.panel-body,
.cwginstock-subscribe-form .panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd
}
.cwginstock-subscribe-form .panel>.table>tbody:first-child>tr:first-child td,
.cwginstock-subscribe-form .panel>.table>tbody:first-child>tr:first-child th {
border-top: 0
}
.cwginstock-subscribe-form .panel>.table-bordered,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered {
border: 0
}
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr>th:first-child,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr>th:first-child,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr>th:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-bordered>tbody>tr>th:last-child,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-bordered>tfoot>tr>th:last-child,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-bordered>thead>tr>th:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.cwginstock-subscribe-form .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.cwginstock-subscribe-form .panel>.table-responsive {
border: 0;
margin-bottom: 0
}
.cwginstock-subscribe-form .panel-group {
margin-bottom: 20px
}
.cwginstock-subscribe-form .panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.cwginstock-subscribe-form .panel-group .panel+.panel {
margin-top: 5px
}
.cwginstock-subscribe-form .panel-group .panel-heading+.panel-collapse>.list-group,
.cwginstock-subscribe-form .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #ddd
}
.cwginstock-subscribe-form .panel-group .panel-footer {
border-top: 0
}
.cwginstock-subscribe-form .panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.cwginstock-subscribe-form .panel-default {
border-color: #ddd
}
.cwginstock-subscribe-form .panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.cwginstock-subscribe-form .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd
}
.cwginstock-subscribe-form .panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.cwginstock-subscribe-form .panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.cwginstock-subscribe-form .panel-primary {
border-color: #337ab7
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.cwginstock-subscribe-form .panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #337ab7
}
.cwginstock-subscribe-form .panel-primary>.panel-heading .badge {
color: #337ab7;
background-color: #fff
}
.cwginstock-subscribe-form .panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #337ab7
}
.cwginstock-subscribe-form .panel-success {
border-color: #d6e9c6
}
.cwginstock-subscribe-form .panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.cwginstock-subscribe-form .panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.cwginstock-subscribe-form .panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.cwginstock-subscribe-form .panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.cwginstock-subscribe-form .panel-info {
border-color: #bce8f1
}
.cwginstock-subscribe-form .panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.cwginstock-subscribe-form .panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.cwginstock-subscribe-form .panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.cwginstock-subscribe-form .panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.cwginstock-subscribe-form .panel-warning {
border-color: #faebcc
}
.cwginstock-subscribe-form .panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.cwginstock-subscribe-form .panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.cwginstock-subscribe-form .panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.cwginstock-subscribe-form .panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.cwginstock-subscribe-form .panel-danger {
border-color: #ebccd1
}
.cwginstock-subscribe-form .panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.cwginstock-subscribe-form .panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.cwginstock-subscribe-form .panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.cwginstock-subscribe-form .panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.woocommerce .product .images .flex-control-thumbs li {
width: 20%;
margin-right: 2.5% !important;
margin-bottom: 2.5% !important;
}
.woocommerce .product .images .flex-control-thumbs {
margin-top: 2.5% !important;
}
.et_pb_wc_add_to_cart .quantity .qty {
width: auto;
max-width: 6em !important;
}  @font-face {
font-family: "Syndicat Grotesk";
src: url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.woff2) format('woff2'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.woff) format('woff'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.woff2) format('woff2'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.woff) format('woff'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.woff2) format('woff2'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.woff) format('woff'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.woff2) format('woff2'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.woff) format('woff'),
url(//juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
} .page-template-page-home #main-content {
min-height: 115vw;
}  .jd-global-padding {
width: 100%;
max-width: 1440px;
padding: 0 10px;
display: block;
margin: auto;
position: relative;
box-sizing: border-box;
} .wrap--jd-iframe {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; 
}
.jd-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
} .wrap--jd-btn a {
width: auto;
display: block;
font-family: var(--font--syndicat);
font-weight: 400!important;
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
line-height: 116.667%;
margin: 0;
text-transform: none;
color: var(--color--off-black);
background: transparent;
height: auto;	
padding: 11px 50px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--off-black);  
transition-property: background-color, color, border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.wrap--jd-btn a:is(:hover, :active, :focus) {
color: var(--color--beige);
background-color: var(--color--off-black);
}
.wrap--jd-btn .jd-btn--light {
color: var(--color--beige);
border-color: var(--color--beige);
}
.wrap--jd-btn .jd-btn--light:is(:hover, :active, :focus) {
color: var(--color--off-black);
background-color: var(--color--beige);
} .flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: normal;
align-items: flex-start;
align-content: flex-start;
}
.flex-item {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.mobile-only,
.mobile-only--640 { display: none; }
@media ( max-width: 768px ) {
.mobile-only 	{ display: block; }
.desktop-only 	{ display: none; }
}
@media ( max-width: 640px ) {
.mobile-only--640 { display: block; }
} .iframe-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; }
.iframe-container iframe,
.iframe-container video,
.iframe-container__placeholder {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.iframe-container__placeholder img {
max-width: unset;
max-height: unset;
height: 100%;
width: auto;   
} :root { --color--white: 	#fff;
--color--beige: 	#E4E3DF;
--color--sand: 		#C7C1B7;
--color--olive: 	#9D9F98;
--color--off-black: #343335;
--color--black: 	#000; --font--syndicat: 		"Syndicat Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font--source-serif: 	"Source Serif", Georgia, Times, "Times New Roman", serif;
}
.page-container,
.et_fixed_nav.et_show_nav #page-container {
padding: 0;
}
html, body {
overflow-x: hidden;
}
body 			{ padding-left: 0!important; padding-right: 0!important; }
sup {
font-size: .64em;
}
u { font-weight: 500; } #page-container {
position: relative;
}
.juniper-header,
.juniper-header .header-logo a {
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.juniper-header {
height: 50px;
display: grid;
grid-template-columns: fit-content(50px) 1fr fit-content(50px);
border-radius: 5px;
background: rgba(228, 227, 223, 0.60);
backdrop-filter: blur(5px);
margin: 5px 5px 30px 5px;
position: fixed;
width: calc(100% - 10px);
top: 0;	
z-index: 10;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;	
}
.headroom {
will-change: transform;
-webkit-transition: transform 200ms linear;
-o-transition: transform 200ms linear;
transition: transform 200ms linear;
}
.page-template-page-home .juniper-header {}  #page-container 								{ padding-top: 0!important; }
@media ( max-width: 768px ) { #page-container 	{ padding-top: 0!important; } }
body 											{ padding-top: 60px!important; }
@media ( max-width: 768px ) { body 				{ padding-top: 50px!important; } }
.logged-in .juniper-header:not(.jd-has-banner--fixed) 		{ top: 32px; }
@media ( max-width: 782px ) { .logged-in .juniper-header 	{ top: 46px; } } .jd-has-banner .juniper-header {
position: absolute;
}
.jd-has-banner #page-container 									{ padding-top: 60px!important; }
@media ( max-width: 768px ) { .jd-has-banner #page-container 	{ padding-top: 50px!important; } }
body.jd-has-banner 												{ padding-top: 0!important; }
@media ( max-width: 768px ) { body.jd-has-banner  				{ padding-top: 0!important; } }
.jd-has-banner.logged-in .juniper-header 								{ top: 0; }
@media ( max-width: 782px ) { .jd-has-banner.logged-in .juniper-header 	{ top: 0; } } html:not(.jd-banner--show) .jd-has-banner--fixed #page-container 		{ 
padding-top: 0!important; 
}
@media ( max-width:768px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in #page-container { 
padding-top: 0!important; 
} 
}
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in .juniper-header 		{ top: 32px; 
position: fixed;
}
@media ( max-width: 782px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in .juniper-header 	{ top: 46px; } 
}
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in 			{ padding-top: 0!important; }
@media ( max-width:768px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in  	{ padding-top: 0!important; } 
} .jd-banner--show .jd-has-banner.logged-in .juniper-header 								{ top: 0; }
@media ( max-width: 782px ) { .jd-banner--show .jd-has-banner.logged-in .juniper-header { top: 0; } }
.jd-banner--show .jd-has-banner--fixed #page-container 		{ padding-top: 0!important; }
@media ( max-width:768px ) { 
.jd-banner--show .jd-has-banner--fixed #page-container 	{ padding-top: 0!important; } 
}
.jd-banner--show .jd-has-banner--fixed 						{ padding-top: 0!important; }
@media ( max-width:768px ) { 
.jd-banner--show .jd-has-banner--fixed  				{ padding-top: 0!important; } 
}  .wrap--jd-banner {
background: black;
padding: 13px 0 10px;
width: 100%;
z-index: 1000;
display: none;
}
.jd-banner,
.jd-banner p {
color: var(--color--beige);
text-align: center;
font-family: var(--font--syndicat);
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 120%;    
}
.jd-banner {
position: relative;
}
.jd-banner a {
color: var(--color--white);
}
.jd-banner-close {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 24px;
height: 24px;
}
.jd-banner-close button {
background: transparent;
border: none!important;
outline: none!important;
box-shadow: none!important;
cursor: pointer;
width: 24px;
height: 24px;
display: block;
text-align: center;
padding: 3px 0;
}
.jd-banner-close svg {
display: block;
width: 18px;
height: 18px;
margin: auto;
}
.jd-banner-close svg path {
fill: var(--color--white);
}
.inner-wrap--jd-banner {
padding: 0 50px;
}
.page-template-page-home .wrap--jd-banner {
position: fixed;
} .juniper-header .header__left,
.juniper-header .header__right { 
width: 50px; 
position: relative;
}
.juniper-header .header__center {
padding: 0 15px;
}
.juniper-header .header-logo {
width: 133px;
margin: auto;
position: relative;
height: 100%;
}
.juniper-header .header-logo a,
.juniper-header .header-logo img {
display: block;
}
.juniper-header .header-logo a {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.juniper-header .header-logo .logo--dark {
opacity: 1;
visibility: visible;
} @media ( max-width: 768px ) {
.juniper-header {
height: 40px;
grid-template-columns: fit-content(0) 1fr fit-content(50px);		
}
.juniper-header .header__left {
width: 0;
}
.juniper-header .header-logo {
width: 100px;	
margin-left: 0;
}
} .outer-wrap--hamburger,
.outer-wrap--hamburger > * {
position: absolute;	
}
.outer-wrap--hamburger {
width: 40px;
height: 40px;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: block;
cursor: pointer;
}
.outer-wrap--hamburger > * {
transition-property: all;
transition-timing-function: cubic-bezier(.77,0,.175,1);
transition-duration: .25s;
background: var(--color--off-black);
}
.bun-top {
top: 0;
left: calc( 50% - 1px);
width: 2px;
height: 6px;
}
.tomato {
left: 0;
top: calc( 50% - 1px);
width: 6px;
height: 2px;
}
.ground-beef {
right: 0;
top: calc( 50% - 1px);
width: 6px;
height: 2px;
}
.bun-bottom {
bottom: 0;
left: calc( 50% - 1px);
width: 2px;
height: 6px;
} body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-top {
transform: scale( 2000%, 33.33% ) translateY(10px);
transform-origin: top center;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .tomato {
transform: scale( 333.333%, 100% );
transform-origin: center left;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .ground-beef {
transform: scale( 333.333%, 100% );
transform-origin: center right;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-bottom {
transform: scale( 2000%, 33.33% ) translateY(-10px);
transform-origin: bottom center;
}
@media ( max-width: 768px ) {
.outer-wrap--hamburger {
width: 30px;
height: 30px;
}
.bun-top {
height: 5px;
}
.tomato {
width: 5px;
}
.ground-beef {
width: 5px;
}
.bun-bottom {
height: 5px;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-top {
transform: scale( 1500%, 33.33% ) translateY(10px);
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .tomato {
transform: scale( 300%, 100% );
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .ground-beef {
transform: scale( 300%, 100% );
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-bottom {
transform: scale( 1500%, 33.33% ) translateY(-10px);
}
} .header__submenu {
padding: 10px 0 88px 0;
background: var(--color--white);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 99999999;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header__submenu.is-open {
opacity: 1;
visibility: visible;
}
.header__submenu .submenu-ctas {
position: absolute;
top: 0;
right: 10px;
font-size: 0;
line-height: 0;
}
.header__submenu .submenu-ctas a,
.header__submenu .menu-group__label {
color: var(--color--off-black);
font-family: var(--font--syndicat);
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: 0;	
}
.header__submenu .submenu-ctas a:not(:first-child) { 
margin-left: 20px;
}
.header__submenu .submenu-ctas a {
display: inline-block;
}
.header__submenu .submenu-ctas .submenu-cart {
transform: translateY(3px);
}
.header__submenu .submenu-ctas .submenu-cart svg {
width: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
height: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
}
.header__submenu .menu-group .flex-container {}
.header__submenu li {
color: var(--color--off-black);
font-family: var(--font--syndicat);
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0;	
}
.header__submenu a {
display: block;
}
.header__submenu .menu-group__label,
.header__submenu a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header__submenu svg,
.header__submenu svg path {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header__submenu .item__image {
position: absolute;
top: 0;
right: 10px;
display: none;
}
.header__submenu .item__image.image--active {
opacity: 1;
visibility: visible;
}
.header__submenu .item__image a,
.header__submenu .item__image img {
display: block;
width: 100%;
height: 100%;
}
.header__submenu .item__image:not(.has-image) {
background: var(--color--white);
}
.header__submenu.sm-has-active .menu-group:not(.mg-has-active) .menu-group__label,
.header__submenu.sm-has-active .menu-group-item a:not(.item--active),
.header__submenu.sm-has-active .submenu-ctas a:not(.item--active),
.submenu--open.submenu--unhovered .header__submenu .menu-group__label,
.submenu--open.submenu--unhovered .header__submenu a:not(.item--active) {
color: var(--color--beige);
}
.header__submenu.sm-has-active .menu-group-item a:not(.item--active) svg path,
.header__submenu.sm-has-active .submenu-ctas a:not(.item--active) svg path,
.submenu--open.submenu--unhovered .header__submenu .menu-group__label svg path,
.submenu--open.submenu--unhovered .header__submenu a:not(.item--active) svg path {
fill: var(--color--beige);
}
@media ( max-width: 768px ) {
.header__submenu {
padding: 10px 0 100px 0;
}	
.header__submenu .menu-groups {
padding-right: 0;
}	
.header__submenu li {
line-height: 120%;
}		
}
@media ( max-width: 420px ) {
.header__submenu .item__image {
display: none!important;
}
}  #juniper-footer {
padding: 25px 0 7px;
}
#juniper-footer,
#juniper-footer li[class*="field--"]:has(textarea):after,
#juniper-footer li[class*="field--"]:has(textarea):before {
background: var(--color--white);	
}
#juniper-footer ul,
#juniper-footer li {
display: block;
}
#juniper-footer .jd-global-padding {} #juniper-footer,
#juniper-footer p,
#juniper-footer h3,
#juniper-footer label,
#juniper-footer input,
#juniper-footer textarea,
#juniper-footer select,
#juniper-footer a,
#juniper-footer li {
font-family: var(--font--syndicat);
color: var(--color--off-black);
}  #juniper-footer form br {
display: none;
} #juniper-footer .wpcf7-spinner {
margin: 0;
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
width: 10px;
aspect-ratio: 1;
border-radius: 0;
background: var(--color--off-black);
height: 10px;
}
#juniper-footer .wpcf7-spinner:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
background: transparent;
border-radius: 0;
top: 0;
left: 0;
box-shadow: 0 0 0 0 var(--color--off-black);
animation: l1 1s infinite;    
}
@keyframes l1 {
100% {
box-shadow: 0 0 0 10px var(--color--off-black);
opacity: 0;
}
} #juniper-footer input::-ms-input-placeholder,
#juniper-footer textarea::-ms-input-placeholder { 
color: var(--color--beige); 
font-family: var(--font--syndicat);	
text-transform: none;
font-weight: 300!important;
}
#juniper-footer input::placeholder,
#juniper-footer textarea::placeholder { 
color: var(--color--beige); 
font-family: var(--font--syndicat);	
text-transform: none;
font-weight: 300!important;	
}  #juniper-footer .wpcf7-response-output,
#juniper-footer .wpcf7-not-valid-tip {
color: var(--color--off-black)!important;
margin-top: 3px!important;
}
#juniper-footer .wpcf7-response-output {
padding: 0;
margin: 0;
margin-top: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem)!important;
border: none;
color: var(--color--off-black);
}
#juniper-footer .wpcf7-not-valid-tip {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%;	
padding: 0;
text-align: left;
}
#juniper-footer .wpcf7-response-output span {
display: block;
margin-bottom: 10px;
}  #juniper-footer .contact-form-title {}
#juniper-footer .contact-form-title h3 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
} #juniper-footer .contact-form {
margin-bottom: clamp(6.25rem, 2.679rem + 7.44vw, 9.375rem);
}
#juniper-footer .wrap--form-desc,
#juniper-footer .wrap--form-desc p {
font-family: var(--font--source-serif);
}
#juniper-footer .wrap--form-desc,
#juniper-footer .wrap--form-desc p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .wrap--form-desc {
width: 100%;
max-width: 277px;
margin-bottom: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem);
}
#juniper-footer .contact-form .wpcf7-form {
width: auto;
text-align: left;
margin: 0;	
}
#juniper-footer .contact-form ul {
width: calc( 100% + 10px );
margin-left: -5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: flex-start;
align-content: flex-start;	
gap: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem) 0;
}
#juniper-footer .contact-form li,
#juniper-footer .contact-form label,
#juniper-footer .contact-form span {
display: block;
}
#juniper-footer .contact-form li {
height: auto;
padding-top: clamp(0.9rem, 0.776rem + 0.471vw, 1.2rem);
position: relative;
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 100%;
align-self: auto;
order: 0;	
margin: 0 5px;
}
#juniper-footer .contact-form .field--submit-message {
padding-top: 0;
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
flex-basis: auto;
}
#juniper-footer .contact-form .field--first-name,
#juniper-footer .contact-form .field--last-name,
#juniper-footer .contact-form .field--email-address,
#juniper-footer .contact-form .field--subject {
flex-basis: calc( 50% - 10px );
}
#juniper-footer .contact-form label,
.wpcf7-response-output span {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
}
#juniper-footer .contact-form label {
position: absolute;
top: 0;
left: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
opacity: 0;
}
#juniper-footer .contact-form .field--focused label {
opacity: 1;
}
#juniper-footer .contact-form input,
#juniper-footer .contact-form textarea,
#juniper-footer .contact-form select,
#juniper-footer .contact-form .wpcf7-response-output {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400!important;
line-height: 120%; width: 100%!important;
float: none!important;
height: auto;
border-radius: 0;
}
#juniper-footer .contact-form input,
#juniper-footer .contact-form textarea,
#juniper-footer .contact-form select {
padding: 14px 0 5px;
display: block;		
transition-property: border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
border: solid 1px var(--color--sand);
border-width: 0 0 1px 0;
margin-bottom: 0;	
}
#juniper-footer .contact-form .field--focused input,
#juniper-footer .contact-form .field--focused textarea,
#juniper-footer .contact-form .field--focused select {
border-color: var(--color--off-black);
}
#juniper-footer .contact-form textarea {
padding-top: 0;
margin-top: 14px; height: calc( 3 * clamp(1.813rem, 1.455rem + 0.952vw, 2.313rem) );	
}  @supports (field-sizing: content) {
#juniper-footer .contact-form textarea {
height: auto;	
field-sizing: content;	
}
} #juniper-footer li[class*="field--"]:has(textarea) {
position: relative;
}
#juniper-footer li[class*="field--"]:has(textarea):after {
content: '';
position: absolute;
bottom: 1px;
right: 1px;
display: block;
width: 8px;
height: 8px;
} #juniper-footer li[class*="field--"]:has(textarea):before {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 20px; height: calc( 100% - 1px ); z-index: 10;
} #juniper-footer .contact-form div.wpcf7 form.wpcf7-form input[type="submit"],
#juniper-footer .contact-form div.wpcf7 form.wpcf7-form input[type="reset"] {
width: auto;
font-family: var(--font--syndicat);
color: var(--color--beige);
font-weight: inherit;
font-size: clamp(0.875rem, 0.824rem + 0.196vw, 1rem);
margin: 0;
text-transform: inherit;
background: transparent;
height: auto;	
padding: 11px 50px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--beige);  
transition-property: background-color, color, border-color;
}
#juniper-footer .contact-form.submittable div.wpcf7 form.wpcf7-form input[type="submit"] {
color: var(--color--off-black);
border-color: var(--color--off-black);
}
#juniper-footer .contact-form.submittable div.wpcf7 form.wpcf7-form input[type="submit"]:is(:hover, :active, :focus) {
color: var(--color--beige);
background-color: var(--color--off-black);
} @media ( max-width: 768px ) {
#juniper-footer .contact-form {
margin-bottom: clamp(3.125rem, -0.647rem + 14.368vw, 6.25rem);
}
#juniper-footer .wpcf7-response-output {
margin-top: 0px;
}
#juniper-footer .contact-form div.wpcf7 form.wpcf7-form .field--submit-message { margin-top: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem);
}	
} #juniper-footer .footer-tagline {}
#juniper-footer .footer-tagline h3 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;		
max-width: 562px;
width: 100%;
}
@media( max-width: 768px ) {
#juniper-footer .footer-tagline h3 {
padding-bottom: 0!important;
}
} #juniper-footer [class*="-menu"] li,
#juniper-footer .quick-contact li {
display: block;
}
#juniper-footer .featured-menu li {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: normal;
align-items: flex-start;
align-content: normal;
}
#juniper-footer [class*="-menu"] a,
#juniper-footer .quick-contact a {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
display: block;
}
#juniper-footer .featured-menu {}
#juniper-footer .featured-menu a {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .menu--active:has(.item--active) a:not(.item--active),
#juniper-footer .menu--active:has(.item--active) a:not(.item--active) {
color: var(--color--beige);
}
@media ( max-width: 480px ) {
#juniper-footer .footer-menus .flex-item[class*="-menu"]:not(:last-child) {
margin-bottom: 0;
}
#juniper-footer .quick-contact ul {
margin-bottom: 20px;
}			
#juniper-footer .footer-tagline {
margin-top: 90px;
}
#juniper-footer .copyright {
margin: 0;
}	
} #juniper-footer .newsletter-form {}
#juniper-footer .newsletter-form h3 {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
margin: 0;
padding: 0;
}
#juniper-footer .newsletter-form form {
margin: 0 0 16px;
width: 100%;
max-width: 276px;
}
#juniper-footer .newsletter-form li {
position: relative;
}
#juniper-footer .newsletter-form input[type="email"],
.wpcf7-response-output {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .newsletter-form input[type="email"] {
background: transparent;
border-radius: 0;
padding: 4px 0 6px 0;
border: #343335 solid 1px;
border-width: 0 0 1px 0;
margin: 0;
text-transform: none;	
}
#juniper-footer .newsletter-form input[type="submit"],
#juniper-footer .newsletter-form .pseudo-submit {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: block;
z-index: 5;
}
#juniper-footer .newsletter-form input[type="submit"] {
background: transparent;
color: transparent;
border-radius: 0;
padding: 0;
cursor: pointer;
margin-top: 0;
text-transform: none;
text-indent: -9999em;
z-index: 6;	
}
#juniper-footer .newsletter-form .pseudo-submit svg,
#juniper-footer .newsletter-form .pseudo-submit path {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#juniper-footer .newsletter-form .field--focused .pseudo-submit path,
#juniper-footer .newsletter-form .submit--active .pseudo-submit path {
fill: var(--color--off-black);
}
#juniper-footer .newsletter-form .wpcf7-response-output {
margin-top: 3px!important;
text-align: left;
font-weight: 400;
}
#juniper-footer .newsletter-form .wpcf7-response-output:not(.jd-form-success-msg) {
display: none!important;
}
#juniper-footer .newsletter-form .wpcf7-spinner {
transform: none;
top: 7px;    
}
#juniper-footer .newsletter-form input[type="submit"], 
#juniper-footer .newsletter-form .pseudo-submit {
transform: none;
top: 2px;	
}
@media ( max-width: 768px ) {
#juniper-footer .newsletter-form form {
margin-bottom: 0;
}
#juniper-footer .newsletter-form .wpcf7-spinner {
right: 5px;
top: -13px;		
}	
} #juniper-footer .copyright {}
#juniper-footer .copyright,
#juniper-footer .copyright p {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; } #juniper-footer .quick-contact {}
#juniper-footer .quick-contact,
#juniper-footer .quick-contact li,
#juniper-footer .quick-contact a {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
@media ( max-width: 800px ) {
#juniper-footer .quick-contact { padding-top: 10px; }
} #juniper-footer .footer-menus {}
#juniper-footer .footer-menus a {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; } .page-template-page-home {
font-family: var(--font--syndicat);
}
.page-template-page-home img {
display: block;
max-width: unset;
width: 100%;
}  .jd-supergrid {
display: grid; grid-template-columns: 
minmax(19.1549%, 19.1549%)
minmax(9.6478%, 9.6478%)
minmax(9.3661%, 9.3661%)
minmax(9.3661%, 9.3661%)
minmax(0, 9.3661%)
minmax(9.3661%, 9.3661%) minmax(0, 9.3661%)
minmax(9.3661%, 9.3661%)
minmax(9.3661%, 9.3661%);
gap: 10px;
} .jd-supergrid img {
width: 100%;
height: auto; 
}
@media ( max-width: 960px ) {
.jd-supergrid {}
}
@media ( max-width: 480px ) {
.jd-supergrid {
grid-template-columns: 
minmax(38.3098%, 38.3098%)
1fr;	
}
}  .header__submenu .jd-grid--menu-groups,
.header__submenu .jd-grid--menu-group {
display: grid;
}
.header__submenu .jd-grid--menu-groups {
gap: 50px 10px;
grid-template-columns: 
calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) 
calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ); width: calc( 100vw - ( 2 * ( ( 100vw - 20px ) * 0.093661 ) + 10px ) - 10px );
} .header__submenu .jd-grid--menu-group {
gap: 0 10px;
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.093661 ) 
calc( 3 * ( ( 100vw - 20px ) * 0.093661 ) + 20px );
}
.header__submenu .item__image {
width: calc( 2 * ( ( 100vw - 20px ) * 0.093661 ) + 10px );
}
@media ( min-width: 1441px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns:
562px 
562px; width: 1134px;
}
.header__submenu .jd-grid--menu-group {
gap: 0 10px;
grid-template-columns: 
133px  
419px;
}
.header__submenu .item__image {
width: 276px;
}
}
@media ( max-width: 1260px ) and ( min-width: 481px ) {
.header__submenu .jd-grid--menu-group {
grid-template-columns: 
1fr;
align-self: start;
}
.wrap--menu-group__label 	{ grid-row: 1;}
.wrap--menu-group__list 	{ grid-row: 2; align-self: start;}
}
@media ( max-width: 768px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns: 
1fr; width: calc( 100vw - ( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) - 10px );		
}		
.header__submenu .item__image {
width: calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px );
}	
}
@media ( max-width: 480px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns: 
1fr;
width: 100%;		
}	
.header__submenu .jd-grid--menu-group {
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.383098 )
calc( ( 100vw - 20px ) * 0.588732 );
}
.header__submenu .item__image {
display: none!important;
}	
} #juniper-footer .wrap--contact-form-title 	{ grid-column: 1; grid-row: 1; }
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 4 / span 6; grid-row: 1; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 4 / span 6; grid-row: 2; }
#juniper-footer .wrap--footer-tagline 		{ grid-column: 1 / span 2; grid-row: 3; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 6 / span 4; grid-row: 3; }
#juniper-footer .wrap--newsletter-form 		{ grid-column: 1; grid-row: 4; }
#juniper-footer .wrap--copyright 			{ grid-column: 1; grid-row: 5; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 4 / span 2; grid-row: 5; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 6 / span 4; grid-row: 5; }
#juniper-footer .wrap--copyright,
#juniper-footer .wrap--quick-contact,
#juniper-footer .wrap--footer-menus 		{ align-self: end; }
#juniper-footer .footer-menus {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-end;
align-content: flex-start;
height: 100%;	
gap: 0 10px;
}
#juniper-footer .footer-menus > * {
flex-basis: calc( 25% - 7.5px );
}
@media ( max-width: 1000px ) {
#juniper-footer .wrap--featured-menu 		{ grid-column: 4 / span 6; grid-row: 3; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 2 / span 2; grid-row: 5; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 4 / span 6; grid-row: 5; }	
#juniper-footer .wrap--newsletter-form 		{ grid-column: 1 / span 2; grid-row: 4; }
}
@media ( max-width: 800px ) {
#juniper-footer .wrap--copyright 			{ grid-column: 1 / span 2; grid-row: 6; }	
#juniper-footer .wrap--quick-contact 		{ grid-column: 4 / span 6; grid-row: 6; }	
}
@media ( max-width: 768px ) {
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 3 / span 7; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 1 / span 9; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 3 / span 7; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 3 / span 7; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 3 / span 7; }
}
@media ( max-width: 480px ) {
#juniper-footer .wrap--contact-form-title 	{ grid-column: 1; grid-row: 1; }
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 2; grid-row: 1; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 1 / span 2; grid-row: 2; }
#juniper-footer .wrap--footer-tagline 		{ grid-column: 1 / span 2; grid-row: 6; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 2; grid-row: 3 / 6; }
#juniper-footer .wrap--newsletter-form 		{ grid-column: 2; grid-row: 5; }
#juniper-footer .wrap--copyright 			{ grid-column: 1 / span 2; grid-row: 7; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 2; grid-row: 4; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 1; grid-row: 3 / span 3; }
#juniper-footer .wrap--quick-contact,
#juniper-footer .wrap--newsletter-form 		{ align-self: end; }
#juniper-footer .wrap--copyright,
#juniper-footer .wrap--footer-menus 		{ align-self: start; }
#juniper-footer .footer-menus {
flex-wrap: wrap;
height: auto;	
gap: 10px 0;
}
#juniper-footer .footer-menus > * {
flex-basis: 100%;
}
} .home-hero-video .wrap--hero-events {
width: calc( 2 * ( ( 100% - 20px ) * 0.093661 ) + 10px );
}
.home-hero-video .wrap--hero-btns {
left: 10px;
}
.home-hero-video .wrap--hero-events {
right: 10px;
}
@media ( min-width: 1441px ) {
.home-hero-video .wrap--hero-btns {
left: calc( ( 100% - 1420px ) / 2 );
}
.home-hero-video .wrap--hero-events {
right: calc( ( 100% - 1420px ) / 2 );
}
}
@media ( max-width: 1000px ) {
.home-hero-video .wrap--hero-events {
width: calc( 3 * ( ( 100% - 20px ) * 0.093661 ) + 20px );
}	
}
@media ( max-width: 580px ) {
.home-hero-video .wrap--hero-events {
left: 5px;
}	
}
@media ( max-width: 480px ) {
.home-hero-video .wrap--hero-events {
width: 178px;
}	
} .container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 4; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 6 / span 4; grid-row: 1; }
@media ( max-width: 800px ) {
.container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 9; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 3 / span 7; grid-row: 2; }
}
@media ( max-width: 480px ) {
.container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 2; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 2; grid-row: 2; }
} .home-mission .wrap--feat-image 	{ grid-column: 1 / span 4; grid-row: 1 / span 2; }
.home-mission .wrap--section-title 	{ grid-column: 7; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 8 / span 2; grid-row: 1; }
.home-mission .wrap--sec-image 		{ grid-column: 8 / span 2; grid-row: 2; 
align-self: end; 	
}
.home-mission .jd-supergrid {
grid-template-rows: 1fr 1fr;
}
@media ( max-width: 1200px ) {
.home-mission .jd-supergrid 		{ 
grid-template-rows:
auto 
auto 
1fr;
}
.home-mission .wrap--feat-image 	{ grid-column: 1 / span 4; grid-row: 1 / span 3; }
.home-mission .wrap--section-title 	{ grid-column: 7 / span 3; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 7 / span 3; grid-row: 2; }
.home-mission .wrap--sec-image 		{ grid-column: 8 / span 2; grid-row: 3; }	
}
@media ( max-width: 800px ) {
.home-mission .jd-supergrid { 
grid-template-rows:
auto 
auto 
1fr;
}
.home-mission .wrap--section-title 	{ grid-column: 3 / span 2; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 5 / span 5; grid-row: 1; }
.home-mission .wrap--feat-image 	{ grid-column: 3 / span 7; grid-row: 2; }	
}
@media ( max-width: 480px ) {
.home-mission .jd-supergrid { 
grid-template-rows:
auto 
auto;
}
.home-mission .wrap--section-title 	{ grid-column: 1; grid-row: 1; 
justify-self: start;
}
.home-mission .wrap--section-copy 	{ grid-column: 2; grid-row: 1; }	
.home-mission .wrap--feat-image 	{ grid-column: 1 / span 2; grid-row: 2; }	
}  .home-benefits .panels {  gap: 153px;
width: 100%;
}
.home-benefits .jd-grid {
display: grid;
grid-template-columns: 
calc( ( 0.47534 * ( 100vw - 20px ) ) + 30px ) 
350px;	
grid-template-rows: auto auto auto 1fr;
gap: 10px;
}
.home-benefits .wrap--panel-title 		{ grid-column: 1 / span 2; grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-column: 1; grid-row: 2 / span 3; }
.home-benefits .wrap--panel-desc 		{ grid-column: 2; grid-row: 2; 
justify-self: start;
}
.home-benefits .wrap--panel-list		{ grid-column: 2; grid-row: 3; 
justify-self: start;
}
.home-benefits .wrap--panel-sec-image 	{ grid-column: 2; grid-row: 4; 
justify-self: end; 
align-self: end;
}
@media ( min-width: 1441px ) {
.home-benefits .jd-grid {
grid-template-columns: 
705px  
350px;	
}
}
@media ( max-width: 1100px ) 	{ 
.home-benefits .panels { gap: 100px; } 
}
@media ( max-width: 800px ) {
.home-benefits .jd-grid {
grid-template-columns: 
calc( ( 0.569001 * ( 100vw - 20px ) ) + 40px ) 
calc( ( 0.280983 * ( 100vw - 20px ) ) + 20px );	
}
}
@media ( max-width: 640px ) {
.home-benefits .panels {
gap: 47px;
}	
.home-benefits .jd-grid {
grid-template-columns: 
calc( clamp(17.625rem, 6.739rem + 41.471vw, 44.063rem) - 276px ) 
175px
101px;	
}
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
grid-column: 1 / span 3;
}
.home-benefits .wrap--panel-feat-img {
padding-bottom: 10px;
}
.home-benefits .wrap--panel-desc {
grid-column: 1 / span 3;
}
.home-benefits .wrap--panel-title 		{ grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-row: 2; }
.home-benefits .wrap--panel-desc 		{ grid-row: 3; }
}
@media ( max-width: 420px ) {
.home-benefits .jd-grid {
grid-template-columns: 
calc( ( ( 0.766196 * ( 100vw - 20px ) ) + 10px ) - 185px )
175px;	
}	
.-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc {
grid-column: 1 / span 2;
}
.home-benefits .wrap--panel-list {
grid-column: 1;
}	
.home-benefits .wrap--panel-sec-image {
grid-column: 2;
}		
.home-benefits .wrap--panel-title 		{ grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-row: 2; }
.home-benefits .wrap--panel-desc 		{ grid-row: 3; }
.home-benefits .wrap--panel-list		{ grid-row: 4; align-self: end; }
.home-benefits .wrap--panel-sec-image 	{ grid-row: 4; }	
}
@media ( max-width: 320px ) {
.home-benefits .panels,
.home-benefits .wrap--panel {
display: block;
}
.home-benefits .panels,
.home-benefits .panels * {
transform: none!important;
}
.home-benefits .wrap--panels {
width: auto;
}
.home-benefits .jd-grid {
display: block;
width: calc( 100vw - 20px);
overflow: hidden;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc,
.home-benefits .wrap--panel-list,
.home-benefits .wrap--panel-sec-image { 
width: 100%; 
display: block;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
margin-bottom: 10px!important;
}
.home-benefits .panel-title h2 {
text-wrap: wrap;
}
} .home-events .wrap--section-title 	{ grid-column: 1; grid-row: 1 / span 2; }
.home-events .wrap--event-main 		{ grid-column: 2 / span 4; grid-row: 1; }
.home-events .wrap--event-image 	{ grid-column: 6 / span 4; grid-row: 1; }
.home-events .wrap--event-cta 		{ grid-column: 6 / span 2; grid-row: 2; }
.home-events .wrap--event-content 	{ grid-column: 8 / span 2; grid-row: 2; }
@media ( max-width: 800px ) {
.home-events .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-events .wrap--event-main 		{ grid-column: 3 / span 7; grid-row: 1; }
.home-events .wrap--event-image 	{ grid-column: 3 / span 7; grid-row: 3; }
.home-events .wrap--event-cta 		{ grid-column: 3 / span 2; grid-row: 2; }
.home-events .wrap--event-content 	{ grid-column: 6 / span 4; grid-row: 2; 
justify-self: end;
}
}
@media ( max-width: 480px ) {
.home-events .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-events .wrap--event-main 		{ grid-column: 1 / span 2; grid-row: 3; }
.home-events .wrap--event-image 	{ grid-column: 1 / span 2; grid-row: 2; }
.home-events .wrap--event-cta 		{ grid-column: 1 / span 2; grid-row: 4; }
.home-events .wrap--event-content 	{ grid-column: 1 / span 2; grid-row: 5; 
justify-self: end;
}
} .home-systems .jd-supergrid {
gap: 0 10px;
}
.home-systems .wrap--section-title 			{ grid-column: 1; grid-row: 1 / span 2; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 3 / span 3; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 7 / span 3; grid-row: 1; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 3 / span 3; grid-row: 2; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 7 / span 3; grid-row: 2; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 3 / span 3; grid-row: 3; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 7 / span 3; grid-row: 3; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 3 / span 3; grid-row: 4; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 7 / span 3; grid-row: 4; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 3 / span 3; grid-row: 5; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 7 / span 3; grid-row: 5; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 3 / span 3; grid-row: 6; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 7 / span 3; grid-row: 6; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 3 / span 3; grid-row: 7; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 7 / span 3; grid-row: 7; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 3 / span 3; grid-row: 8; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 7 / span 3; grid-row: 8; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 3 / span 3; grid-row: 9; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 7 / span 3; grid-row: 9; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 3 / span 3; grid-row: 10; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 7 / span 3; grid-row: 10; }
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: calc( ( 0.093661 * ( 100vw - 20px ) ) + 10px );
}
@media ( min-width: 1441px ) {
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: 143px;
}
}
@media ( max-width: 800px ) {
.home-systems .wrap--section-title 			{ grid-column: 1 / span 2; grid-row: 1; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 3 / span 7; grid-row: 2; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 3 / span 7; grid-row: 3; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 3 / span 7; grid-row: 4; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: 0;
}
.home-systems .jd-supergrid {
gap: 10px;
}	
}
@media ( max-width: 480px ) {
.home-systems .wrap--section-title 			{ grid-column: 1; grid-row: 1; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 2; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 2; grid-row: 2; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 2; grid-row: 3; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 2; grid-row: 4; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 2; grid-row: 5; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 2; grid-row: 6; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 2; grid-row: 7; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 2; grid-row: 8; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 2; grid-row: 9; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 2; grid-row: 10; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 2; grid-row: 11; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 2; grid-row: 12; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 2; grid-row: 13; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 2; grid-row: 14; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 2; grid-row: 15; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 2; grid-row: 16; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 2; grid-row: 17; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 2; grid-row: 18; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 2; grid-row: 19; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 2; grid-row: 20; }
} .home-products .wrap--section-title 	{ grid-column: 1; }
.home-products .wrap--product-list 		{ grid-column: 4 / span 3; }
.home-products .item__image {
width: calc( ( 0.187322 * ( 100vw - 20px ) ) + 10px );
height: auto;
}
@media ( min-width: 1441px ) {
.home-products .item__image {
width: 276px;
}
}
@media ( max-width: 768px ) {
.home-products .jd-supergrid {
grid-template-columns: 
1fr;
}
width: 
.home-products .wrap--section-title 	{ grid-column: 1; grid-row: 1; }
.home-products .wrap--product-list 		{ grid-column: 1; grid-row: 2; }	
.home-products .item__image {
width: calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px );		
}
}
@media ( max-width: 480px ) {
.home-products .jd-supergrid {
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.383098 )
calc( ( 100vw - 20px ) * 0.588732 );
width: calc( 100vw - ( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) - 10px );
}
.home-products .wrap--section-title 	{ grid-column: 1; grid-row: 1; }
.home-products .wrap--product-list 		{ grid-column: 2; grid-row: 1; }	
.home-products .item__image {
width: calc( 100% - 10px );
}
} .home-news .wrap--section-title 	{ grid-column: 1; }
.home-news .wrap--news-slider 		{ grid-column: 2 / span 8; }
@media ( max-width: 1200px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 9; grid-row: 1; }
.home-news .wrap--news-slider 		{ grid-column: 1 / span 9; grid-row: 2; }
}
@media ( max-width: 992px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-news .wrap--news-slider 		{ grid-column: 3 / span 7; grid-row: 1; }
}
@media ( max-width: 640px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 2; }
.home-news .wrap--news-slider 		{ grid-column: 3 / span 7; }
}
@media ( max-width: 480px ) {
.home-news .wrap--section-title 	{ grid-column: 1; }
.home-news .wrap--news-slider 		{ grid-column: 2; }
}  .page-template-page-home 								{ padding-top: 0!important; }
@media ( max-width: 768px ) { .page-template-page-home 	{ padding-top: 0!important; } }
.page-template-page-home {
background: var(--color--beige);
}
.page-template-page-home .juniper-header {
margin: 5px 5px 0 5px;
}
.page-template-page-home .juniper-header:not(.over-the-vid) {
background: rgba(52, 51, 53, 0.40);
}
.page-template-page-home .juniper-header:not(.over-the-vid) .header-logo .logo--dark {
opacity: 0;
visibility: hidden;
}
.page-template-page-home .juniper-header:not(.over-the-vid) .header-logo .logo--light {
opacity: 1;
visibility: visible;	
}
.page-template-page-home .juniper-header:not(.over-the-vid) .outer-wrap--hamburger > * {
background: var(--color--beige);
} .home-hero-video {
position: relative;
height: 0;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
background: #1e1b18;
}
.home-hero-video .wrap--jd-iframe {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;	
opacity: 0;
padding-top: 0;
-webkit-transition: opacity .25s ease-in;
-o-transition: opacity .25s ease-in;
transition: opacity .25s ease-in;
}
.loaded .home-hero-video .wrap--jd-iframe {
opacity: 1;
} .home-hero-video .video-overlay {
position: absolute;
z-index: 10;
background: rgba(0, 0, 0, .4);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.submenu--open .home-hero-video .video-overlay {
opacity: 1;
visibility: visible;
}
@media ( max-width: 580px ) {
.home-hero-video {
padding-bottom: 100vh;
overflow: hidden;
}
.logged-in .home-hero-video {
padding-bottom: calc( 100vh - 46px );
}
.home-hero-video .wrap--jd-iframe {
width: 100%!important;
height: 100%;
transform: translateY(-50%);
left: auto;
top: 50%;	
}
.home-hero-video video {
width: auto;
max-width: unset;
height: 100%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);		
}
}
@media ( min-width: 1760px ) {
.home-hero-video {
padding-bottom: 1000px;
overflow: hidden;
}
.home-hero-video .wrap--jd-iframe {
width: 100%!important;
height: 100%;
transform: translateY(-50%);
left: auto;
top: 50%;	
}
.home-hero-video video {
width: 100%;
max-width: unset;
height: auto;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);		
}
}
.home-hero-video .wrap--hero-tagline {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% ); 
width: 500px;
max-width: clamp(15.625rem, 9.191rem + 24.51vw, 31.25rem);
height: auto;
}
.home-hero-video .hero-tagline h2 {
color: var(--color--beige);
text-align: center;
font-family: var(--font--syndicat);
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400!important;
line-height: 120%; text-transform: uppercase;
}
.home-hero-video .wrap--hero-btns {
position: absolute;
width: auto;
height: auto;
bottom: 10px;
}
.home-hero-video .hero-btns {
display: inline-flex;
gap: 10px;
}
.home-hero-video .wrap--cb-btn a {
width: auto;
display: block;
font-family: var(--font--syndicat);
color: var(--color--beige);
font-weight: 400!important;
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
margin: 0;
text-transform: inherit;
color: var(--color--beige);
border-color: var(--color--beige);
background: transparent;
height: auto;	
padding: 11px 49px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--beige);  
transition-property: background-color, color, border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.home-hero-video .wrap--cb-btn a:is(:hover, :active, :focus) {
color: var(--color--off-black);
background-color: var(--color--beige);
}
@media ( max-width: 420px ) {
.home-hero-video .wrap--hero-btns {
width: calc( 100% - 20px );
}
.home-hero-video .hero-btns {
width: 100%;
}
.home-hero-video .wrap--cb-btn {
flex-basis: 50%;
}
}
.home-hero-video .wrap--hero-events {
position: absolute;
height: auto;
bottom: 10px;
}
.home-hero-video .hero-events {
border-radius: 5px;
background: rgba(52, 51, 53, 0.40);
backdrop-filter: blur(5px);
padding: clamp(0.313rem, 0.184rem + 0.49vw, 0.625rem);
overflow: hidden;
}
.home-hero-video .wrap--event-bubble {
max-width: 245px;
}
.home-hero-video .hero-events h1,
.home-hero-video .hero-events h2,
.home-hero-video .hero-events h3,
.home-hero-video .hero-events h4,
.home-hero-video .hero-events h5,
.home-hero-video .hero-events h6,
.home-hero-video .hero-events a,
.home-hero-video .hero-events div,
.home-hero-video .hero-events p {
color: var(--color--beige);
}
.home-hero-video .hero-events h1,
.home-hero-video .hero-events h2,
.home-hero-video .hero-events h3,
.home-hero-video .hero-events h4,
.home-hero-video .hero-events h5,
.home-hero-video .hero-events h6,
.home-hero-video .hero-events div,
.home-hero-video .hero-events p {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 300;
line-height: 120%; }
.home-hero-video .hero-events h3 {
margin-bottom: clamp(0rem, -0.412rem + 1.569vw, 1rem);
}
.home-hero-video .hero-events h4 {
padding-bottom: 0;
}
.home-hero-video .hero-events a {
font-size: 12px;
font-style: normal;
font-weight: 300!important;
line-height: 116.667%;
text-decoration-line: underline;	
display: inline-block;
margin-top: 56px;
}
@media ( max-width: 580px ) {
.home-hero-video .wrap--hero-events {
bottom: auto;
right: auto;
top: 50px;
}	
} .container--featured-tagline {
padding: 10px 0 clamp(3.125rem, 1.838rem + 4.902vw, 6.25rem);
}
.container--featured-tagline img {
width: 100%;
height: auto;
}
.container--featured-tagline .ft__tagline {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%; padding: .1875em 0 0;
}
.container--featured-tagline .wrap--ft__image img {
height: auto;
display: block;
}
.container--featured-tagline[data-section-type="no-image"] {
padding-bottom: clamp(6.25rem, -5.065rem + 43.103vw, 15.625rem);
}
.container--featured-tagline[data-section-type="no-image"] .wrap--ft__tagline {
max-width: 705px;
}
@media ( max-width: 800px ) {
.container--featured-tagline .ft__tagline {
line-height: 120%;
}
.container--featured-tagline .wrap--ft__image img {
transform: none;
width: calc(100% + 10px);
margin-top: 40px;
}	
} .container--home-mission {
padding: 0;	
}
.container--home-mission img {
width: 100%;
height: auto;
}
.home-mission .section-title {
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase; 
padding: .2em 0 0 0;
}
.home-mission .section-copy {
font-size: 1rem;	
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
@media ( max-width: 992px ) {
.home-mission .wrap--sec-image 	{ 
display: none;
}	
}
@media ( max-width: 800px ) {
.home-mission .wrap--feat-image {
transform: none;
width: calc(100% + 10px);
padding-top: 10px;
}	
}
@media ( max-width: 480px ) {
.container--home-mission img,
.home-mission .section-title,
.home-mission .section-copy {
transform: none;
}
.home-mission .feat-image {
margin-top: 59px;
}	
.home-mission .section-title {
text-align: left;
}	
.home-mission .body-text {
width: 100%;
max-width: 400px;
}
}
@media ( max-width: 420px ) {
.home-mission .wrap--feat-image img { 
width: calc(100% + 10px);
height: auto;
max-width: unset;
}
}
@media ( max-width: 320px ) {
.container--home-mission .section-title {
margin-bottom: 10px;
}
} .container--home-benefits {
padding: 0 0 clamp(0.5rem, -5.728rem + 23.725vw, 15.625rem);
}
.home-benefits img {
width: auto;
max-width: 100%;
}
.home-benefits .wrap--panel-desc {
margin-bottom: clamp(3.125rem, 1.838rem + 4.902vw, 6.25rem);
}
.home-benefits .panel-title span,
.home-benefits .panel-title h2 {
display: inline-block;
}
.home-benefits .panel-title span {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; margin-right: 10px;
transform: translateY(-0.125em);
}
.home-benefits .panel-title h2 {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%; padding: 0!important;
text-wrap: nowrap;
overflow: hidden;
}
.home-benefits .panel-desc {
font-size: 1rem;
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-benefits .panel-list {
font-size: .75rem;
font-style: normal;
font-weight: 400;
line-height: 14px; width: 175px;
}
.home-benefits .wrap--panel-list {
padding-left: calc( 100% - 175px );
}
.home-benefits .panel-list li {
counter-increment: sublist;
text-align: right;
padding-left: 20px;
position: relative;
}
.home-benefits .panel-list li:before { content: counter(sublist);  
text-align: left;	
position: absolute;
left: 0;
}
.home-benefits .wrap--panel-sec-image img {
mix-blend-mode: multiply;
max-width: clamp(3.375rem, 1.342rem + 7.745vw, 8.313rem);
height: auto;
}
@media ( max-width: 640px ) {
.home-benefits .wrap--panel-desc {
text-align: right;
}
}
@media ( max-width: 320px ) {
.panels,
.wrap--panel {
display: block;
}
.panels,
.panels * {
transform: none!important;
}
.home-benefits .wrap--panels {
width: auto;
}
.home-benefits .jd-grid {
display: block;
width: calc( 100vw - 20px);
overflow: hidden;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc,
.home-benefits .wrap--panel-list,
.home-benefits .wrap--panel-sec-image { 
width: 100%; 
display: block;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
margin-bottom: 10px!important;
}
.home-benefits .panel-title h2 {
text-wrap: wrap;
}
} .container--home-events {
padding: 10px 0 clamp(3.125rem, 0.268rem + 10.882vw, 10.063rem);
}
.home-events {
}
.home-events .wrap--section-title,
.home-events .event-main {
padding-right: 50px;
}
.home-events .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-events .event-title,
.home-events .event-date,
.home-events .event-loc {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%; padding-bottom: 0;
}
.home-events .event-title {
margin-bottom: 1em;
}
.home-events .event-title,
.home-events .section-title h2 {
padding-top: .16em;
}
.home-events .event-content {
font-family: var(--font--source-serif);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-events .wrap--jd-btn {
display: inline-flex;
} .home-events .iframe-container {
padding-top: 100%;
}
@media ( max-width: 1120px ) {
.home-events .event-content {
text-align: right;
}
}
@media ( max-width: 800px ) {
.home-events .event-title,
.home-events .event-date,
.home-events .event-loc {
line-height: 120%;
}	
.home-events .event-main {
padding-bottom: 40px;
}	
.home-events .wrap--event-image {
transform: none;
width: calc(100% + 10px);
padding-top: 50px;
}
}
@media ( max-width: 640px ) {
.home-events .wrap--section-title {
padding-bottom: 0px;
}
.home-events .event-title {
margin-bottom: 37px;
}
.home-events .wrap--event-image {
padding-top: 10px;
}	
.home-events .wrap--event-image img {
height: auto;
}
.home-events .wrap--event-copy {
text-align: left;
padding-left: 0;
}
}
@media ( max-width: 480px ) {
.home-events  .wrap--jd-btn {
min-width: 173px;
display: inline-block;
width: auto;
}
.home-events .wrap--jd-btn {
margin-bottom: 40px;
}
.home-events .wrap--event-image img,
.home-events .event-main,
.home-events .event-content {
width: calc( 100% + 10px );
transform: none;
}
.home-events .event-content	{
max-width: 276px;
}
.home-events .wrap--event-copy {
text-align: right;
padding-left: calc( 100% - 276px );
}		
} .container--home-systems {
padding: 10px 0 clamp(3.125rem, -1.79rem + 18.725vw, 15.063rem);
}
.home-systems img {
max-width: 100%;
}
.home-systems .section-title,
.home-systems .menu-group-item > a {
padding: 3px 0 0;
}
.home-systems .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-systems .menu-group-item a {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%;
display: block;
}
.home-systems .menu-group-item {
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.home-systems .systems-has-active .menu-group-item:not(.system--active) {
opacity: .4;
}
.home-systems .system--active {
cursor: pointer;	
}
.home-systems .menu-group-item .flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: space-between;
gap: 10px;
}
.home-systems .menu-group-item .flex-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: normal;
align-content: normal;
}
.home-systems .menu-group-item a,
.home-systems .menu-group-item .item__image {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 100%;
align-self: auto;
order: 0;		
}
.home-systems .menu-group-item a 				{ order: 2; }
.home-systems .menu-group-item .item__image 	{ order: 1; }
@media ( max-width: 800px ) {
.home-systems img {
transform: none;
width: calc(100% + 10px);
max-width: unset;
}
}
@media ( max-width: 320px ) {
.home-systems .wrap--section-title {
margin-bottom: 50px;
}
.home-systems .menu-group-item {
transform: none;
width: calc(100% + 10px);
}	
} .container--home-products {
padding: 10px 0 calc( clamp(6.25rem, -6.36rem + 48.039vw, 36.875rem) - 20px );
background: var(--color--white);
}
.home-products .section-title {
padding: 3px 0 0;
}
.home-products .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-products .menu-group-item,
.home-products .menu-group-item > a {
display: block;
}
.home-products .menu-group-item > a {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.home-products .menu-group-item,
.home-products .menu-group-item a {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.home-products .products-has-active .menu-group-item:not(.product--active) a {
color: var(--color--beige);
}
.home-products .item__image {
position: absolute;
top: 0;
right: 10px; display: none;
}
.home-products .menu-group-item:first-child .item__image {
display: block;
}
@media (max-width: 768px) and (min-width: 421px) {
.home-products .menu-group-item > a {
line-height: 120%;
}
}
@media (max-width: 480px) {
.container--home-products {
padding-bottom: calc( 217px + ( 100% - 20px ) );
position: relative;
}
.home-products { position: unset; }
.home-products ul {
padding-right: 0;
}
.home-products .item__image {
top: auto;
bottom: 0;
right: 0;
height: auto;
}	
}
@media ( max-width: 320px ) {
.home-products .wrap--section-title {
margin-bottom: 50px;
}
} .container--home-news {
padding: 10px 0 clamp(3.125rem, -9.871rem + 49.51vw, 34.688rem);
}
.home-news img { max-width: 100%; }
.home-news .jd-grid {
display: grid;
grid-template-columns: 
1fr 
1fr;	
grid-template-rows: auto 1fr;
gap: 10px;
padding-right: 25px;
}
.home-news .wrap--feat-image 	{ grid-column: 1; grid-row: 1 / span 2; }
.home-news .wrap--post-title 	{ grid-column: 2; grid-row: 1; align-self: start; }
.home-news .wrap--post-excerpt 	{ grid-column: 2; grid-row: 2; align-self: end; }
.home-news .section-title,
.home-news .wrap--post-title h3 {
padding: 3px 0 0;
}
.home-news .wrap--post-excerpt {
padding: 0 0 10px;
}
.home-news .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-news .wrap--post-title h3 {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-news .wrap--post-excerpt {
font-size: 16px;
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-news .swiper-slide {
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.home-news .news-has-active .swiper-slide:not(.news--active) {
opacity: .4;
}
.news-slider {
padding-bottom: 44px;
}
.news-slider > .swiper-scrollbar, 
.news-slider > .swiper-scrollbar.swiper-scrollbar-horizontal {
width: calc(100% + 10px);
height: 4px;
background: var(--color--sand);	
bottom: 0;
left: 0;
width: 100%;
cursor: grab;
}
.swiper-scrollbar-drag {
text-indent: -9999em;	
background: var(--color--olive);
}
@media ( max-width: 1200px ) and ( min-width: 992px ), ( max-width: 768px ) {
.home-news .wrap--section-title {
margin-bottom: 50px;
}
}
@media ( max-width: 992px ) {
}
@media ( max-width: 640px ) {
.home-news .wrap--section-title {
margin-bottom: 10px;
}
.home-news .swiper-slide {
width: 100%;
}
.home-news .swiper-slide:not(:last-child) {
margin-bottom: 50px;
}
.home-news .swiper-slide:not(:nth-child(1), :nth-child(2)),
.wrap--jd-news-pagi {
display: none;
}
.home-news .news-slider {
padding-bottom: 0;
}	
.home-news .swiper-wrapper {
height: auto !important;
display: block!important;
}	
.home-news .swiper-slide {
height: auto !important;
}	
.home-news .jd-grid {
grid-template-columns: 1fr;	
grid-template-rows: auto;
gap: 10px;
}
.home-news .wrap--feat-image 	{ grid-column: 1; grid-row: 1; }
.home-news .wrap--post-title 	{ grid-column: 1; grid-row: 2; align-self: auto; }
.home-news .wrap--post-excerpt 	{ grid-column: 1; grid-row: 3; align-self: auto; }	
.home-news .wrap--post-title {
padding-bottom: 20px;
}
}
@media ( max-width: 640px ) {
.home-news .mobile-only--640 {
display: inline-flex;
}
.home-news .jd-grid {
padding-right: 0;
}
.home-news .jd-grid .wrap--feat-image {
width: calc( 100% + 10px );
max-width: unset;
}	
.home-news .jd-grid .wrap--feat-image img {
max-width: unset;
}	
.home-news .swiper {
overflow: visible;
}
}
@media ( max-width: 320px ) {
.home-news .wrap--section-title {
margin-bottom: 50px;
}
}