@charset "UTF-8";
.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col>.wp-block-kadence-column{flex:1}.wp-block-kadence-column.kb-section-dir-horizontal .wp-block-kadence-advancedgallery{flex:1}.wp-block-kadence-column{display:flex;flex-direction:column;z-index:1;min-width:0;min-height:0}.kt-inside-inner-col{flex-direction:column;border:0 solid rgba(0,0,0,0);position:relative;transition:all .3s ease}@media(max-width: 767px){.kvs-sm-false{display:none !important}}@media(min-width: 768px)and (max-width: 1024px){.kvs-md-false{display:none !important}}@media screen and (min-width: 1025px){.kvs-lg-false{display:none !important}}body.admin-bar{--kb-admin-bar-visible: 34px}@media screen and (max-width: 782px){body.admin-bar{--kb-admin-bar-visible: 46px}}.kb-section-is-sticky>.kt-inside-inner-col{position:sticky;top:calc(var(--kb-admin-bar-visible, 0px) + var(--kb-section-setting-offset, 0px))}.kt-inside-inner-col>.kb-section-is-sticky{position:sticky;top:calc(var(--kb-admin-bar-visible, 0px) + var(--kb-section-setting-offset, 0px))}.kt-inside-inner-col>.wp-block-cover{height:auto}.kb-section-has-link{position:relative}.kb-section-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.kb-section-has-overlay{position:relative}.kb-section-has-overlay>.kt-inside-inner-col{z-index:1}.kb-section-has-overlay>.kt-inside-inner-col:before{content:"";opacity:.3;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s ease-in-out}.wp-block-kadence-image:not(:last-child){margin-bottom:1em}.wp-block-kadence-image .kb-image-tooltip-border{border-bottom:1px dashed currentColor}.wp-block-kadence-image .kb-image-tooltip-border.kb-advanced-image-link{display:block}.wp-block-kadence-image img{max-width:100%;border:0 solid currentColor;box-sizing:border-box}.wp-block-kadence-image .kb-img-transparent{display:none}.wp-block-kadence-image .aligncenter{text-align:center}.wp-block-kadence-image .aligncenter.kb-image-is-ratio-size{width:100%}.wp-block-kadence-image.alignfull img,.wp-block-kadence-image.alignwide img{width:100%}.wp-block-kadence-image .alignleft,.wp-block-kadence-image .alignright,.wp-block-kadence-image .aligncenter{display:table}.wp-block-kadence-image .alignleft>figcaption,.wp-block-kadence-image .alignright>figcaption,.wp-block-kadence-image .aligncenter>figcaption{display:table-caption;caption-side:bottom}.wp-block-kadence-image .alignleft{float:left;position:relative;margin-left:0;margin-right:var(--global-md-spacing, 1em);margin-top:.3em;margin-bottom:var(--global-md-spacing, 1em)}.wp-block-kadence-image .alignright{float:right;position:relative;margin-right:0;margin-left:var(--global-md-spacing, 1em);margin-top:.3em;margin-bottom:var(--global-md-spacing, 1em)}.wp-block-kadence-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-kadence-image figcaption{margin-top:.5em;font-size:90%}.wp-block-kadence-image figcaption img{display:inline}.wp-block-kadence-image .kb-is-ratio-image{height:0;position:relative}.wp-block-kadence-image .kb-is-ratio-image img{position:absolute;flex:1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;top:0;left:0}.wp-block-kadence-image .kb-image-ratio-square{padding-bottom:100%}.wp-block-kadence-image .kb-image-ratio-land43{padding-bottom:75%}.wp-block-kadence-image .kb-image-ratio-land32{padding-bottom:66.67%}.wp-block-kadence-image .kb-image-ratio-land169{padding-bottom:56.25%}.wp-block-kadence-image .kb-image-ratio-land21{padding-bottom:50%}.wp-block-kadence-image .kb-image-ratio-land31{padding-bottom:33%}.wp-block-kadence-image .kb-image-ratio-land41{padding-bottom:25%}.wp-block-kadence-image .kb-image-ratio-port34{padding-bottom:133.33%}.wp-block-kadence-image .kb-image-ratio-port23{padding-bottom:150%}.single-content .wp-block-kadence-image .alignleft,.single-content .wp-block-kadence-image .alignright{margin-bottom:var(--global-md-spacing, 1em)}.kb-filter-earlybird img::before{background:radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);mix-blend-mode:overlay;content:"";position:absolute;left:0;right:0;top:40px;bottom:40px;z-index:1}.kb-filter-earlybird img{filter:contrast(0.9) sepia(0.2)}.kb-filter-vintage img:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 100px rgba(0,0,20,.4),inset 0 5px 15px rgba(0,0,0,.1);background:linear-gradient(to bottom, rgba(255, 145, 0, 0.2) 0%, rgba(255, 230, 48, 0.2) 60%),linear-gradient(20deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0) 35%)}.kb-filter-vintage img{filter:sepia(0.2) brightness(1.1) contrast(1.3)}.kb-filter-grayscale img{filter:grayscale(1)}.kb-filter-sepia img{filter:sepia(0.5)}.kb-filter-saturation img{filter:saturate(1.6)}.kb-filter-toaster img::after{background:radial-gradient(circle, #804e0f, #3b003b);mix-blend-mode:screen;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.kb-filter-toaster img{filter:contrast(1.5) brightness(0.9)}.kb-filter-mayfair img::after{background:radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);mix-blend-mode:overlay;opacity:.4;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.kb-filter-mayfair img{filter:contrast(1.1) saturate(1.1)}.wp-block-kadence-image figure{margin:0}.kb-image-has-overlay{position:relative}.kb-image-has-overlay:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:9}@media(min-width: 1025px){.header-desktop-transparent .wp-block-kadence-image.has-transparent-img .kb-img{display:none}.header-desktop-transparent .wp-block-kadence-image.has-transparent-img .kb-img-transparent{display:initial}}@media(min-width: 720px)and (max-width: 1024px){.header-tablet-transparent .wp-block-kadence-image.has-transparent-img .kb-img{display:none}.header-tablet-transparent .wp-block-kadence-image.has-transparent-img .kb-img-transparent{display:initial}}@media(max-width: 719px){.header-mobile-transparent .wp-block-kadence-image.has-transparent-img .kb-img{display:none}.header-mobile-transparent .wp-block-kadence-image.has-transparent-img .kb-img-transparent{display:initial}}.kb-buttons-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--global-kb-gap-xs, 0.5rem)}.kb-button{z-index:1;position:relative;overflow:hidden;display:inline-flex;text-align:center;align-items:center;justify-content:center}.kb-button.wp-block-button__link{width:auto;height:auto}.kb-button.kt-btn-width-type-full{flex:1 0 fit-content;width:100%}.kb-blocks-button-aos.kb-btn-width-type-full{flex:1 0 fit-content;width:100%}.wp-block-kadence-advancedbtn .kb-button:not(.specificity):not(.extra-specificity){text-decoration:none}.kb-button:not(.kb-btn-global-inherit){border:0 solid rgba(0,0,0,0);padding:.4em 1em;cursor:pointer;font-size:1.125rem;border-radius:3px;transition:all .3s ease-in-out;box-shadow:none}.kb-button:not(.kb-btn-global-inherit):hover{box-shadow:none}.kb-button.kb-btn-global-fill{border:0px solid rgba(0,0,0,0);border-radius:3px;background:var(--global-palette-btn-bg, #3633e1);color:var(--global-palette-btn, #ffffff)}.kb-button.kb-btn-global-fill:hover{color:var(--global-palette-btn-hover, #ffffff);background:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-fill:focus{color:var(--global-palette-btn-hover, #ffffff);background:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-outline{border:2px solid var(--global-palette-btn-bg, #3633e1);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg, #3633e1);padding:calc(.4em - 2px) calc(1em - 2px)}.kb-button.kb-btn-global-outline:hover{border-color:var(--global-palette-btn-bg-hover, #2f2ffc);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-outline:focus{border-color:var(--global-palette-btn-bg-hover, #2f2ffc);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:rgba(0,0,0,0)}.kb-button:hover::before,.kb-button:focus::before{opacity:1}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small{font-size:.9rem}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-large{font-size:1.35rem}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-xlarge{font-size:1.65rem}.kb-button.kb-btn-global-outline.kt-btn-size-xlarge{border-width:4px}.kb-button.kb-btn-global-outline.kt-btn-size-large{border-width:3px;padding:calc(.4em - 3px) calc(1em - 3px)}.kb-button.kb-btn-global-outline.kt-btn-size-small{border-width:1px;padding:calc(.4em - 1px) calc(1em - 1px)}.kb-button.kt-btn-has-svg-true{gap:.5em;display:inline-flex}.wp-block-kadence-advancedbtn .kb-svg-icon-wrap{display:inline-flex;justify-content:center;align-items:center}.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg{width:1em;height:1em}.kb-button.icon-reveal .kb-svg-icon-wrap{transition:transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out;width:0;opacity:0}.kb-button.icon-reveal:hover .kb-svg-icon-wrap{width:var(--kb-button-icon-size, 24px);opacity:1}.kt-btn-wrap .kt-button:where(:not(.kb-button)){text-decoration:none;position:relative;z-index:1;overflow:hidden}.kt-btn-wrap .kt-button:not(.kb-btn-global-inherit):where(:not(.kb-button)){padding:8px 16px;cursor:pointer;font-size:18px;display:flex;line-height:1.6;text-decoration:none;text-align:center;align-items:center;justify-content:center;transition:all .3s ease-in-out;border-width:2px;border-radius:3px;border-color:#555;background:0 0;color:#555;box-shadow:none;border-style:solid}.kt-btn-wrap .kt-button:where(:not(.kb-button)):not(.kb-btn-global-inherit):focus,.kt-btn-wrap .kt-button:where(:not(.kb-button)):not(.kb-btn-global-inherit):hover{border-color:#444;color:#fff;box-shadow:none}.kt-btn-wrap .kt-button:where(:not(.kb-button)).kt-btn-size-small{font-size:16px;padding:4px 8px;border-width:1px}.kt-btn-wrap .kt-button:where(:not(.kb-button)).kt-btn-size-large{font-size:20px;padding:12px 24px;border-width:3px}.kt-btn-wrap .kb-btn-only-icon.kt-btn-has-svg-true .kt-btn-inner-text{display:none}.kt-btn-wrap .kb-btn-only-icon.kt-btn-has-svg-true .kt-btn-svg-icon{padding:0}.wp-block-kadence-advancedbtn .kt-btn-wrap a.kt-button:where(:not(.kb-button)):not(.link){text-decoration:none}.kt-btn-wrap .kt-button:where(:not(.kb-button))::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:all .3s ease-in-out;display:block;filter:none}.kt-button:where(:not(.kb-button)):not(.kb-btn-global-inherit)::before{background:#444}.kt-btn-wrap .kt-button:where(:not(.kb-button)):focus::before,.kt-btn-wrap .kt-button:where(:not(.kb-button)):hover::before{opacity:1}.kb-svg-icon-wrap.kt-btn-side-right,.kt-btn-svg-icon.kt-btn-side-right{padding-left:.5em}.kb-svg-icon-wrap.kt-btn-side-left,.kt-btn-svg-icon.kt-btn-side-left{padding-right:.5em}.kt-btn-has-text-false .kt-btn-svg-icon{padding-left:0;padding-right:0}.kt-btn-wrap{display:inline-flex}.kt-btn-align-center{text-align:center}.kt-btn-align-left{text-align:left}.kt-btn-align-right{text-align:right}.wp-block-kadence-advancedbtn .kt-btn-wrap:last-child{margin-right:0}.wp-block-kadence-advancedbtn .kt-btn-wrap{margin-right:5px;vertical-align:middle}.rtl .wp-block-kadence-advancedbtn .kt-btn-wrap{margin-right:0;margin-left:5px}.kt-force-btn-fullwidth{display:flex}.kt-force-btn-fullwidth .kt-btn-wrap{display:block;flex:1}.kt-force-btn-fullwidth .kt-btn-wrap .kt-button:where(:not(.kb-button)){justify-content:center;display:flex}.kt-btn-wrap .kt-btn-has-svg-true{display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.kt-btn-wrap .kb-btn-tablet-only-icon.kt-btn-has-svg-true .kt-btn-inner-text{display:none}.kt-btn-wrap .kb-btn-tablet-only-icon.kt-btn-has-svg-true .kt-btn-svg-icon{padding:0}.kt-btn-tablet-align-center{text-align:center}.kt-btn-tablet-align-left{text-align:left}.kt-btn-tablet-align-right{text-align:right}}@media (max-width:767px){.kt-btn-wrap .kb-btn-mobile-only-icon.kt-btn-has-svg-true .kt-btn-inner-text{display:none}.kt-btn-wrap .kb-btn-mobile-only-icon.kt-btn-has-svg-true .kt-btn-svg-icon{padding:0}.kt-btn-mobile-align-center{text-align:center}.kt-btn-mobile-align-left{text-align:left}.kt-btn-mobile-align-right{text-align:right}.wp-block-kadence-advancedbtn.kt-force-btn-fullwidth.kt-mobile-collapse-btn-fullwidth{flex-direction:column}.wp-block-kadence-advancedbtn.kt-force-btn-fullwidth.kt-mobile-collapse-btn-fullwidth .kt-btn-wrap{margin-right:0}.kt-btn-wrap{margin-bottom:5px}}.kt-row-layout-inner,.kb-row-layout-wrap{position:relative;border:0 solid rgba(0,0,0,0)}.kt-row-layout-inner:before,.kb-row-layout-wrap:before{clear:both;display:table;content:""}.kt-row-column-wrap{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--global-row-gutter-md, 2rem) var(--global-row-gutter-md, 2rem);grid-auto-rows:minmax(min-content, max-content);z-index:1;position:relative}.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width{margin-left:auto;margin-right:auto}.kt-row-has-bg>.kt-row-column-wrap{padding-left:var(--global-content-edge-padding, 15px);padding-right:var(--global-content-edge-padding, 15px)}.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,.alignfull>.kt-row-column-wrap{padding-left:var(--global-content-edge-padding, 15px);padding-right:var(--global-content-edge-padding, 15px)}.kt-inner-column-height-full:not(.kt-row-layout-row){grid-auto-rows:minmax(0, 1fr)}.kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column{align-self:stretch}.kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col{height:100%}.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col{display:flex;flex-direction:column;justify-content:center}.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col{display:flex;flex-direction:column;justify-content:flex-end}.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col{align-items:center}.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col{align-items:flex-end}@media screen and (max-width: 1024px){.kt-inner-column-height-full.kt-tab-layout-row,.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row{grid-auto-rows:minmax(min-content, max-content)}.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row>.wp-block-kadence-column>.kt-inside-inner-col{height:auto}.kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col{height:auto}.kt-inner-column-height-full.kt-tab-layout-equal,.kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row){grid-auto-rows:minmax(0, 1fr)}.kt-inner-column-height-full.kt-tab-layout-equal>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col{height:100%}}@media screen and (max-width: 767px){.kt-inner-column-height-full.kt-mobile-layout-row.kt-mobile-layout-row{grid-auto-rows:minmax(min-content, max-content)}.kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col{height:auto}.kt-inner-column-height-full.kt-mobile-layout-equal,.kt-inner-column-height-full:not(.kt-mobile-layout-inherit):not(.kt-mobile-layout-row){grid-auto-rows:minmax(0, 1fr)}.kt-inner-column-height-full.kt-mobile-layout-equal>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full:not(.kt-mobile-layout-inherit):not(.kt-mobile-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col{height:100%}}.wp-block-kadence-rowlayout .kt-row-layout-overlay{opacity:.3}.wp-block-kadence-rowlayout .kt-row-layout-overlay.kt-jarallax{filter:none}.wp-block-kadence-rowlayout.kb-row-layout-wrap .kt-row-layout-overlay,.wp-block-kadence-rowlayout:not([data-kadence-lazy-class]) .kt-row-layout-overlay{top:0;left:0;position:absolute;height:100%;width:100%;z-index:0;filter:opacity(100%)}.wp-block-kadence-rowlayout.kb-row-layout-wrap .kt-row-layout-overlay.kt-jarallax,.wp-block-kadence-rowlayout:not([data-kadence-lazy-class]) .kt-row-layout-overlay.kt-jarallax{filter:none}@media(min-width: 768px)and (max-width: 1024px){.wp-block-kadence-rowlayout [id*=jarallax-container-]>div{height:var(--kb-screen-height-fix, 100vh) !important;margin-top:-40px !important}}@media only screen and (min-width: 768px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.wp-block-kadence-rowlayout [id*=jarallax-container-]>div{height:var(--kb-screen-height-fix, 100vh) !important;margin-top:-40px !important}}.entry-content .wp-block-kadence-rowlayout.alignfull,.entry-content .wp-block-kadence-rowlayout.alignwide{text-align:inherit;margin-bottom:0}.kt-row-layout-bottom-sep{position:absolute;height:100px;bottom:-1px;left:0;overflow:hidden;right:0;z-index:1}.kt-row-layout-bottom-sep svg{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:100.2%;height:100%;display:block;fill:#fff}.kt-row-layout-top-sep{position:absolute;height:100px;top:-1px;left:0;overflow:hidden;right:0;z-index:1}.kt-row-layout-top-sep svg{position:absolute;top:0px;left:50%;transform:translateX(-50%) rotate(180deg);width:100.2%;height:100%;display:block;fill:#fff}.kt-row-layout-inner>.kb-blocks-bg-slider,.kb-row-layout-wrap>.kb-blocks-bg-slider{position:absolute;left:0;right:0;top:0;bottom:0;padding:0;margin:0}.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init{position:absolute;left:0;right:0;top:0;bottom:0;padding:0;margin:0}.kt-row-layout-inner>.kb-blocks-bg-slider .splide__track,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__slide,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__track,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain{height:100%}.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list{height:100% !important}.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide{background-position:center;background-size:cover;background-repeat:no-repeat}.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain{display:none}.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child{display:block}.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div{position:relative;height:100%}.kb-blocks-bg-slider-init.splide .splide__pagination{bottom:10px}.kb-blocks-bg-slider-init.splide .splide__arrow{z-index:100}.kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain .kb-lazy-bg-pending{background-image:none !important}.kb-blocks-bg-video-container{bottom:0;right:0;top:0;left:0;position:absolute;overflow:hidden}.kb-blocks-bg-video-container .kb-blocks-bg-video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:auto;width:100%;min-width:100%;min-height:100%}.kb-blocks-bg-video-container .kb-blocks-bg-video::-webkit-media-controls{display:none !important}.kb-blocks-bg-video-container.embedded .kb-bg-video-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;height:0;padding-bottom:56.25%}.kb-blocks-bg-video-container.embedded .kb-bg-video-iframe.kb-bg-video-ratio-4-3{padding-bottom:75%}.kb-blocks-bg-video-container.embedded .kb-bg-video-iframe.kb-bg-video-ratio-3-2{padding-bottom:66.66%}@media(max-aspect-ratio: 16/9){.kb-blocks-bg-video-container.embedded .kb-bg-video-iframe{min-height:100%;aspect-ratio:16/9}}.kb-blocks-bg-video-container.embedded .kb-blocks-bg-video{top:0;left:0;width:100%;height:100%;border:0;transform:translate(0%, 0%)}.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper{position:absolute;z-index:11;bottom:20px;right:20px}.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn{padding:8px;margin:0 0 0 8px;border:0;background:rgba(0,0,0,.3);cursor:pointer;font-size:24px;color:#fff;display:inline-block;opacity:.5;height:32px;line-height:16px;transition:opacity .3s ease-in-out;box-sizing:border-box}.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn svg{width:16px;height:16px;vertical-align:bottom}.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn:hover{opacity:1}.kb-blocks-bg-video{object-position:50% 50%;object-fit:cover;background-position:center center;width:100%;height:100%}@media(max-width: 767px){.kvs-sm-false{display:none !important}}@media(min-width: 768px)and (max-width: 1024px){.kvs-md-false{display:none !important}}@media screen and (min-width: 1025px){.kvs-lg-false{display:none !important}}.wp-block-kadence-rowlayout .kb-blocks-bg-slider .splide-arrow{z-index:1000}:where(.kb-row-layout-wrap:has(.wp-block-kadence-navigation)){z-index:49}:where(header .kb-row-layout-wrap:has(.wp-block-kadence-navigation)){z-index:1000}.kb-blocks-bg-slider .kb-gallery-pause-button{display:none;position:absolute;bottom:20px;right:20px;z-index:2}.kb-blocks-bg-slider:has(.kb-blocks-bg-slider-init[data-show-pause-button=true]) .kb-gallery-pause-button{display:block}.kb-blocks-bg-slider .kb-gallery-pause-button{padding:8px;cursor:pointer;border-radius:3px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.75}.kb-blocks-bg-slider .kb-gallery-pause-button:hover{opacity:.75}.kb-blocks-bg-slider .kb-gallery-pause-button:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px;opacity:1}.kb-blocks-bg-slider:hover .kb-gallery-pause-button{opacity:1}@media(max-width: 767px){.kb-blocks-bg-slider .kb-gallery-pause-button{opacity:1}}@media(hover: none){.kb-blocks-bg-slider .kb-gallery-pause-button{opacity:1}}.wp-block-kadence-form{margin-bottom:30px}.kb-form-align-center .kb-form{justify-content:center}.kb-form-align-right .kb-form{justify-content:flex-end}.kb-form-align-center.kb-form-field-align .kb-form{text-align:center}.kb-form-align-center.kb-form-field-align .kb-form .kadence-blocks-form-field{justify-content:center;text-align:center}.kb-form-align-right.kb-form-field-align .kb-form{text-align:right}.kb-form-align-right.kb-form-field-align .kb-form .kadence-blocks-form-field{justify-content:flex-end;text-align:right}.kb-form{display:flex;flex-wrap:wrap;margin:0 -5px;align-items:flex-end;position:relative;text-align:left}.kb-form .required{color:#e53e3e;margin-left:5px}.kb-form .kadence-blocks-form-field{box-sizing:border-box;padding:0 5px;margin-bottom:16px;flex-wrap:wrap;justify-content:flex-start;text-align:left;align-items:center;display:flex;width:100%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-20{width:20%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-25{width:25%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-33{width:33.33%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-40{width:40%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-50{width:50%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-60{width:60%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-66{width:66.66%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-75{width:75%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-80{width:80%}.kb-form .kadence-blocks-form-field.kb-field-desk-width-unset{width:auto}.kb-form .kadence-blocks-form-field.kb-submit-field{margin-bottom:0;justify-content:inherit}.kb-form .kadence-blocks-form-field.kb-accept-form-field{align-items:flex-start}.kb-form .kadence-blocks-form-field.kb-accept-form-field .kb-checkbox-style{margin:.5rem .5rem 0 0}.kb-form .kadence-blocks-form-field.kb-accept-form-field .kb-checkbox-style~label{width:calc(100% - 1.8em)}.kb-form .kadence-blocks-form-field label{display:block;line-height:1.8}.kb-form .kadence-blocks-form-field .kb-checkbox-style,.kb-form .kadence-blocks-form-field .kb-radio-style{padding:0;background-color:initial;cursor:default;-webkit-appearance:auto;appearance:auto;box-sizing:border-box;margin:3px 5px 3px 0;border-color:var(--global-gray-500, #818a91);box-shadow:none;width:auto;flex:none}.kb-form .kadence-blocks-form-field .kb-checkbox-style:before,.kb-form .kadence-blocks-form-field .kb-radio-style:before{display:none}.kb-form .kadence-blocks-form-field .kb-select-style-field{color:var(--global-palette4, #373a3c);border:1px solid var(--global-gray-500, #818a91);border-radius:3px;padding:10px 12px;min-height:40px;flex-basis:100%;max-width:100%;width:100%;flex-grow:1;vertical-align:middle;-webkit-appearance:menulist;appearance:menulist;background:initial;cursor:pointer}.kb-form .kadence-blocks-form-field.kb-input-size-small .kb-select-style-field{min-height:28px}.kb-form .kadence-blocks-form-field.kb-input-size-large .kb-select-style-field{min-height:60px}.kb-form .kadence-blocks-form-field .kb-select-style-field[multiple]{-webkit-appearance:listbox;appearance:listbox;height:auto;max-height:70px}.kb-form .kadence-blocks-form-field .kb-text-style-field{flex-basis:100%;max-width:100%;width:100%;border:1px solid var(--global-gray-500, #818a91);background-color:var(--global-palette9, #fff);color:var(--global-palette4, #373a3c);vertical-align:middle;flex-grow:1;z-index:10;min-height:40px;padding:10px 12px;border-radius:3px}.kb-form .kadence-blocks-form-field .kb-checkbox-style-field,.kb-form .kadence-blocks-form-field .kb-radio-style-field{flex-basis:100%;max-width:100%;width:100%;flex-grow:1;margin-top:.3em}.kb-form .kadence-blocks-form-field .kb-checkbox-style-field.kb-radio-style-inline,.kb-form .kadence-blocks-form-field .kb-radio-style-field.kb-radio-style-inline{display:flex;flex-wrap:wrap}.kb-form .kadence-blocks-form-field .kb-checkbox-item,.kb-form .kadence-blocks-form-field .kb-radio-item{display:flex;margin:0;align-items:center}.kb-form .kadence-blocks-form-field .kb-radio-style-inline .kb-checkbox-item:not(:first-child),.kb-form .kadence-blocks-form-field .kb-radio-style-inline .kb-radio-item:not(:first-child){margin-left:.8em}.kb-form .kadence-blocks-form-field.kb-input-size-custom .kb-text-style-field{min-height:0;padding:10px}.kb-form .kadence-blocks-form-field.kb-input-size-small .kb-text-style-field{min-height:28px;padding:5px 10px}.kb-form .kadence-blocks-form-field.kb-input-size-large .kb-text-style-field{min-height:60px;padding:16px 16px}.kb-form .kadence-blocks-form-field .kb-forms-submit{z-index:1;position:relative;padding:8px 16px;line-height:1.8;cursor:pointer;font-size:18px;text-shadow:none;border-width:0px;border-radius:3px;border-color:var(--global-palette-btn-bg, #1768ea);background:var(--global-palette-btn-bg, #1768ea);color:var(--global-palette-btn, #ffffff);display:flex;text-align:center;justify-content:center;border-style:solid;overflow:hidden;transition:all .3s ease-in-out}.kb-form .kadence-blocks-form-field .kb-forms-submit.kb-button-size-small{padding:4px 8px;font-size:16px}.kb-form .kadence-blocks-form-field .kb-forms-submit.kb-button-size-large{padding:12px 24px;font-size:20px}.kb-form .kadence-blocks-form-field .kb-forms-submit.kb-button-width-full{width:100%}.kb-form .kadence-blocks-form-field .kb-forms-submit:hover{border-color:var(--global-palette-btn-bg-hover, #1768ea);color:var(--global-palette-btn-hover, #ffffff);background:var(--global-palette-btn-bg-hover, #1768ea)}.kb-form .kadence-blocks-form-field .kb-forms-submit::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:all .3s ease-in-out}.kb-form .kadence-blocks-form-field .kb-forms-submit:hover::before{opacity:1}.kb-form .kadence-blocks-form-field .kb-field-help{color:var(--global-palette6, #777);margin:2px 0 5px 0;font-size:80%;font-style:italic;display:block;flex-basis:100%;width:0}.kb-form .kadence-blocks-form-field a.kb-accept-link{display:block;flex-basis:100%;width:0}.kb-form .kadence-blocks-form-field .kb-field{justify-content:inherit;text-align:inherit}.kb-form .kadence-blocks-form-field .kb-field .kb-checkbox-item,.kb-form .kadence-blocks-form-field .kb-field .kb-radio-item{justify-content:inherit;text-align:inherit}.kb-form input.kadence-blocks-field.verify,.kb-form .kadence-verify-label{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}.kadence-blocks-form-warning{background:#fff5f5;margin-top:10px;padding:10px;border-radius:2px;border:1px solid #fc8181;color:#c53030;font-weight:bold}.kb-form-error-msg{background:#fff5f5;margin-top:10px;padding:8px;border-radius:2px;border:1px solid #fc8181;color:#c53030;font-weight:bold;width:100%;text-align:left}.kb-form.kb-form-has-error{align-items:flex-start}.kb-form .kadence-blocks-form-field .kb-text-style-field.has-error:not(.missingclass){border-color:#c53030}.kadence-blocks-form-success{background:#ebf8ff;margin-top:10px;padding:10px;border-radius:2px;border:1px solid #4299e1;color:#2b6cb0;font-weight:bold}.kb-form-loading{position:absolute;top:0;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.7);z-index:10;display:flex;align-items:flex-end;justify-content:center}.kb-form-loading-spin{display:inline-block;position:relative;width:64px;height:64px}.kb-form-loading-spin div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:rgba(0,0,0,.7);animation-timing-function:cubic-bezier(0, 1, 1, 0)}.kb-form-loading-spin div:nth-child(1){left:6px;animation:kb-form-ellipses1 .6s infinite}.kb-form-loading-spin div:nth-child(2){left:6px;animation:kb-form-ellipses2 .6s infinite}.kb-form-loading-spin div:nth-child(3){left:26px;animation:kb-form-ellipses2 .6s infinite}.kb-form-loading-spin div:nth-child(4){left:45px;animation:kb-form-ellipses3 .6s infinite}@keyframes kb-form-ellipses1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes kb-form-ellipses3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes kb-form-ellipses2{0%{transform:translate(0, 0)}100%{transform:translate(19px, 0)}}@media(min-width: 768px)and (max-width: 1024px){.kb-form .kadence-blocks-form-field.kb-field-tablet-width-20{width:20%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-25{width:25%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-33{width:33.33%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-40{width:40%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-50{width:50%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-60{width:60%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-66{width:66.66%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-75{width:75%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-80{width:80%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-100{width:100%}.kb-form .kadence-blocks-form-field.kb-field-tablet-width-unset{width:auto}}@media(max-width: 767px){.kb-form .kadence-blocks-form-field.kb-field-mobile-width-20{width:20%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-25{width:25%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-33{width:33.33%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-40{width:40%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-50{width:50%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-60{width:60%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-66{width:66.66%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-75{width:75%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-80{width:80%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-100{width:100%}.kb-form .kadence-blocks-form-field.kb-field-mobile-width-unset{width:auto}}
.clear::after {
clear:both;
content: " ";
display: table;
}
.clearFix {
clear:both;
content: " ";
display: table;
}
.adning_cont .adning_logo {
background-image:url(//westcoastweddings.com/wp-content/plugins/angwp/assets/dist/img/logo.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
margin-left: 20px;
width: 50px;
height: 70px;
}
._ning_hidden {
opacity:0;
}
._ning_visible {
opacity:1;
} ._ning_outer{
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
._ning_outer._align_left{
float: left;
margin: 0 20px 20px 0;
}
._ning_outer._align_center{
float: none;
}
._ning_outer._align_right{
float: right;
margin: 0 0 20px 20px;
}
._ning_outer.has_border{
padding: 15px;
}
._ning_outer.has_label.has_border{
padding: 0 15px 15px;
}
._ning_outer.has_label ._ning_label{
padding: 5px 0;
font-size: 13px;
}
._ning_outer.has_label ._ning_label._left{
float:left;
}
._ning_outer.has_label ._ning_label._center{
float:none;
text-align: center;
}
._ning_outer.has_label ._ning_label._right{
float:right;
} ._ning_holder {
line-height:0;
}
._ning_holder.popup {
position: fixed;
max-height:100% !important;
max-width:100% !important;
background: #0000009e;
text-align:center;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding-top: 90vh;
margin-top: -45vh;
padding-bottom: 90vh;
z-index:9999;
}
._ning_holder iframe {
margin-bottom:0;
}
._ning_cont {
margin:0px auto;
background-color:transparent;
width:300px;
height:250px;
overflow:hidden;
position:relative;
line-height:1;
}
._ning_jss_zone{
margin: 0px auto;
}
._ning_inner {
position:relative;
width:100%;
height:100%;
clear: both;
}
._ning_link{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
z-index: 1001;
text-decoration: none;
}
._ning_elmt { }
._ning_elmt img {
max-width: none;
}
._ning_cont:not(.scale) ._ning_elmt img, ._ning_elmt.noresize img {
width:100%;
} .w-100 {
width: 100%!important;
}
._ning_zone_inner{
clear:both;
}
._ningzone_grid.mjs_column{
padding:15px;
box-sizing: inherit;
}
.spot_box,
.adning_cont .pop_box{
width: 78px;
position: relative;
border: solid 1px #ededed;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.popup_display_options .pop_box{
width:40px;
}
.spot_box.selected,
.adning_cont .pop_box.selected{
border: solid 5px #d9e89b;
}
.popup_display_options .pop_box.selected{
border-width: 5px;
border-color: #c7ff00;
}
.spot_box .a_cont,
.adning_cont .pop_box .a_cont{
position: absolute;
background: #f9f9f9;
}
.spot_box .a_box,
.adning_cont .pop_box .a_box{
background: #d4ff00;
} .gdpr_approve .col_in{
padding: 15px;
}
.gdpr_approve .desc{
font-size: 13px;
color: #00473e;
}
.gdpr_approve .my_close_button{
background: #008476;
color: #00dfc3;
padding: 5px 10px;
display: inline-block;
text-align: center;
font-size: 15px;
}
.gdpr_approve .my_close_button:hover{
background: #01d9c2;
color: #007e6e;
}
.gdpr_approve .cookie_settings{
font-size: 15px;
color: #006a61;
}
.ppp-subscribe-pup-holder{
font-family: var(--ppp-font-family);
}
.ppp-subscribe-pup-holder .ppp-sp-background {
display: table-cell;
width: 50%;
background-size: cover;
background-position: center;
}
.ppp-subscribe-pup-holder .ppp-sp-content-container {
background: var(--ppp-sidebar-bg-color);
display: table-cell;
vertical-align: middle;
height: var(--ppp-content-height);
padding: var(--ppp-content-padding);
text-align: left;
}
.ppp-subscribe-pup-holder .ppp-sp-title {
position: relative;
margin-top: 0;
margin-bottom: 16px;
color: var(--ppp-title-font-color);
font-size: 24px;
}
.ppp-subscribe-pup-holder .ppp-sp-subtitle {
margin-bottom: 6px;
padding-right: 30%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--ppp-subtitle-font-color);
}
.ppp-subscribe-pup-holder .ppp7 .info-sidebar {
padding: 20px 0;
box-sizing: border-box;
}
.info-sidebar.no-bg .info-input-holder {
max-width: 510px;
margin: auto;
}
.info-sidebar .info-input-holder {
position: relative;
}
.info-sidebar .info-input-holder .ppp7-form-control-wrap.your-email {
font-size: 13px;
}
.ppp7-form-control-wrap {
position: relative;
}
.info-sidebar .info-input-holder .ppp7-form-control.ppp7-text {
padding: 10px 130px 10px 26px;
border: none;
background-color: var(--ppp-input-bg-color);
height: 45px;
color:var(--ppp-input-font-color);
margin: 0;
}
.ppp-btn.ppp-btn-solid.ppp-btn-direction-animation:not(.ppp-view-product):not(.add_to_cart_button) {
-webkit-transform: translateZ(0);
transform: translateZ(0);
min-height: 42px;
}
.ppp-btn.ppp-btn-solid.ppp-btn-direction-animation {
vertical-align: middle;
white-space: nowrap;
-webkit-transition: none;
-o-transition: none;
transition: none;
border: none!important;
padding: 12px 26px 9px;
}
.ppp7-form-control.ppp7-text, 
.ppp7-form-control.ppp7-textarea, 
.ppp7-form-control input[type=text], 
.ppp7-form-control input[type=email], 
.ppp7-form-control input[type=password]{
position: relative;
width: 100%;
margin: 0 0 20px;
padding: 12px 27px;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: calc(54px - (12px * 2));
border: none;
border-radius: 0;
outline: 0;
cursor: text;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .2s ease-in-out;
-o-transition: border-color .2s ease-in-out;
transition: border-color .2s ease-in-out;
}
.ppp-btn.ppp-btn-solid {
color: var(--ppp-btn-font-color);
background-color: var(--ppp-btn-bg-color);
border: 1px solid transparent;
}
.info-sidebar .info-input-holder .ppp-btn.ppp-btn-solid {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.ppp-btn {
position: relative;
width: auto;
margin: 0;
border-radius: 0;
font-size: 12px;
line-height: 2em;
letter-spacing: .1em;
text-indent: .15em;
font-weight: 800;
text-transform: uppercase;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
padding: 10px 25px 9px;
cursor: pointer;
}
.ppp-btn.ppp-btn-solid.ppp-btn-direction-animation:hover {
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
color: var(--ppp-btn-hover-font-color);
background-color: var(--ppp-btn-hover-bg-color);
}
.ppp7-response-output{
color: var(--ppp-response-font-color);
}
.angwp-outer-cont{
overflow: hidden; max-width: calc(var(--width) * 1px);
height: 100%;
width: 100%;
margin: 0 auto;
}
.angwp-outer-cont .angwp-cont{
overflow: hidden;
padding-top: calc( var(--height) / var(--width) * 100%);
height:0;
position: relative;
clear: both;
}
.angwp-outer-cont .angwp-cont .angwp-in{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.angwp-outer-cont .angwp-cont .angwp-in img{
width: 100%;
height: auto;
}
@media only screen and (max-width: 375px){
.ppp-subscribe-pup-holder .ppp-sp-title{
text-align: center;
margin-top: 0;
}
.ppp-subscribe-pup-holder .ppp-sp-subtitle{
padding-right: 0;
text-align: center;
}
.info-sidebar .info-input-holder .ppp-btn.ppp-btn-solid {
position: relative;
width: 100%;
margin-top: 10px;
}
.info-sidebar .info-input-holder .ppp7-form-control.ppp7-text{
padding: 10px 26px;
}
}
@media only screen and (max-width: 680px){
.ppp-subscribe-pup-holder .ppp-sp-background {
display: none;
}
}
.available_zones {
line-height: initial;
background-color:#F1F1F1;
color:#505050;
padding: 10px;
border-radius: 3px;
margin: 20px 0;
}
.available_zones h1.title,
.order_header h1.title {
font-size: 20px;
margin: 0 0 10px;
font-weight: normal;
line-height: initial;
height: initial;
padding: 0;
color:#6b6b6b;
}
.available_zones ul.bs {
list-style: none;
margin: 0;
padding: 0;
}
.available_zones ul li.order {
margin: 0;
background-color: #FFF;
border: solid 1px #e8e8e8;
border-top:none;
}
.available_zones ul li.order:first-child {
border-top: solid 1px #e8e8e8;
}
.available_zones ul li a.box {
display: block;
text-decoration:none;
padding: 10px;
cursor:pointer;
background-color:#ffffff;
margin-bottom:0; 
}
.available_zones ul li a.box:hover {
background-color:#ffffea;
}
.available_zones ul li.order a{
text-decoration: underline;
}
.available_zones ul li.order .edit_banner:before {
font-family: fontawesome;
content:"\F040";
margin-right: 10px;
}
.available_zones ul li.order .edit_banner, 
.available_zones ul li.order .reactivate_banner {
background-color:#EFEFEF;
padding:5px;
color: #999;
text-decoration: none;
font-size: 13px;
border-radius: 3px;
cursor: pointer;
}
.available_zones ul li.order .reactivate_banner {
background-color:#abdb6d;
color:#FFF;
}
.available_zones ul li.order .edit_banner:hover {
background-color:#424242;
color:#FFF;	
}
.available_zones ul li.order .reactivate_banner:hover {
background-color:#9dc36c;
}
.adning_cont .status,
.adning_cont .status {
padding: 0 5px;
margin-right: 5px;
font-size: 11px;
border-radius: 5px;
display:inline-block;
color:#FFF;
}
.adning_cont .status.draft{
background-color:#ffeca8;
color:#A18D48;
}
.adning_cont .status.in-progress,
.adning_cont .status.in-progress {
background-color:#e4e4e4;
}
.adning_cont .status.active, 
.adning_cont .status.active{background-color:#abdb6d;}
.adning_cont .status.expired, 
.adning_cont .status.trash,
.adning_cont .status.expired,
.adning_cont .status.trash {
background-color:#ffdada;
}
.adning_cont .status.abandoned,
.adning_cont .status.abandoned {
background-color:#b9b9b9;
color:#FFFFFF;
}
.adning_cont .status.renewed,
.adning_cont .status.renewed {
border: solid 1px #e2e2e2;
}
.adning_cont .status.soldout {
background-color:#FF6801;
color:#FFF;
}
.adning_cont .status.available {
background-color:#abdb6d;
color:#FFF;
}
.adning_cont .paid,
.adning_cont .status.paid {
color: #abdb6d;
font-weight: bold;
}
.adning_cont .v_middle {
vertical-align:middle;
}
.adning_cont .one_second {
display: inline-block;
width: 45.8%;
vertical-align: top;
text-align: left;
}
.adning_cont .one_third {
display: inline-block;
width: 28.8%;
vertical-align: top;
}
.adning_cont .one_third .label {
font-size: 13px;
font-weight: 600;
margin: 0 0 10px 0px;
display: block;
}
.adning_cont .one_forth {
display: inline-block;
width: 20.8%;
vertical-align: top;
}
.adning_cont .one_fifth {
display: inline-block;
width: 16.66666667%;
vertical-align: top;
}
.adning_cont .one_sixt {
display: inline-block;
width:8.33333333%;
vertical-align: top;
}
.adning_cont .fq_inf {
line-height: initial;
padding: 0px 2%;
}
.adning_cont .fq_inf:before {
color:#dedede;
font-size: 20px;
position: relative;
top: 20px;
font-family: fontawesome;
}
.adning_cont .fq_inf.rotation:before {
content: '\F021';
}
.adning_cont .fq_inf.adblockers:before {
content: '\F132';
}
.adning_cont .fq_inf span.title,
.adning_cont .fq_inf span.desc {
display: block;
margin: 0 0 2px 0;
padding: 0 0 0 30px;
font-size: 12px;
}
.adning_cont .fq_inf span.title {
font-weight: bold;
}
.adning_cont .adzone_order_form .payment_btn svg{
width:40px;
}
._ning_order_form{
margin-top:20px; 
position: relative;
}
._ning_order_form .loading_overlay{
display:none;
position: absolute;
top: 46px;
height: 100%;
width: 100%;
background: #FFF;
background: rgba(176, 255, 0, 0.7);
z-index: 1;
}
._ning_order_form .loading_overlay .inner_loader{
position: absolute;
color: #e0fdcb;
width: 100px;
height: 100px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
.adning_cont .payment_btn{
background: #FFF;
display: inline-block;
padding: 5px 5px 2px;
line-height: 1;
border: solid 4px transparent;
border-radius: 3px;
cursor: pointer;
color: #929e8f;
}
.adning_cont .payment_btn.selected{
border-color: #9cde5a;
}
 @-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;
}
} .fcw{
width: fit-content;
width: -moz-fit-content;
}
.fch{
height: fit-content;
height: -moz-fit-content;
}
.mdl_overlay{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: transparent;
opacity: 1;
width: 100%;
height: 100%;
padding: 0;
z-index: 0;
border-radius: inherit;
}
.open_mdl_btn{
cursor: pointer;
}
.mdl_content{
display: none;
}
.mdl_container {   margin:auto;
box-shadow: 0px 5px 20px 0px #9e9e9e;
overflow: visible;
max-width: 100%;
max-height: 100%;
}
.mdl_container.mdl_window{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.mdl_container.mdl_left{
left:0;
right: initial;
}
.mdl_container.mdl_right{
right:0;
left: initial;
}
.mdl_container.mdl_top{
top:0;
bottom: initial;
}
.mdl_container.mdl_bottom{
bottom:0;
top: initial;
} .mdl_container .mdl_close_btn{
cursor: pointer;
}
.mdl_container .close_mdl{
position: absolute;
background: transparent;
cursor: pointer;
z-index: 99999;
}
.mdl_container .close_mdl .closebtn {
line-height:1;
}
.spin_btn{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.spin_btn:hover {
transform:rotate(90deg);
}
.mdl_container .mdl_inner{
height: inherit;
overflow: auto;
vertical-align: top;
display: flex;
min-height: 100%;
align-items: center;
}
.mdl_container .mdl_inner .barload{
height: 5px;
background-color: #009ACF;
width: 0px;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
.mdl_container .mdl_inner .mdl_content{
position: relative;
margin: 0 auto; vertical-align: top;
}
@media only screen and (max-width: 640px) {
.mdl_container {
width:100% !important; max-height: 100%; }
}
@media (max-width: 1024px) {
.mdl_content .is-hidden-tablet-and-below {
display: none !important;
}
}
@media (min-width: 1025px) {
.mdl_content .is-hidden-desktop {
display: none !important
}
}  .mdl_container .close_mdl.default{
top: -10px;
border-radius: 50%;
}
.mdl_container .close_mdl.default.right{
right: -10px;
}
.mdl_container .close_mdl.default.left{
left: -10px;
}
.mdl_container .close_mdl.default .closebtn{
border-radius: 50%;
width: 28px;
height: 28px;
}
.mdl_container .close_mdl.default .closebtn svg{
width: 30px;
margin-left: -1px;
margin-top: -1px;
}
@media only screen and (max-width: 640px) {
.mdl_container .close_mdl.default{
top: 0;
}
.mdl_container .close_mdl.default.left{
left:0;
}
.mdl_container .close_mdl.default.right{
right:0;
}
} .mdl_container .close_mdl.top_bar{
top:0px;
border-radius:0;
width:100%;
right:initial;
}
.mdl_container .close_mdl.top_bar.left{
text-align: left;
left:initial;
}
.mdl_container .close_mdl.top_bar.right{
text-align: right;
right:initial;
}
.mdl_container .close_mdl.top_bar .closebtn{
color:#FFF;
padding: 7px 12px;
display: inline-block;
background-color: #434343;
font-family: sans-serif;
}
.mdl_container .close_mdl.top_bar .closebtn:hover{
opacity: .5;
} .mdl_overlay .close_mdl.overlay{
cursor: pointer;
}
.mdl_overlay .close_mdl.overlay.left{
text-align: left;
left:initial;
margin: 10px 0 0 15px;
}
.mdl_overlay .close_mdl.overlay.right{
text-align: right;
right:initial;
margin: 10px 15px 0 0;
}
.mdl_overlay .close_mdl.overlay .closebtn{
color:#dedede;
} @-ms-viewport {
width: device-width;
}
.mjs_container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.mjs_container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.mjs_container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.mjs_container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.mjs_container {
max-width: 1140px;
}
}
.mjs_container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mjs_container *,
.mjs_row *,
.mjs_row_column *,
*::before,
*::after {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
.mjs_v_align{
display: -ms-flexbox;
display: flex; -ms-flex-align: center;
align-items: center;
}
.mjs_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .mjs_col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.mjs_col-1, .mjs_col-2, .mjs_col-3, .mjs_col-4, .mjs_col-5, .mjs_col-6, .mjs_col-7, .mjs_col-8, .mjs_col-9, .mjs_col-10, .mjs_col-11, .mjs_col-12, .mjs_col,
.mjs_col-auto, .mjs_col-sm-1, .mjs_col-sm-2, .mjs_col-sm-3, .mjs_col-sm-4, .mjs_col-sm-5, .mjs_col-sm-6, .mjs_col-sm-7, .mjs_col-sm-8, .mjs_col-sm-9, .mjs_col-sm-10, .mjs_col-sm-11, .mjs_col-sm-12, .mjs_col-sm,
.mjs_col-sm-auto, .mjs_col-md-1, .mjs_col-md-2, .mjs_col-md-3, .mjs_col-md-4, .mjs_col-md-5, .mjs_col-md-6, .mjs_col-md-7, .mjs_col-md-8, .mjs_col-md-9, .mjs_col-md-10, .mjs_col-md-11, .mjs_col-md-12, .mjs_col-md,
.mjs_col-md-auto, .mjs_col-lg-1, .mjs_col-lg-2, .mjs_col-lg-3, .mjs_col-lg-4, .mjs_col-lg-5, .mjs_col-lg-6, .mjs_col-lg-7, .mjs_col-lg-8, .mjs_col-lg-9, .mjs_col-lg-10, .mjs_col-lg-11, .mjs_col-lg-12, .mjs_col-lg,
.mjs_col-lg-auto, .mjs_col-xl-1, .mjs_col-xl-2, .mjs_col-xl-3, .mjs_col-xl-4, .mjs_col-xl-5, .mjs_col-xl-6, .mjs_col-xl-7, .mjs_col-xl-8, .mjs_col-xl-9, .mjs_col-xl-10, .mjs_col-xl-11, .mjs_col-xl-12, .mjs_col-xl,
.mjs_col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.mjs_col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.mjs_col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.mjs_col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.mjs_col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.mjs_col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.mjs_col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mjs_col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.mjs_col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mjs_col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.mjs_col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.mjs_col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mjs_col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.mjs_col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.mjs_col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.mjs_col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.mjs_col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.mjs_col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.mjs_col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.mjs_col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.mjs_col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mjs_col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.mjs_col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mjs_col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.mjs_col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.mjs_col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mjs_col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.mjs_col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.mjs_col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.mjs_col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.mjs_col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.mjs_col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.mjs_col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.mjs_col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.mjs_col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mjs_col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.mjs_col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mjs_col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.mjs_col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.mjs_col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mjs_col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.mjs_col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.mjs_col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.mjs_col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.mjs_col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.mjs_col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.mjs_col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.mjs_col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.mjs_col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mjs_col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.mjs_col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mjs_col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.mjs_col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.mjs_col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mjs_col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.mjs_col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.mjs_col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.mjs_col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.mjs_col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.mjs_col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.mjs_col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.mjs_col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.mjs_col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mjs_col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.mjs_col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mjs_col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.mjs_col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.mjs_col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mjs_col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.mjs_col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.mjs_col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
} .corncurl-bg {z-index:100000; overflow: hidden; background:#EFEFEF;}
.corncurl-bg .corncurl-content { position:absolute; right:0;}
.corncurl-small-img {z-index:100001;}
.corncurl-bg, .corncurl-small-img, .corncurl-peel, .corncurl-cont {position:fixed; right:0px; top: 0px;width: 0px; height: 0px;}
.corncurl-peel {z-index:100002;}
.corncurl-cont {z-index:100003; cursor: pointer; background: white;}
.corncurl-peel .img {
background-image: url(//westcoastweddings.com/wp-content/plugins/angwp/assets/dist/img/corner_curl.png);
background-size: cover;
width: 100%; 
height: 100%;
} .corncurl-bg .corncurl-content embed, .corncurl-bg .corncurl-content iframe, .corncurl-bg .corncurl-content object, .corncurl-bg .corncurl-content video, .corncurl-bg .corncurl-content img { max-width:none; }
.skin_container{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
overflow:hidden;
}
.skin_inner{
position:relative;
width:100%;
height:100%;
}
.skin_bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.skin_bg_top{
position: absolute; 
z-index: 0; 
top: 0px; 
left: 50%;
transform: translate3d(-50%,0,0);
cursor: pointer; 
display: block;
}
.skin_bg_left{
position: absolute; 
z-index: 0; 
top: 0px; 
left: 0px; 
height: 100%; 
cursor: pointer; 
display: block;
}
.skin_bg_right{
position: absolute; 
z-index: 0; 
top: 0px; 
right: 0px; 
height: 100%; 
cursor: pointer; 
display: block;
}