body .qodef-content .custom-email button.qodef-btn { padding: 0!important; position: absolute!important; right: 0; top: 6px; background-color: transparent!important; border: none!important; -webkit-transform: .2s; -ms-transform: .2s; transform: .2s } body .qodef-content .custom-email button.qodef-btn .qodef-btn-text { color: #000 } body .qodef-content .custom-email button.qodef-btn:after,body .qodef-content .custom-email button.qodef-btn:before { content: none } body .qodef-content .custom-email button.qodef-btn:hover .qodef-btn-text { color: rgba(0,0,0,.8) } body .qodef-content .custom-email .ajax-loader { display: none!important } .custom-contact .wpcf7-form-control.wpcf7-text { width: 48%; margin-bottom: 32px } @media only screen and (max-width: 680px) { .custom-contact .wpcf7-form-control.wpcf7-text { width:100% } } .custom-contact .your-name { margin-right: 4% } .custom-contact .qodef-btn.qodef-btn-outline { float: right; margin-top: 28px } .custom-content-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 0 40px } .qodef-owl-slider .owl-dots .owl-dot,.qodef-owl-slider .owl-nav .owl-next,.qodef-owl-slider .owl-nav .owl-prev { padding: 0; background: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer } .custom-content-bottom .qodef-first-section,.custom-content-bottom .qodef-second-section { width: 50%; position: relative } .custom-content-bottom .qodef-first-section { float: left } @media only screen and (max-width: 768px) { .custom-content-bottom .qodef-first-section,.custom-content-bottom .qodef-second-section { width:100% } .custom-content-bottom .qodef-first-section { margin-bottom: 40px } .custom-content-bottom .qodef-first-section:after { display: none } } .custom-content-bottom .qodef-first-section h5 { margin: 0 } .custom-content-bottom .qodef-first-section p { margin: 4px 0 } .custom-content-bottom .qodef-first-section .wpcf7 { margin: 35px auto 0; max-width: 330px } .custom-content-bottom .qodef-first-section:after { content: ''; position: absolute; height: 100%; width: 1px; top: 0; right: 0; background-color: #e1e1e1 } .qodef-owl-slider .owl-stage-outer { z-index: 1 } .qodef-owl-slider.qodef-slider-is-moving .owl-item .qodef-block-drag-link { z-index: -1!important } .qodef-owl-slider.qodef-slider-hide-pagination .owl-dots { display: none } .qodef-owl-slider .owl-nav .owl-next,.qodef-owl-slider .owl-nav .owl-prev { position: absolute; top: 50%; padding: 0; margin: 0; color: #bf5c30; background: 0 0; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out } .qodef-owl-slider .owl-nav .owl-next:hover,.qodef-owl-slider .owl-nav .owl-prev:hover { color: #bf5c30 } .qodef-owl-slider .owl-nav .owl-next>span,.qodef-owl-slider .owl-nav .owl-prev>span { position: relative; display: inline-block; vertical-align: middle; font-size: 22px; line-height: 1; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .qodef-owl-slider .owl-nav .owl-next>span:before,.qodef-owl-slider .owl-nav .owl-prev>span:before { display: block; line-height: inherit } .qodef-owl-slider .owl-nav .owl-prev { left: -46px } .format-gallery .qodef-owl-slider .owl-nav .owl-prev { left: 20px } .qodef-owl-slider .owl-nav .owl-prev:hover span { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px) } .qodef-owl-slider .owl-nav .owl-next { right: -46px } .format-gallery .qodef-owl-slider .owl-nav .owl-next { right: 20px } .qodef-owl-slider .owl-nav .owl-next:hover span { -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px) } .qodef-owl-slider .owl-dots { text-align: center; margin: 27px 0 0 } .qodef-owl-slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; padding: 0; margin: 0 6px; background: 0 0; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none } .qodef-owl-slider .owl-dots .owl-dot span { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; background-color: transparent; border: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .qodef-owl-slider .owl-dots .owl-dot span:after { content: ''; width: 4px; height: 4px; background-color: #fff; position: absolute; left: 50%; top: 50%; border-radius: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out } .qodef-owl-slider .owl-dots .owl-dot.active span:after,.qodef-owl-slider .owl-dots .owl-dot:hover span:after { opacity: 1; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in } .qodef-owl-slider .owl-carousel .owl-item img { -webkit-transform: translateZ(0) } .qodef-owl-slider+.qodef-slider-thumbnail { display: inline-block; vertical-align: middle; list-style: none; margin: 20px -10px 0 } .qodef-owl-slider+.qodef-slider-thumbnail>.qodef-slider-thumbnail-item { float: left; padding: 0 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0; cursor: pointer } .qodef-owl-slider+.qodef-slider-thumbnail>.qodef-slider-thumbnail-item img { border: 2px solid transparent; -webkit-transition: border-color .2s ease-out; -o-transition: border-color .2s ease-out; transition: border-color .2s ease-out } .qodef-owl-slider+.qodef-slider-thumbnail>.qodef-slider-thumbnail-item.active img { border: 2px solid #bf5c30 } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-two .qodef-slider-thumbnail-item { width: 50% } @media only screen and (max-width: 1024px) { .custom-content-bottom .qodef-first-section .wpcf7 { max-width:280px } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-two .qodef-slider-thumbnail-item { width: 33.3333% } } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-three .qodef-slider-thumbnail-item { width: 33.33333% } @media only screen and (max-width: 1024px) { .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-three .qodef-slider-thumbnail-item { width:33.3333% } } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-four .qodef-slider-thumbnail-item { width: 25% } @media only screen and (max-width: 1024px) { .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-four .qodef-slider-thumbnail-item { width:33.3333% } } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-five .qodef-slider-thumbnail-item { width: 20% } @media only screen and (max-width: 1024px) { .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-five .qodef-slider-thumbnail-item { width:33.3333% } } .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-six .qodef-slider-thumbnail-item { width: 16.66667% } @media only screen and (max-width: 1024px) { .qodef-owl-slider+.qodef-slider-thumbnail.qodef-slider-columns-six .qodef-slider-thumbnail-item { width:33.3333% } } .error404 .qodef-wrapper { padding: 0!important } .error404 .qodef-content { height: 100vh } .error404.admin-bar .qodef-content { height: calc(100vh - 32px) } .error404 .qodef-content-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100% } .error404 .qodef-page-not-found { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 20%; text-align: center } .error404 .qodef-page-not-found .qodef-404-title { margin: 0 } .error404 .qodef-page-not-found .qodef-404-subtitle { margin: 35px 0 0 } .error404 .qodef-page-not-found .qodef-404-text { margin: 10px 0 0 } .error404 .qodef-page-not-found .qodef-btn { margin: 30px 0 0 } .error404 .qodef-page-not-found .qodef-btn.qodef-btn-light-style { color: #585858; background-color: #fff; border-color: #fff } .error404 .qodef-page-not-found .qodef-btn.qodef-btn-light-style:hover { color: #fff!important; background-color: transparent!important; border-color: #fff!important } @media only screen and (max-width: 1024px) { .error404 .qodef-content { height:auto; min-height: 100vh; margin-top: -70px!important } .error404 .qodef-content-inner { min-height: 100vh } } @media only screen and (max-width: 680px) { .error404 .qodef-page-not-found { padding:70px 30px 20px } } #qodef-back-to-top { position: fixed; width: 41px; right: 25px; bottom: 25px; margin: 0; z-index: 1; opacity: 0 } #qodef-back-to-top.off { opacity: 0; visibility: hidden; -webkit-transition: opacity .15s ease,visibility 0s .15s; -o-transition: opacity .15s ease,visibility 0s .15s; transition: opacity .15s ease,visibility 0s .15s } #qodef-back-to-top.on { opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } #qodef-back-to-top>span,.wp-block-button .wp-block-button__link { -o-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out } #qodef-back-to-top>span { position: relative; display: block; width: 39px; height: 39px; line-height: 40px; font-size: 15px; text-align: center; color: #fff; background-color: transparent; border: 1px solid #bf5c30; border-radius: 50%; overflow: hidden; -webkit-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 } #qodef-back-to-top>span svg { max-width: 32%; height: 100%; -webkit-transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease } #qodef-back-to-top>span svg:nth-child(2) { position: absolute; top: 100%; left: calc(50% - 6px) } #qodef-back-to-top>span:hover svg { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } #qodef-back-to-top span span { display: block; line-height: inherit } .qodef-self-hosted-video-holder .qodef-video-wrap .mejs-container,.qodef-self-hosted-video-holder .qodef-video-wrap .mejs-overlay-play,.qodef-self-hosted-video-holder .qodef-video-wrap .mejs-poster { height: 100%!important; /*!important because of the inline style*/ width: 100%!important/*!important because of the inline style*/ } .qodef-searchform .input-holder:after { -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .qodef-searchform .input-holder.qodef-search-focus:after { background-color: #d28b6c!important } .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder { -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder.qodef-search-focus { border-bottom: 1px solid #d28b6c!important } .qodef-search-submit svg ellipse,.qodef-search-submit svg line { -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .qodef-search-submit:focus { outline: 0; -webkit-appearance: none } .qodef-search-submit:hover svg ellipse,.qodef-search-submit:hover svg line { stroke: #d28b6c } .qodef-light-header .qodef-search-submit:hover { opacity: .8 } .blockUI.blockOverlay { background: #fff!important } .product .add_to_cart_button,.product .added_to_cart,.qodef-button.qodef-out-of-stock,.qodef-info-below-image .add_to_cart_button,.qodef-info-below-image .added_to_cart,.qodef-plc-text-inner .add_to_cart_button,.qodef-plc-text-inner .added_to_cart { color: #fff } .product .add_to_cart_button:before,.product .added_to_cart:before,.qodef-button.qodef-out-of-stock:before,.qodef-info-below-image .add_to_cart_button:before,.qodef-info-below-image .added_to_cart:before,.qodef-plc-text-inner .add_to_cart_button:before,.qodef-plc-text-inner .added_to_cart:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #502e29; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; z-index: -1 } .product .add_to_cart_button:after,.product .added_to_cart:after,.qodef-button.qodef-out-of-stock:after,.qodef-info-below-image .add_to_cart_button:after,.qodef-info-below-image .added_to_cart:after,.qodef-plc-text-inner .add_to_cart_button:after,.qodef-plc-text-inner .added_to_cart:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #502e29; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; z-index: -1 } .product .add_to_cart_button.qodef-btn-hovered,.product .added_to_cart.qodef-btn-hovered,.qodef-button.qodef-out-of-stock.qodef-btn-hovered,.qodef-info-below-image .add_to_cart_button.qodef-btn-hovered,.qodef-info-below-image .added_to_cart.qodef-btn-hovered,.qodef-plc-text-inner .add_to_cart_button.qodef-btn-hovered,.qodef-plc-text-inner .added_to_cart.qodef-btn-hovered { -webkit-animation: qodef-btn-text-solid-animation 1.2s .1s forwards!important; animation: qodef-btn-text-solid-animation 1.2s .1s forwards!important } .product .add_to_cart_button.qodef-btn-hovered:before,.product .added_to_cart.qodef-btn-hovered:before,.qodef-button.qodef-out-of-stock.qodef-btn-hovered:before,.qodef-info-below-image .add_to_cart_button.qodef-btn-hovered:before,.qodef-info-below-image .added_to_cart.qodef-btn-hovered:before,.qodef-plc-text-inner .add_to_cart_button.qodef-btn-hovered:before,.qodef-plc-text-inner .added_to_cart.qodef-btn-hovered:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .6s .6s cubic-bezier(.54,.32,.05,.96); -o-transition: .6s .6s cubic-bezier(.54,.32,.05,.96); transition: .6s .6s cubic-bezier(.54,.32,.05,.96) } .product .add_to_cart_button.qodef-btn-hovered:after,.product .added_to_cart.qodef-btn-hovered:after,.qodef-button.qodef-out-of-stock.qodef-btn-hovered:after,.qodef-info-below-image .add_to_cart_button.qodef-btn-hovered:after,.qodef-info-below-image .added_to_cart.qodef-btn-hovered:after,.qodef-plc-text-inner .add_to_cart_button.qodef-btn-hovered:after,.qodef-plc-text-inner .added_to_cart.qodef-btn-hovered:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .6s cubic-bezier(.54,.32,.05,.96); -o-transition: .6s cubic-bezier(.54,.32,.05,.96); transition: .6s cubic-bezier(.54,.32,.05,.96) } .button.wc-forward:after,.product .yith-wcqv-button:after,.qodef-checkout.qodef-sc-dropdown-button:after,.qodef-info-below-image .yith-wcqv-button:after,.qodef-plc-text-inner .yith-wcqv-button:after,.qodef-view-cart.qodef-sc-dropdown-button:after,.single_add_to_cart_button:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; z-index: -1 } .button.wc-forward.qodef-btn-hovered,.product .yith-wcqv-button.qodef-btn-hovered,.qodef-checkout.qodef-sc-dropdown-button.qodef-btn-hovered,.qodef-info-below-image .yith-wcqv-button.qodef-btn-hovered,.qodef-plc-text-inner .yith-wcqv-button.qodef-btn-hovered,.qodef-view-cart.qodef-sc-dropdown-button.qodef-btn-hovered,.single_add_to_cart_button.qodef-btn-hovered { -webkit-animation: qodef-btn-text-outline-animation 1.2s forwards; animation: qodef-btn-text-outline-animation 1.2s forwards } .button.wc-forward.qodef-btn-hovered:after,.product .yith-wcqv-button.qodef-btn-hovered:after,.qodef-checkout.qodef-sc-dropdown-button.qodef-btn-hovered:after,.qodef-info-below-image .yith-wcqv-button.qodef-btn-hovered:after,.qodef-plc-text-inner .yith-wcqv-button.qodef-btn-hovered:after,.qodef-view-cart.qodef-sc-dropdown-button.qodef-btn-hovered:after,.single_add_to_cart_button.qodef-btn-hovered:after { -webkit-animation: qodef-btn-outline-animation 1.2s cubic-bezier(.34,.43,.13,.96) forwards; animation: qodef-btn-outline-animation 1.2s cubic-bezier(.34,.43,.13,.96) forwards } .qodef-custom-banner-elements-holder>a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0 } .qodef-custom-banner-elements-holder:hover .qodef-btn-simple:after { -webkit-animation: qodef-btn-simple-animation 1s cubic-bezier(.54,.32,.05,.96) forwards; animation: qodef-btn-simple-animation 1s cubic-bezier(.54,.32,.05,.96) forwards } .qodef-custom-banner-elements-holder-with-bg { position: relative; overflow: hidden } .qodef-custom-banner-elements-holder-with-bg .qodef-custom-banner-elements-holder-bg-img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; -webkit-transform: translateX(0) scale(1.03); -ms-transform: translateX(0) scale(1.03); transform: translateX(0) scale(1.03); -webkit-transition: 1s cubic-bezier(.17,.59,.05,.96); -o-transition: 1s cubic-bezier(.17,.59,.05,.96); transition: 1s cubic-bezier(.17,.59,.05,.96); z-index: -1 } .qodef-custom-banner-elements-holder-with-bg:hover .qodef-custom-banner-elements-holder-bg-img { -webkit-transform: translateX(10px) scale(1.03); -ms-transform: translateX(10px) scale(1.03); transform: translateX(10px) scale(1.03) } .qodef-side-menu-icon:hover .qodef-hm-lines .qodef-line-1 { -webkit-animation: qodef-btn-simple-animation cubic-bezier(.68,.17,.25,1) 1s forwards; animation: qodef-btn-simple-animation cubic-bezier(.68,.17,.25,1) 1s forwards } .qodef-side-menu-icon:hover .qodef-hm-lines .qodef-line-2 { -webkit-animation: qodef-btn-simple-animation cubic-bezier(.38,.8,.53,.93) 1s .2s forwards; animation: qodef-btn-simple-animation cubic-bezier(.38,.8,.53,.93) 1s .2s forwards } .qodef-page-content-holder.qodef-page-content-holder-floating-section { opacity: 0; height: 100vh; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .5s,-webkit-transform 1.2s; -o-transition: transform 1.2s,opacity .5s; transition: transform 1.2s,opacity .5s; transition: transform 1.2s,opacity .5s,-webkit-transform 1.2s } .qodef-page-content-holder.qodef-page-content-holder-floating-section.qodef-page-content-holder-floating-section-ready { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .qodef-page-content-holder.qodef-page-content-holder-floating-section.qodef-page-content-holder-floating-section-ready .qodef-floating-shop-images-row { opacity: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image { overflow: hidden; pointer-events: none } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 1s; -o-transition: 1s; transition: 1s } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #f3efec; opacity: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image.qodef-appear { pointer-events: all } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image.qodef-appear img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .qodef-page-content-holder.qodef-page-content-holder-floating-section .qodef-floating-shop-image.qodef-appear:after { opacity: 0 } .qodef-bg-text-floating-section { position: fixed; top: 0; right: 0; height: 100%; width: calc(100% - 350px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; font-size: 200px; ; font-weight: 500; color: transparent; -webkit-text-stroke: 1px #e8d7c1 } @media (max-width: 1440px) { .qodef-bg-text-floating-section { font-size:130px } } @media (max-width: 1024px) { .qodef-bg-text-floating-section { visibility:hidden } } .no-touch .qodef-bg-text-floating-section .qodef-char-mask { display: inline-block; vertical-align: top; overflow: hidden; line-height: .7em; margin-top: 83px } .no-touch .qodef-bg-text-floating-section .qodef-char-mask.qodef-empty-char { min-width: 30px } .no-touch .qodef-bg-text-floating-section .qodef-char-mask>span { display: inline-block; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -webkit-transition: 1s cubic-bezier(.6,.45,.14,.96); -o-transition: 1s cubic-bezier(.6,.45,.14,.96); transition: 1s cubic-bezier(.6,.45,.14,.96) } .no-touch .qodef-bg-text-floating-section .qodef-char-mask>span.qodef-show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } aside.qodef-sidebar .qodef-blog-list-holder .qodef-post-image a:before { content: none!important } .qodef-svg-close-cursor { opacity: 0; margin: -11px; pointer-events: none; position: fixed; z-index: 8000 } .qodef-svg-close-cursor.qodef-svg-close-cursor-dark svg line { stroke: #000 } .qodef-svg-close-cursor svg line { stroke-width: 1.2px } .qodef-light-header .qodef-page-footer .widget.widget_search button .src0,.qodef-light-header .qodef-page-header .widget.widget_search button .src0,.qodef-light-header .qodef-side-menu .widget.widget_search button .src0,.qodef-light-header .qodef-sidebar .widget.widget_search button .src0,.qodef-light-header .qodef-top-bar .widget.widget_search button .src0,.qodef-light-header .widget.widget_search button .src0 { stroke: rgba(255,255,255,.8) } s aside.qodef-sidebar { position: relative; z-index: 11; margin: 0 0 60px } .wpb_widgetised_column { position: relative } .wpb_widgetised_column .widget_nav_menu { border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 38px 40px 34px } .wpb_widgetised_column .widget_nav_menu .qodef-widget-title { font-size: 14px; font-weight: 700 } .widget { margin: 0 0 35px } .widget:last-child { margin-bottom: 0!important } .widget .qodef-widget-title { margin: 0 0 7px } .widget .qodef-widget-title a { color: inherit } .widget .qodef-widget-title a:hover { color: #bf5c30 } .widget a { color: #757575 } .widget a:hover { color: #bf5c30 } .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 10px } .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 10px; margin-left: 10px } .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .widget.widget_archive select,.widget.widget_categories select,.widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid transparent; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .widget.widget_categories a,.widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .widget.widget_categories a:hover,.widget.widget_categories li:hover { color: #000 } .widget.widget_calendar { width: 100% } .widget.widget_calendar #today { color: #fff; background-color: #bf5c30 } .widget.widget_calendar #today a { color: inherit } .widget.widget_calendar tfoot a { color: #757575 } .widget.widget_calendar tfoot a:hover { color: #bf5c30 } .widget.widget_text img { display: block } .widget.widget_rss ul li { margin-bottom: 30px } .widget.widget_rss ul li:last-child { margin-bottom: 0 } .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .widget.widget_rss ul .rssSummary { margin-top: 5px } .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .widget.widget_search input { padding-right: 20px; width: 108px } .widget.widget_search .qodef-widget-title { margin-bottom: 17px } .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .widget.widget_search input { width: 108px } .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .widget.widget_search input:focus { color: #000; outline: 0 } .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } .widget.widget_search button span,.widget.widget_search button span:before { display: block; line-height: inherit } .widget.widget_search button:hover { color: #757575 } .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .widget.widget_media_image { margin-bottom: 0 } .widget.widget_media_image .qodef-widget-title { margin-bottom: 17px } .widget.widget_media_image a,.widget.widget_media_image img { display: block } .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .qodef-top-bar .widget { color: #fff } .qodef-top-bar .widget:last-child { margin-bottom: 0!important } .qodef-top-bar .widget .qodef-widget-title { margin: 0 0 7px; color: #fff } .qodef-top-bar .widget .qodef-widget-title a { color: inherit } .qodef-top-bar .widget .qodef-widget-title a:hover { color: #bf5c30 } .qodef-top-bar .widget a { color: #fff } .qodef-top-bar .widget a:hover { color: #bf5c30 } .qodef-top-bar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .qodef-top-bar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 10px } .qodef-top-bar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .qodef-top-bar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 10px; margin-left: 10px } .qodef-top-bar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .qodef-top-bar .widget.widget_archive select,.qodef-top-bar .widget.widget_categories select,.qodef-top-bar .widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid transparent; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .qodef-top-bar .widget.widget_categories a,.qodef-top-bar .widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .qodef-top-bar .widget.widget_categories a:hover,.qodef-top-bar .widget.widget_categories li:hover { color: #000 } .qodef-top-bar .widget.widget_calendar { width: 100% } .qodef-top-bar .widget.widget_calendar #today { color: #fff; background-color: #bf5c30 } .qodef-top-bar .widget.widget_calendar #today a { color: inherit } .qodef-top-bar .widget.widget_calendar tfoot a { color: #fff } .qodef-top-bar .widget.widget_calendar tfoot a:hover { color: #bf5c30 } .qodef-top-bar .widget.widget_text img { display: block } .qodef-top-bar .widget.widget_rss ul li { margin-bottom: 30px } .qodef-top-bar .widget.widget_rss ul li:last-child { margin-bottom: 0 } .qodef-top-bar .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .qodef-top-bar .widget.widget_rss ul .rssSummary { margin-top: 5px } .qodef-top-bar .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .qodef-top-bar .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .qodef-top-bar .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .qodef-top-bar .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .qodef-top-bar .widget.widget_search input { padding-right: 20px; width: 108px } .qodef-top-bar .widget.widget_search .qodef-widget-title { margin-bottom: 17px } .qodef-top-bar .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .qodef-top-bar .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .qodef-top-bar .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .qodef-top-bar .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .qodef-top-bar .widget.widget_search input { width: 108px } .qodef-top-bar .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-top-bar .widget.widget_search input::-webkit-input-placeholder { color: transparent } .qodef-top-bar .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-top-bar .widget.widget_search input:-moz-placeholder { color: transparent } .qodef-top-bar .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-top-bar .widget.widget_search input::-moz-placeholder { color: transparent } .qodef-top-bar .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-top-bar .widget.widget_search input:-ms-input-placeholder { color: transparent } .qodef-top-bar .widget.widget_search input:focus { color: #000; outline: 0 } .qodef-top-bar .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } .qodef-top-bar .widget.widget_search button span,.qodef-top-bar .widget.widget_search button span:before { display: block; line-height: inherit } .qodef-top-bar .widget.widget_search button:hover { color: #757575 } .qodef-top-bar .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .qodef-top-bar .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .qodef-top-bar .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .qodef-top-bar .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .qodef-top-bar .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .qodef-top-bar .widget.widget_media_image { margin-bottom: 0 } .qodef-top-bar .widget.widget_media_image .qodef-widget-title { margin-bottom: 17px } .qodef-top-bar .widget.widget_media_image a,.qodef-top-bar .widget.widget_media_image img { display: block } .qodef-top-bar .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .qodef-page-footer .widget { margin: 0 0 35px; color: #757575 } .qodef-page-footer .widget:last-child { margin-bottom: 0!important } .qodef-page-footer .widget .qodef-widget-title { margin: 0 0 19px; color: #000 } .qodef-page-footer .widget .qodef-widget-title a { color: inherit } .qodef-page-footer .widget .qodef-widget-title a:hover { color: #000 } .qodef-page-footer .widget a { color: #757575 } .qodef-page-footer .widget a:hover { color: #000 } .qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 3px } .qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 3px; margin-left: 3px } .qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .qodef-page-footer .widget.widget_archive select,.qodef-page-footer .widget.widget_categories select,.qodef-page-footer .widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid #e1e1e1; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .qodef-page-footer .widget.widget_categories a,.qodef-page-footer .widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .qodef-page-footer .widget.widget_categories a:hover,.qodef-page-footer .widget.widget_categories li:hover { color: #000 } .qodef-page-footer .widget.widget_calendar { width: 100% } .qodef-page-footer .widget.widget_calendar #today { color: #fff; background-color: #000 } .qodef-page-footer .widget.widget_calendar #today a { color: inherit } .qodef-page-footer .widget.widget_calendar tfoot a { color: #757575 } .qodef-page-footer .widget.widget_calendar tfoot a:hover { color: #000 } .qodef-page-footer .widget.widget_text img { display: block } .qodef-page-footer .widget.widget_rss ul li { margin-bottom: 30px } .qodef-page-footer .widget.widget_rss ul li:last-child { margin-bottom: 0 } .qodef-page-footer .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .qodef-page-footer .widget.widget_rss ul .rssSummary { margin-top: 5px } .qodef-page-footer .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .qodef-page-footer .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .qodef-page-footer .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .qodef-page-footer .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .qodef-page-footer .widget.widget_search input { padding-right: 20px; width: 108px } .qodef-page-footer .widget.widget_search .qodef-widget-title { margin-bottom: 29px } .qodef-page-footer .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .qodef-page-footer .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .qodef-page-footer .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .qodef-page-footer .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .qodef-page-footer .widget.widget_search input { width: 108px } .qodef-page-footer .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-page-footer .widget.widget_search input::-webkit-input-placeholder { color: transparent } .qodef-page-footer .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-page-footer .widget.widget_search input:-moz-placeholder { color: transparent } .qodef-page-footer .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-page-footer .widget.widget_search input::-moz-placeholder { color: transparent } .qodef-page-footer .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-page-footer .widget.widget_search input:-ms-input-placeholder { color: transparent } .qodef-page-footer .widget.widget_search input:focus { color: #000; outline: 0 } .qodef-page-footer .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } .qodef-page-footer .widget.widget_search button span,.qodef-page-footer .widget.widget_search button span:before { display: block; line-height: inherit } .qodef-page-footer .widget.widget_search button:hover { color: #757575 } .qodef-page-footer .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .qodef-page-footer .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .qodef-page-footer .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .qodef-page-footer .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .qodef-page-footer .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .qodef-page-footer .widget.widget_media_image { margin-bottom: 0 } .qodef-page-footer .widget.widget_media_image .qodef-widget-title { margin-bottom: 29px } .qodef-page-footer .widget.widget_media_image a,.qodef-page-footer .widget.widget_media_image img { display: block } .qodef-page-footer .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .qodef-side-menu .widget { margin: 0 0 32px; color: #757575 } .qodef-side-menu .widget:last-child { margin-bottom: 0!important } .qodef-side-menu .widget .qodef-widget-title { margin: 0 0 7px; color: #000 } .qodef-side-menu .widget .qodef-widget-title a { color: inherit } .qodef-side-menu .widget .qodef-widget-title a:hover { color: #bf5c30 } .qodef-side-menu .widget a { color: #757575 } .qodef-side-menu .widget a:hover { color: #bf5c30 } .qodef-side-menu .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .qodef-side-menu .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 10px } .qodef-side-menu .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .qodef-side-menu .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 10px; margin-left: 10px } .qodef-side-menu .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .qodef-side-menu .widget.widget_archive select,.qodef-side-menu .widget.widget_categories select,.qodef-side-menu .widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid transparent; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .qodef-side-menu .widget.widget_categories a,.qodef-side-menu .widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .qodef-side-menu .widget.widget_categories a:hover,.qodef-side-menu .widget.widget_categories li:hover { color: #000 } .qodef-side-menu .widget.widget_calendar { width: 100% } .qodef-side-menu .widget.widget_calendar #today { color: #fff; background-color: #bf5c30 } .qodef-side-menu .widget.widget_calendar #today a { color: inherit } .qodef-side-menu .widget.widget_calendar tfoot a { color: #757575 } .qodef-side-menu .widget.widget_calendar tfoot a:hover { color: #bf5c30 } .qodef-side-menu .widget.widget_text img { display: block } .qodef-side-menu .widget.widget_rss ul li { margin-bottom: 30px } .qodef-side-menu .widget.widget_rss ul li:last-child { margin-bottom: 0 } .qodef-side-menu .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .qodef-side-menu .widget.widget_rss ul .rssSummary { margin-top: 5px } .qodef-side-menu .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .qodef-side-menu .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .qodef-side-menu .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .qodef-side-menu .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .qodef-side-menu .widget.widget_search input { padding-right: 20px; width: 108px } .qodef-side-menu .widget.widget_search .qodef-widget-title { margin-bottom: 17px } .qodef-side-menu .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .qodef-side-menu .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .qodef-side-menu .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .qodef-side-menu .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .qodef-side-menu .widget.widget_search input { width: 108px } .qodef-side-menu .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-side-menu .widget.widget_search input::-webkit-input-placeholder { color: transparent } .qodef-side-menu .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-side-menu .widget.widget_search input:-moz-placeholder { color: transparent } .qodef-side-menu .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-side-menu .widget.widget_search input::-moz-placeholder { color: transparent } .qodef-side-menu .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-side-menu .widget.widget_search input:-ms-input-placeholder { color: transparent } .qodef-side-menu .widget.widget_search input:focus { color: #000; outline: 0 } .qodef-side-menu .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } .qodef-side-menu .widget.widget_search button span,.qodef-side-menu .widget.widget_search button span:before { display: block; line-height: inherit } .qodef-side-menu .widget.widget_search button:hover { color: #757575 } .qodef-side-menu .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .qodef-side-menu .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .qodef-side-menu .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .qodef-side-menu .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .qodef-side-menu .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .qodef-side-menu .widget.widget_media_image { margin-bottom: 0 } .qodef-side-menu .widget.widget_media_image .qodef-widget-title { margin-bottom: 17px } .qodef-side-menu .widget.widget_media_image a,.qodef-side-menu .widget.widget_media_image img { display: block } .qodef-side-menu .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .qodef-sidebar .widget { margin: 0 0 50px } .qodef-sidebar .widget:last-child { margin-bottom: 0!important } .qodef-sidebar .widget .qodef-widget-title { margin: 0 0 7px } .qodef-sidebar .widget .qodef-widget-title a { color: inherit } .qodef-sidebar .widget .qodef-widget-title a:hover { color: #bf5c30 } .qodef-sidebar .widget a { color: #757575 } .qodef-sidebar .widget a:hover { color: #bf5c30 } .qodef-sidebar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .qodef-sidebar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 3px } .qodef-sidebar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .qodef-sidebar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 3px; margin-left: 3px } .qodef-sidebar .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .qodef-sidebar .widget.widget_archive select,.qodef-sidebar .widget.widget_categories select,.qodef-sidebar .widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid transparent; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .qodef-sidebar .widget.widget_categories a,.qodef-sidebar .widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .qodef-sidebar .widget.widget_categories a:hover,.qodef-sidebar .widget.widget_categories li:hover { color: #000 } .qodef-sidebar .widget.widget_calendar { width: 100% } .qodef-sidebar .widget.widget_calendar #today { color: #fff; background-color: #bf5c30 } .qodef-sidebar .widget.widget_calendar #today a { color: inherit } .qodef-sidebar .widget.widget_calendar tfoot a { color: #757575 } .qodef-sidebar .widget.widget_calendar tfoot a:hover { color: #bf5c30 } .qodef-sidebar .widget.widget_text img { display: block } .qodef-sidebar .widget.widget_rss ul li { margin-bottom: 30px } .qodef-sidebar .widget.widget_rss ul li:last-child { margin-bottom: 0 } .qodef-sidebar .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .qodef-sidebar .widget.widget_rss ul .rssSummary { margin-top: 5px } .qodef-sidebar .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .qodef-sidebar .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .qodef-sidebar .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .qodef-sidebar .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .qodef-sidebar .widget.widget_search input { padding-right: 20px; width: 108px } .qodef-sidebar .widget.widget_search .qodef-widget-title { margin-bottom: 17px } .qodef-sidebar .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .qodef-sidebar .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .qodef-sidebar .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .qodef-sidebar .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .qodef-sidebar .widget.widget_search input { width: 108px } .qodef-sidebar .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-sidebar .widget.widget_search input::-webkit-input-placeholder { color: transparent } .qodef-sidebar .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-sidebar .widget.widget_search input:-moz-placeholder { color: transparent } .qodef-sidebar .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-sidebar .widget.widget_search input::-moz-placeholder { color: transparent } .qodef-sidebar .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-sidebar .widget.widget_search input:-ms-input-placeholder { color: transparent } .qodef-sidebar .widget.widget_search input:focus { color: #000; outline: 0 } .qodef-sidebar .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } .qodef-sidebar .widget.widget_search button span,.qodef-sidebar .widget.widget_search button span:before { display: block; line-height: inherit } .qodef-sidebar .widget.widget_search button:hover { color: #757575 } .qodef-sidebar .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .qodef-sidebar .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .qodef-sidebar .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .qodef-sidebar .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .qodef-sidebar .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .qodef-sidebar .widget.widget_media_image { margin-bottom: 0 } .qodef-sidebar .widget.widget_media_image .qodef-widget-title { margin-bottom: 17px } .qodef-sidebar .widget.widget_media_image a,.qodef-sidebar .widget.widget_media_image img { display: block } .qodef-sidebar .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .qodef-page-header .widget { margin: 0 0 35px } .qodef-page-header .widget:last-child { margin-bottom: 0!important } .qodef-page-header .widget .qodef-widget-title { margin: 0 0 7px } .qodef-page-header .widget .qodef-widget-title a { color: inherit } .qodef-page-header .widget .qodef-widget-title a:hover { color: #bf5c30 } .qodef-page-header .widget a { color: #757575 } .qodef-page-header .widget a:hover { color: #bf5c30 } .qodef-page-header .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) { padding: 0; margin: 0; list-style: none } .qodef-page-header .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li { margin: 0 0 4px } .qodef-page-header .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li:last-child { margin-bottom: 0 } .qodef-page-header .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul { margin-top: 4px; margin-left: 4px } .qodef-page-header .widget ul:not(.qodef-shortcode-list):not(.qodef-instagram-feed):not(.qodef-blog-list) li ul.children { margin-left: 10px } .qodef-page-header .widget.widget_archive select,.qodef-page-header .widget.widget_categories select,.qodef-page-header .widget.widget_text select { width: 100%; max-width: 100%; height: 50px; margin: 10px 0 0; padding: 13px 21px; font-size: 14px; line-height: 24px; font-style: inherit; font-weight: inherit; color: #757575; background-color: #f6f6f6; border: 1px solid transparent; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .qodef-page-header .widget.widget_categories a,.qodef-page-header .widget.widget_categories li { color: #bf5c30; ; font-size: 13px; text-transform: uppercase; letter-spacing: .4em; font-weight: 700 } .qodef-page-header .widget.widget_categories a:hover,.qodef-page-header .widget.widget_categories li:hover { color: #000 } .qodef-page-header .widget.widget_calendar { width: 100% } .qodef-page-header .widget.widget_calendar #today { color: #fff; background-color: #bf5c30 } .qodef-page-header .widget.widget_calendar #today a { color: inherit } .qodef-page-header .widget.widget_calendar tfoot a { color: #757575 } .qodef-page-header .widget.widget_calendar tfoot a:hover { color: #bf5c30 } .qodef-page-header .widget.widget_text img { display: block } .qodef-page-header .widget.widget_rss ul li { margin-bottom: 30px } .qodef-page-header .widget.widget_rss ul li:last-child { margin-bottom: 0 } .qodef-page-header .widget.widget_rss ul .rsswidget { display: block; font-size: 20px; line-height: 1.2em; letter-spacing: .02em; margin-top: 20px } .qodef-page-header .widget.widget_rss ul .rssSummary { margin-top: 5px } .qodef-page-header .widget.widget_rss ul cite { display: block; margin-top: 5px } .qodef-page-header .qodef-menu-area div .qodef-page-header .widget.widget_search,.qodef-sticky-header .qodef-sticky-holder .qodef-page-header .widget.widget_search { margin: 0 31px 0 23px; position: relative; top: -1px } .qodef-page-header .qodef-menu-area div .qodef-page-header .widget.widget_search input,.qodef-sticky-header .qodef-sticky-holder .qodef-page-header .widget.widget_search input { padding-right: 20px; width: 108px } .qodef-page-header .widget.widget_search .qodef-widget-title { margin-bottom: 17px } .qodef-page-header .widget.widget_search .input-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .qodef-page-header .widget.widget_search .input-holder:after { content: ''; height: 1px; width: calc(100% - 22px); background-color: #e1e1e1; left: 0; bottom: 2px; position: absolute } .qodef-light-header .qodef-page-header .widget.widget_search .input-holder:after { background-color: #e1e1e1!important } .qodef-page-header .widget.widget_search input { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #757575; background-color: transparent; border: none; line-height: 1.3em; width: 90%; -webkit-appearance: none } .qodef-header-centered .qodef-page-header .widget.widget_search input { width: 108px } .qodef-page-header .widget.widget_search input::-webkit-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-page-header .widget.widget_search input::-webkit-input-placeholder { color: transparent } .qodef-page-header .widget.widget_search input:-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-page-header .widget.widget_search input:-moz-placeholder { color: transparent } .qodef-page-header .widget.widget_search input::-moz-placeholder { color: #cbcbcb; opacity: 1 } .qodef-page-header .qodef-page-header .widget.widget_search input::-moz-placeholder { color: transparent } .qodef-page-header .widget.widget_search input:-ms-input-placeholder { color: #cbcbcb } .qodef-page-header .qodef-page-header .widget.widget_search input:-ms-input-placeholder { color: transparent } .qodef-page-header .widget.widget_search input:focus { color: #000; outline: 0 } .qodef-page-header .widget.widget_search button { position: absolute; bottom: 0; right: 0; text-align: center; background-color: transparent; border: 5px; cursor: pointer; padding: 0 0 0 1px } #ui-datepicker-div .ui-widget-header .ui-datepicker-next,body .pp_pic_holder a.pp_next { right: 20px } .qodef-page-header .widget.widget_search button span,.qodef-page-header .widget.widget_search button span:before { display: block; line-height: inherit } .qodef-page-header .widget.widget_search button:hover { color: #757575 } .qodef-blog-holder article.format-link .qodef-post-mark path,.qodef-blog-holder article.format-quote .qodef-post-mark path { stroke: #bf5c30 } .qodef-page-header .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 6px 0; font-size: 13px!important; font-weight: 700; line-height: inherit; ; color: #bf5c30; letter-spacing: .4em; text-transform: uppercase } .qodef-page-header .widget.widget_tag_cloud .tagcloud a:after { content: '/'; color: #bf5c30; position: relative; left: 10px } .qodef-page-header .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0 } .qodef-page-header .widget.widget_tag_cloud .tagcloud a:last-child:after { display: none } .qodef-page-header .widget.widget_tag_cloud .tagcloud a:hover { color: #000 } .qodef-page-header .widget.widget_media_image { margin-bottom: 0 } .qodef-page-header .widget.widget_media_image .qodef-widget-title { margin-bottom: 17px } .qodef-page-header .widget.widget_media_image a,.qodef-page-header .widget.widget_media_image img { display: block } .qodef-page-header .widget.qodef-blog-list-widget .qodef-widget-title { margin-bottom: 26px } .calendar_wrap table td { padding: 5px 8px } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { display: none } input[type=search]::-ms-clear { display: none } input[type=text]::-ms-clear { display: none } /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } .qodef-owl-custom-slider .animated,.qodef-owl-slider .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both } @-webkit-keyframes bounce { 20%,53%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.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 { 20%,53%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.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; -ms-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from,to { -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) } } @keyframes pulse { from,to { -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) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } } @keyframes rubberBand { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,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; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.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) } } @keyframes tada { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.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) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from,to { -webkit-transform: none; transform: none } 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) } } @keyframes wobble { from,to { -webkit-transform: none; transform: none } 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) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%,from,to { -webkit-transform: none; transform: none } 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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 11.1%,from,to { -webkit-transform: none; transform: none } 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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.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(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.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(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } @keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } @keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } @keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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 { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.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(.9,.9,.9); transform: scale3d(.9,.9,.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(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.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(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .bounceOut { -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: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .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) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) 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(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) 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(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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 } .flipInY,.flipOutX { -webkit-backface-visibility: visible!important } @-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 { 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-name: flipOutX; animation-name: flipOutX; 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-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); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @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); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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 } }