*, figure, form { margin: 0 } *, legend { padding: 0 } .pswp, html { -webkit-text-size-adjust: 100% } .entry-tags, .entry-tags a, .entry-tags span, pre { word-wrap: break-word } .assistive-text, .says, .screen-reader-text { clip: rect(1px,1px,1px,1px) } .btn-light, .btn-link, .light-bg-btn, .outline-bg-btn, .outline-btn { webkit-transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out } .vertical-centering { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .horizontal-centering { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .centering-mixin { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }/*! Prefix flex for IE10 in LESS * https://gist.github.com/codler/2148ba4ff096a19f08ea * Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license *//*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } audio, canvas, video { display: inline-block } .old-ie audio, .old-ie canvas, .old-ie video { display: inline; zoom: 1 } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -ms-text-size-adjust: 100% } small, sub, sup { font-size: 75% } a:active, a:focus, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } code, kbd, pre, samp { font-family: monospace, serif; font-family: 'courier new', monospace } pre { white-space: pre; white-space: pre-wrap } q { quotes: none } q:after, q:before { content: ''; content: none } sub, sup { line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } dd, dl, menu, ol, ul { list-style: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } legend { border: 0; white-space: normal } .old-ie legend { margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline } .old-ie button, .old-ie input, .old-ie select, .old-ie textarea { vertical-align: middle } button, input { line-height: normal } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } .old-ie button, .old-ie input[type=button], .old-ie input[type=reset], .old-ie input[type=submit] { overflow: visible } button[disabled], input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } .old-ie input[type=checkbox], .old-ie input[type=radio] { height: 13px; width: 13px } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } .formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000 } .ajaxSubmit { padding: 10px; text-align: center; border: 1px solid #999; display: none } .formError .formErrorContent { background: #8a0b2c; color: #fff; width: 165px; font-family: tahoma; font-size: 11px; border: 0 solid #ddd; text-shadow: #f5f5f5; padding: 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .greenPopup .formErrorContent { background: #33be40 } .blackPopup .formErrorContent { background: #393939; color: #FFF } .formError .formErrorArrow { position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001; border: none } .formError .formErrorArrowBottom { top: 0; margin: -6px } .formError .formErrorArrow div { border: none; height: 1px; background: #8a0b2c; margin: 0 auto; line-height: 0; font-size: 0; display: block } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .formError .formErrorArrow .line10 { width: 15px; border: none } .formError .formErrorArrow .line9 { width: 13px; border: none } .formError .formErrorArrow .line8 { width: 11px } .formError .formErrorArrow .line7 { width: 9px } .formError .formErrorArrow .line6 { width: 7px } .formError .formErrorArrow .line5 { width: 5px } .formError .formErrorArrow .line4 { width: 3px } .formError .formErrorArrow .line3 { width: 1px } .formError .formErrorArrow .line2 { width: 3px; border: none; display: none } .formError .formErrorArrow .line1 { width: 1px; border: none; display: none } .dt-contact-form.dt-form .formError, .dt-contact-form.dt-form .hide-privacy-message, .dt-contact-form.dt-form span .formError, .popup-message-style .dt-contact-form.dt-form .formError { display: none } .dt-contact-form.dt-form span .formError.field-success, .dt-contact-form.dt-form span .formError.first, .inline-message-style .dt-contact-form.dt-form .formError.field-success, .inline-message-style .dt-contact-form.dt-form .formError.first, .popup-message-style .dt-contact-form.dt-form .formError.field-success, .popup-message-style .dt-contact-form.dt-form .formError.first { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .dt-contact-form.dt-form .formError .close-message { position: absolute; top: 50%; width: 30px; height: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 30px; text-align: center; opacity: .5 } .dt-contact-form.dt-form .formError .close-message:before { content: "\f00d" } .dt-contact-form.dt-form .formError .close-message:hover { cursor: pointer; opacity: 1 } .dt-contact-form.dt-form .error-field:not(.field-success) { border-color: red } .inline-message-style .dt-contact-form.dt-form { position: relative } .inline-message-style .form-fields>span { position: static } .inline-message-style .formError { width: 100%; top: 0!important; left: 0!important; margin: 0 0 10px!important; padding: 15px 40px 15px 45px; box-sizing: border-box } .inline-message-style .formError.run-animation { position: relative } .inline-message-style .formError .formErrorContent { width: 100%; background: 0 0 } .inline-message-style .formError .formErrorArrow { display: none } .popup-message-style .parentFormundefined.run-animation { -webkit-transform: translate3d(200px, -50%, 0); -ms-transform: translate3d(200px, -50%, 0); transform: translate3d(200px, -50%, 0); -webkit-animation: slide-in-message, slide-out-message; animation: slide-in-message, slide-out-message; -webkit-animation-duration: 1.2s, 1.1s; animation-duration: 1.2s, 1.1s; -webkit-animation-delay: .4s, 9s; animation-delay: .4s, 9s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease; animation-timing-function: ease } .popup-message-style .parentFormundefined.run-animation .formErrorContent { opacity: 1 } .parentFormundefined:before { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; top: 20px; left: 0; width: 65px; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 28px; line-height: 1; content: "\f06a"!important } .greenPopup.parentFormundefined:before { content: "\f058"!important } .popup-message-style .parentFormundefined.run-animation, .popup-message-style .parentFormundefined:not(.run-animation) { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 10px 40px 0 rgba(0,0,0,.3); border: none; opacity: 0; position: fixed!important; top: 50%!important; left: 100%!important; right: auto!important; margin: 0!important; padding: 15px 40px 15px 45px; width: 400px; max-height: 500px; z-index: 9999; overflow: hidden; font-weight: 700; color: #FFF; box-sizing: border-box } .popup-message-style .parentFormundefined.run-animation a, .popup-message-style .parentFormundefined.run-animation a:hover, .popup-message-style .parentFormundefined:not(.run-animation) a, .popup-message-style .parentFormundefined:not(.run-animation) a:hover { color: #fff } .popup-message-style .parentFormundefined.run-animation .formErrorContent, .popup-message-style .parentFormundefined:not(.run-animation) .formErrorContent { width: 100%; background: 0 0 } .popup-message-style .parentFormundefined.run-animation .formErrorArrow, .popup-message-style .parentFormundefined:not(.run-animation) .formErrorArrow { display: none } #page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img { border: none; background: 0 0 } .ngg-navigation a.next:hover, .ngg-navigation a.page-numbers:hover, .ngg-navigation a.prev:hover { background: 0 0 } #page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img { border: none; background: 0 0 } #page .ngg-navigation a { font-weight: 400 } #page .ngg-navigation a.next:hover, #page .ngg-navigation a.page-numbers:hover, #page .ngg-navigation a.prev:hover { background-color: transparent } #page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img, .ngg-album-link a:hover img, .ngg-imagebrowser a:hover, .ngg-thumbnail a:hover { opacity: .7!important } .ngg-imagebrowser img { -webkit-box-sizing: border-box; box-sizing: border-box } .rev_slider_wrapper { z-index: 1 } .tp-scrollbelowslider:hover { cursor: pointer } .is-iphone .kenburnimg img { transform: none!important }/*!Revolution slider arrows*/ .widget .wpml-ls-item a span { color: inherit } .woocommerce #reviews #comments .add_review::after, .woocommerce .products ul::after, .woocommerce div.product form.cart::after, .woocommerce div.product p.cart::after, .woocommerce nav.woocommerce-pagination ul, .woocommerce ul.products::after { clear: both } .woocommerce-store-notice, p.demo_store { position: absolute; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #a46497; color: #fff; z-index: 99998; box-shadow: 0 1px 1em rgba(0,0,0,.2); display: none } .admin-bar p.demo_store { top: 32px } .woocommerce-store-notice a, p.demo_store a { color: #fff; text-decoration: underline } #wc-bookings-booking-form .wc-bookings-date-picker legend { display: block } .currentTextHolder { line-height: 20px } .cross-sells .woocommerce-placeholder.wp-post-image, .related-product .woocommerce-placeholder.wp-post-image, .upsells.products .woocommerce-placeholder.wp-post-image { max-width: 100%; height: auto } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none } .woocommerce div.product div.images div.thumbnails { padding-top: 1em } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { transition: all cubic-bezier(.795, -.035, 0, 1) .5s } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 10px; font-size: 2em; z-index: 9; width: 36px; height: 36px; background: rgba(0,0,0,.8); text-indent: -9999px; border-radius: 100%; box-sizing: content-box } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { background: rgba(0,0,0,.7) } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content: ""; display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%; position: absolute; top: 9px; left: 9px; box-sizing: content-box } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { content: ""; display: block; width: 2px; height: 8px; background: #fff; border-radius: 6px; position: absolute; top: 19px; left: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: content-box } .woocommerce div.product div.images .flex-control-thumbs { overflow: hidden; zoom: 1; padding: 0; margin: 0 -5px } .woocommerce div.product div.images .flex-control-thumbs li { width: 25%; float: left; padding: 10px 5px 0; box-sizing: border-box; list-style: none } .woocommerce div.product div.images .flex-control-thumbs li img { cursor: pointer; opacity: .5; margin: 0 } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1 } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em } .woocommerce div.product div.social span { margin: 0 0 0 2px } .woocommerce div.product div.social span span { margin: 0 } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0 } .woocommerce div.product div.social iframe { float: left; margin-top: 3px } .woocommerce .products ul, .woocommerce ul.products { padding: 0; list-style: none; clear: both } .woocommerce .products ul li, .woocommerce ul.products li { list-style: none } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0 } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1em } .woocommerce ul.products li.product a { text-decoration: none } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none } .woocommerce ul.products li.product strong { display: block } .woocommerce ul.products li.product .star-rating { font-size: .857em } .woocommerce ul.products li.product .button { margin-top: 1em } .woocommerce ul.products li.product .price { color: #77a464; display: block; font-weight: 400; margin-bottom: .5em; font-size: .857em } .woocommerce ul.products li.product .price del { color: inherit; opacity: .5; display: block } .woocommerce ul.products li.product .price ins { background: 0 0; font-weight: 700 } .woocommerce ul.products li.product .price .from { font-size: .67em; margin: -2px 0 0; text-transform: uppercase; color: rgba(132,132,132,.5) } .woocommerce img.pswp__img, .woocommerce-page img.pswp__img { max-width: none } button.pswp__button { box-shadow: none!important; background-image: url(../images/default-skin.png)!important } button.pswp__button, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before, button.pswp__button:hover { background-color: transparent!important } button.pswp__button--arrow--left, button.pswp__button--arrow--left:hover, button.pswp__button--arrow--right, button.pswp__button--arrow--right:hover { background-image: none!important } button.pswp__button--close:hover { background-position: 0 -44px } button.pswp__button--zoom:hover { background-position: -88px 0 } .woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before, .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before { content: ' '; display: table } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0 } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0 } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0 } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0 } .woocommerce-account ul.digital-downloads li::before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: "卯鈧?; text-decoration: none } .woocommerce-password-strength { text-align: center; font-weight: 600; padding: 3px .5em; font-size: 1em } .woocommerce-password-strength.strong { background-color: #c1e1b9; border-color: #83c373 } .woocommerce-password-strength.short { background-color: #f1adad; border-color: #e35b5b } .woocommerce-password-strength.bad { background-color: #fbc5a9; border-color: #f78b53 } .woocommerce-password-strength.good { background-color: #ffe399; border-color: #ffc733 } .woocommerce-password-hint { margin: .5em 0 0; display: block } .product.has-default-attributes.has-children>.images { opacity: 0 } .checkout-page-title { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 100%; padding: 50px 2000px; margin-left: -2000px } .checkout-page-title .checkout-breadcrumbs, .checkout-page-title a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .checkout-page-title nav { box-sizing: border-box; margin: 0 auto; padding: 0 50px; max-width: 100% } .checkout-page-title a { display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; text-align: center; text-decoration: none; flex: 1 0 auto; width: 33.333% } .checkout-page-title .checkout-breadcrumbs { display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-flex-pack: space-around; -ms-justify-content: space-around; justify-content: space-around } .checkout-page-title .checkout-step { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; flex: 1 0 auto } .checkout-page-title .checkout-step:after, .checkout-page-title .checkout-step:before { position: absolute; top: 50%; margin-top: 5px; width: calc(50% - 40px); height: 3px; background: red; content: "" } .checkout-page-title .checkout-step:before { left: 0; width: calc(50% - 40px) } .checkout-page-title .checkout-step:after { left: calc(50% + 40px) } .checkout-page-title .step-checkout.current .checkout-step:before, .checkout-page-title a:first-child .checkout-step:before, .checkout-page-title a:last-child .checkout-step:after { display: none } .checkout-page-title .checkout-counter, .switcher-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .checkout-page-title .checkout-counter { display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; width: 50px; height: 50px; margin-top: 10px } .checkout-page-title a:last-child .checkout-line, .woocommerce-order-received .checkout-page-title .step-complete .checkout-step:before { display: none } .step-cart.current:not(.hide-for-small) .checkout-step:after { width: calc(50% - 40px) } .woocommerce-checkout .checkout-page-title .step-cart .checkout-step:after, .woocommerce-order-received .checkout-page-title .step-cart .checkout-step:after, .woocommerce-order-received .checkout-page-title .step-checkout .checkout-step:after { width: calc(100% - 80px) } #page .widget_shopping_cart a.remove, .dt-mobile-header .shopping-cart-inner a.remove, .masthead .shopping-cart-inner a.remove { display: block; font-size: 20px!important; height: 20px!important; width: 20px; text-align: center; line-height: 1; border-radius: 100%; text-decoration: none; font-weight: 700; border: 0 } .dt-mobile-header .shopping-cart-inner .cart_list a.remove:hover, .light-preset-color .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .cart_list a.remove:hover, .masthead .shopping-cart-inner .cart_list a.remove:hover, .woocommerce .cart_list:not(.product_list_widget) a.remove:hover { color: #fff!important } .shopping-cart-inner .cart_list li a.remove, .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 20px; left: 0 } .view-mode-switcher>a, .woo-buttons a { position: relative; text-decoration: none } .shopping-cart-inner .cart_list li:first-child a.remove, .widget_shopping_cart .cart_list li:first-child a.remove { top: 5px } .product form.cart .variations label, .shop_table strong, .shop_table td, .shop_table th, .shopping-cart-inner strong, .widget_shopping_cart_content strong, strong[itemprop=author] { font-weight: 400 } #customer_login>div label, #shipping_method label, .cart .cart_item .product-name, .cart .cart_item .product-name a, .cart .product-total .amount, .cart-subtotal .amount, .order_details tfoot td, .payment_methods label, .product table.variations td.label label, .product-subtotal, .product-subtotal .amount, .quantity, .quantity input.qty, .shipping-calculator-button, .showcoupon, .showcoupon-tag, .showlogin, .showlogin-tag, .update-cart-button input[type=submit], .woocommerce-MyAccount-content label, .woocommerce-MyAccount-navigation>ul li a, .woocommerce-Reviews label, form.lost_reset_password label, form.track_order label, form.woocommerce-checkout #customer_details label, label[for=rememberme], td.product-subtotal { font-weight: 700 } .woocommerce-invalid-required-field input[type=text], .woocommerce-invalid-required-field input[type=search], .woocommerce-invalid-required-field input[type=tel], .woocommerce-invalid-required-field input[type=url], .woocommerce-invalid-required-field input[type=email], .woocommerce-invalid-required-field input[type=number], .woocommerce-invalid-required-field input[type=date], .woocommerce-invalid-required-field input[type=range], .woocommerce-invalid-required-field input[type=password] { border-color: #f55b5f } .lost_reset_password label, .track_order label, .woocommerce-MyAccount-content label, .woocommerce-account-fields label, .woocommerce-additional-fields label, .woocommerce-billing-fields label, .woocommerce-form-login label, .woocommerce-shipping-fields label, form.register label { margin-bottom: 5px } .comment-form-author input, .comment-form-email input, .comment-form-url input, textarea { width: 100% } #page .widget_layered_nav ul li.chosen a, #page .widget_layered_nav_filters ul li a, #page .woocom-rollover-content .price ins .amount, #page .woocom-rollover-content .star-rating span:before, #page .woocom-rollover-content mark { color: #fff; background: 0 0 } .woo-buttons a { display: inline-block; padding: 0; color: #fff; line-height: 35px } .product_type_simple.added, .product_type_variation.added { display: none!important }/*!-Products list*/ .switcher-wrap { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 40px } .product .woo-buttons-on-img .out-stock-label, .view-mode-switcher { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .switcher-wrap>* { margin-bottom: 10px } .switcher-wrap .woocommerce-result-count { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .switcher-wrap .woocommerce-ordering { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .switcher-wrap .woocommerce-ordering select { margin-bottom: 0 } .view-mode-switcher { display: flex; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; margin-left: 20px } .view-mode-switcher>a { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 38px; height: 38px; border: 1px solid } .view-mode-switcher>a:first-child { border-right: none } .view-mode-switcher>a i { font-size: 14px } .view-mode-switcher .filter-popup { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; padding: 2px 6px; margin-bottom: 8px; background: #000; color: #fff!important; font: 400 10px/14px Arial, Verdana, sans-serif; letter-spacing: .3px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); -webkit-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-border-radius: 2px; border-radius: 2px } .view-mode-switcher .filter-popup:after { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; content: "" } .view-mode-switcher .filter-popup:before { position: absolute; left: 0; bottom: -20px; content: " "; display: block; width: 100%; height: 20px } .view-mode-switcher>a:hover>.filter-popup { visibility: visible; opacity: 1; pointer-events: auto; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .description-on-hover .woocom-project>a { display: block; line-height: 0 } .wc-img-hover .woo-buttons-on-img { overflow: hidden } .wc-img-hover .woo-buttons-on-img a { text-align: center } .wc-img-hover .woocom-project img { position: relative; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .wc-img-hover .woocom-project img.back-image { position: absolute; right: 0; bottom: 0; top: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; visibility: visible } .wc-img-hover .woo-buttons-on-img:hover img.hide-on-hover { opacity: 0 } .wc-img-hover .woo-buttons-on-img:hover img.show-on-hover { opacity: 1 } .product:after, .product:before { content: ""; display: table; clear: both } .product .woo-buttons-on-img { position: relative; margin: 0 0 20px; text-align: center } .product .woo-buttons-on-img .out-stock-label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; z-index: 2; width: auto; max-width: 100%; min-height: 50px; padding: 20px 25px; box-sizing: border-box; background: rgba(0,0,0,.65); -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15); box-shadow: 0 0 0 1px rgba(255,255,255,.15); color: #fff; text-transform: uppercase; font-weight: 700; white-space: nowrap } .wc-layout-list article.product { margin-bottom: 50px } article.product.post.bg-on { background: 0 0 } .wc-layout-list .woocom-project { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start } .wc-layout-list .woocom-project .woo-buttons-on-img { margin-bottom: 0; text-align: left } .wc-layout-list .woocom-project .woocom-list-content { padding-left: 40px; margin-bottom: 0; box-sizing: border-box; text-align: left } .wc-layout-list .woocom-project .woocom-list-content .star-rating { margin: 0 0 25px } .wc-layout-list .woocom-project .woocom-list-content .woocommerce-product-details__short-description { margin-bottom: 25px } #page .cart-btn-below-img .woo-buttons:last-child, .dt-isotope .woocom-project .woocommerce-product-details__short-description { margin-bottom: 15px } .hide-description .woocommerce-product-details__short-description { display: none } .cart-btn-on-img .woo-buttons { position: absolute; right: 10px; bottom: 10px; height: 32px; min-width: 32px; border-radius: 16px; z-index: 2; box-sizing: border-box; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .cart-btn-on-img .woo-buttons a { display: block; float: right; height: 32px; max-width: 22px; padding: 0 32px 0 0; box-sizing: border-box; -webkit-transition: max-width .4s ease-in-out; transition: max-width .4s ease-in-out; border-radius: 16px } .cart-btn-on-img .woo-buttons a .filter-popup { vertical-align: top; line-height: 32px; margin-left: 14px; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .cart-btn-on-img .woo-buttons a:after { position: absolute; top: 0; right: 0; width: 32px; height: 32px; content: "" } .cart-btn-on-img .woo-buttons.is-clicked a, .cart-btn-on-img .woo-buttons:hover a { width: auto; max-width: 250px } .cart-btn-on-img .woo-buttons.is-clicked a .filter-popup, .cart-btn-on-img .woo-buttons:hover a .filter-popup { opacity: 1; transition-delay: .2s; -webkit-transition-delay: .2s } .cart-btn-on-hover .woo-buttons { opacity: 0 } .cart-btn-below-img .woo-buttons { padding-top: 3px; margin-bottom: 15px } .cart-btn-on-hover .woo-buttons-on-img.is-clicked .woo-buttons, .cart-btn-on-hover .woocom-project:hover .woo-buttons { opacity: 1 } .slider-link:hover, .woocommerce-cart-wrap .update-cart-button input[type=submit]:not(:disabled):hover { opacity: .7 } .woo-buttons-on-img .woo-buttons>a:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='white' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Crect x='4.75' y='11.9' width='10.5' height='2'/%3E%3Crect x='4.75' y='6.9' width='10.5' height='2'/%3E%3Crect x='4.75' y='1.9' width='10.5' height='2'/%3E%3Cpath d='M2.002,6.65c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.559,1.248-1.25S2.696,6.65,2.002,6.65z'/%3E%3Cpath d='M2.002,11.65c-0.69,0-1.252,0.558-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.558,1.248-1.25S2.696,11.65,2.002,11.65z'/%3E%3Cpath d='M2.002,1.65c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.559,1.248-1.25S2.696,1.65,2.002,1.65z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center } .woo-buttons-on-img .woo-buttons>.add_to_cart_button:after, .woo-buttons-on-img .woo-buttons>.added_to_cart.wc-forward:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' fill='white' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath d='M15.439,4.021L3.532,2.358L3.406,1.172c0,0-0.034-0.425-0.052-0.46C3.281,0.484,3.158,0.417,2.906,0.344L0.792,0.026C0.468-0.073,0.124,0.115,0.025,0.444c-0.097,0.328,0.052,0.755,0.381,0.853l1.688,0.25l1.239,10.865C3.372,12.712,3.63,13,3.945,13h9.89c0.341,0,0.516-0.312,0.516-0.654c0-0.336-0.175-0.646-0.516-0.646H4.547L4.387,10h9.485c0.708,0.021,0.771-0.517,0.963-1.062l0.958-3.396C16.064,4.688,16.177,4.126,15.439,4.021z'/%3E%3Ccircle cx='4.801' cy='14.699' r='1.25'/%3E%3Cpath d='M12.802,13.449c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.251,1.252,1.251c0.694,0,1.248-0.56,1.248-1.251S13.496,13.449,12.802,13.449z'/%3E%3C/svg%3E") } .wc-complete-wrap, .woocommerce-cart-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .wc-complete-wrap { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end } .wc-complete-wrap * { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 } .wc-complete-wrap .wc-side-column { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0 } .wc-complete-wrap .wc-wide-column { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .wc-complete-wrap .woocommerce-bacs-bank-details { margin-top: 20px } .wc-complete-wrap .wc-bacs-bank-details { margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .wc-complete-wrap .wc-bacs-bank-details li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0; border-bottom: 1px solid; list-style: none; box-sizing: border-box } .wc-complete-wrap .wc-bacs-bank-details li>* { -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } .wc-complete-wrap .wc-bacs-bank-details li>strong { font-weight: 400; padding-left: 5px; box-sizing: border-box } .woocommerce-cart-wrap table.shop_table:not(.order_details) { border: none } .shop_table, .woocommerce-cart-wrap .cart.shop_table { border-collapse: separate } .woocommerce-cart-wrap .cart.shop_table td { padding: 25px 10px 25px 0 } .woocommerce-cart-wrap .cart.shop_table td.actions { padding-top: 45px; padding-right: 0 } .woocommerce-cart-wrap .cart.shop_table td.product-subtotal { padding-right: 0 } .woocommerce-cart-wrap .cart.shop_table tbody th, .woocommerce-cart-wrap .cart.shop_table tfoot th { padding: 25px 0 } .shop_table.customer_details td { padding-right: 0 } .shop_table.customer_details tbody th { padding-right: 10px } .customer_details tr:first-of-type td, .customer_details tr:first-of-type th { border-top: none } .customer_details thead th, .woocommerce-cart-wrap .shop_table thead th, .woocommerce-orders-table thead th { border: none; padding: 0 0 10px; text-transform: uppercase } .woocommerce-cart-wrap td.product-remove { width: 30px; max-width: 30px } .woocommerce-cart-wrap a.remove { display: block; font-size: 16px!important; width: 30px; text-align: left; line-height: 30px; text-decoration: none; border: 0 } .woocommerce-cart-wrap a.remove:hover { cursor: pointer } .woocommerce-cart-wrap .shop_table .product-thumbnail { width: 70px; padding-right: 20px } .woocommerce-cart-wrap .shop_table .product-thumbnail img { max-width: 70px; height: auto } .woocommerce-cart-wrap .shop_table .product-thumbnail>a { display: block; width: 70px; font-size: 0; line-height: 0 } .woocommerce-cart-wrap .product-price, .woocommerce-cart-wrap .product-quantity { width: 18% } .woocommerce-cart-wrap .product-quantity { width: 17% } .woocommerce-cart-wrap .product-subtotal { width: 18%; text-align: right } .woocommerce-cart-wrap .cart_item .product-name { width: 32% } .woocommerce-cart-wrap .cart_item .product-name a { display: inline-block; text-decoration: none } .woocommerce-cart-wrap table.cart th.product-name { position: relative; left: -38px } .content .variation dd, .content .variation dt { font-weight: 400; float: left } .content .variation dd p, .content .variation dt p { margin-bottom: 0 } .content .variation dt { clear: left; margin-right: 5px } .product .quantity, .woocommerce-cart-wrap .quantity, .woocommerce-variation-add-to-cart .quantity { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; text-align: right } .product .quantity input[type=button].is-form, .woocommerce-cart-wrap .quantity input[type=button].is-form, .woocommerce-variation-add-to-cart .quantity input[type=button].is-form { overflow: hidden; position: relative; padding-top: 5px; padding-bottom: 5px; margin: 0; background-color: #fff; border-width: 1px; border-style: solid; text-transform: none; font-weight: 400; border-radius: 0; box-shadow: none!important } #customer_login>div .showcoupon-tag, #customer_login>div .showlogin-tag, #customer_login>div label, .wc-coupon-wrap .showcoupon-tag, .wc-coupon-wrap .showlogin-tag, .wc-login-wrap .showcoupon-tag, .wc-login-wrap .showlogin-tag, form.lost_reset_password .showcoupon-tag, form.lost_reset_password .showlogin-tag, form.lost_reset_password label, form.track_order .showcoupon-tag, form.track_order .showlogin-tag, form.track_order label { text-transform: uppercase } .product .quantity .plus, .woocommerce-cart-wrap .quantity .plus, .woocommerce-variation-add-to-cart .quantity .plus { border-left: none!important } .product .quantity .minus, .woocommerce-cart-wrap .quantity .minus, .woocommerce-variation-add-to-cart .quantity .minus { border-right: none!important } .quantity .minus:active, .quantity .minus:hover, .quantity .plus:active, .quantity .plus:hover { top: 0!important; margin-bottom: 0!important } .wc-coupon-wrap .coupon:before, .woocommerce-cart-wrap .coupon:before, .woocommerce-cart-wrap .wc-coupon-text:after { top: 0; content: "\f02b"; font-weight: 900; font-family: 'Font Awesome 5 Free'; line-height: 1 } .quantity input.qty { display: inline; float: left; vertical-align: middle; width: 40px; padding: 0; margin: 0; border-radius: 0; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield } .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; display:none } .cart-footer { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .wc-coupon-wrap .coupon, .woocommerce-cart-wrap .coupon { position: relative; padding-right: 10px; padding-bottom: 10px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .wc-coupon-wrap .coupon:before, .woocommerce-cart-wrap .coupon:before { position: absolute; left: 20px; font-size: 14px; z-index: 10 } .wc-coupon-wrap .coupon input[type=text], .woocommerce-cart-wrap .coupon input[type=text] { padding-left: 35px } .wc-coupon-field { position: relative } .wc-coupon-field:focus label { display: none } .cart td.actions .coupon label { position: absolute; display: none; height: 40px; width: 100%; padding: 5px 15px; box-sizing: border-box } .cart td.actions .coupon label:before { margin-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 1; content: "\f02b" } input[name=coupon_code]:-moz-placeholder, input[name=coupon_code]:-ms-input-placeholder, input[name=coupon_code]::-moz-placeholder, input[name=coupon_code]::-webkit-input-placeholder { color:pink } input[name=coupon_code]:-moz-placeholder:before, input[name=coupon_code]:-ms-input-placeholder:before, input[name=coupon_code]::-moz-placeholder:before, input[name=coupon_code]::-webkit-input-placeholder:before { margin-right:5px; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:14px; line-height:1; content:"\f02b" } .woocommerce-cart-wrap .wc-coupon-field, .woocommerce-cart-wrap .wc-coupon-text { display: inline-block } .woocommerce-cart-wrap .wc-coupon-text { position: relative; margin-right: 20px } .woocommerce-cart-wrap .wc-coupon-text:after { position: absolute; z-index: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 84px } .name-row, .password-row, .shipping-calculator-form, .woocommerce-ordering-div, button.dt-wc-btn { position: relative } .woocommerce-cart-wrap .wc-coupon-text>span { position: relative; z-index: 1 } .woocommerce-cart-wrap .wc-coupon-text span { display: block } .woocommerce-cart-wrap .update-cart-button input[type=submit] { padding: 0; background: 0 0; border: none; cursor: pointer; text-align: right } .woocommerce-cart-wrap .update-cart-button input[type=submit]:focus { outline: 0 } .woocommerce-cart-wrap .update-cart-button i { padding-right: 5px } .wc-coupon-input.input-text { width: 200px; max-width: 100% } .button.checkout, .button.view-cart, .button.wc-backward, .button.wc-forward, .price_slider .button, .single_add_to_cart_button.button, .track_order input[name=track], .wc-cart-button, .woocommerce-Button[name=register], .woocommerce-Reviews .submit, button[name=calc_shipping], input[name=apply_coupon], input[name=login] { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box } button.dt-wc-btn { border: none } input[name=update_cart] { border: none; box-shadow: none!important } #shipping_method, table.shop_table td button[name=calc_shipping] { margin: 0 } #shipping_method li { list-style: none } #payment .input-radio, #shipping_method li .shipping_method { margin: 0 5px 0 0 } .shipping-calculator-form .woocommerce-ordering-div, .shipping_method { margin-bottom: 10px } #calc_shipping_country, #calc_shipping_state, form .form-row input.input-text, select.shipping_method { width: 100%!important } .woocommerce-shipping-calculator>p { margin-bottom: 0 } .shipping-calculator-form { margin: 10px 0 } .woocommerce-cart-wrap .cart-collaterals { width: 25%; padding: 30px; margin-left: 50px; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start; box-sizing: border-box } .wc-order-review, .wc-side-column { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; box-sizing: border-box } .woocommerce-cart-wrap .cart-collaterals .shop_table { margin-bottom: 20px } .woocommerce-cart-wrap .cart_totals tr:first-of-type td, .woocommerce-cart-wrap .cart_totals tr:first-of-type th { border: none } .woocommerce-cart-wrap .cart_totals tr th { padding-right: 10px } .woocommerce-cart-wrap .cart_totals table, .woocommerce-cart-wrap .cart_totals tbody, .woocommerce-cart-wrap .cart_totals tbody th, .woocommerce-cart-wrap .cart_totals td, .woocommerce-cart-wrap .cart_totals th, .woocommerce-cart-wrap .cart_totals tr { display: block; border: none; padding: 0 } .woocommerce-cart-wrap .cart_totals tr { border-top: 1px solid; padding: 10px 0 } .woocommerce-cart-wrap .cart_totals tr:first-of-type { border: none } .woocommerce-cart-wrap .cart_totals td { text-align: left; padding-right: 0 } .woocom-list-content, .woocom-rollover-content .price, .woocom-rollover-content .star-rating { text-align: center } .woocommerce-cart-wrap .cart_totals .woocommerce-shipping-calculator { overflow: hidden } .shipping-calculator-form select { margin-bottom: 0!important } .shipping-calculator-form p:last-of-type { margin-bottom: 0 } #page #place_order, #page .checkout-button.wc-forward { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; box-sizing: border-box } .checkout-button { display: -webkit-flex!important; display: -moz-flex!important; display: -ms-flexbox!important; display: -ms-flex!important; display: flex!important } .shipping-calculator-button { display: inline-block } .cross-sells { margin-top: 30px } .col2-set .col-1 { float: left; width: 48% } .col2-set .col-2 { float: right; width: 48% } #customer_login>div, .wc-coupon-wrap, .wc-login-wrap, form.lost_reset_password, form.track_order { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 50% } #customer_login>div .coupon, .wc-coupon-wrap .coupon, .wc-login-wrap .coupon, form.lost_reset_password .coupon, form.track_order .coupon { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-bottom: 0 } #customer_login>div .coupon input, .wc-coupon-wrap .coupon input, .wc-login-wrap .coupon input, form.lost_reset_password .coupon input, form.track_order .coupon input { width: 100%; margin-bottom: 0 } #customer_login>div .log-message, .wc-coupon-wrap .log-message, .wc-login-wrap, .wc-login-wrap .log-message, .wc-login-wrap form .form-row-last, form.lost_reset_password .log-message, form.track_order .log-message { margin-bottom: 20px } #customer_login>div .button, .wc-coupon-wrap .button, .wc-login-wrap .button, form.lost_reset_password .button, form.track_order .button { text-transform: uppercase; font-weight: 700 } #customer_login>div .woocommerce-info, .wc-coupon-wrap .woocommerce-info, .wc-login-wrap .woocommerce-info, form.lost_reset_password .woocommerce-info, form.track_order .woocommerce-info { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } #customer_login>div form, .wc-coupon-wrap form, .wc-login-wrap form, form.lost_reset_password form, form.track_order form { width: 100%; margin-top: 25px; padding: 30px; box-sizing: border-box } #customer_login>div .form-row, .wc-coupon-wrap .form-row, .wc-login-wrap .form-row, form.lost_reset_password .form-row, form.track_order .form-row { width: 100%; padding: 0 } #customer_login>div .showcoupon, #customer_login>div .showlogin, .wc-coupon-wrap .showcoupon, .wc-coupon-wrap .showlogin, .wc-login-wrap .showcoupon, .wc-login-wrap .showlogin, form.lost_reset_password .showcoupon, form.lost_reset_password .showlogin, form.track_order .showcoupon, form.track_order .showlogin { text-decoration: none } .wc-login-wrap form { padding-top: 25px; padding-bottom: 20px; margin-bottom: 20px } .wc-login-wrap form .form-row:not(.name-row):not(.password-row), .wc-login-wrap form .lost_password { display: inline-block; width: auto } .wc-login-wrap form .lost_password { float: right; margin-top: 12px } .wc-login-wrap form label[for=rememberme] { margin-left: 20px } .wc-coupon-wrap { margin-bottom: 50px } .wc-coupon-wrap form { padding: 0; margin-top: 0 } .wc-coupon-wrap .form-coupon-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 30px 30px 20px; margin-top: 25px } .wc-coupon-wrap .form-coupon-wrap .button, .wc-coupon-wrap .form-coupon-wrap .coupon { margin-bottom: 10px } .wc-coupon-wrap .form-coupon-wrap>p { -webkit-flex: 1 0 100%; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100% } #customer_login>div, form.lost_reset_password, form.track_order { padding: 25px 30px 20px; box-sizing: border-box } #customer_login>div>p:not(.form-row), form.lost_reset_password>p:not(.form-row), form.track_order>p:not(.form-row) { margin-bottom: 20px } #customer_login>div .button, form.lost_reset_password .button, form.track_order .button { margin-top: 10px } #customer_login { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #customer_login>div { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; margin: 0 auto } #customer_login>div form { margin-top: 10px; padding: 0 } #customer_login>div form>.form-row:not(.form-row-wide) { display: inline-block; width: auto } #customer_login>div form label.woocommerce-form__label-for-checkbox { display: inline-block; margin-left: 20px; text-transform: none } .woocommerce-MyAccount-content .form-row label, .woocommerce-account-fields label, .woocommerce-shipping-fields label, form.woocommerce-checkout .form-row label { text-transform: uppercase } #customer_login>div form .lost_password { float: right; margin: 22px 0 10px } #customer_login>div+div, .wc-order-review { margin-left: 50px } .name-row:before, .password-row:before { content: "\f007"; font-family: 'Font Awesome 5 Free'; font-weight: 900; line-height: 1; position: absolute; left: 20px; top: 0; font-size: 14px; z-index: 10 } .stars, .stars a { position: relative } .name-row input[type=text], .name-row input[type=password], .password-row input[type=text], .password-row input[type=password] { padding-left: 35px } .password-row:before { content: "\f13e" } .showcoupon-tag, .showlogin-tag { display: inline-block; margin-right: 10px } .showcoupon-tag i, .showlogin-tag i { margin-right: 5px } form.woocommerce-checkout { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between } .wc-order-review { padding: 30px; -ms-flex-item-align: flex-start; align-self: flex-start } .woocommerce-checkout-review-order-table tr.cart_item:first-of-type td { border-top: none } .content .woocommerce-checkout-review-order-table td { overflow: hidden } .content .woocommerce-checkout-review-order-table { display: block; border-collapse: separate } .content .woocommerce-checkout-review-order-table tbody, .content .woocommerce-checkout-review-order-table td, .content .woocommerce-checkout-review-order-table tfoot, .content .woocommerce-checkout-review-order-table th, .content .woocommerce-checkout-review-order-table tr { display: block; border: none; padding: 0 } .content .woocommerce-checkout-review-order-table tr { border-top: 1px solid; padding: 10px 0 } .content .woocommerce-checkout-review-order-table .product-name, .content .woocommerce-checkout-review-order-table .product-total .amount { font-weight: 400 } .content .woocommerce-checkout-review-order-table tbody tr:first-of-type { border: none } .content .woocommerce-checkout-review-order-table .order-total th, .content .woocommerce-checkout-review-order-table td { vertical-align: top } .content .woocommerce-checkout-review-order-table .order-total th.product-name, .content .woocommerce-checkout-review-order-table td.product-name, .content .woocommerce-checkout-review-order-table th { padding-right: 10px } .content .woocommerce-checkout-review-order-table .cart-subtotal td, .content .woocommerce-checkout-review-order-table .cart-subtotal th { width: 100% } .woocommerce-cart-wrap .cart_totals th { width: 40%; padding: 25px 0 } .woocommerce-MyAccount-content label abbr[title], .woocommerce-account-fields label abbr[title], .woocommerce-billing-fields label abbr[title], .woocommerce-shipping-fields label abbr[title] { border-bottom: none } .content .payment_methods { padding-top: 5px; margin: 0 0 30px } .form-row.create-account, .woocommerce-shipping-fields { padding-top: 15px; clear: both } .content .payment_methods li img { vertical-align: middle; margin: -2px .5em 0 } .woocommerce-MyAccount-content .form-row, form.woocommerce-checkout .form-row { padding-bottom: 20px } .woocommerce-MyAccount-content .form-row.place-order, form.woocommerce-checkout .form-row.place-order { padding-bottom: 0 } .woocommerce-MyAccount-content .select2-container .select2-selection__arrow, .woocommerce-cart-wrap .select2-container--default .select2-selection--single .select2-selection__arrow, form.woocommerce-checkout .select2-container .select2-selection__arrow { top: 50%; margin-top: -13px; right: 7px } form.woocommerce-checkout .form-row { padding-bottom: 20px } form.woocommerce-checkout .form-row#billing_address_1_field { padding-bottom: 0 } .woocommerce-MyAccount-content .woocommerce-Button.button, .woocommerce-MyAccount-content fieldset { margin-top: 20px } .woocommerce-address-fields .button { margin-top: 30px } .woocommerce-MyAccount-content .woocommerce-address-fields { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .woocommerce-MyAccount-content .woocommerce-address-fields>p { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0 } .woocommerce-MyAccount-content .woocommerce-address-fields>p:first-of-type { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-wide { width: 100% } #page .select2-container .select2-selection--single { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } #ship-to-different-address, .customer_details tr, .order_details tr { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } #ship-to-different-address { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .form-row.create-account label.checkbox span:before, .woocommerce-shipping-fields label.checkbox span:before { display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; line-height: 1; font-size: inherit } #ship-to-different-address label { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } #ship-to-different-address input { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; margin-right: 5px } .create-account { margin-bottom: 10px } .woocommerce-billing-fields { padding-bottom: 10px } .form-row.create-account { padding-bottom: 0!important; margin-bottom: 15px } .form-row.create-account label.checkbox, .woocommerce-shipping-fields label.checkbox { margin-bottom: 0 } .form-row.create-account label.checkbox span:before { margin: 0 5px; content: "\f2bd" } #account_password_field { padding-top: 10px; margin-bottom: 0 } .woocommerce-shipping-fields { margin-bottom: 45px } .woocommerce-shipping-fields .shipping_address { margin-top: 20px; margin-bottom: -20px } .woocommerce-shipping-fields label.checkbox span:before { margin-right: 5px; content: "\f0d1" } #order_comments_field { margin-top: 30px } .wc-side-column { -ms-flex-item-align: flex-start; align-self: flex-start; padding: 30px; margin-right: 50px } .wc-complete-wrap .wc-side-column { margin-bottom: 30px } .content .woocommerce-thankyou-order-details { margin: 0 } .shop_table.order_details .product-quantity, .woocommerce-table--order-details .shipped_via { margin-left: 5px } .woocommerce-thankyou-order-details li { padding: 10px 0; border-top: 1px solid; list-style: none } .customer_details tbody tr:first-of-type td, .order_details tbody tr:first-of-type td, .woocommerce-thankyou-order-details li:first-child { border-top: none } .woocommerce-thankyou-order-details li:last-child { padding-bottom: 0 } .woocommerce-thankyou-order-details li strong { display: block; font-weight: 400 } .customer_details, .order_details { display: block } .customer_details thead, .order_details thead { display: none } .customer_details tbody, .customer_details tfoot, .order_details tbody, .order_details tfoot { display: block } .customer_details tr, .order_details tr { display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .customer_details tr td, .customer_details tr th, .order_details tr td, .order_details tr th { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 50%; padding: 10px 0 } .woocommerce-cart-wrap .customer_details .product-total, .woocommerce-cart-wrap .customer_details tfoot td, .woocommerce-cart-wrap .order_details .product-total, .woocommerce-cart-wrap .order_details tfoot td { padding-right: 0 } .woocommerce-cart-wrap .customer_details tfoot th, .woocommerce-cart-wrap .order_details tbody tr td:first-of-type, .woocommerce-cart-wrap .order_details tfoot th { padding-right: 10px } .shop_table.order_details { margin-bottom: 40px } .shop_table.order_details .product-name a { text-decoration: none } .wc-item-meta { margin: 0!important } .wc-item-meta li { list-style: none } .wc-item-meta li>* { display: inline-block; margin-bottom: 0; font-weight: 400 } .select2-dropdown { border: 0; border-radius: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2) } .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 } .select2-drop.select2-drop-above.select2-drop-active { border-top: none } .select2-search { padding-top: 5px; padding-bottom: 5px } .select2-search input[type=text] { margin-bottom: 0 } .select2-dropdown .select2-search input { margin-top: 4px } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #e1e1e1; height: 28px!important; background-color: #fff; color: #888; border-radius: 3px } .select2-results { color: #000; font-size: 14px; line-height: 18px; background: 0 0 } .woocommerce-form-login .woocommerce-form__label-for-checkbox { margin-top: 18px } #page .wc-item-downloads { width: 100%; margin: 0 } #page .wc-item-downloads li { list-style: none } .stars { font-size: 1em } .stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px } .stars a:last-child { border-right: 0 } p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5 { border-right: 1px solid } p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after { font-family: WooCommerce; text-indent: 0; position: absolute; top: 0; left: 0 } p.stars a.star-1 { width: 2em } p.stars a.star-1:after { content: "\e021" } p.stars a.star-1.active:after, p.stars a.star-1:hover:after { content: "\e020" } p.stars a.star-2 { width: 3em } .woocommerce p.stars a.star-2:after { content: "\e021\e021" } p.stars a.star-2.active:after, p.stars a.star-2:hover:after { content: "\e020\e020" } p.stars a.star-3 { width: 4em } p.stars a.star-3:after { content: "\e021\e021\e021" } p.stars a.star-3.active:after, p.stars a.star-3:hover:after { content: "\e020\e020\e020" } p.stars a.star-4 { width: 5em } p.stars a.star-4:after { content: "\e021\e021\e021\e021" } p.stars a.star-4.active:after, p.stars a.star-4:hover:after { content: "\e020\e020\e020\e020" } p.stars a.star-5 { width: 6em; border: 0 } p.stars a.star-5:after { content: "\e021\e021\e021\e021\e021" } p.stars a.star-5.active:after, p.stars a.star-5:hover:after { content: "\e020\e020\e020\e020\e020" } .star-rating span:before, .star-rating:before { content: "\53\53\53\53\53" } .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: .8em; width: 5.4em; font-family: star } .widget .star-rating { float: none; margin: 5px 0 } .woocom-list-content .price, .woocom-list-content .star-rating, .woocom-rollover-content .price, .woocom-rollover-content .star-rating { display: block; float: none; margin: 0 auto 10px } .star-rating span, .star-rating:before { float: left; top: 0; position: absolute; left: 0 } .woocom-rollover-content .star-rating { margin: 0 auto 10px } #content .woocom-list-content .star-rating:last-child, .woocom-list-content .star-rating { margin-bottom: 15px } .woocom-rollover-content .star-rating:before { color: rgba(255,255,255,.4) } .woocom-rollover-content .price del, .woocom-rollover-content .price del * { color: rgba(255,255,255,.5) } .star-rating span { overflow: hidden; padding-top: 1.5em } .star-rating span:before { top: 0; position: absolute; left: 0 } .products .star-rating { display: block; float: none } .hreview-aggregate .star-rating { margin: 10px 0 0 } .payment_methods li, .woocommerce-error-text>li, .woocommerce-info li, .woocommerce-message li { list-style: none } .woocommerce-error:after, .woocommerce-message:after, .woocommerce-message:before { content: " "; display: table } .woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after { clear: both } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { float: right } .inline-message-style .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { width: 100% } .woocommerce-error, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message { position: relative; color: #fff; padding: 15px 40px 15px 65px; box-sizing: border-box; margin-bottom: 40px; width: 100% } .woocommerce-error a:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info a:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message a:hover { color: #fff } .woocommerce-error .close-message, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .close-message, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .close-message { position: absolute; top: 50%; width: 30px; height: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 1; line-height: 30px; text-align: center; opacity: .5 } .woocommerce-error .close-message:before, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .close-message:before, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .close-message:before { content: "\f00d" } .woocommerce-error .close-message:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .close-message:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .close-message:hover { cursor: pointer; opacity: 1 } .woocommerce-error .woocommerce-error-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text { white-space: pre-wrap } .btn-link, .filter .filter-popup, .filter-categories a { white-space: nowrap } .woocommerce-error .woocommerce-error-text, .woocommerce-error .woocommerce-info-text, .woocommerce-error .woocommerce-message-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-info-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-message-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-info-text, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-message-text { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 100% } .woocommerce-error .woocommerce-error-text li, .woocommerce-error .woocommerce-info-text li, .woocommerce-error .woocommerce-message-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-info-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-message-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-info-text li, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-message-text li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .woocommerce-error .woocommerce-error-text .button, .woocommerce-error .woocommerce-info-text .button, .woocommerce-error .woocommerce-message-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-info-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-message-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-info-text .button, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-message-text .button { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; background: 0 0; box-shadow: none; border: none; padding: 0!important; font: inherit!important; font-size: inherit!important; text-decoration: underline!important; line-height: inherit!important; text-transform: none!important } .circle-fancy-style .fancy-date .entry-month, .circle-fancy-style .fancy-date .entry-year, .meta-nav, .product table.variations td.label label, .woocommerce-Reviews label, .woocommerce-tabs .tabs>li>a { text-transform: uppercase } .woocommerce-error .woocommerce-error-text .button:hover, .woocommerce-error .woocommerce-info-text .button:hover, .woocommerce-error .woocommerce-message-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-info-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-message-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-info-text .button:hover, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-message-text .button:hover { background: 0 0!important; box-shadow: none; border: none; text-decoration: none!important } .woocommerce-error:before, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info:before, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message:before { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; top: 15px; left: 0; width: 65px; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 28px; line-height: 1; content: "\f058"; color: #fff } .woocommerce-error ul, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info ul, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message ul { margin: 0!important } .inline-message-style .wc-coupon-wrap .woocommerce-error, .inline-message-style .wc-coupon-wrap div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info, .inline-message-style .wc-coupon-wrap div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message { margin: 20px 0 5px } .woocommerce-error.hide-message, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info.hide-message, div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message.hide-message { display: none } .popup-message-style .woocommerce-error, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; box-shadow: 0 10px 40px 0 rgba(0,0,0,.3); border: none; position: fixed; top: 50%; left: 100%; width: 400px; max-height: 500px; margin: 0!important; padding: 15px 40px 15px 65px; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(200px, -50%, 0); -ms-transform: translate3d(200px, -50%, 0); transform: translate3d(200px, -50%, 0); -webkit-animation: slide-in-message, slide-out-message; animation: slide-in-message, slide-out-message; -webkit-animation-duration: 1.2s, 1.1s; animation-duration: 1.2s, 1.1s; -webkit-animation-delay: .4s, 9s; animation-delay: .4s, 9s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease; animation-timing-function: ease; font-weight: 700; color: #FFF; box-sizing: border-box } .popup-message-style .woocommerce-error a, .popup-message-style .woocommerce-error a:hover, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info a, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info a:hover, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message a, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message a:hover, .woocommerce-MyAccount-navigation>ul li.is-active a, .woocommerce-MyAccount-navigation>ul li.is-active:hover a { color: #fff } .popup-message-style .woocommerce-error .woocommerce-error-text, .popup-message-style .woocommerce-error .woocommerce-info-text, .popup-message-style .woocommerce-error .woocommerce-message-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-error-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-info-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info .woocommerce-message-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-error-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-info-text, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message .woocommerce-message-text { opacity: 1 } .popup-message-style .woocommerce-error ul, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info ul, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message ul { margin: 0!important } .popup-message-style .woocommerce-error.hide-message, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-info.hide-message, .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content)>.woocommerce-message.hide-message { display: none } .single-product .woocommerce-message { display: none!important } .woocommerce-error { background: #dd3c3d } .woocommerce-error:before { content: "\f06a"!important } .woocommerce-MyAccount-content .woocommerce-info { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .woocommerce-MyAccount-content .woocommerce-info a.button { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; margin-top: 5px } @-webkit-keyframes slide-in-message { 0% { opacity:0; -webkit-transform:translate3d(600px, -50%, 0); transform:translate3d(600px, -50%, 0) } 50% { opacity:0; -webkit-transform:translate3d(-200px, -50%, 0); transform:translate3d(-200px, -50%, 0) } 100% { opacity:1; -webkit-transform:translate3d(-400px, -50%, 0); transform:translate3d(-400px, -50%, 0) } } @keyframes slide-in-message { 0% { opacity:0; -webkit-transform:translate3d(600px, -50%, 0); transform:translate3d(600px, -50%, 0) } 50% { opacity:0; -webkit-transform:translate3d(-200px, -50%, 0); transform:translate3d(-200px, -50%, 0) } 100% { opacity:1; -webkit-transform:translate3d(-400px, -50%, 0); transform:translate3d(-400px, -50%, 0) } } @-webkit-keyframes slide-out-message { 0% { opacity:1; -webkit-transform:translate3d(-400px, -50%, 0); transform:translate3d(-400px, -50%, 0) } 50% { opacity:0; -webkit-transform:translate3d(-100px, -50%, 0); transform:translate3d(-100px, -50%, 0) } 100% { opacity:0; -webkit-transform:translate3d(800px, -50%, 0); transform:translate3d(800px, -50%, 0) } } @keyframes slide-out-message { 0% { opacity:1; -webkit-transform:translate3d(-400px, -50%, 0); transform:translate3d(-400px, -50%, 0) } 50% { opacity:0; -webkit-transform:translate3d(-100px, -50%, 0); transform:translate3d(-100px, -50%, 0) } 100% { opacity:0; -webkit-transform:translate3d(800px, -50%, 0); transform:translate3d(800px, -50%, 0) } } .update-cart-button input[type=submit]:disabled, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { cursor: not-allowed }/*!-Account page*/ .woocommerce-MyAccount-content mark { padding: 0 5px } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 300px; padding-right: 50px } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: calc(100% - 350px) } .content .woocommerce-MyAccount-navigation>ul { margin: 0 } .woocommerce-MyAccount-navigation>ul li { margin-bottom: 10px; list-style: none } .woocommerce-MyAccount-navigation>ul li a { display: block; padding: 15px 20px; text-decoration: none; text-transform: uppercase } @media screen and (max-width:768px) { .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { display: block; float: none; width: 100%; padding: 0; margin-bottom: 40px } } .woocommerce-Addresses { padding-top: 20px } .woocommerce-account .woocommerce-MyAccount-content address { font-style: normal } body.hide-product-title .summary>.product_title { display: none } #review_form:after, #review_form:before, .product .cart:after, .product .cart:before, .product .variations_button:after, .product .variations_button:before, form.cart:after, form.cart:before { content: ""; display: table; clear: both } .summary.entry-summary div[itemprop=description] { margin: 25px 0 } .product table.variations { position: relative; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; width: auto; margin-bottom: 20px } .product table.variations td, .product table.variations tr { display: block } .content .related-product, .woocommerce div.product div.summary { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .product table.variations td.label { padding: 0; margin-bottom: 5px } .product table.variations td.value { padding: 0; margin-bottom: 10px } .product table.variations .reset_variations { position: absolute; top: 0; right: 0 } .product table.variations .reset_variations:hover { text-decoration: none } .woocommerce div.product div.summary { display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .woocommerce div.product div.summary .woocommerce-product-rating { display: block; margin: -5px 0 20px; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1 } .woocommerce div.product div.summary .woocommerce-review-link { text-decoration: none } .woocommerce div.product div.summary .woocommerce-review-link:hover { text-decoration: underline } .woocommerce div.product div.summary h1 { margin-bottom: 30px } .woocommerce div.product div.summary .single_variation .price, .woocommerce div.product div.summary .single_variation .woocommerce-variation-availability>p, .woocommerce div.product div.summary .single_variation .woocommerce-variation-description>p, .woocommerce div.product div.summary .single_variation>p { display: block; margin-bottom: 25px } .product_meta .posted_in, .product_meta .sku_wrapper, .product_meta>.tagged_as a, .woocommerce div.product div.summary .woocommerce-review-link { display: inline-block } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating { display: inline-block; margin: 0 4px 0 0; float: none } .woocommerce div.product div.summary form.cart, .woocommerce div.product div.summary p.cart { margin-bottom: 30px } .woocommerce div.product div.summary .woocommerce-variation-availability .in-stock { margin-bottom: 0 } .woocommerce div.product div.summary>.price { position: relative; padding-bottom: 15px; margin-bottom: 35px } .woocommerce div.product div.summary>.price:after { position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; content: "" } .woocommerce div.product div.summary .woocommerce-product-details__short-description { margin-bottom: 20px } .product_meta { margin-bottom: 30px } .product_meta .posted_in a, .product_meta .sku_wrapper a { text-decoration: none } .product_meta .posted_in a:hover, .product_meta .sku_wrapper a:hover, .pswp__error-msg a { text-decoration: underline } .product_meta .posted_in { position: relative; margin: 0 6px 5px 0; padding: 0 9px 0 0 } .product_meta .posted_in:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; content: ""; -webkit-border-radius: 50%; border-radius: 50% } .product_meta>.tagged_as { margin-top: 3px } .product_meta>.tagged_as a { padding: 1px 6px; margin: 2px 1px 2px 0; border: 1px solid; font: 400 10px/15px Arial, Verdana, sans-serif; text-decoration: none; letter-spacing: .3px } .woocommerce-tabs { padding-top: 30px; clear: both } .single .woocommerce-tabs .entry-content { margin-bottom: 0 } .woocommerce-tabs .tabs { position: relative; overflow: hidden; margin: 0 0 30px } .woocommerce-tabs .tabs:after { position: absolute; left: 0; top: 0; height: 1px; width: 100%; content: "" } .woocommerce-tabs .tabs>li { position: relative; float: left; padding-top: 20px; margin-left: 40px; list-style: none } .woocommerce-tabs .tabs>li:first-child { margin-left: 0 } .woocommerce-tabs .tabs>li>a { text-decoration: none; font-weight: 700 } .woocommerce-tabs .tabs>li:after { position: absolute; top: 0; left: 0; height: 3px; width: 100%; content: "" } .woocommerce-tabs #tab-additional_information>h2:first-child, .woocommerce-tabs #tab-description>h2:first-child { display: none } .woocommerce-tabs .shop_attributes { padding: 20px 30px; border-collapse: separate; border: none } .woocommerce-tabs .shop_attributes tr:first-of-type td, .woocommerce-tabs .shop_attributes tr:first-of-type th { border: none } .woocommerce-Reviews .comment-reply-title { margin-bottom: 5px } .woocommerce-Reviews label { display: block; margin-bottom: 5px } .woocommerce-Reviews .comment-form-rating { margin-top: 30px } .woocommerce-noreviews { display: none } #reviews ol.commentlist { margin: 40px 0 0; padding-bottom: 20px } #reviews ol.commentlist li { width: 100%; padding: 0; margin: 0 0 20px!important; list-style: none } .no-avatars #reviews ol.commentlist li { padding-left: 0 } #reviews ol.commentlist .comment_container { position: relative; padding: 30px 30px 15px 120px } #reviews ol.commentlist .comment_container p.meta { margin-bottom: 20px } #reviews ol.commentlist .comment_container .woocommerce-review__author { display: block; margin-bottom: 5px } #reviews ol.commentlist .comment_container .woocommerce-review__dash, .woocommerce .form-submit .dt-btn, .woocommerce-Reviews .comment-respond>h3:after { display: none } #reviews .commentlist li img.avatar { float: left; border-radius: 50%; margin: 0 30px 15px -90px } .woocommerce-Reviews .comment-respond>h3 { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start; padding: 0; margin-bottom: 20px } .nav-previous .post-title, .related-product>li .dt-btn { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start } .product .related.products, .product .upsells.products { padding-top: 50px; margin-top: 60px; border-top: 1px solid; clear: both } .related.products>h2, .upsells.products>h2, .woocommerce-tabs .panel>h2, .woocommerce>h2 { margin-bottom: 20px } .cross-sells>h2, .product .related.products>h2, .product .upsells.products>h2 { position: relative; margin-bottom: 40px; padding-bottom: 10px } .cross-sells>h2:after, .product .related.products>h2:after, .product .upsells.products>h2:after { position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; content: "" } .content .related-product { display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -25px -25px } .related-product>li, .related-product>li .onsale { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; box-sizing: border-box } .related-product>li { position: relative; display: flex; width: 33%; padding: 0 25px 25px } .sidebar-left .related-product>li, .sidebar-right .related-product>li { width: 50% } .woocommerce-cart-wrap .related-product>li { width: 100% } .related-product>li .onsale { position: absolute; top: 5px; left: 30px!important; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; padding: 4px; min-width: 24px; min-height: 24px; line-height: 1; font-size: 14px } .related-product>li .product-thumbnail { max-width: 100px; min-width: 100px; margin-right: 20px } .related-product>li .product-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .related-product>li .product-title { display: inline-block; margin-bottom: 5px; text-decoration: none; font-weight: 700 } .related-product>li .price { margin-bottom: 10px } .related-product>li .star-rating { margin-bottom: 15px } .related-product>li .dt-btn { -ms-flex-item-align: flex-start; align-self: flex-start } .single.single-product .single-share-box { padding-top: 5px; margin-bottom: 30px } .single-product .share-link-description { text-align: left } .product .wf-container.description-on-hover>.wf-cell { line-height: 0 } @media screen and (max-width:768px) { .checkout-page-title .checkout-breadcrumbs { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .checkout-page-title a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: auto; margin-bottom: 40px; text-align: left } .checkout-page-title a:last-child { margin-bottom: 0 } .checkout-page-title a .checkout-step { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; flex: none } .checkout-page-title a .checkout-step .checkout-counter { margin: 0 10px 0 0 } .checkout-page-title a .checkout-step:after, .checkout-page-title a .checkout-step:before { left: 50%; margin-left: -5px; height: 14px; width: 3px } .checkout-page-title a .checkout-step:before { top: -26px } .checkout-page-title a .checkout-step:after { top: 40px } .checkout-page-title a .checkout-name { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .step-cart.current:not(.hide-for-small) .checkout-step:after, .woocommerce-checkout .checkout-page-title .step-cart .checkout-step:after, .woocommerce-order-received .checkout-page-title .step-cart .checkout-step:after, .woocommerce-order-received .checkout-page-title .step-checkout .checkout-step:after { width: 3px } .woocommerce-checkout .checkout-page-title .step-cart .checkout-step:after, .woocommerce-order-received .checkout-page-title .step-checkout .checkout-step:after { height: 28px } } .wc-single-shortcode.wf-container { margin: 0 } .widget_rating_filter ul { margin: 0; padding: 0; border: 0; list-style: none } .widget_rating_filter ul li { padding: 0 0 1px; list-style: none } .widget_rating_filter ul li a { padding: 1px 0; text-decoration: none } .widget_rating_filter ul li .star-rating { float: none; display: inline-block; margin: 0 } .widget_rating_filter ul li.chosen a:before { color: red } .woocommerce button, a.button, button, button.button, input[type=submit], input[type=submit]:focus, input[type=button], input[type=reset] { -webkit-appearance: none; outline: 0 } .products-carousel-shortcode .product h4, .products-shortcode .product h4 { margin-bottom: 5px } .hide-rating .star-rating { display: none } .mCustomScrollbar { -ms-touch-action: none; touch-action: none } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; height: auto } .mCSB_inside>.mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_outside+.mCSB_scrollTools { right: -26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_dragger { z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; -moz-border-radius: 16px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { -moz-border-radius: 16px; background-color: #000; background-color: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,.85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0,0,0,.9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,.2); box-shadow: inset 1px 0 1px rgba(0,0,0,.5), inset -1px 0 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); box-shadow: inset 1px 0 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255,255,255,.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4); height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,.4), inset -1px 0 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,.2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .dt-owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .dt-owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-drag .dt-owl-item, .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .dt-owl-item { visibility: hidden } .owl-carousel.owl-drag .dt-owl-item { -ms-touch-action: pan-y; touch-action: pan-y; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .dt-owl-item { float: right } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .pswp { display: none } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .dt-owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .dt-owl-item .owl-lazy:not([src]), .owl-carousel .dt-owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .dt-owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .pswp, .pswp__bg, .pswp__scroll-wrap { height: 100%; width: 100% } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .pswp, .pswp__bg, .pswp__error-msg, .pswp__img, .pswp__item, .pswp__scroll-wrap, .pswp__zoom-wrap { position: absolute }/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp { left: 0; top: 0; -ms-touch-action: none; touch-action: none; z-index: 9500; -webkit-backface-visibility: hidden; outline: 0 } .pswp::after, .pswp::before { content: ' '; display: table } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box } .pswp img { max-width: none } .pswp--animate_opacity { opacity: .001; will-change: unset; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp__bg, .pswp__share-modal { will-change: opacity; -webkit-backface-visibility: hidden } .pswp--open { display: block } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing } .pswp__bg { left: 0; top: 0; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } .pswp__scroll-wrap { left: 0; top: 0; overflow: hidden } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-backface-visibility: hidden } .pswp__container, .pswp__img { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .pswp__zoom-wrap { width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1); transition: transform 333ms cubic-bezier(.4, 0, .22, 1); text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .pswp__bg { -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none } .pswp__item { left: 0; right: 0; top: 0; bottom: 0; overflow: hidden } .pswp__img { width: auto; height: auto; top: 0; left: 0 } .pswp__img--placeholder { -webkit-backface-visibility: hidden } .pswp__img--placeholder--blank { background: #222 } .pswp--ie .pswp__img { width: 100%!important; height: auto!important; left: 0; top: 0 } .pswp__error-msg { left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC } .pswp__error-msg a { color: #CCC } .admin-bar .pswp { z-index: 100000 } .pswp-video-wrap { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; line-height: 0; width: 100%; max-width: 900px; position: relative; margin: 0 auto; text-align: left; z-index: 1045 } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; width: 100% } .video-wrapper iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100% } .hide-pspw-share .pswp__button--share, .hide-pspw-share .pswp__share-modal, .pswp.video-active .pswp__share-tooltip.show-share-pin .pswp__share--pinterest { display: none } .video-wrapper video { width: 100%!important; height: auto!important } .pswp .pswp__ui--fit .pswp__caption, .pswp .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.5) } .admin-bar .pswp .pswp__ui--fit .pswp__caption, .admin-bar .pswp .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.7) } .pswp__caption .pswp__caption__center { text-align: center } .pswp__caption h5 { color: #fff; margin-bottom: 5px } .pswp button.pswp__button { height: 43px; background: 0 0!important; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 17px; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #fff; opacity: .5 } .pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--left, .pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--right { visibility: visible } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right, .pswp__caption--fake { visibility: hidden } .pswp button.pswp__button:focus, .pswp button.pswp__button:hover { opacity: 1 } .pswp .pswp__button:active { opacity: .9 } .pswp--zoom-allowed .pswp__button--zoom:before { content: "\f00e" } .pswp--zoomed-in .pswp__button--zoom:before { content: "\f010" } .pswp--supports-fs .pswp__button--fs:before { content: "\f065" } .pswp--fs .pswp__button--fs:before { content: "\f066" } .pswp button.pswp__button--close { font-size: 21px } .pswp__button--close:before { content: "\f00d" } .pswp__button--share:before { content: "\f1e0" } .pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before { top: 0 } .pswp .pswp__button--arrow--left:before { content: "\f104"!important; background: 0 0!important } .pswp .pswp__button--arrow--right:before { content: "\f105"!important; background: 0 0!important } .pswp .pswp__share-tooltip, .pswp .pswp__share-tooltip a:first-child, .pswp .pswp__share-tooltip a:last-child { border-radius: 0 } .pswp .pswp__share-tooltip a { display: none; color: #222 } .pswp__share-tooltip a:hover { color: #fff!important; text-decoration: none } .pswp__share-tooltip a i[class^=fa] { min-width: 15px; margin-right: 5px } .pswp .pswp__share-tooltip.show-share-fb .pswp__share--facebook, .pswp .pswp__share-tooltip.show-share-g .pswp__share--google, .pswp .pswp__share-tooltip.show-share-in .pswp__share--linkedin, .pswp .pswp__share-tooltip.show-share-pin .pswp__share--pinterest, .pswp .pswp__share-tooltip.show-share-tw .pswp__share--twitter, .pswp .pswp__share-tooltip.show-share-wp .pswp__share--whatsapp, .pswp__button { display: block } .pswp__share-tooltip:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none } a.pswp__share--pinterest:hover { background: #cf2834!important } a.pswp__share--linkedin:hover { background: #007bc7 } a.pswp__share--whatsapp:hover { background: #36b74d } a.pswp__share--google:hover { background: #e64235 }/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { position: relative; cursor: pointer; overflow: visible; -webkit-appearance: none; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none } .pswp__button:focus, .pswp__button:hover { opacity: 1 } .pswp__button:active { outline: 0; opacity: .9 } .pswp__button::-moz-focus-inner { padding:0; border:0 } .pswp__ui--over-close .pswp__button--close { opacity: 1 } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../images/default-skin.png) no-repeat; background-size: 264px 88px; width: 44px; height: 44px } @media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../images/default-skin.svg) } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: 0 0 } } .pswp__button--close { background-position: 0 -44px } .pswp__button--share { background-position: -44px -44px } .pswp__button--fs { display: none } .pswp--supports-fs .pswp__button--fs { display: block } .pswp--fs .pswp__button--fs { background-position: -44px 0 } .pswp__button--zoom { display: none; background-position: -88px 0 } .pswp--zoom-allowed .pswp__button--zoom { display: block } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 } .pswp__button--arrow--left, .pswp__button--arrow--right { background: 0 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute } .pswp__button--arrow--left { left: 0 } .pswp__button--arrow--right { right: 0 } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,.3); height: 30px; width: 32px; position: absolute } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pswp__share-modal { display: block; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out } .pswp__share-modal--hidden { display: none } .pswp__share-tooltip { min-width: 150px; z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform } .phantom-fade #phantom.hide-phantom, .pswp__preloader { will-change: opacity } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px } .pswp__share-modal--fade-in { opacity: 1 } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none } .pswp__caption--empty, .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none } .pswp__counter, .pswp__preloader { height: 44px; top: 0; position: absolute } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF } a.pswp__share--pinterest:hover { color: #CE272D } a.pswp__share--download:hover { background: #DDD } .pswp__counter { left: 0; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px } .pswp__caption small { font-size: 11px; color: #BBB } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC } .breadcrumbs li a, .btn-link i[class^=fa], .btn-link i[class^=fa] *, .dt-btn i[class^=fa], .dt-btn i[class^=fa] *, .fancy-header .breadcrumbs li a { color: inherit } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__ui { visibility: visible } .pswp__preloader { width: 44px; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; direction: ltr } .pswp--css_animation .pswp__preloader--active, .pswp__preloader--active { opacity: 1 } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px } .pswp__preloader--active .pswp__preloader__icn { background: url(../images/preloader.gif) no-repeat } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite; animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite } .pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0 } @media screen and (max-width:1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right } } @-webkit-keyframes clockwise { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes clockwise { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes donut-rotate { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg) } } @keyframes donut-rotate { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg) } } .pswp__ui { -webkit-font-smoothing: auto; opacity: 1; z-index: 1550 } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp__caption, .pswp__top-bar { background-color: rgba(0,0,0,.5) } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.3) } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar { opacity: 0 } .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001 } .pswp__element--disabled { display: none!important } .pswp--minimal--dark .pswp__top-bar { background: 0 0 } .vc_grid-container div[style*="vc_gitem_image.png"] { display: none }/*! * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme) * Copyright 漏 2013 Dream-Theme. All rights reserved. */ .responsive-off #page { display: grid; grid-template-rows: auto; grid-template-columns: 100%; grid-template-areas: "header" "slider" "title" "fancyheader" "checkout" "main" "footer" } .footer-overlap.responsive-off #page { grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "checkout" "main" "footer" } .floating-navigation-below-slider.responsive-off #page { grid-template-areas: "slider" "header" "title" "fancyheader" "main" "footer" } .responsive-off.header-side-left:not(.sticky-header) #page, .responsive-off.header-side-line.left-side-line #page { grid-template-areas: "header-side slider" "header-side title" "header-side fancyheader" "header-side checkout" "header-side main" "header-side footer" } .footer-overlap.responsive-off.header-side-left:not(.sticky-header) #page, .footer-overlap.responsive-off.header-side-line.left-side-line #page { grid-template-areas: "header-side page-inner" "header-side footer" } .responsive-off.header-side-line.right-side-line #page, .responsive-off.header-side-right:not(.sticky-header) #page { grid-template-areas: "slider header-side" "title header-side" "fancyheader header-side" "checkout header-side" "main header-side" "footer header-side" } .footer-overlap.responsive-off.header-side-line.right-side-line #page, .footer-overlap.responsive-off.header-side-right:not(.sticky-header) #page { grid-template-areas: "page-inner header-side" "footer header-side" } .footer-overlap.floating-navigation-below-slider.responsive-off .page-inner { display: grid; grid-template-rows: auto; grid-template-columns: 100%; grid-template-areas: "slider" "header" "title" "fancyheader" "checkout" "main" "footer" } .no-cssgridlegacy.no-cssgrid .wf-container-main:before, .no-cssgridlegacy.no-cssgrid .wf-container:before { content: ""; display: table } .no-cssgridlegacy.no-cssgrid .wf-container-main:after, .no-cssgridlegacy.no-cssgrid .wf-container:after { content: ""; display: table; clear: both } .ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container, .ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container-main { zoom: 1 } .page-inner { -ms-grid-column: 1; -ms-grid-row: 2; grid-area: page-inner } .is-safari .page-inner { max-width: 100% } .header-side-left:not(.sticky-header) .page-inner, .header-side-line.left-side-line .page-inner { -ms-grid-column: 2 } .header-side-line.right-side-line .page-inner, .header-side-right:not(.sticky-header) .page-inner { -ms-grid-column: 1 } #main-slideshow, .photo-scroller { -ms-grid-column: 1; -ms-grid-row: 2; grid-area: slider } .floating-navigation-below-slider #main-slideshow, .floating-navigation-below-slider .photo-scroller { -ms-grid-column: 1; -ms-grid-row: 1 } .header-side-left:not(.sticky-header) #main-slideshow, .header-side-left:not(.sticky-header) .photo-scroller, .header-side-line.left-side-line #main-slideshow, .header-side-line.left-side-line .photo-scroller { -ms-grid-column: 2 } .header-side-line.right-side-line #main-slideshow, .header-side-line.right-side-line .photo-scroller, .header-side-right:not(.sticky-header) #main-slideshow, .header-side-right:not(.sticky-header) .photo-scroller { -ms-grid-column: 1 } .masthead { -ms-grid-column: 1; -ms-grid-row: 1; grid-area: header } .floating-navigation-below-slider .masthead { -ms-grid-column: 1; -ms-grid-row: 2 } .side-header-v-stroke.masthead, .side-header.masthead { -ms-grid-column: 1; grid-area: header-side } .checkout-page-title { grid-area: checkout; -ms-grid-column: 1; -ms-grid-row: 4 } .is-safari .checkout-page-title { max-width: 100% } .header-side-left:not(.sticky-header) .checkout-page-title, .header-side-line.left-side-line .checkout-page-title { -ms-grid-column: 2 } .header-side-line.right-side-line .checkout-page-title, .header-side-right:not(.sticky-header) .checkout-page-title, .page-title { -ms-grid-column: 1 } .page-title { -ms-grid-row: 3; grid-area: title } .is-safari .page-title { max-width: 100% } .header-side-left:not(.sticky-header) .page-title, .header-side-line.left-side-line .page-title { -ms-grid-column: 2 } .fancy-header, .header-side-line.right-side-line .page-title, .header-side-right:not(.sticky-header) .page-title { -ms-grid-column: 1 } .fancy-header { -ms-grid-row: 3; grid-area: fancyheader } .is-safari .fancy-header { max-width: 100% } .header-side-left:not(.sticky-header) .fancy-header, .header-side-line.left-side-line .fancy-header { -ms-grid-column: 2 } #main, .header-side-line.right-side-line .fancy-header, .header-side-right:not(.sticky-header) .fancy-header { -ms-grid-column: 1 } #main { -ms-grid-row: 5; grid-area: main } .is-safari #main { max-width: 100% } .header-side-left:not(.sticky-header) #main, .header-side-line.left-side-line #main { -ms-grid-column: 2 } .footer, .header-side-line.right-side-line #main, .header-side-right:not(.sticky-header) #main { -ms-grid-column: 1 } .footer { -ms-grid-row: 6; grid-area: footer } .is-safari .footer { max-width: 100% } .header-side-left:not(.sticky-header) .footer, .header-side-line.left-side-line .footer { -ms-grid-column: 2 } .header-side-line.right-side-line .footer, .header-side-right:not(.sticky-header) .footer { -ms-grid-column: 1 } .responsive-off #main:not(.sidebar-none) .wf-container-main { display: -ms-grid; display: grid } .responsive-off .sidebar-right .wf-container-main { grid-template-areas: "content sidebar" } .responsive-off .sidebar-left .wf-container-main { grid-template-areas: "sidebar content" } .responsive-off .sidebar { grid-area: sidebar; -ms-grid-row: 1 } .responsive-off .sidebar-right .sidebar { -ms-grid-column: 3 } .responsive-off .sidebar-left .sidebar, .responsive-off .sidebar-right .content { -ms-grid-column: 1 } .responsive-off .content { grid-area: content; -ms-grid-row: 1 } .responsive-off .sidebar-left .content { -ms-grid-column: 3 } .wf-mobile-visible, .wf-phone-visible { display: none } .content, .sidebar, .wf-cell, .wf-usr-cell, .wf-wrap, .wpb_row { -webkit-box-sizing: border-box; box-sizing: border-box } .footer .widget, .wf-cell, .wf-usr-cell { display: inline-block; vertical-align: top; padding: 0 22px } .ancient-ie .footer .widget, .ancient-ie .wf-cell, .ancient-ie .wf-usr-cell { display: inline; zoom: 1 } .wf-1, .wf-1-1, .wf-span-12 { width: 100% } .wf-1-2, .wf-2-4, .wf-span-6 { width: 50% } .wf-1-3, .wf-span-4 { width: 33.3333% } .wf-2-3, .wf-span-8 { width: 66.6667% } .wf-1-4, .wf-span-3 { width: 25% } .wf-3-4, .wf-span-9 { width: 75% } .wf-1-5 { width: 20% } .wf-1-6, .wf-span-2 { width: 16.6667% } .wf-span-1, .wf-span-10 { width: 83.3333% } .wf-span-7 { width: 58.3333% } .wf-table { display: table; width: 100% } .wf-tr { display: table-row } .wf-td { display: table-cell; vertical-align: middle } .wf-float-left { float: left } .title-left .breadcrumbs, .wf-float-right { float: right } .wf-container { font-size: 0; line-height: 0; word-spacing: -4px; margin: 0 -22px; padding: 0 } .wf-wrap { max-width: 100%; padding: 0 44px; margin: 0 auto } @-webkit-keyframes mk_scale { 0% { -webkit-transform:scale(.3); opacity:.1 } 100% { -webkit-transform:scale(1); opacity:1 } } @keyframes mk_scale { 0% { transform:scale(.3); opacity:.1 } 100% { transform:scale(1); opacity:1 } } @-webkit-keyframes mk_fade { 0% { opacity:.1 } 100% { opacity:1 } } @keyframes mk_fade { 0% { opacity:.1 } 100% { opacity:1 } } @-webkit-keyframes mk_left_to_right { 0% { -webkit-transform:translate(-20px, 0); opacity:0 } 100% { -webkit-transform:translate(0, 0); opacity:1 } } @keyframes mk_left_to_right { 0% { transform:translate(-20px, 0); opacity:0 } 100% { transform:translate(0, 0); opacity:1 } } @-webkit-keyframes mk_right_to_left { 0% { -webkit-transform:translate(20px, 0); opacity:0 } 100% { -webkit-transform:translate(0, 0); opacity:1 } } @keyframes mk_right_to_left { 0% { transform:translate(20px, 0); opacity:0 } 100% { transform:translate(0, 0); opacity:1 } } @-webkit-keyframes mk_bottom_to_top { 0% { -webkit-transform:translate(0, 20px); opacity:0 } 100% { -webkit-transform:translate(0, 0); opacity:1 } } @keyframes mk_bottom_to_top { 0% { transform:translate(0, 20px); opacity:0 } 100% { transform:translate(0, 0); opacity:1 } } @-webkit-keyframes mk_top_to_bottom { 0% { -webkit-transform:translate(0, -20px); opacity:0 } 100% { -webkit-transform:translate(0, 0); opacity:1 } } @keyframes mk_top_to_bottom { 0% { transform:translate(0, -20px); opacity:0 } 100% { transform:translate(0, 0); opacity:1 } } .mobile-false .animate-element { opacity: 0 } .ie-mobile .animate-element, .no-cssanimations .animate-element.start-animation, .skills.animate-element { opacity: 1 } .mobile-false #page .animate-element.start-animation.scale-up, .mobile-false .animate-element.start-animation.scale-up { -webkit-animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .mobile-false #page .animate-element.start-animation.fade-in, .mobile-false .animate-element.start-animation.fade-in { -webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .mobile-false #page .animate-element.start-animation.right-to-left, .mobile-false .animate-element.start-animation.right-to-left { -webkit-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mobile-false #page .animate-element.start-animation.left-to-right, .mobile-false .animate-element.start-animation.left-to-right { -webkit-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mobile-false #page .animate-element.start-animation.top-to-bottom, .mobile-false .animate-element.start-animation.top-to-bottom { -webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mobile-false #page .animate-element.start-animation.bottom-to-top, .mobile-false .animate-element.start-animation.bottom-to-top { -webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mobile-false .animate-element.start-animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes dt_bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06); transition-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06); transition-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 dt_bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06); transition-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); -ms-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06); transition-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0); -ms-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); -ms-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .mobile-false #page .animate-element.start-animation.bounce, .mobile-false .animate-element.start-animation.bounce { -webkit-animation-name: dt_bounce; animation-name: dt_bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; opacity: 1 } @-webkit-keyframes dt_flash { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } @keyframes dt_flash { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } .mobile-false .animate-element.start-animation.flash { -webkit-animation-name: dt_flash; animation-name: dt_flash } @-webkit-keyframes dt_pulse { 0%, 100% { -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 dt_pulse { 0%, 100% { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); -ms-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } } .mobile-false .animate-element.start-animation.pulse { -webkit-animation-name: dt_pulse; animation-name: dt_pulse; opacity: 1 } @-webkit-keyframes dt_rubberBand { 0%, 100% { -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 dt_rubberBand { 0%, 100% { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); -ms-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); -ms-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); -ms-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); -ms-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); -ms-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } } .mobile-false .animate-element.start-animation.rubberBand { -webkit-animation-name: dt_rubberBand; animation-name: dt_rubberBand; opacity: 1 } @-webkit-keyframes dt_shake { 0%, 100% { -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 dt_shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); -ms-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); -ms-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .mobile-false .animate-element.start-animation.shake { -webkit-animation-name: dt_shake; animation-name: dt_shake; opacity: 1 } @-webkit-keyframes dt_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) } 100% { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } @keyframes dt_swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); -ms-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); -ms-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); -ms-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); -ms-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform:rotate3d(0, 0, 1, 0deg); -ms-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } .mobile-false .animate-element.start-animation.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: dt_swing; animation-name: dt_swing; opacity: 1 } @-webkit-keyframes dt_tada { 0%, 100% { -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 dt_tada { 0%, 100% { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-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); -ms-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); -ms-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) } } .mobile-false .animate-element.start-animation.tada { -webkit-animation-name: dt_tada; animation-name: dt_tada; opacity: 1 } @-webkit-keyframes dt_wobble { 0%, 100% { -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 dt_wobble { 0%, 100% { -webkit-transform:none; -ms-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-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); -ms-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); -ms-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); -ms-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); -ms-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } .mobile-false .animate-element.start-animation.wobble { -webkit-animation-name: dt_wobble; animation-name: dt_wobble; opacity: 1 } @-webkit-keyframes dt_bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-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) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes dt_bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); -ms-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); -ms-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); -ms-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); -ms-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); -ms-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .mobile-false .animate-element.start-animation.bounceIn { -webkit-animation-name: dt_bounceIn; animation-name: dt_bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; opacity: 1 } @-webkit-keyframes dt_bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-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) } 100% { -webkit-transform:none; transform:none } } @keyframes dt_bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); -ms-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); -ms-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); -ms-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); -ms-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } 100% { -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.bounceInDown { -webkit-animation-name: dt_bounceInDown; animation-name: dt_bounceInDown; opacity: 1 } @-webkit-keyframes dt_bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-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) } 100% { -webkit-transform:none; transform:none } } @keyframes dt_bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); -ms-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); -ms-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); -ms-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); -ms-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } 100% { -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.bounceInLeft { -webkit-animation-name: dt_bounceInLeft; animation-name: dt_bounceInLeft; opacity: 1 } @-webkit-keyframes dt_bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-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) } 100% { -webkit-transform:none; transform:none } } @keyframes dt_bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); -ms-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); -ms-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); -ms-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); -ms-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } 100% { -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.bounceInRight { -webkit-animation-name: dt_bounceInRight; animation-name: dt_bounceInRight; opacity: 1 } @-webkit-keyframes dt_bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-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, -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) } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes dt_bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); -ms-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); -ms-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); -ms-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); -ms-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } 100% { -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .mobile-false .animate-element.start-animation.bounceInUp { -webkit-animation-name: dt_bounceInUp; animation-name: dt_bounceInUp; opacity: 1 } @-webkit-keyframes dt_fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes dt_fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .mobile-false .animate-element.start-animation.fadeIn { -webkit-animation-name: dt_fadeIn; animation-name: dt_fadeIn } @-webkit-keyframes dt_fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); -ms-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInDown { -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown } @-webkit-keyframes dt_fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); -ms-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInDownBig { -webkit-animation-name: dt_fadeInDownBig; animation-name: dt_fadeInDownBig } @-webkit-keyframes dt_fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInLeft { -webkit-animation-name: dt_fadeInLeft; animation-name: dt_fadeInLeft } @-webkit-keyframes dt_fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); -ms-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInLeftBig { -webkit-animation-name: dt_fadeInLeftBig; animation-name: dt_fadeInLeftBig } @-webkit-keyframes dt_fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); -ms-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInRight { -webkit-animation-name: dt_fadeInRight; animation-name: dt_fadeInRight } @-webkit-keyframes dt_fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); -ms-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInRightBig { -webkit-animation-name: dt_fadeInRightBig; animation-name: dt_fadeInRightBig } @-webkit-keyframes dt_fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); -ms-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInUp { -webkit-animation-name: dt_fadeInUp; animation-name: dt_fadeInUp } @-webkit-keyframes dt_fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); -ms-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.fadeInUpBig { -webkit-animation-name: dt_fadeInUpBig; animation-name: dt_fadeInUpBig } @-webkit-keyframes dt_flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-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-transition-timing-function:ease-in; transition-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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes dt_flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-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); -ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg); transform:perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform:perspective(400px); -ms-transform:perspective(400px); transform:perspective(400px) } } .mobile-false .animate-element.start-animation.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: dt_flipInX; animation-name: dt_flipInX; opacity: 1 } @-webkit-keyframes dt_flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-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-transition-timing-function:ease-in; transition-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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes dt_flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-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); -ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); -ms-transform:perspective(400px); transform:perspective(400px) } } .mobile-false .animate-element.start-animation.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: dt_flipInY; animation-name: dt_flipInY; opacity: 1 } @-webkit-keyframes dt_rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_rotateIn { 0% { -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); -ms-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.rotateIn { -webkit-animation-name: dt_rotateIn; animation-name: dt_rotateIn } @-webkit-keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); -ms-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.rotateInDownLeft { -webkit-animation-name: dt_rotateInDownLeft; animation-name: dt_rotateInDownLeft } @-webkit-keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); -ms-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.rotateInDownRight { -webkit-animation-name: dt_rotateInDownRight; animation-name: dt_rotateInDownRight } @-webkit-keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); -ms-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.rotateInUpLeft { -webkit-animation-name: dt_rotateInUpLeft; animation-name: dt_rotateInUpLeft } @-webkit-keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); -ms-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.rotateInUpRight { -webkit-animation-name: dt_rotateInUpRight; animation-name: dt_rotateInUpRight } @-webkit-keyframes dt_rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes dt_rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } .mobile-false .animate-element.start-animation.rollIn { -webkit-animation-name: dt_rollIn; animation-name: dt_rollIn } @-webkit-keyframes dt_rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes dt_rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .mobile-false .animate-element.start-animation.rollOut { -webkit-animation-name: dt_rollOut; animation-name: dt_rollOut; opacity: 1 } @-webkit-keyframes dt_zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes dt_zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); -ms-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .mobile-false .animate-element.start-animation.zoomIn { -webkit-animation-name: dt_zoomIn; animation-name: dt_zoomIn; opacity: 1 } @-webkit-keyframes dt_zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .mobile-false .animate-element.start-animation.zoomInDown { -webkit-animation-name: dt_zoomInDown; animation-name: dt_zoomInDown; opacity: 1 } @-webkit-keyframes dt_zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .mobile-false .animate-element.start-animation.zoomInLeft { -webkit-animation-name: dt_zoomInLeft; animation-name: dt_zoomInLeft; opacity: 1 } @-webkit-keyframes dt_zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .mobile-false .animate-element.start-animation.zoomInRight { -webkit-animation-name: dt_zoomInRight; animation-name: dt_zoomInRight; opacity: 1 } @-webkit-keyframes dt_zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .mobile-false .animate-element.start-animation.zoomInUp { -webkit-animation-name: dt_zoomInUp; animation-name: dt_zoomInUp; opacity: 1 } @-webkit-keyframes dt_lightSpeedIn { 0% { -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 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes dt_lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); -ms-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); -ms-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); -ms-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; -ms-transform:none; transform:none; opacity:1 } } .mobile-false .animate-element.start-animation.lightspeedIn { -webkit-animation-name: dt_lightSpeedIn; animation-name: dt_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } #main-slideshow { position: relative; z-index: 1; clear: both; overflow: hidden } #main-slideshow-content { display: none } #main-slideshow.fixed { padding: 44px; margin-top: 0 } #main-slideshow.layer-fixed { padding: 40px; margin-top: 0 } #main-slideshow.fix.rv-slider { padding-top: 0; padding-bottom: 0; margin-top: 0 } #main-slideshow.fix:after, #main-slideshow.fixed:after, #main-slideshow.layer-fixed:after { position: absolute; left: 0; width: 100%; height: 1px; content: ""; top: auto; bottom: 0 } #main-slideshow #main-slideshow-content { display: block } .transparent .page-title { visibility: hidden } #fancy-header { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #fancy-header .fancy-title>span, .fancy-header .wf-td .breadcrumbs, .page-title .wf-td .breadcrumbs { display: inline-block } #fancy-header>.wf-wrap { position: relative; z-index: 1; max-width: 100% } .fancy-header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .content-right.fancy-header .hgroup, .title-left .breadcrumbs, .title-right .hgroup { text-align: right } .fancy-header.title-center .hgroup { text-align: center } .mobile-false #fancy-header .breadcrumbs, .mobile-false #fancy-header .fancy-subtitle, .mobile-false #fancy-header .fancy-title { opacity: 0 } .ie-mobile #fancy-header .breadcrumbs, .ie-mobile #fancy-header .fancy-subtitle, .ie-mobile #fancy-header .fancy-title { opacity: 1 } #fancy-header .breadcrumbs.start-animation, #fancy-header .fancy-subtitle.start-animation, #fancy-header .fancy-title.start-animation { -webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .fancy-header .hgroup, .page-title .hgroup { overflow: hidden } .fancy-header .hgroup { padding: 5px 0 } #fancy-header.content-left.breadcrumbs-off .hgroup, #fancy-header.content-right.breadcrumbs-off .hgroup, #fancy-header.title-center.breadcrumbs-off .hgroup { margin-top: 5px; margin-bottom: 5px } #fancy-header.content-left .breadcrumbs.breadcrumbs-bg, #fancy-header.content-right .breadcrumbs.breadcrumbs-bg, #fancy-header.title-center .breadcrumbs.breadcrumbs-bg { margin-top: 10px } #fancy-header.titles-off .breadcrumbs { margin-top: 5px; margin-bottom: 5px } #fancy-header.content-left .breadcrumbs, #fancy-header.content-right .breadcrumbs, #fancy-header.title-center .breadcrumbs { margin-bottom: 10px } #fancy-header.disabled-bg.breadcrumbs-off.page-title h1, #fancy-header.disabled-bg.content-left .breadcrumbs, #fancy-header.disabled-bg.content-left.breadcrumbs-off .hgroup, #fancy-header.disabled-bg.content-right .breadcrumbs, #fancy-header.disabled-bg.content-right.breadcrumbs-off .hgroup, #fancy-header.disabled-bg.title-center .breadcrumbs, #fancy-header.disabled-bg.title-center.breadcrumbs-off .hgroup { margin-bottom: 0 } #fancy-header.content-left .hgroup, #fancy-header.content-right .hgroup, #fancy-header.title-center .hgroup { padding-bottom: 5px } .fancy-header .fancy-title { margin: 5px 0; padding: 0 } .page-title h1, .page-title h2, .page-title.title-left.disabled-bg h1, .page-title.title-right.disabled-bg h1 { margin: 0 } .extras-off .filter-categories a:last-child, .filter .filter-extras>div:last-child { margin-right: 0 } .fancy-header .fancy-subtitle { margin: 0; padding: 5px 0 } .breadcrumbs.bg-dark, .breadcrumbs.bg-light, .hr-breadcrumbs .breadcrumbs.bg-dark, .hr-breadcrumbs .breadcrumbs.bg-light { padding: 4px 10px } .breadcrumbs.bg-dark { background-color: rgba(15,18,19,.1) } .breadcrumbs.bg-light { background-color: rgba(255,255,255,.12) } .fancy-header .breadcrumbs li { position: relative; background: 0 0 } .breadcrumbs li:first-child:before, .fancy-header .breadcrumbs li:first-child:before { content: "" } .breadcrumbs li:before, .fancy-header .breadcrumbs li:before { position: absolute; left: 0; top: 0; width: 15px; height: 13px; content: "/"; opacity: .5; text-align: left; z-index: 3 } .breadcrumbs li:before { opacity: 1 } .page-title { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .fancy-title-head, .page-title-head { max-width: 100% } .page-title.overlay-bg { position: relative } .page-title.overlay-bg .wf-wrap { position: relative; z-index: 1 } .page-title.overlay-bg:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "" } .page-title .wf-wrap { position: relative } .page-title .wf-wrap:after { position: absolute; width: 100%; bottom: 0; content: "" } .page-title.disabled-bg .wf-wrap:after, .page-title.full-width-line .wf-wrap:after, .page-title.gradient-bg .wf-wrap:after, .page-title.solid-bg .wf-wrap:after, .page-title.transparent-bg .wf-wrap:after { display: none } .fancy-header>.wf-wrap, .page-title>.wf-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box } .content-left>.wf-wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .content-right>.wf-wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .title-center>.wf-wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .title-left>.wf-wrap, .title-right>.wf-wrap { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between } .page-title.title-left .hr-breadcrumbs, .page-title.title-right h1 { text-align: right } .page-title.title-center .breadcrumbs, .paginator.paginator-more-button, .share-link-description, .single-share-box .share-buttons a, .title-center .hr-breadcrumbs, .title-center h1 { text-align: center } .page-title .hr-breadcrumbs .breadcrumbs:after { display: none } .page-title .wf-container-title, .page-title.full-width-line { border-bottom: 1px solid } .dt-breadcrumbs-shortcode { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .dt-breadcrumbs-shortcode.align-centre { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .dt-breadcrumbs-shortcode.align-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end } .breadcrumbs { list-style: none } .breadcrumbs li { position: relative; display: inline-block; padding-left: 12px; margin-left: 8px } .breadcrumbs li:first-child { padding-left: 0; margin-left: 0; background: 0 0!important } .breadcrumbs a { text-decoration: none } .breadcrumbs a:hover { text-decoration: underline } .filter { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; z-index: 10 } .filter:after, .filter:before { content: ""; display: table } .filter:after { clear: both } .filter-by, .filter-categories, .filter-categories a, .filter-extras, .filter-sorting { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .filter-by, .filter-categories, .filter-sorting { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .filter-categories, .filter-extras { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .filter-categories { position: relative } .filter-categories .hasCustomSelect { display: none; left: 0; z-index: 1 } #page .filter-categories .customSelect { position: relative; padding: 0; background: 0 0; display: none!important } .filter .filter-extras a, .soc-ico a { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex } #page .filter-categories .customSelect:after { position: relative; right: 0; width: 20px; height: 20px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 1; content: "\f0dc" } #page .filter-categories .customSelect .customSelectInner { background: 0 0 } .filter .filter-categories a, .filter .filter-extras a { position: relative; text-decoration: none } .filter .filter-extras a { display: inline-flex } .filter-categories a:first-child { margin-left: 0 } .filter-bg-decoration .filter-categories a { overflow: hidden } .filter-bg-decoration .filter-categories a:after { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0 } .filter-bg-decoration .filter-categories a.act:after { opacity: 1 } .filter-underline-decoration .filter-categories a:after { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .filter-underline-decoration .filter-categories a.act:after, .filter-underline-decoration .filter-categories a:hover:after { opacity: 1 } .filter .filter-extras a i[class^=fa] { font-size: 16px; line-height: 1 } .filter .filter-popup { position: absolute; left: 50%; bottom: 100%; padding: 2px 6px; margin-bottom: 15px; background: #000; color: #fff!important; font: 400 10px/14px Arial, Verdana, sans-serif; letter-spacing: .3px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); -webkit-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-border-radius: 2px; border-radius: 2px } .filter .filter-popup:after { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; content: "" } .filter .filter-popup:before { position: absolute; left: 0; bottom: -20px; content: " "; display: block; width: 100%; height: 20px } .lte8 .filter-popup { display: none } .lte8 .filter-extras a:hover .filter-popup { display: block } .filter-extras>div>a:hover { cursor: default } .filter-extras>div>a>i:hover, .filter-switch:hover { cursor: pointer } .filter-extras>div>a>i:hover+.filter-popup { visibility: visible; opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .filter-extras>div>a>i:hover+.filter-popup:before { bottom: 0 } .filter-switch { position: relative; display: inline-block; width: 19px; height: 7px; margin: 0 10px } .filter-switch, .filter-switch-toggle { -webkit-border-radius: 8px; border-radius: 8px } .filter-switch-toggle { position: absolute; top: -1px; left: 0; width: 9px; height: 9px; background-color: #fff; content: ""; -webkit-transition: left .3s ease-out; transition: left .3s ease-out } .filter-switch.right-act .filter-switch-toggle { left: 9px } .filter-extras a.pressed:after, .pressed .filter-switch-toggle:after { -webkit-animation: anim-effect-boris .45s ease-out forwards; animation: anim-effect-boris .45s ease-out forwards } @-webkit-keyframes anim-effect-boris { 0% { -webkit-transform:scale(0); transform:scale(0) } 25%, 50% { opacity:1 } to { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes anim-effect-boris { 0% { -webkit-transform:scale(0); transform:scale(0) } 25%, 50% { opacity:1 } to { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } .paginator { position: relative; margin: 30px 0 0; z-index: 10; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .paginator:after, .paginator:before { display: table; content: "" } .paginator:after { clear: both } .paginator:not(.paginator-more-button) a { -webkit-box-sizing: border-box; box-sizing: border-box } .paginator .disabled:hover { cursor: default } .paginator:not(.paginator-more-button) a, .paginator:not(.paginator-more-button) span { position: relative; display: inline-block; padding: 1px 8px; margin: 0 6px; text-align: center; text-decoration: none; font-weight: 700 } .paginator:not(.paginator-more-button) a:after, .paginator:not(.paginator-more-button) span:after { position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; content: ""; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .paginator:not(.paginator-more-button) a.disabled, .paginator:not(.paginator-more-button) span.disabled { opacity: 0 } .paginator:not(.paginator-more-button) a.nav-next, .paginator:not(.paginator-more-button) a.nav-prev, .paginator:not(.paginator-more-button) span.nav-next, .paginator:not(.paginator-more-button) span.nav-prev { padding: 0; font-size: 14px; line-height: 1; -webkit-transition: transform .3s ease; transition: transform .3s ease; -webkit-transform: translateX(0); transform: translateX(0) } .paginator:not(.paginator-more-button) a.nav-next:not(.disabled):hover, .paginator:not(.paginator-more-button) span.nav-next:not(.disabled):hover { -webkit-transform: translateX(4px); transform: translateX(4px) } .paginator:not(.paginator-more-button) a.nav-prev:not(.disabled):hover, .paginator:not(.paginator-more-button) span.nav-prev:not(.disabled):hover { -webkit-transform: translateX(-4px); transform: translateX(-4px) } .paginator:not(.paginator-more-button) a.nav-next:after, .paginator:not(.paginator-more-button) a.nav-prev:after, .paginator:not(.paginator-more-button) span.nav-next:after, .paginator:not(.paginator-more-button) span.nav-prev:after { display: none } .paginator .button-load-more, .paginator .loading-ready, .paginator .nav-next, .paginator .nav-prev { position: relative; display: inline-block; text-decoration: none } .paginator:not(.paginator-more-button) a.act:after, .paginator:not(.paginator-more-button) a:hover:after, .paginator:not(.paginator-more-button) span.act:after, .paginator:not(.paginator-more-button) span:hover:after { opacity: 1 } .lazy-loading-mode .paginator.paginator-more-button { opacity: 0 } .justified-grid .paginator.paginator-more-button { width: 100% } .paginator .button-load-more, .paginator .loading-ready { float: none } .paginator .button-load-more { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 220px; height: 50px; border: 2px solid; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1); transition: all .4s cubic-bezier(.19, 1, .22, 1) } .paginator .button-load-more .stick { display: none; opacity: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease } .paginator .button-load-more .button-caption { display: block; margin: 0; font-weight: 700; -webkit-transition: opacity 10ms ease, color .2s ease; transition: opacity 10ms ease, color .2s ease } .paginator .button-load-more .button-caption:before { content: "\f13a"; margin-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 1 } .paginator .button-load-more.animate-load, .paginator .button-load-more.button-lazy-loading { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50% } .paginator .button-load-more.animate-load .button-caption, .paginator .button-load-more.button-lazy-loading .button-caption { opacity: 0; text-indent: -9999px } .paginator .button-load-more.animate-load .stick, .paginator .button-load-more.button-lazy-loading .stick { display: block; -webkit-animation: dt-spin 1s infinite linear .2s; animation: dt-spin 1s infinite linear .2s; -webkit-animation-delay: .4s; animation-delay: .4s; border-bottom-color: transparent; border-left-color: transparent } .dt-posts-preload.iso-preloader .dt-posts-preload-activity:before { border-color: #fff transparent transparent; border-right-color: #fff!important } .iso-preloader .dt-posts-preload-activity:after { display: none } .iso-preloader .dt-posts-preload-activity:before, .stick:first-child { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 50px; height: 50px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: 2px solid; -webkit-animation: dt-spin 1s infinite linear .2s; animation: dt-spin 1s infinite linear .2s } .blog-media, .post { position: relative } .stick:first-child { top: -2px; left: -2px; margin: 0 } @-webkit-keyframes dt-spin { 0% { opacity:1 } 100% { opacity:1; -webkit-transform:rotate(360deg) } } @keyframes dt-spin { 0% { opacity:1 } 100% { opacity:1; transform:rotate(360deg) } } .page-info { padding: 0 0 10px } .post:after, .post:before { content: ""; display: table; clear: both } .post .entry-title a { display: inline-block } .blog .details.more-link, .dt-blog-shortcode .details.more-link { margin-bottom: 10px } .more-link.dt-btn { margin-top: 5px } .post .more-link.dt-btn { margin-right: 10px } .post.bg-on .block-style-widget, .post.bg-on .format-aside-content, .post.bg-on .format-link-content, .post.bg-on .format-status-content { padding: 0; background: 0 0!important; box-shadow: none!important; -webkit-box-sizing: border-box; box-sizing: border-box } .format-aside-content, .format-link-content { padding: 25px 30px 15px; margin: 0 0 15px } .author-quote { border-left: 5px solid; padding-left: 10px } .format-status-content { padding: 25px 20px 15px; margin: 5px 0 15px } .format-aside .details, .format-link .details, .format-quote .details, .format-status .details { display: none } .albums .post img, .blog .post img, .dt-albums-shortcode:not(.owl-carousel) img, .dt-blog-shortcode img, .dt-portfolio-shortcode:not(.owl-carousel) img, .images-container img, .media .post img, .portfolio .post img, .related-projects .rollover img, .related-projects .rollover-video img, .wf-container.iso-grid img, .wf-container.layout-masonry img { max-width: 100%; width: 100%; height: auto } .portfolio .slider-simple.owl-carousel img { max-width: none } .nav-previous .post-title, .project-media img, .textwidget *, .textwidget img { max-width: 100% } .blog.layout-list .post .blog-media img, .mobile-true .post img.iso-lazy-load { width: 100% } .bg-on .blog-content, .bg-on .project-list-content { padding: 10px 25px } .slider-wrapper .bg-on .project-list-content { padding-top: 20px } .iso-container .bg-on .blog-content>*, .iso-container .bg-on .project-list-content>*, .iso-grid .bg-on .blog-content>*, .iso-grid .bg-on .project-list-content>* { padding-top: 10px; padding-bottom: 0; margin-bottom: 0 } .iso-container .bg-on .blog-content>:last-child, .iso-container .bg-on .project-list-content>:last-child, .iso-grid .bg-on .blog-content>:last-child, .iso-grid .bg-on .project-list-content>:last-child { margin-bottom: 10px } .bg-on .blog-media>p, .bg-on .project-list-media>p, .description-under-image .post.bg-on ul.royalSlider.alignnone, .post.bg-on .alignleft, .post.bg-on .alignnone, .post.bg-on ul.royalSlider.alignnone { margin-bottom: 0 } .bg-on .blog-media, .bg-on .project-list-media { padding: 25px 25px 0 } .bg-on.fullwidth-img .blog-media, .bg-on.fullwidth-img .project-list-media { padding: 0 } .bg-on .blog-content, .bg-on .blog-media { position: relative; z-index: 9 } .bg-on.post .alignnone { margin-top: 0 } .layout-list .post { padding-top: 44px; margin-top: 19px } .layout-list .articles-list .post:last-child { margin-bottom: -25px } .layout-list .articles-list .post.bg-on:last-child { margin-bottom: 0 } .layout-list .post:first-child { border: none; padding-top: 0; margin-top: 0 } .blog .post.bg-on, .portfolio .post.bg-on { border-top: none } .layout-list .blog-content, .layout-list .blog-media, .layout-list .project-list-content, .layout-list .project-list-media { display: block; float: left; width: 100% } .layout-list article.no-img .blog-content { width: 100%!important } .project-even .alignleft, .project-even ul.royalSlider.alignleft { float: right; margin-right: 0; margin-left: 30px } .layout-list .post.bg-on { padding: 25px 25px 0; margin: 0 0 20px } .layout-list .bg-on .blog-content, .layout-list .bg-on .blog-media, .layout-list .bg-on .project-list-content, .layout-list .bg-on .project-list-media { display: block; float: left; width: 100%; padding: 0 } .layout-list .bg-on .blog-content, .layout-list .bg-on .project-list-content { padding-bottom: 10px } .layout-list .post-slider { margin-right: 30px } .layout-list .project-even .post-slider { margin-right: 0; margin-left: 30px } .layout-list .media-wide .post-slider, .layout-list .media-wide.project-even .post-slider { margin-right: 0; margin-left: 0 } .blog.layout-list .post.bg-on .slider-masonry.alignnone, .description-under-image .post .alignnone, .description-under-image .post .photoSlider, .description-under-image .post .slider-masonry.alignnone, .post .alignleft { margin-bottom: 20px } .description-under-image .bg-on.post .alignnone, .description-under-image .post .buttons-on-img .slider-masonry.alignnone { margin-bottom: 0 } .project-list-media .alignleft { width: 100% } .blog-media .alignleft { float: none } .blog.layout-list .post .alignleft, .blog.layout-list .post .alignnone, .blog.layout-list .post .post-slider { margin-bottom: 25px } .format-quote .block-style-widget { margin: 0 0 15px; padding: 25px 30px 15px } .bg-on .format-aside-content, .bg-on .format-link-content, .format-quote.bg-on .block-style-widget { margin-bottom: 10px } .iso-container .blog-content.wf-td, .iso-container .blog-media.wf-td, .iso-grid .blog-content.wf-td, .iso-grid .blog-media.wf-td, .layout-masonry .blog-content.wf-td, .layout-masonry .blog-media.wf-td, .media-wide .blog-content.wf-td, .media-wide .blog-media.wf-td, .shortcode-blog-posts .wf-td { display: block } .blog-media { overflow: hidden; z-index: 9 } .fancy-date a { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; top: 10px; right: 10px; z-index: 30; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; background: #fff } .circle-fancy-style .fancy-date a { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; padding: 0 8px; min-width: 63px; min-height: 63px } .vertical-fancy-style .fancy-date a { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; min-height: 80px; min-width: 42px; padding: 2px 0 } .horizontal-fancy-style .fancy-date a { padding: 2px 2px 1px 4px } .fancy-date a * { color: #222 } .circle-fancy-style .fancy-date a .entry-date:after, .circle-fancy-style .fancy-date a .entry-year { display: none } .fancy-date a .entry-date, .fancy-date a .entry-month { position: relative } .fancy-date a .entry-date:after, .fancy-date a .entry-month:after { position: absolute; height: 2px; content: "" } .circle-fancy-style .fancy-date a .entry-date:after, .circle-fancy-style .fancy-date a .entry-month:after { left: 0; bottom: -2px; width: 100% } .vertical-fancy-style .fancy-date a .entry-date:after, .vertical-fancy-style .fancy-date a .entry-month:after { left: 50%; bottom: -2px; width: 14px; margin-left: -7px } .horizontal-fancy-style .fancy-date a .entry-date:after, .horizontal-fancy-style .fancy-date a .entry-month:after { top: 50%; margin-top: -2px; right: 0; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50% } .layout-list article.project-odd .fancy-date a { top: 10px; right: auto; left: 10px } .layout-list article.project-even .fancy-date a { top: 10px; left: auto; right: 10px } .bg-on:not(.fullwidth-img) .fancy-date a { top: 35px; right: 35px } .fancy-date .entry-month, .fancy-date .entry-year { font: 700 11px/19px Arial, Verdana, sans-serif } .vertical-fancy-style .fancy-date .entry-month, .vertical-fancy-style .fancy-date .entry-year { font: 700 12px/22px Arial; padding: 1px } .horizontal-fancy-style .fancy-date .entry-month, .horizontal-fancy-style .fancy-date .entry-year { padding: 0 6px 0 5px; text-transform: none; font: 700 12px/22px Arial, Verdana, sans-serif } .circle-fancy-style .fancy-date .entry-month, .vertical-fancy-style .fancy-date .entry-month { margin-bottom: 2px } .horizontal-fancy-style .fancy-date .entry-month { padding: 0 9px 0 5px } .fancy-date .entry-date { font: 700 24px/29px Arial, Verdana, sans-serif } .vertical-fancy-style .fancy-date .entry-date { font: 700 22px/28px Arial; margin-bottom: 3px; padding: 2px } .horizontal-fancy-style .fancy-date .entry-date { padding: 0 9px 0 5px; font: 700 12px/22px Arial, Verdana, sans-serif } .post .project-media { margin-bottom: 20px; line-height: 0 } .project-content, .project-media { -webkit-box-sizing: border-box; box-sizing: border-box } .dt-format-gallery .rollover-video, .dt-format-gallery a { -webkit-box-sizing: border-box; box-sizing: border-box } .dt-posts-preload { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; user-select: none } .dt-posts-preload .dt-posts-preload-activity { position: fixed; display: block; z-index: 2000; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50% } .dt-posts-preload .dt-posts-preload-activity:before { width: 32px; height: 32px; margin: -16px 0 0 -16px; border: 3px solid #fff; border-right-color: transparent!important; border-left-color: transparent!important; -webkit-animation: dt-posts-loader-rotation 1s linear infinite; animation: dt-posts-loader-rotation 1s linear infinite; content: '' } @-webkit-keyframes dt-posts-loader-rotation { 0% { -webkit-transform:rotate(0) } 100% { -webkit-transform:rotate(359deg) } } @keyframes dt-posts-loader-rotation { 0% { transform:rotate(0) } 100% { transform:rotate(359deg) } } .single .content>.post, .single .content>.project-post { margin-bottom: 50px } .single .content>.post:last-child, .single .content>.project-post:last-child { margin-bottom: 0 }/*!-Meta & tags*/ .post-meta .entry-meta, .post-meta .entry-tags { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .portfolio-categories { display: block; overflow: hidden } .blog-content .entry-meta, .portfolio-categories { padding: 0 0 10px } .project-post .portfolio-categories { padding: 0; margin-bottom: 10px } .entry-meta>a, .entry-meta>span, .portfolio-categories>a, .portfolio-categories>span { position: relative; display: inline-block; text-decoration: none; margin: 0 6px 0 0; padding: 0 9px 0 0 } .portfolio-categories a { -webkit-transition: all 50ms linear 50ms; transition: all 50ms linear 50ms } .entry-meta span a, .portfolio-categories>span a { text-decoration: none } .entry-meta a:hover, .portfolio-categories a:hover { text-decoration: underline } .portfolio-categories>a.data-link:hover { text-decoration: none; cursor: default } .entry-meta>a:last-child, .entry-meta>span:last-child, .portfolio-categories>a:last-child, .portfolio-categories>span:last-child { padding: 0; margin: 0 } .entry-meta>a:after, .entry-meta>span:after, .portfolio-categories>a:after, .portfolio-categories>span:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; content: ""; -webkit-border-radius: 50%; border-radius: 50% } .entry-meta>a:last-child:after, .entry-meta>span:last-child:after, .portfolio-categories>a:last-child:after, .portfolio-categories>span:last-child:after { display: none } .fullwidth-slider .portfolio-categories span, .fullwidth-slider .portfolio-categories>a { float: none; display: inline-block } .entry-tags { display: block; overflow: hidden; padding: 10px 0 0 } .entry-tags span.single-tags { position: relative; float: left } .single .entry-tags a { padding: 1px 6px; margin: 2px; border: 1px solid; font: 400 10px/15px Arial, Verdana, sans-serif; text-decoration: none; letter-spacing: .3px }/*!-Post author*/ .entry-author { overflow: hidden; margin-bottom: 60px; padding: 30px 30px 25px; -webkit-box-sizing: border-box; box-sizing: border-box } .entry-author:last-child { margin-bottom: 0 } .entry-author-img { width: 115px } .entry-author-info { vertical-align: top } .entry-author .text-primary { font-weight: 700 } .entry-author .alignleft { margin-bottom: 10px } .entry-author .alignleft img, .entry-author img.alignleft { -webkit-border-radius: 50%; border-radius: 50% } .post .entry-author img { max-width: none } .blog .post .wp-smiley { width: auto } .single .post:not(.type-event) .post-thumbnail { position: relative; margin-bottom: 45px; line-height: 0 } .single .post:not(.type-event) .post-thumbnail:last-child { margin-bottom: 0 } .single .post:not(.type-event) .post-thumbnail img { width: 100% } .single .entry-content { margin-bottom: 50px } .single .entry-content:last-child { margin-bottom: 0 } .single .post-meta { margin-bottom: 55px } .single .post-meta:last-child { margin-bottom: 0 } .single-share-box { position: relative } .single .single-share-box { margin-top: -5px; margin-bottom: 60px } .single .single-share-box:last-child { margin-bottom: 0 } .page .single-share-box { margin-top: 50px } .single-share-box.show-on-hover { z-index: 10; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .single-share-box.show-on-hover:hover { cursor: pointer } .share-link-description { display: block; margin-bottom: 10px; font-weight: 700 } .show-on-hover .share-link-description { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .show-on-hover .share-link-description:before { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border: 2px solid; margin-bottom: 5px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease; transition: all .2s ease; content: "\f1e0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; line-height: 1 } .single-share-box .share-buttons { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; line-height: 0 } .single-share-box:not(.show-on-hover) .share-buttons { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .share-buttons .soc-font-icon { display: none } .show-on-hover .share-buttons { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; padding: 10px 5px 10px 10px; margin-bottom: 10px; background: #fff; -webkit-box-shadow: 1px 3px 16px 0 rgba(0,0,0,.3); box-shadow: 1px 3px 16px 0 rgba(0,0,0,.3); opacity: 0; visibility: hidden; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .slider-link, .slider-link:hover { background-color: rgba(0,0,0,.4) } .show-on-hover .share-buttons:after { position: absolute; left: 50%; bottom: -6px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; content: "" } .show-on-hover .share-buttons:before { position: absolute; left: 0; bottom: -20px; content: " "; display: block; width: 100%; height: 20px } .show-on-hover:hover .share-buttons { visibility: visible; opacity: 1; pointer-events: auto; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .content-rollover-layout-list.mode-grid:not(.portfolio-shortcode) .post-entry-content .entry-title, .content-rollover-layout-list.mode-masonry:not(.portfolio-shortcode) .post-entry-content .entry-title, .content-rollover-layout-list.owl-carousel .post-entry-content .entry-title, .gradient-overlay-layout-list:not(.portfolio-shortcode) .post-entry-content .entry-title { pointer-events: none } .single-share-box .share-buttons a { display: inline-block; width: 50px; height: 30px; min-width: 50px; min-height: 30px; margin: 0 4px 4px 0; border: 1px solid; font-family: 'Font Awesome 5 Brands'; font-size: 14px; line-height: 30px; text-decoration: none; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box } .images-container, .images-list { line-height: 0 } .single-share-box .share-buttons a .icon { display: none } .author-info, .post-navigation .nav-links { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .single-share-box .share-buttons a.facebook { border-color: rgba(76,105,199,.3); color: #4c69c7 } .single-share-box .share-buttons a.facebook:hover { border-color: #4c69c7 } .single-share-box .share-buttons a.facebook:before { content: "\f39e" } .single-share-box .share-buttons a.twitter { border-color: rgba(42,190,235,.3); font-size: 15px; color: #2abeeb } .single-share-box .share-buttons a.twitter:hover { border-color: #2abeeb } .single-share-box .share-buttons a.twitter:before { content: "\f099" } .single-share-box .share-buttons a.google { border-color: rgba(230,66,53,.3); color: #e64235 } .single-share-box .share-buttons a.google:hover { border-color: #e64235 } .single-share-box .share-buttons a.google:before { content: "\f0d5" } .single-share-box .share-buttons a.pinterest { border-color: rgba(207,40,52,.3); font-size: 16px; color: #cf2834 } .single-share-box .share-buttons a.pinterest:hover { border-color: #cf2834 } .single-share-box .share-buttons a.pinterest:before { content: "\f0d2" } /*鍥涗憨鍦?/ .single-share-box .share-buttons a.renren { border-color: rgba(0, 123, 199, 0.3); color: #007bc7; } .single-share-box .share-buttons a.renren:hover { border-color: #007bc7; } .single-share-box .share-buttons a.renren:before { content: "\f18b"; } .single-share-box .share-buttons a.weibo { border-color: #F9A1A2; color: #D80C10; } .single-share-box .share-buttons a.weibo:hover { border-color: #D80C10; } .single-share-box .share-buttons a.weibo:before { content: "\f18a"; } .single-share-box .share-buttons a.qzone { border-color: #7270FB; color: #1C1AEF; } .single-share-box .share-buttons a.qzone:hover { border-color: #1C1AEF; } .single-share-box .share-buttons a.qzone:before { content: "\f1d6"; } .single-share-box .share-buttons a.weixin { border-color: #4EF361; color: #0CB005; } .single-share-box .share-buttons a.weixin:hover { border-color: #0CB005; } .single-share-box .share-buttons a.weixin:before { content: "\f1d7"; } .single-share-box .share-buttons a.kaixin { border-color: #F0E368; color:#bFaD00; } .single-share-box .share-buttons a.kaixin:hover { border-color: #BFA522; } .single-share-box .share-buttons a.kaixin:before { content: "\f1d1"; } /*鍥涗憨鍦?/ .single-share-box .share-buttons a.linkedin { border-color: rgba(0,123,199,.3); color: #007bc7 } .single-share-box .share-buttons a.linkedin:hover { border-color: #007bc7 } .single-share-box .share-buttons a.linkedin:before { content: "\f0e1" } .single-share-box .share-buttons a.whatsapp { border-color: rgba(54,183,77,.3); font-size: 16px; color: #36b74d } .single-share-box .share-buttons a.whatsapp:hover { border-color: #36b74d } .single-share-box .share-buttons a.whatsapp:before { content: "\f232" } .author-info { display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .author-avatar { -webkit-flex: 0 0 80px; -moz-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; margin-right: 30px } .author-avatar.no-avatar { width: 80px; height: 80px; border-radius: 50% } .author-avatar.no-avatar.no-avatar:after { content: "\f007"; font-size: 36px } .author-description h4 { margin-bottom: 5px } .author-description .author-link { display: inline-block; margin-bottom: 20px; text-decoration: none } .author-description .author-link:hover { text-decoration: underline } .clear-form, .comment-meta a, .comment-reply-link, .fn a, .navigation-inner a, .pingback a, .project-details, .project-link, .project-zoom, .vc-item .vc_read_more { text-decoration: none } .post-navigation { margin-bottom: 50px } .post-navigation:last-child { margin-bottom: 0 } .post-navigation .nav-links { display: flex; padding: 25px 0; border-width: 1px 0; border-style: solid } .disabled-post-navigation.post-navigation .nav-links { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .post-navigation .nav-links .back-to-list i[class^=fa] { font-size: 28px } .meta-nav { margin-bottom: 5px } .post-navigation .back-to-list, .post-navigation .nav-next, .post-navigation .nav-previous { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; text-decoration: none } .back-to-list { width: 30px } .rtl .back-to-list { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .nav-previous { width: 45%; padding-left: 35px; margin-right: 30px } .nav-previous i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 42px } .nav-previous .post-title { -ms-flex-item-align: flex-start; align-self: flex-start } .rtl .nav-previous .post-title { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; -ms-flex-item-align: flex-end; align-self: flex-end } .rtl .nav-previous { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end } .post-navigation .nav-next { padding-right: 35px; margin-left: 30px; width: 45%; text-align: right } .post-navigation .nav-next i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 42px } .images-list, .project-post { position: relative } .post-navigation .nav-next .post-title { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; -ms-flex-item-align: flex-end; align-self: flex-end; max-width: 100% } .rtl .post-navigation .nav-next .post-title { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start } .rtl .nav-next { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0 } .single .project-slider { margin-bottom: 45px } .single-gallery-media { padding-bottom: 45px } .single .project-content { margin-bottom: 55px } .images-list { margin-bottom: 20px } .images-list img, .images-list:last-child { margin-bottom: 0 } .images-list-caption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; z-index: 99 } .images-list-inner { position: absolute; bottom: 0; display: inline-block; margin: 0 20px; padding: 15px 0 } .images-list-inner h4, .slider-post-inner h4 { display: inline-block; margin: 5px 0 0 } .images-list-inner, .images-list-inner * { color: #fff }/*!-Slideshow description*/ .slider-post-inner h4 { vertical-align: middle } #main .images-list-inner h4, #main .slider-post-inner h4, .images-list-inner, .slider-post-inner { text-shadow: 1px 1px 5px rgba(0,0,0,.5) } .images-list-inner .album-content-btn, .slider-post-inner .album-content-btn { display: block; float: left; width: 100%; margin-bottom: 0 } .images-list-inner p { margin-bottom: 0 } .slider-link { display: block; float: left; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E"); -webkit-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; -webkit-transition: opacity .2s ease; transition: opacity .2s ease } .images-list-inner .share-button.entry-share, .slider-link, .slider-post-inner .share-button.entry-share { margin: 0 5px 5px 0; background-position: center center; -webkit-box-sizing: border-box; box-sizing: border-box } .single-related-posts { padding-bottom: 35px; margin-bottom: 50px; border-bottom: 1px solid } .single-related-posts:last-child { margin-bottom: 0 } .single-related-posts .items-grid { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -25px -25px } .single-related-posts .items-grid>.related-item { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; width: 33%; padding: 0 25px 25px; box-sizing: border-box } .comment-respond, .comments-area, .project-info-box, .single-related-posts { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .sidebar-left .single-related-posts .items-grid>.related-item, .sidebar-right .single-related-posts .items-grid>.related-item { width: 50% } .comment-respond, .comments-area, .single-related-posts { display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .comment-respond>h3, .comments-area>h3, .single-related-posts>h3 { position: relative; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; padding-bottom: 10px; margin-bottom: 40px } .comment-respond>h3:after, .comments-area>h3:after, .single-related-posts>h3:after { position: absolute; bottom: 0; left: 50%; width: 60px; height: 3px; margin-left: -30px; content: "" } .single-related-posts>h3 { margin-bottom: 35px } .single-portfolio .single-related-posts { padding-bottom: 60px } .single-portfolio .single-related-posts>h3 { margin-bottom: 40px } #comments .children, #comments .comment-list { margin: 0; padding: 0; list-style: none } #comments .comment-list { padding-bottom: 50px } #comments .comment-list:last-child { padding-bottom: 0 } .comment-list .comment-body { position: relative; padding: 30px 30px 15px 120px; margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .comment-list>li:first-child>.comment-body { margin-top: 0 } #comments .children { margin-left: 90px } .comment-author-name { display: block; margin-bottom: 5px } .comment-author-name a { font: inherit!important } .comment-metadata { margin-bottom: 20px } .comment-author .avatar, .comment-author .rollover { float: left; margin: 0 30px 15px -90px } .comment-author .avatar, .comment-author .rollover, .comment-author .rollover i { -webkit-border-radius: 50%; border-radius: 50% } .comment-author .rollover .avatar { margin: 0 } .comment-content { overflow: hidden; margin-bottom: 10px } .comment-list .reply { text-align: right; margin-bottom: 10px } .comment-reply-link { margin-left: 10px; font-weight: 700 } .comment-reply-title>small { display: block; text-align: center } .comment-reply-title #cancel-comment-reply-link { display: inline-block; float: none; padding-left: 15px; text-align: center } .comment-notes, .logged-in-as { text-align: center; margin-bottom: 15px } .comment-form .form-fields { overflow: hidden; margin-bottom: 10px } #page .comment-respond .dt-btn, #page .comment-respond p.form-submit { margin-bottom: 0 } .rtl #page .comment-respond .dt-btn { float: left } .says { height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important } .comment #respond { padding-top: 24px } #respond #submit { display: none } #commentform textarea, .dt-contact-form textarea { width: 100%; margin: 0 0 10px } #reply-title small a:hover, .clear-form:hover, .comment-meta a:hover, .comment-reply-link:hover, .pingback a:hover { text-decoration: underline } #wp-calendar td a, #wp-calendar tfoot td a:hover, .cat-item a, .custom-categories a, .custom-menu a, .custom-nav>li>ul a:hover, .items-grid .post-content>a, .menu a, .project-post .btn-project-link, .project-share-overlay .share-button.entry-share, .recent-posts a, .tp_recent_tweets li a, .widget_nav_menu a:hover, .widget_pages a, .widget_tag_cloud a { text-decoration: none } .project-share-overlay { position: relative; display: inline-block; padding-top: 5px; padding-bottom: 5px } .project-info-box { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; margin-bottom: 40px } .project-post .btn-project-link { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; min-width: 220px; height: 50px; border: 2px solid; margin-bottom: 15px; font-weight: 700; -webkit-box-sizing: border-box; box-sizing: border-box } #page .project-share-overlay .share-button.entry-share { padding: 0 0 0 23px } .share-button.entry-share { display: inline-block; padding: 0 0 0 23px } .btn-project-link.no-text, .share-button.entry-share.no-text { width: 36px; height: 36px; padding: 0; text-indent: -9999px } .btn-project-link, .share-button.entry-share, .share-overlay .soc-ico a { -webkit-transition: all .2s ease; transition: all .2s ease } .images-list-inner .share-button.entry-share, .photo-scroller .share-button.entry-share, .slider-post-inner .share-button.entry-share { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E") } .project-share-overlay:not(.allways-visible-icons) .soc-ico { position: absolute; z-index: 999; bottom: 46px; width: 150px; height: 36px; padding: 0 3px; visibility: hidden; overflow: visible; opacity: 0; background-color: #fff; text-align: center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2) } .single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 48px } .project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 38px } .project-share-overlay:not(.allways-visible-icons) .soc-ico:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { position: absolute; left: 50%; margin-left: -5px; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: "" } .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { margin-left: -6px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0,0,0,.1) } .project-share-overlay:not(.allways-visible-icons) .soc-ico a { display: none; float: none; width: 24px; margin: 7px 3px 0; background: 0 0!important } #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a { box-shadow: none } .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover { background: 0 0!important; opacity: .6 } .project-share-overlay:not(.allways-visible-icons) .soc-ico a:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:before { display: none } #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .soc-font-icon, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .soc-font-icon { color: #000 } .project-share-overlay.allways-visible-icons .soc-ico { display: inline-block; vertical-align: middle; margin-left: 10px } .slide-caption .btn-project-link, .slide-caption .share-button.entry-share { border-color: rgba(255,255,255,.35) } .slide-caption .btn-project-link:hover, .slide-caption .share-button.entry-share:hover { background-color: rgba(255,255,255,.35); border-color: rgba(255,255,255,.35) } .sidebar-divider-off #sidebar, .sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg { border: none } #bottom-bar.full-width-line .wf-container-bottom, #bottom-bar.solid-bg .wf-container-bottom, .empty-footer.solid-bg #bottom-bar.full-width-line, .empty-footer.solid-bg .wf-container-bottom, .footer.full-width-line .wf-container-footer, .footer.solid-bg .wf-container-footer, .sidebar .widget-divider-off .widget, .sidebar .widget:first-child, .sidebar-content .widget:first-child, .sidebar-content.widget-divider-off .widget, .solid-bg.sidebar-content .widget { border-top: none } .single-attachment article.type-attachment { text-align: center } .single-attachment article.type-attachment .rollover { display: inline-block } .sidebar { position: relative; z-index: 9 } .sidebar-none .sidebar { display: none } .sidebar-left .wf-wrap:after, .sidebar-left .wf-wrap:before, .sidebar-right .wf-wrap:after, .sidebar-right .wf-wrap:before, .widget:after, .widget:before { display: table; content: "" } #main .ui-widget-content { clear: both } .sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg { padding-right: 0 } .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg { padding-left: 0 } .no-cssgridlegacy.no-cssgrid .sidebar-none .content, .sidebar-none .content { width: 100% } .sidebar .widget, .sidebar-content .widget { padding: 0; margin-bottom: -10px } .sidebar.solid-bg .widget, .solid-bg .sidebar-content .widget, .solid-bg.sidebar-content .widget { padding-left: 25px; padding-right: 25px } .bg-under-widget .sidebar-content .widget, .sidebar.bg-under-widget .widget, .solid-bg.sidebar-content .widget { margin-bottom: 0; padding: 25px 25px 15px } .bg-under-widget .sidebar-content .widget:first-child, .sidebar.bg-under-widget .widget:first-child, .solid-bg.sidebar-content .widget:first-child { margin-top: 0 } .content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child, .sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child { padding-top: 0 } .footer .widget { margin-bottom: 30px } .widget:after, .widget:before { clear: both } .widget-info { margin-bottom: 10px } .content .widget ul { list-style: none } .widget-title { margin-bottom: 25px; clear: both } .custom-categories, .widget_categories ul { padding-bottom: 10px } .cat-item, .custom-categories li { overflow: hidden; margin: 9px 0 0; padding: 10px 0 0 } .custom-categories li { margin-top: 0 } .cat-item:first-child, .custom-categories>li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } #wp-calendar, #wp-calendar caption { border-style: solid; border-width: 1px } .custom-categories a { display: block; clear: both } .custom-categories span.item-name { float: left } .custom-categories span.item-num { float: right; margin-left: 10px } .cat-item ul, .custom-categories ul { margin-left: 20px } #wp-calendar { margin: 25px 0 15px } #wp-calendar caption { padding: 5px 0; margin: 0; height: auto; border-bottom: none } #wp-calendar th { height: 25px; font-weight: 400 } .content #wp-calendar th { border: none } #wp-calendar td { width: 34px; height: 25px; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; line-height: 20px; cursor: default } #wp-calendar td.act { color: #fff } #wp-calendar td a { display: block; width: 100% } #wp-calendar td.pad, .footer #wp-calendar td.pad { background: 0 0!important; border: none } #wp-calendar tfoot td { width: auto } #wp-calendar tfoot td#prev { padding-left: 10px; text-align: left } #wp-calendar tfoot td#next { padding-right: 10px; text-align: right } #wp-calendar tfoot td a:hover { background: 0 0 } .shortcode-contact-info, .shortcode-contacts { margin-bottom: 20px } .contact-info, .content .contact-info { margin: 0; padding-bottom: 10px } .contact-info li { margin: 10px 0 0; list-style: none } .contact-info li:first-child { margin-top: 0 } .widget .soc-ico { padding: 5px 0 10px } .custom-nav { margin: 0 } .custom-nav>li:first-child { border-top: none!important } .custom-nav>li>a { display: block; position: relative; padding: 0 0 10px; text-decoration: none } .custom-nav>li>a span { display: inline-block } .custom-nav>li li a:before, .custom-nav>li>a:before { display: block; position: absolute; top: 14px; right: 0; width: 13px; height: 13px; content: ""; background-repeat: no-repeat; background-position: center center } .custom-nav>li .custom-menu li { border: none!important } .custom-nav>li li a { padding-left: 12px; background-image: none!important } .custom-nav>li li a:before { top: 50%; margin-top: -1px; right: auto; left: 0; width: 3px; height: 3px; -webkit-border-radius: 50%; border-radius: 50% } .custom-nav>li>ul { display: none; margin: 0; padding: 0 20px 15px } .custom-nav>li>ul a span { display: inline-block } .custom-nav>li li { margin-top: 0; padding-top: 7px } .bg-under-widget .custom-nav>li:last-child>ul, .custom-nav>li:last-child>ul, .solid-bg .custom-nav>li:last-child>ul { margin-bottom: -5px } .custom-menu .widget_pages>ul, .menu { margin: 0; padding: 0 0 10px } .menu li, .qts-lang-menu li, .widget_pages li { display: block; position: relative; margin: 9px 0 0; padding: 10px 0 0 } .custom-menu a, .widget_nav_menu a { display: inline-block } .custom-menu li { margin: 6px 0 0; padding: 7px 0 0 } .dividers-on.custom-menu li { margin: 9px 0 0; padding: 10px 0 0 } .custom-menu>li:first-child, .menu>li:first-child, .qts-lang-menu li:first-child, .widget_pages>ul>li:first-child { border: none!important; margin-top: 0; padding-top: 0 } #page .qtrans_flag { width: auto; height: auto; background-position: 0 center } .custom-menu a { position: relative; background-repeat: no-repeat; background-position: 0 5px } .show-arrow.custom-menu a { padding-left: 23px } .enable-bold.custom-menu a { font-weight: 700 } .custom-menu.show-arrow a:before, .widget_presscore-custom-menu-one .custom-menu.show-arrow a:after { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; content: "" } .custom-nav.show-arrow>.has-children>a:after { display: block; position: absolute; top: 0; right: 0; margin-top: 5px; width: 8px; height: 8px; content: "" } .widget_pages a, .widget_tag_cloud a { display: inline-block } .content .custom-menu li ul, .content .menu li ul, .content .widget_pages li ul, .custom-menu li ul, .menu li ul, .widget_pages li ul { margin-left: 20px } .custom-nav .custom-menu li ul { padding-top: 10px } .tagcloud { padding-bottom: 15px } .widget_tag_cloud a { padding: 0 3px; margin-bottom: 2px } .recent-posts { margin: 0; padding: 0 0 5px } .recent-posts li { display: block; overflow: hidden; margin: 9px 0 0; padding: 15px 0 0 } .recent-posts li article { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .widget .recent-posts li { margin-top: 0 } .recent-posts>li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .items-grid .post-content>a, .recent-posts a { display: inline-block } .items-grid .post-content>p, .recent-posts .post-content>p { margin-top: 10px } .recent-posts .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0 } .widget .tp_recent_tweets { margin-bottom: 10px } .widget .tp_recent_tweets li .twitter_time { position: relative; padding: 0 0 0 20px } .widget .tp_recent_tweets li { padding: 15px 0 0; background-image: none } .tp_recent_tweets li, .tp_recent_tweets li * { line-height: inherit } .widget .tp_recent_tweets li:first-child { margin-top: 0; padding-top: 0; border: none!important } .widget .tp_recent_tweets li .twitter_time:before { position: absolute; display: block; top: 2px; left: 0; width: 15px; height: 15px; content: ""; background-position: 0 0; background-repeat: no-repeat } .widget .tp_recent_tweets li:first-child:before { top: 5px } .tp_recent_tweets li a { font-weight: 400 } .widget .tp_recent_tweets .twitter_time { font-style: normal } .widget .tp_recent_tweets .twitter_time:hover { text-decoration: underline } .st-accordion li>a:hover, .textwidget a, a.rsswidget, a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none } .content .searchform, .widget .searchform { position: relative } .widget_search form { margin: 5px 0 15px } .widget_search input[type=text] { width: 100%; margin: 0 } .content .searchform input, .widget .searchform input { padding-right: 30px } .content .searchform .submit, .widget .searchform .submit, .widget .searchsubmit { position: absolute; top: 12px; right: 15px; width: 16px; height: 16px; padding: 0; background-position: 0 0; background-repeat: no-repeat } .skills { padding-bottom: 5px } .skills.hide-percent .skill-value>span { display: none!important } html:not(.mobile-true) .skill-value { -webkit-transition: width 1.2s ease; transition: width 1.2s ease; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; -webkit-transition-delay: .3s } .skill-name { margin-bottom: 5px } .skill-name span { margin-left: 5px } .skill { margin-bottom: 15px; height: 7px } .skill-value { position: relative; width: 0; height: 100% } .skill-value:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px } .skill-value span { position: absolute; top: -26px; right: -16px; margin-right: 4px; padding: 2px 6px 3px; background-color: rgba(0,0,0,.8); color: #fff; font-size: 10px; font-family: Tahoma, san-serif; line-height: 14px } .skill-value span:after { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0,0,0,.8); content: "" } .widget .rsContW { padding-top: 5px } .blogroll>ul, .custom-menu, .widget_archive>ul, .widget_categories>ul, .widget_links>ul, .widget_meta>ul, .widget_recent_comments>ul, .widget_recent_entries>ul { padding-bottom: 10px } .blogroll li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li { margin: 10px 0 0; padding: 0 } .blogroll li:first-child, .custom-menu>li:first-child, .widget_archive>ul>li:first-child, .widget_categories li:first-child, .widget_links>ul>li:first-child, .widget_meta li:first-child, .widget_recent_comments>ul>li:first-child, .widget_recent_entries li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .blogroll a, .widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a { display: inline-block; text-decoration: none } .st-accordion { padding-bottom: 10px } .st-accordion ul { margin: 0 } .st-accordion>ul>li { overflow: hidden; margin: 0; padding: 9px 0 0; list-style: none } .st-accordion>ul>li:first-child .st-content { display: block } .st-accordion>ul>li:first-child { padding-top: 0; margin-top: 0; border: none } .st-accordion li>a { display: inline-block; position: relative; padding-left: 25px; outline: 0 } .st-accordion li>a:after, .st-accordion li>a:before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 14px; height: 14px; content: "" } .st-accordion li>a:after { background-position: center center; background-repeat: no-repeat } .st-content { display: none; padding: 10px 0 5px } .st-content p { margin-bottom: 0 } .textwidget, h1, h2, h3, h4, h5, h6, p { margin-bottom: 10px } .textwidget img { height: auto } .textwidget input { width: 100% } .textwidget .owl-stage { max-width: none } a.rsswidget { display: inline-block } body { overflow-x: hidden } body.responsive-off { min-width: 998px; overflow-x: auto } h1, h2, h3, h4, h5, h6 { clear: both } a { text-decoration: underline } .content ol, .content ul { margin: 0 0 10px 20px } .fa-ul li { list-style: none } .content .widget ol, .content .widget ul { margin: 0 } .content ul { list-style: disc } .font-arrow ul, .gform_fields li, .image-arrow li { list-style: none } .content ol { list-style-type: decimal } .content table { border-bottom: 1px solid transparent; width: 100%; margin: 0 0 10px } .content table caption { margin: 10px 0 } .content td, .content th { border-top: 1px solid transparent; padding: 5px 10px 5px 5px } .content th { text-align: left } .post .rollover, .post .rollover-video:not(.ts-slide), .post img, img[class*=align], img[class*=wp-image-], img[class*=attachment-] { max-width: 100%; height: auto } .recent-posts .alignleft img { max-width: inherit; height: inherit } blockquote { padding: 20px 25px; margin: 0 0 10px } .format-status-content { border: none } .alignleft { float: left; margin: 0 30px 10px 0 } #footer .alignleft, #sidebar .alignleft { margin-right: 20px } .alignright { float: right; margin: 0 0 10px 30px } #footer .alignright, #sidebar .alignright { margin-left: 20px } .aligncenter { display: block; margin: 0 auto 10px } #main-nav:before, #top-bar:before, .header-bottom-bar:before, .layout-list .post:before, .wf-clearfix:after, .wf-clearfix:before, .wf-container:before { display: table; content: "" } .alignnone { float: none; margin: 0 auto 10px } .shortcode-single-image-wrap.aligncenter, .shortcode-single-image-wrap.alignnone { margin-left: auto!important; margin-right: auto!important } .wp-caption { max-width: 100% } .gap, .gap-10, .gap-20, .gap-30, .gap-40, .hr-thick, .hr-thin, .vc_empty_space { clear: both } .hr-thick { height: 1px; line-height: 1px; border-bottom-style: solid; border-bottom-width: 5px; margin: 0 auto } .hr-thin { height: 9px; line-height: 9px; margin: 0 auto } .hr-thin.hr-left { margin: 0 } .hr-thin.hr-right { margin: 0 0 0 auto } .divider-heder, .layout-list .divider-heder, .layout-masonry .divider-heder, .page .divider-heder, .single .divider-heder { margin: 25px 0 36px } .divider-comments { margin: 0 0 35px } .divider-post { margin: 10px 0 20px } .text-centered { text-align: center } a.text-secondary { text-decoration: none } a.text-secondary:hover { text-decoration: underline } #main .gform_wrapper .gform_footer input.button:hover, #main .gform_wrapper .gform_footer input[type=submit]:hover, #main-slideshow .tp-button:hover, #page .skip-link, .btn-link, .dt-btn:hover, .dt-form button:hover, .mc4wp-form input[type=submit]:hover, .nsu-submit:hover, .post-password-form input[type=submit]:hover, .tml-submit-wrap input[type=submit]:hover, .woocommerce-widget-layered-nav-dropdown__submit:hover, .wpb_accordion .wpb_accordion_wrapper .ui-state-active>a:hover, a.button:hover, button.button:hover, div.mc4wp-form button[type=submit]:hover, form.mc4wp-form input[type=submit]:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { text-decoration: none } .assistive-text { position: absolute!important } #page, .fancy-parallax-bg>.wf-wrap, .full-width-wrap, .page-title-parallax-bg>.wf-wrap, .static-height { position: relative } .assistive-info { text-align: right; color: #fff } .wf-clearfix:after { clear: both } .ancient-ie .wf-clearfix { zoom: 1 } #main-nav:after, #top-bar:after, .header-bottom-bar:after, .layout-list .post:after, .wf-container:after { content: ""; display: table; clear: both } .ancient-ie #main-nav, .ancient-ie #top-bar, .ancient-ie .header-bottom-bar, .ancient-ie .layout-list .post, .ancient-ie .wf-container { zoom: 1 } #page { overflow: hidden } .footer-overlap #page { background: 0 0 } #page.boxed { max-width: 1320px; margin: 0 auto; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.15); box-shadow: 0 0 12px rgba(0,0,0,.15) } .main-gradient { display: none } #main { padding: 50px 0 } .fancy-parallax-bg, .page-title-parallax-bg { background-attachment: fixed!important; background-position-x: 50% } .mobile-false .fancy-parallax-bg, .mobile-false .page-title-parallax-bg { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease }/*!-Video */ embed, iframe, object, video { max-width: 100% }/*!-Parallax background for device*/ .mobile-true .fancy-parallax-bg, .mobile-true .page-title-parallax-bg { background-attachment: scroll!important; background-size: auto!important }/*!-Row settings->Full-width content*/ .full-width-wrap { display: block; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .is-iphone .full-width-wrap, .popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text, .popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-valid-tip-text, .popup-message-style #page .wpcf7-validation-errors .wpcf7-not-valid-tip-text, .popup-message-style #page .wpcf7-validation-errors .wpcf7-valid-tip-text { opacity: 1 } .content .vc_row.full-width-wrap>.wpb_column, .full-width-wrap>.wf-cell, .full-width-wrap>.wpb_column, .full-width-wrap>.wpb_column>.vc_column-inner { padding-left: 0; padding-right: 0 }/*!-WP Audio*/ .mejs-controls .mejs-play:hover button { background-position: 0 0 } .mejs-controls .mejs-pause button, .mejs-controls .mejs-pause:hover button { background-position: 0 -16px } .mejs-controls button { -webkit-box-shadow: none; box-shadow: none } .mejs-controls .mejs-mute button:hover { background-position: -16px -16px } .mejs-controls .mejs-unmute button:hover { background-position: -16px 0 } .screen-reader-text { height: 1px; overflow: hidden; position: absolute!important; width: 1px } #page .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0,0,0,.2); color: #21759b; display: block; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 700; left: -9999em; outline: 0; padding: 15px 23px 14px; text-transform: none; top: -9999em } article.attachment:after, article.attachment:before { content: ""; display: table; clear: both } .wpcf7-number, input[type=text], input[type=search], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], input[type=password], select, textarea { padding: 5px 15px; margin-bottom: 10px; border: 1px solid #e0e1e1; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } input[type=button] { outline: 0 } @media all and (-ms-high-contrast:none) { .dt-form textarea { min-height: 100px } } .comment-form .form-fields>span { -webkit-box-sizing: border-box; box-sizing: border-box } .form-fields input, .login-password input, .login-username input { width: 100% } .form-message { display: block; margin-bottom: 10px } .inline-message-style .form-message { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .inline-message-style .form-message .formError { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0 } .inline-message-style .form-message textarea { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], input[type=password], textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } .form-fields>span { position: relative; display: block } .inline-message-style .form-fields>span { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .inline-message-style .form-fields>span .formError { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0 } .inline-message-style .form-fields>span input { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .form-allowed-tags { margin-bottom: 20px } #cancel-comment-reply-link, .clear-form { position: relative; float: right; padding: 0 15px 0 0 } #cancel-comment-reply-link:before, .clear-form:before { display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; line-height: 1; content: "\f00d" } .wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input[type=range], .wpcf7-form textarea, .wpcf7-select { width: 100% } .wpcf7-not-valid-tip { display: none } .inline-message-style .wpcf7-mail-sent-ok, .inline-message-style .wpcf7-validation-errors { border: none } .popup-message-style #page .wpcf7-mail-sent-ok, .popup-message-style #page .wpcf7-validation-errors { display: -webkit-flex!important; display: -moz-flex!important; display: -ms-flexbox!important; display: -ms-flex!important; display: flex!important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 10px 40px 0 rgba(0,0,0,.3); border: none!important; position: fixed; top: 50%; left: 100%; width: 400px; max-height: 500px; margin: 0!important; padding: 15px 20px 15px 65px; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(200px, -50%, 0); -ms-transform: translate3d(200px, -50%, 0); transform: translate3d(200px, -50%, 0); -webkit-animation: slide-in-message, slide-out-message; animation: slide-in-message, slide-out-message; -webkit-animation-duration: 1.2s, 1.1s; animation-duration: 1.2s, 1.1s; -webkit-animation-delay: .4s, 9s; animation-delay: .4s, 9s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease; animation-timing-function: ease; font-weight: 700; box-sizing: border-box } .popup-message-style #page .wpcf7-mail-sent-ok:before, .popup-message-style #page .wpcf7-validation-errors:before { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; top: 20px; left: 0; width: 65px; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 28px; line-height: 1; content: "\f06a" } .popup-message-style #page .wpcf7-mail-sent-ok:before { content: "\f058" } input.wpcf7-validates-as-required.wpcf7-not-valid { border-color: #f55b5f } .gform_wrapper .gform_body input[type=text], .gform_wrapper .gform_body input[type=tel], .gform_wrapper .gform_body input[type=url], .gform_wrapper .gform_body input[type=email], .gform_wrapper .gform_body input[type=number], .gform_wrapper .gform_body input[type=password] { padding: 9px 10px 8px; font-size: 100% } .gform_wrapper .gform_body select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select, .mc4wp-form form select { padding: 6px 10px 5px; font-size: 100% } #main .gform_wrapper .ginput_full input:focus+label, #main .gform_wrapper .ginput_left input:focus+label, #main .gform_wrapper .ginput_right input:focus+label { font-weight: 400 } .comment-form-cookies-consent, .the7-form-terms-wrap { margin-bottom: 20px } #wp-comment-cookies-consent, .the7-form-terms { margin-right: 5px } #main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type=submit], #main-slideshow .tp-button, .dt-btn, .dt-form button, .mc4wp-form input[type=submit], .nsu-submit, .post-password-form input[type=submit], .tml-submit-wrap input[type=submit], .woocommerce-widget-layered-nav-dropdown__submit, a.button, button.button, div.mc4wp-form button[type=submit], form.mc4wp-form input[type=submit], input[type=submit], input[type=button], input[type=reset] { position: relative; display: inline-block; border: none; text-decoration: none; white-space: nowrap; -webkit-tap-highlight-color: transparent } .full-width-btn.dt-btn { display: block; text-align: center; clear: both } #page .btn-margin, #page .btn-margin:last-child, #page .dt-contact-form .dt-btn { margin-right: 10px } #page .btn-margin-left, #page .btn-margin-left:last-child { margin-left: 10px } .btn-shortcode { margin-bottom: 10px } .woocommerce-widget-layered-nav-dropdown__submit, button.button, input.button, input[type=submit], input[type=button], input[type=reset] { border: none } #page .btn-link { padding: 0 } .btn-link { display: inline-block } .btn-shadow .dt-btn { transform: translateZ(0) } .dt-btn-m i[class^=fa], .dt-btn-s i[class^=fa] { margin-right: 8px } .dt-btn-l i[class^=fa] { margin-right: 9px } .dt-btn-m.ico-right-side i[class^=fa], .dt-btn-s.ico-right-side i[class^=fa] { margin-right: 0; margin-left: 8px } .dt-btn-l.ico-right-side i[class^=fa] { margin-right: 0; margin-left: 9px } .btn-3d #place_order, .btn-3d .button.wc-backward, .btn-3d .checkout-button, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn), .btn-3d .dt-form button, .btn-3d .dt-wc-btn, .btn-3d .mc4wp-form input[type=submit], .btn-3d .nsu-submit, .btn-3d .post-password-form input[type=submit], .btn-3d .single_add_to_cart_button.button, .btn-3d .tml-submit-wrap input[type=submit], .btn-3d .track_order input[name=track], .btn-3d .widget .dt-form .dt-btn, .btn-3d .woocommerce-Button.button, .btn-3d .woocommerce-Button[name=register], .btn-3d .woocommerce-Reviews .submit, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit, .btn-3d .wpcf7-form input[type=submit], .btn-3d .wpcf7-submit, .btn-3d a.button, .btn-3d button.button, .btn-3d button[name=calc_shipping], .btn-3d div.mc4wp-form button[type=submit], .btn-3d input#place_order, .btn-3d input[name=save_address], .btn-3d input[name=apply_coupon], .btn-3d input[name=login], .btn-3d input[type=submit]:not([name=update_cart]), .btn-3d input[type=reset] { top: 0; border-bottom: 2px solid; -webkit-transition: none; transition: none } .btn-3d #place_order:after, .btn-3d .button.wc-backward:after, .btn-3d .checkout-button:after, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-3d .dt-form button:after, .btn-3d .dt-wc-btn:after, .btn-3d .mc4wp-form input[type=submit]:after, .btn-3d .nsu-submit:after, .btn-3d .post-password-form input[type=submit]:after, .btn-3d .single_add_to_cart_button.button:after, .btn-3d .tml-submit-wrap input[type=submit]:after, .btn-3d .track_order input[name=track]:after, .btn-3d .widget .dt-form .dt-btn:after, .btn-3d .woocommerce-Button.button:after, .btn-3d .woocommerce-Button[name=register]:after, .btn-3d .woocommerce-Reviews .submit:after, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-3d .wpcf7-form input[type=submit]:after, .btn-3d .wpcf7-submit:after, .btn-3d a.button:after, .btn-3d button.button:after, .btn-3d button[name=calc_shipping]:after, .btn-3d div.mc4wp-form button[type=submit]:after, .btn-3d input#place_order:after, .btn-3d input[name=save_address]:after, .btn-3d input[name=apply_coupon]:after, .btn-3d input[name=login]:after, .btn-3d input[type=submit]:not([name=update_cart]):after, .btn-3d input[type=reset]:after, .btn-flat #place_order:after, .btn-flat .button.wc-backward:after, .btn-flat .checkout-button:after, .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-flat .dt-form button:after, .btn-flat .dt-wc-btn:after, .btn-flat .mc4wp-form input[type=submit]:after, .btn-flat .nsu-submit:after, .btn-flat .post-password-form input[type=submit]:after, .btn-flat .single_add_to_cart_button.button:after, .btn-flat .tml-submit-wrap input[type=submit]:after, .btn-flat .track_order input[name=track]:after, .btn-flat .widget .dt-form .dt-btn:after, .btn-flat .woocommerce-Button.button:after, .btn-flat .woocommerce-Button[name=register]:after, .btn-flat .woocommerce-Reviews .submit:after, .btn-flat .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-flat .wpcf7-form input[type=submit]:after, .btn-flat .wpcf7-submit:after, .btn-flat a.button:after, .btn-flat button.button:after, .btn-flat button[name=calc_shipping]:after, .btn-flat div.mc4wp-form button[type=submit]:after, .btn-flat input#place_order:after, .btn-flat input[name=save_address]:after, .btn-flat input[name=apply_coupon]:after, .btn-flat input[name=login]:after, .btn-flat input[type=submit]:not([name=update_cart]):after, .btn-flat input[type=reset]:after, .btn-shadow #place_order:after, .btn-shadow .button.wc-backward:after, .btn-shadow .checkout-button:after, .btn-shadow .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-shadow .dt-form button:after, .btn-shadow .dt-wc-btn:after, .btn-shadow .mc4wp-form input[type=submit]:after, .btn-shadow .nsu-submit:after, .btn-shadow .post-password-form input[type=submit]:after, .btn-shadow .single_add_to_cart_button.button:after, .btn-shadow .tml-submit-wrap input[type=submit]:after, .btn-shadow .track_order input[name=track]:after, .btn-shadow .widget .dt-form .dt-btn:after, .btn-shadow .woocommerce-Button.button:after, .btn-shadow .woocommerce-Button[name=register]:after, .btn-shadow .woocommerce-Reviews .submit:after, .btn-shadow .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-shadow .wpcf7-form input[type=submit]:after, .btn-shadow .wpcf7-submit:after, .btn-shadow a.button:after, .btn-shadow button.button:after, .btn-shadow button[name=calc_shipping]:after, .btn-shadow div.mc4wp-form button[type=submit]:after, .btn-shadow input#place_order:after, .btn-shadow input[name=save_address]:after, .btn-shadow input[name=apply_coupon]:after, .btn-shadow input[name=login]:after, .btn-shadow input[type=submit]:not([name=update_cart]):after, .btn-shadow input[type=reset]:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-border-radius: inherit; border-radius: inherit } .btn-3d #place_order:active:after, .btn-3d .button.wc-backward:active:after, .btn-3d .checkout-button:active:after, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-3d .dt-form button:active:after, .btn-3d .dt-wc-btn:active:after, .btn-3d .mc4wp-form input[type=submit]:active:after, .btn-3d .nsu-submit:active:after, .btn-3d .post-password-form input[type=submit]:active:after, .btn-3d .single_add_to_cart_button.button:active:after, .btn-3d .tml-submit-wrap input[type=submit]:active:after, .btn-3d .track_order input[name=track]:active:after, .btn-3d .widget .dt-form .dt-btn:active:after, .btn-3d .woocommerce-Button.button:active:after, .btn-3d .woocommerce-Button[name=register]:active:after, .btn-3d .woocommerce-Reviews .submit:active:after, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-3d .wpcf7-form input[type=submit]:active:after, .btn-3d .wpcf7-submit:active:after, .btn-3d a.button:active:after, .btn-3d button.button:active:after, .btn-3d button[name=calc_shipping]:active:after, .btn-3d div.mc4wp-form button[type=submit]:active:after, .btn-3d input#place_order:active:after, .btn-3d input[name=save_address]:active:after, .btn-3d input[name=apply_coupon]:active:after, .btn-3d input[name=login]:active:after, .btn-3d input[type=submit]:not([name=update_cart]):active:after, .btn-3d input[type=reset]:active:after, .btn-flat #place_order:active:after, .btn-flat .button.wc-backward:active:after, .btn-flat .checkout-button:active:after, .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-flat .dt-form button:active:after, .btn-flat .dt-wc-btn:active:after, .btn-flat .mc4wp-form input[type=submit]:active:after, .btn-flat .nsu-submit:active:after, .btn-flat .post-password-form input[type=submit]:active:after, .btn-flat .single_add_to_cart_button.button:active:after, .btn-flat .tml-submit-wrap input[type=submit]:active:after, .btn-flat .track_order input[name=track]:active:after, .btn-flat .widget .dt-form .dt-btn:active:after, .btn-flat .woocommerce-Button.button:active:after, .btn-flat .woocommerce-Button[name=register]:active:after, .btn-flat .woocommerce-Reviews .submit:active:after, .btn-flat .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-flat .wpcf7-form input[type=submit]:active:after, .btn-flat .wpcf7-submit:active:after, .btn-flat a.button:active:after, .btn-flat button.button:active:after, .btn-flat button[name=calc_shipping]:active:after, .btn-flat div.mc4wp-form button[type=submit]:active:after, .btn-flat input#place_order:active:after, .btn-flat input[name=save_address]:active:after, .btn-flat input[name=apply_coupon]:active:after, .btn-flat input[name=login]:active:after, .btn-flat input[type=submit]:not([name=update_cart]):active:after, .btn-flat input[type=reset]:active:after, .btn-shadow #place_order:active:after, .btn-shadow .button.wc-backward:active:after, .btn-shadow .checkout-button:active:after, .btn-shadow .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-shadow .dt-form button:active:after, .btn-shadow .dt-wc-btn:active:after, .btn-shadow .mc4wp-form input[type=submit]:active:after, .btn-shadow .nsu-submit:active:after, .btn-shadow .post-password-form input[type=submit]:active:after, .btn-shadow .single_add_to_cart_button.button:active:after, .btn-shadow .tml-submit-wrap input[type=submit]:active:after, .btn-shadow .track_order input[name=track]:active:after, .btn-shadow .widget .dt-form .dt-btn:active:after, .btn-shadow .woocommerce-Button.button:active:after, .btn-shadow .woocommerce-Button[name=register]:active:after, .btn-shadow .woocommerce-Reviews .submit:active:after, .btn-shadow .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-shadow .wpcf7-form input[type=submit]:active:after, .btn-shadow .wpcf7-submit:active:after, .btn-shadow a.button:active:after, .btn-shadow button.button:active:after, .btn-shadow button[name=calc_shipping]:active:after, .btn-shadow div.mc4wp-form button[type=submit]:active:after, .btn-shadow input#place_order:active:after, .btn-shadow input[name=save_address]:active:after, .btn-shadow input[name=apply_coupon]:active:after, .btn-shadow input[name=login]:active:after, .btn-shadow input[type=submit]:not([name=update_cart]):active:after, .btn-shadow input[type=reset]:active:after { background-color: rgba(0,0,0,.2) } .btn-light, .btn-link, .light-bg-btn, .outline-btn { transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out } .outline-bg-btn { transition: all .2s ease-out } #page .btn-light:after, .btn-3d .dt-btn.btn-light:after, .btn-3d .dt-btn.btn-light:before { display: none } .outline-bg-btn, .outline-btn { border: 2px solid } .custom-btn-color .dt-btn>* { color: inherit!important } .btn-link.custom-btn-hover-color:hover>.text-wrap *, .btn-link.custom-btn-hover-color:hover>i[class^=fa], .btn-link.custom-btn-hover-color:hover>span, .dt-btn.custom-btn-hover-color:hover>.text-wrap *, .dt-btn.custom-btn-hover-color:hover>i[class^=fa], .dt-btn.custom-btn-hover-color:hover>span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>.text-wrap *, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>i[class^=fa], .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>span { background: 0 0!important; color: inherit!important } .outline-element-decoration .btn-light:hover { box-shadow: none } .default-btn-shortcode { text-align: center; max-width: 100%; box-sizing: border-box; white-space: normal } .default-btn-shortcode.btn-inline-center { margin-left: auto; margin-right: auto } .default-btn-shortcode.btn-inline-right { float: right } .btn-align-center { text-align: center } .btn-align-right { text-align: right } .shortcode-banner { position: relative; overflow: hidden; background-position: center; line-height: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-background-size: cover; background-size: cover } .shortcode-banner, .shortcode-banner-inside { -webkit-box-sizing: border-box; box-sizing: border-box } .wf-table .shortcode-banner-inside { display: table-cell; vertical-align: middle } .content .shortcode-banner-inside * { color: inherit } .shortcode-banner-link:hover .shortcode-banner-bg { opacity: .9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; cursor: pointer } .shortcode-banner img { width: 100%; height: auto } .shortcode-banner-bg { height: 100%; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box } .shortcode-banner-inside { overflow: hidden; width: 100%; height: 100%; padding: 15px 20px; background-clip: padding-box } blockquote { -webkit-box-sizing: border-box; box-sizing: border-box } .shortcode-blockquote { position: relative; overflow: hidden; padding: 20px 25px; font-style: normal } blockquote.shortcode-blockquote { background-color: transparent; border: 1px solid } .block-style-widget, blockquote.shortcode-blockquote.block-style-widget { border: none } .shortcode-blockquote.block-style-widget:before { position: absolute; right: 0; bottom: 0; width: 117px; height: 81px; background-repeat: no-repeat; background-position: right bottom; background-size: 117px 81px; content: "" } .shortcode-blockquote p { margin-bottom: 0 } .shortcode-pullquote { position: relative; background-color: transparent!important } #page .shortcode-pullquote.align-left, .shortcode-pullquote.align-left { float: left; margin: 15px 30px 10px 0; padding: 5px 20px 5px 0 } #page .shortcode-pullquote.align-right, .shortcode-pullquote.align-right { float: right; margin: 15px 0 10px 30px; padding: 5px 0 5px 20px } .shortcode-pullquote:after { position: absolute; top: 0; left: 0; width: 5px; height: 100%; content: "" } .shortcode-pullquote.align-left:after { left: auto; right: 0 } .shortcode-action-bg.no-line, .shortcode-action-box { word-wrap: break-word } .plain-bg { border-style: solid; border-width: 1px } .shortcode-action-bg.no-line:before { display: none; background-color: transparent } .shortcode-action-box.box-style-table { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .box-style-table .shortcode-action-container { display: table-cell; vertical-align: middle } .shortcode-single-image-wrap:after, .shortcode-single-image-wrap:before { content: ""; display: table } .shortcode-action-bg { position: relative; padding: 20px 25px 10px 30px } .block-style-widget.shortcode-action-bg { border: none } .shortcode-action-bg.no-line { padding-left: 25px } #page .shortcode-action-bg:before { position: absolute; left: 0; top: 0; width: 5px; height: 100%; content: ""; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0 } .shortcode-single-image .rollover i, .shortcode-single-image .rollover i:after, .shortcode-single-image .rollover-video i, .shortcode-single-image-wrap.alignnone .rollover img, .shortcode-single-image-wrap.alignnone .rollover-video img { border-radius: inherit } .action-button { margin-bottom: 20px } .box-style-table .action-button { padding-top: 0; padding-left: 40px; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .box-style-table .action-button .dt-btn { float: right; margin-right: 0; margin-bottom: 10px } .shortcode-single-image-wrap { margin-bottom: 0; max-width: 100% } .shortcode-single-image-wrap:after { clear: both } .ancient-ie .shortcode-single-image-wrap { zoom: 1 } .shortcode-single-image-wrap.alignnone img { display: inherit; margin: 0 auto } .shortcode-single-image-wrap.alignnone .fancy-media-wrap { text-align: center; display: inline-block } .shortcode-single-image-wrap.alignnone .rollover, .shortcode-single-image-wrap.alignnone .rollover-video { display: inline-block } .shortcode-single-image-wrap.alignleft, .shortcode-single-image-wrap.alignright { margin: 0 } .fancy-media-wrap>a { display: block } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .shortcode-single-image-wrap .fancy-media-wrap, .shortcode-single-image-wrap .rollover, .shortcode-single-image-wrap .rollover-video { display: block!important } } .shortcode-single-image:after, .shortcode-single-image:before { display: table; content: "" } .shortcode-single-image { position: relative; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .alignnone .shortcode-single-image { text-align: center } .shortcode-single-image:after { clear: both } .ancient-ie .shortcode-single-image { zoom: 1 } .post-video, .shortcode-single-video .fancy-media-wrap, .shortcode-single-video .shortcode-teaser-video, .shortcode-single-video.alignnone .fancy-media-wrap, .shortcode-video { position: relative; display: block; overflow: hidden; padding-top: 30px; height: 0; padding-bottom: 56.25% } .post-video embed, .post-video iframe, .post-video object, .shortcode-single-video embed, .shortcode-single-video iframe, .shortcode-single-video object, .shortcode-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .shortcode-single-image img { max-width: 100%; height: auto } .borderframe .shortcode-single-image { border: 1px solid } .borderframe.br-standard .shortcode-single-image, .br-standard.borderframe .shortcode-single-caption { border: none } .content .borderframe.caption-on .shortcode-single-image { border-bottom: none } #main .borderframe.caption-on .shortcode-single-image { padding-bottom: 0!important } .shortcode-single-caption { width: 100%; height: auto; padding: 15px 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center } .shortcode-single-caption p { margin-bottom: 0 } .content .image-arrow, .content .standard-arrow, .content .standard-number-list, .standard-arrow { margin: 0 0 15px } .content .image-arrow ul, .content .standard-arrow ul, .content .standard-number-list ul { margin: 0 } .standard-arrow li, .standard-number-list li { position: relative; padding-left: 24px; margin-bottom: 10px; list-style: none } .standard-arrow li:after, .standard-arrow li:before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 14px; height: 14px; content: ""; background-position: 0 center; background-repeat: no-repeat } .standard-arrow li:before, .standard-number-list li:before, .standard-number-list.list-divider li:first-child:before { -webkit-border-radius: 50%; border-radius: 50% } .standard-arrow.bullet-top li:after { top: 0; margin-top: 0; height: 14px } .standard-arrow.bullet-top li:after, .standard-arrow.list-divider.bullet-top li:after, .standard-arrow.list-divider.bullet-top li:first-child:after { background-position: center center } .list-divider li { padding-top: 9px; padding-bottom: 10px; margin-bottom: 0; border-top: 1px solid; background-position: 0 13px } .image-arrow .fa-ul li { padding-left: 2.14286em } .image-arrow .fa-ul li .fa-li { left: 0; line-height: inherit } .list-divider.image-arrow .fa-ul li .fa-li { padding: 9px 0 10px } .list-divider.image-arrow .fa-ul li:first-child .fa-li { padding-top: 0 } .list-divider li p { margin-bottom: 0 } .list-divider li:first-child { padding-top: 0; margin-bottom: 0; border: none!important; background-position: 0 4px } .standard-number-list { counter-reset: my-badass-counter } .standard-number-list li { position: relative; padding-left: 30px } .standard-number-list.list-divider li { padding-top: 9px } .standard-number-list li:before { position: absolute; text-align: center; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; color: #fff; background-color: red; content: counter(my-badass-counter, decimal); counter-increment: my-badass-counter; font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 20px } .standard-number-list.list-divider li:first-child { padding-top: 0 } .standard-number-list.list-divider li:first-child:before { top: 10px } .standard-number-list.bullet-top li:before, .standard-number-list.bullet-top li:first-child:before { top: 0; margin-top: 0 } .standard-number-list.list-divider.bullet-top li:before, .standard-number-list.list-divider.bullet-top li:first-child:before { top: 10px; margin-top: 0 } .standard-number-list.list-divider.bullet-top li:first-child:before { top: 5px } .image-arrow li { overflow: hidden; width: 100%; margin-bottom: 10px } .image-arrow.list-divider li { margin-bottom: 0 } .image-arrow li .wf-table { width: auto } .image-arrow li .wf-table div { display: table-cell; vertical-align: middle } .image-arrow li .list-img { margin: 0 10px 0 0 } .font-arrow i[class^=fa] { font-size: 14px; margin-right: 10px } .frame-on { padding-top: 25px; border: 1px solid } .frame-on.img-full { padding-top: 0 } .content .frame-on.frame-fancy { border: none } .shortcode-teaser.frame-on.img-full { -webkit-border-radius: 0; border-radius: 0 } .shortcode-teaser-img { line-height: 0; padding-bottom: 20px } .frame-on .shortcode-teaser-img { padding: 0 25px 25px } .img-full .shortcode-teaser-img { padding: 0 0 25px } .shortcode-teaser-img img { width: 100%; height: auto } .frame-on .shortcode-teaser-content { padding: 0 25px 10px } .shortcode-teaser-content { margin-top: -5px } .text-centered .shortcode-teaser-content { text-align: center } .shortcode-tooltip { border-bottom: 1px dashed } .shortcode-tooltip:hover { border: none; cursor: help } .slider-content .owl-dot:hover, .slider-wrapper .owl-next i:hover, .slider-wrapper .owl-prev i:hover, .twentytwenty-handle, .wpb_tour .wpb_tabs_nav li:hover { cursor: pointer } .tooltip-c { display: none } .shortcode-tooltip-content { position: absolute; left: -9999px; z-index: 999; display: none; overflow: visible; margin: 5px 0 15px; padding: 13px 20px 17px; min-width: 210px; max-width: 210px; background: rgba(24,25,25,.95); color: #fff!important } .tooltip-title.text-big { color: #fff } .tooltip-title { display: block; margin-bottom: 10px } .dt-highlight { padding: 1px 4px; color: #fff } .dt-highlight.highlight-white { background-color: #fff!important; background-image: none!important; color: #2e2e2f } .dt-highlight.highlight-berry, .dt-highlight.highlight-black, .dt-highlight.highlight-blue, .dt-highlight.highlight-dark-blue, .dt-highlight.highlight-dark-green, .dt-highlight.highlight-gray, .dt-highlight.highlight-orange, .dt-highlight.highlight-pink, .dt-highlight.highlight-red, .dt-highlight.highlight-violet, .dt-highlight.highlight-yellow { background-image: none!important; color: #fff } .dt-highlight.highlight-red { background-color: #d73b37 } .dt-highlight.highlight-berry { background-color: #e32a5a!important } .dt-highlight.highlight-orange { background-color: #f36c0a!important } .dt-highlight.highlight-yellow { background-color: #f2a809!important } .dt-highlight.highlight-pink { background-color: #fd8fb6!important } .dt-highlight.highlight-green { background-color: #8cc63a!important; background-image: none!important; color: #fff } .dt-highlight.highlight-dark-green { background-color: #3ab459!important } .dt-highlight.highlight-blue { background-color: #27cff3!important } .dt-highlight.highlight-dark-blue { background-color: #2985c6!important } .dt-highlight.highlight-violet { background-color: #6946b8!important } .dt-highlight.highlight-black { background-color: #3e3f3f!important } .dt-highlight.highlight-gray { background-color: #a5a6a7!important } .dt-format-gallery { overflow: hidden; max-width: 100% } .dt-format-gallery.shortcode-gallery { margin-bottom: 0 } .dt-format-gallery.shortcode-gallery a { line-height: 0 } .dt-format-gallery .rollover-video.big-img, .dt-format-gallery a.big-img { border-bottom: none } .gallery-col-1 .rollover-video, .gallery-col-1>a { width: 100% } .gallery-col-2 .rollover-video, .gallery-col-2>a { width: 50% } .gallery-col-2 .rollover-video.big-img, .gallery-col-2>a.big-img { width: 100% } .gallery-col-3 .rollover-video.big-img, .gallery-col-3 a.big-img { width: 66.6667% } .gallery-col-3 .rollover-video, .gallery-col-3>a { width: 33.3333% } .gallery-col-4 .rollover-video.big-img, .gallery-col-4 a.big-img { width: 50% } .gallery-col-4 .rollover-video, .gallery-col-4>a { width: 25% } .gallery-col-5 .rollover-video.big-img, .gallery-col-5 a.big-img { width: 40% } .gallery-col-5 .rollover-video, .gallery-col-5>a { width: 20% } .gallery-col-6 .rollover-video.big-img, .gallery-col-6 a.big-img { width: 33.3333% } .gallery-col-6 .rollover-video, .gallery-col-6>a { width: 16.6667% } .gallery-coll-half { float: left; line-height: 0 } .gallery-coll-fourth { float: left } .dt-format-gallery .rollover-video, .dt-format-gallery a { max-width: 100%; float: left; border-bottom: 2px solid transparent; border-right: 2px solid transparent } .dt-format-gallery.gallery-col-1 .rollover-video.big-img, .dt-format-gallery.gallery-col-1 a.big-img, .dt-format-gallery.gallery-col-2 .rollover-video.big-img, .dt-format-gallery.gallery-col-2 a.big-img { border-bottom: 3px solid transparent } .dt-format-gallery img { width: 100%; height: auto } #main .gallery img { border: none } .dt-style.wpb_content_element { margin-bottom: 0!important } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element .wpb_accordion_header a, .wpb_content_element .wpb_accordion_header a:active, .wpb_content_element .wpb_accordion_header a:focus { outline: 0!important; -webkit-appearance: none } .animate-search-width input.field:active, .animate-search-width input.field:focus, .menu-toggle, .mini-search .field:focus { outline: 0 } .wpb_content_element .wpb_accordion_header>a span { display: inline-block } #main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, #main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { display: none } .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; border: none; background: 0 0 } .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px solid } .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header, .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header { padding-top: 0; margin-top: 0; border: none } .wpb_content_element.dt-style .wpb_accordion_header a { position: relative; display: block; padding: 0 25px 0 0 } .dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a { padding: 9px 0 9px 18px } .rtl .dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a { padding: 9px 18px 9px 0 } .wpb_content_element .wpb_accordion_header>a:after, .wpb_content_element .wpb_accordion_header>a:before { position: absolute; top: 50%; right: 0; margin-top: -7px; width: 14px; height: 14px; content: "" } .bg-on .project-list-content, .slider-wrapper { position: relative } .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:after, .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:before { right: 13px } .rtl .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:after, .rtl .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:before { right: auto; left: 13px } .wpb_content_element .wpb_accordion_header>a:after { background-position: center center; background-repeat: no-repeat } .dt-style.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { display: none; padding: 10px 0 5px; margin: 0; clear: both } .dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 17px 0 13px } #page .slider-wrapper img { max-width: none } .slider-content { visibility: hidden } .dt-owl-item .post.bg-on { position: static; background: 0 0 } .dt-owl-item .post.bg-on:before { position: absolute; display: block; width: 100%; height: 100%; content: ""; z-index: 0 } .mobile-true .slider-wrapper.show-arrows .owl-next, .mobile-true .slider-wrapper.show-arrows .owl-prev, .slider-wrapper.hide-arrows .disabled { display: none } .slider-wrapper .owl-next, .slider-wrapper .owl-prev { position: absolute; z-index: 99; left: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .slider-wrapper .owl-next { left: auto; right: 10px } .shadow-element-decoration .description-under-image.slider-wrapper .owl-next { right: 0 } .slider-wrapper.arrows-accent .owl-next, .slider-wrapper.arrows-accent .owl-prev { width: 30px; height: 60px; margin-top: -30px } .slider-wrapper.arrows-accent .owl-next, .slider-wrapper.arrows-accent .owl-prev, .slider-wrapper.arrows-dark .owl-next, .slider-wrapper.arrows-dark .owl-prev, .slider-wrapper.arrows-light .owl-next, .slider-wrapper.arrows-light .owl-prev { visibility: visible } .slider-wrapper.show-arrows .owl-next, .slider-wrapper.show-arrows .owl-prev { opacity: 1 } .mobile-true .enable-mobile-arrows.slider-wrapper .owl-next, .mobile-true .enable-mobile-arrows.slider-wrapper .owl-prev { display: block; opacity: 1 } .slider-wrapper .owl-next i, .slider-wrapper .owl-prev i { position: absolute; left: 0; top: 0; width: 40px; height: 40px; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -ms-flex-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; font-size: 18px } .slider-wrapper .owl-next i:before, .slider-wrapper .owl-prev i:before { background: 0 0 } .arrows-accent.slider-wrapper .owl-next i:before, .arrows-accent.slider-wrapper .owl-prev i:before, .arrows-dark.slider-wrapper .owl-next i:before, .arrows-dark.slider-wrapper .owl-prev i:before { color: #fff!important } .arrows-light.slider-wrapper .owl-next i:before, .arrows-light.slider-wrapper .owl-prev i:before { color: rgba(34,34,34,.85)!important } .slider-wrapper .owl-next.disabled i:active:before, .slider-wrapper .owl-next.disabled i:before, .slider-wrapper .owl-prev.disabled i:active:before, .slider-wrapper .owl-prev.disabled i:before { opacity: .55 } .slider-wrapper .owl-next i:active:before, .slider-wrapper .owl-prev i:active:before { opacity: .8 } .arrows-dark .owl-next i:before, .arrows-dark .owl-prev i:before, .slider-masonry .owl-nav a:hover, .slider-masonry .psPlay:hover, .slider-simple .owl-nav a:hover, .slider-simple .psPlay:hover { opacity: .7 } .slider-wrapper.arrows-accent .owl-next i, .slider-wrapper.arrows-accent .owl-prev i { width: 30px; height: 60px } .arrows-light .owl-next i, .arrows-light .owl-prev i { background: #fff!important; -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.1); box-shadow: 0 6px 18px rgba(0,0,0,.1); -webkit-border-radius: 50%; border-radius: 50% } .arrows-light .owl-next:not(.disabled):hover i, .arrows-light .owl-prev:not(.disabled):hover i { -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) } .arrows-light .owl-next.disabled i, .arrows-light .owl-next.disabled:hover i, .arrows-light .owl-prev.disabled i, .arrows-light .owl-prev.disabled:hover i { background-color: rgba(255,255,255,.5)!important } .arrows-dark .owl-next i, .arrows-dark .owl-prev i { -webkit-background-clip: unset!important; background: rgba(34,34,34,.6)!important; -webkit-border-radius: 50%; border-radius: 50% } .arrows-dark .owl-next.disabled i, .arrows-dark .owl-next.disabled:hover i, .arrows-dark .owl-prev.disabled i, .arrows-dark .owl-prev.disabled:hover i { background-color: rgba(34,34,34,.25)!important } .arrows-dark .owl-next:hover i, .arrows-dark .owl-prev:hover i { background-color: rgba(34,34,34,.85)!important } .arrows-light .owl-next:hover i, .arrows-light .owl-prev:hover i { background-color: rgba(255,255,255,.85)!important } .photoSlider .ps-link:hover, .photoSlider .video-icon:hover { background-color: rgba(0,0,0,.4); opacity: .7 } .photoSlider .slider-post-caption { position: absolute; left: 0; top: auto; bottom: 0; width: 100%; text-align: left } .photoSlider .slider-post-caption p { margin-bottom: 0 } .photoSlider .slider-post-inner { position: absolute; bottom: 0; display: inline-block; padding: 5px 90px 15px 20px; margin: 0 } .photoSlider .slider-post-inner * { color: #fff } .slider-masonry .owl-nav a, .slider-masonry .psPlay, .slider-simple .owl-nav a, .slider-simple .psPlay { height: 32px; width: 32px; line-height: 34px; text-align: center; position: absolute; display: block; cursor: pointer; z-index: 100; background-color: rgba(0,0,0,.4); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .slider-masonry .owl-nav, .slider-simple .owl-nav { position: relative; right: 0 } .slider-masonry .owl-prev, .slider-simple .owl-prev { right: 58px; bottom: 20px } .slider-masonry .owl-next, .slider-simple .owl-next { right: 19px; bottom: 20px } .shortcode-photo-slider .owl-nav { right: 40px } .shortcode-slider-wrap .owl-prev { right: 98px; bottom: 20px } .shortcode-slider-wrap .owl-next { right: 58px; bottom: 20px } .slider-simple .psPlay { right: 19px; bottom: 20px } .slider-masonry .psPlay:before, .slider-simple .psPlay:before { position: absolute; left: 0; top: 0; width: 32px; height: 32px; line-height: 32px; content: ""; background-position: center center; background-repeat: no-repeat; z-index: 9 } .slider-masonry .owl-nav a i:before, .slider-simple .owl-nav a i:before { color: #fff; background: 0 0!important } .accent-gradient .slider-masonry .owl-nav a i:before, .accent-gradient .slider-simple .owl-nav a i:before { color: #fff } .photoSlider-wrap .rightArrow:hover:before, .rsShor-wrap .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E") } .photoSlider-wrap .leftArrow:before, .photoSlider-wrap .leftArrow:hover:before, .rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E") } .slider-simple .psPlay.paused:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E") } .slider-simple .psPlay:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E") } .widget .slider-content { margin-bottom: 40px } .slider-content .owl-dots { position: absolute; top: calc(100%); overflow: hidden; width: 100%; height: auto; text-align: center } .widget .slider-content .owl-dots { top: calc(100% + 0px) } .slider-content .owl-dot, .slider-content .owl-dot:after { -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } .slider-content .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; vertical-align: middle; background-color: transparent; -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease } .gallery-carousel-shortcode .dt-owl-item, .gallery-carousel-shortcode .dt-owl-item>div, .gallery-carousel-shortcode .owl-stage { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .gallery-carousel-shortcode .post { -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .vc_progress_bar.dt-style .vc_single_bar { height: 30px; margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none } .vc_progress_bar.dt-style .vc_single_bar:last-child { margin-bottom: 0 } .dt-style.vc_progress_bar.pb-style-two .vc_single_bar { height: 13px } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar { -webkit-animation: none; animation: none; background-repeat: no-repeat; background-size: 100% } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .dt-style.vc_progress_bar.pb-style-three .vc_single_bar { height: 7px; margin-bottom: 15px } .vc_progress_bar.dt-style .vc_single_bar .vc_label { height: 30px; padding-top: 0; padding-bottom: 0; line-height: 30px; text-shadow: none } .pb-style-three.dt-style .vc_label, .pb-style-two.dt-style .vc_label { display: block; margin-bottom: 8px } .pb-style-one.vc_progress_bar .vc_label *, .vc_progress_bar .vc_label { color: #fff } #main .wpb_tour_next_prev_nav { display: none } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { display: inline-block; width: auto } #page .tab-style-one .wpb_tabs_nav li.ui-state-active a { color: #fff } .wpb_tabs_nav a { -webkit-box-sizing: border-box; box-sizing: border-box } .wpb_tabs .wpb_tabs_nav li { position: relative } .tab-style-one.wpb_tabs .wpb_tabs_nav li { margin: 0 10px 5px 0 } .tab-style-one.wpb_tabs .wpb_tabs_nav a { padding-top: 9px; padding-bottom: 9px } .tab-style-one.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 15px 0 0; background: 0 0 } .tab-style-two.wpb_tabs .wpb_tabs_nav { overflow: hidden; padding-left: 25px!important } .tab-style-two.wpb_tabs .wpb_tabs_nav li { margin: 12px 30px 6px 0; background: 0 0 } .tab-style-two.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:before { position: absolute; display: block!important; bottom: -5px; left: 0; width: 100%; height: 2px; content: ""; -webkit-backface-visibility: hidden } .tab-style-two.wpb_tabs .wpb_tabs_nav li a { padding: 0 0 .5em } .tab-style-two.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: 0 0 } .tab-style-three.wpb_tabs .wpb_tabs_nav li { margin-right: 30px; border: none } .tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: 0 } .tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 15px 0 0 } .tab-style-three.wpb_content_element .wpb_tabs_nav li, .tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background: 0 0 } .tab-style-four.wpb_tabs, .tab-style-four.wpb_tabs .wpb_tabs_nav { overflow: hidden } .tab-style-four.wpb_tabs .wpb_tabs_nav li { margin: 0; background: 0 0; -webkit-transition: background .4s ease; transition: background .4s ease } .wpb_tour.tab-style-one .wpb_tabs_nav li, .wpb_tour.tab-style-two .wpb_tabs_nav li { margin-bottom: 10px } .tab-style-four.wpb_tabs .wpb_tabs_nav li.ui-tabs-active, .tab-style-four.wpb_tabs .wpb_tabs_nav li:hover { background-color: rgba(255,255,255,.15) } .tab-style-four.wpb_tabs .wpb_tabs_nav li a, .tab-style-four.wpb_tabs .wpb_tabs_nav li a * { color: #fff } .tab-style-four.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: 0 0 } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper { display: table } .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab, .wpb_tour.wpb_content_element .wpb_tabs_nav { display: table-cell; float: none; vertical-align: top } .wpb_tour .wpb_tabs_nav { -webkit-box-sizing: border-box; box-sizing: border-box } .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding-top: 8px; padding-bottom: 8px } .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 0; padding-left: 25px } .rtl .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab { padding-left: 0; padding-right: 25px } .wpb_tour.tab-style-two .wpb_tabs_nav { padding-right: 10px } .rtl .wpb_tour.tab-style-two .wpb_tabs_nav { padding-right: 0; padding-left: 10px!important } .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: 12px 15px 12px 0 } .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a { padding: 10px 15px } .wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px } .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 0; padding-left: 25px } .wpb_tour.tab-style-three .wpb_tabs_nav { border-right: 1px solid } .wpb_tour.tab-style-three .wpb_tabs_nav li { border-top: 1px solid } .tab-style-three.wpb_tour .wpb_tabs_nav li:first-child { border: none } .tab-style-four.wpb_tour, .tab-style-four.wpb_tour .wpb_tabs_nav { overflow: hidden } .tab-style-four.wpb_tour .wpb_tabs_nav li { margin: 0; background: 0 0; -webkit-transition: background .4s ease; transition: background .4s ease } .tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active, .tab-style-four.wpb_tour .wpb_tabs_nav li:hover { background-color: rgba(255,255,255,.15) } .tab-style-four.wpb_tour .wpb_tabs_nav li a, .tab-style-four.wpb_tour .wpb_tabs_nav li a * { display: block; color: #fff } .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px; background: 0 0 } .transparent-pie .vc_pie_wrapper .vc_pie_chart_back { border-color: transparent!important } .transparent-pie .vc_pie_wrapper span { width: 100%!important; height: auto!important } .transparent-pie .vc_pie_wrapper canvas { height: 70px!important; visibility: hidden } .transparent-pie .vc_pie_chart_value { font-size: 70px!important; line-height: 70px!important } .dt-shortcode-soc-icons a, .soc-ico a { position: relative; line-height: 26px; text-decoration: none } .transparent-pie[data-pie-color=dt-content] .vc_pie_wrapper span, .vc_pie_chart[data-pie-color=dt-content] canvas { opacity: .5 } #page .vc_pie_chart_back, .dt-shortcode-soc-icons a:before, .dt-shortcode-soc-icons a:hover:after, .soc-ico a:before, .soc-ico a:hover:after { opacity: 1 } .vc_pie_chart .vc_pie_wrapper { visibility: hidden } .soc-ico { overflow: hidden } .dt-shortcode-soc-icons.soc-icons-center { text-align: center } .dt-shortcode-soc-icons.soc-icons-right { text-align: right } .dt-shortcode-soc-icons .soc-icon { position: relative; z-index: 2 } .soc-ico a { display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: 2px; width: 26px; height: 26px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } .dt-shortcode-soc-icons a { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; min-width: 26px; min-height: 26px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 } #page .dt-shortcode-soc-icons a, #phantom .dt-shortcode-soc-icons a { text-decoration: none } .dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:before { box-sizing: border-box; border: 0 solid } .soc-ico a:after, .soc-ico a:before { position: absolute; top: 0; left: 0; width: 26px; height: 26px; content: ""; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear } .dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:before { position: absolute; top: 0; left: 0; min-width: 26px; min-height: 26px; width: 100%; height: 100%; content: ""; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear } .dt-shortcode-soc-icons a:hover:before, .dt-shortcode-soc-icons a:not(:hover):after, .soc-ico a:hover:before, .soc-ico a:not(:hover):after { transition-delay: 100ms } .dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:hover:before, .soc-ico a:after, .soc-ico a:hover:before { opacity: 0 } .soc-ico.text-centered a { float: none; display: inline-block } #top-bar .right-block .soc-ico a { float: right; margin: 2px } #bottom-bar .soc-ico a:hover, #top-bar .soc-ico a:hover, .soc-ico a, .soc-ico a:hover { text-decoration: none } #footer .soc-ico a:hover .soc-font-icon, #main .soc-ico a:hover .soc-font-icon { color: #fff } .dt-fancy-separator { position: relative; overflow: hidden; margin: 0 auto; text-align: center } .dt-fancy-separator.title-left, .dt-fancy-separator.title-right { margin: 0 } .dt-fancy-separator.title-left { text-align: left } .dt-fancy-separator.title-left .dt-fancy-title { padding-left: 0 } .dt-fancy-separator.title-left .dt-fancy-title.bg-on { padding-left: 1em } .dt-fancy-separator.title-right { float: right; clear: both; text-align: right } .dt-fancy-separator.title-right .dt-fancy-title { padding-right: 0 } .dt-fancy-separator.title-right .dt-fancy-title.bg-on { padding-right: 1em } .separator-holder { position: absolute; display: block; top: 49.99%; width: 2000px; border-top: 1px solid red; content: '' } .dt-fancy-separator.line-below.title-left .separator-right, .dt-fancy-separator.line-below.title-right .separator-right, .style-disabled .separator-holder { display: none } .style-dashed .separator-holder { border-top-width: 1px; border-top-style: dashed } .style-dotted .separator-holder { border-top-width: 1px; border-top-style: dotted } .style-double .separator-holder { border-top-width: 3px; border-top-style: double } .style-thick .separator-holder { border-top-width: 5px; border-top-style: solid } .separator-left { right: 100%; margin-right: 1em } .separator-right { left: 100%; margin-left: 1em } .dt-fancy-separator.line-below .separator-left { top: auto; right: 0; bottom: -1em; margin-right: 0 } .line-below .separator-holder { top: auto; bottom: -1em; margin-right: 0; margin-left: 0 } .dt-fancy-separator.line-below.title-left .separator-left { left: 0; right: auto } .dt-fancy-separator.line-below.title-right .separator-left { left: auto; right: 0 } .dt-fancy-title { position: relative; display: inline-block; top: 50% } .dt-fancy-title.bg-on { padding: 0 1em } .accent-gradient .accent-border-color.hr-thin.style-line { height: 1px } .accent-gradient .accent-border-color.hr-thick { height: 5px } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { content: " "; display: block; background: #fff; position: absolute; z-index: 30 } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px } .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px } .twentytwenty-after-label, .twentytwenty-before-label { position: absolute; width: 120px; padding: 3px 5px; color: #fff!important; font-size: 13px; line-height: 16px; vertical-align: middle; text-align: center; z-index: 99; opacity: 0; text-shadow: 0 0 2px rgba(0,0,0,.5); -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .twentytwenty-horizontal .twentytwenty-before-label { bottom: 10px; left: 10px; text-align: left } .twentytwenty-horizontal .twentytwenty-after-label { bottom: 10px; right: 10px; text-align: right } .twentytwenty-vertical .twentytwenty-before-label { top: 10px; left: 50%; margin-left: -65px } .twentytwenty-vertical .twentytwenty-after-label { bottom: 10px; left: 50%; margin-left: -65px } .twentytwenty-container:hover .twentytwenty-after-label, .twentytwenty-container:hover .twentytwenty-before-label { opacity: 1 } .twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px } .twentytwenty-down-arrow, .twentytwenty-up-arrow { left: 50%; margin-left: -6px } .twentytwenty-container { -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none } .twentytwenty-container img { max-width: 100%; width: 100%; height: auto; position: absolute; top: 0; display: block } .active-click .twentytwenty-handle, .twentytwenty-container.active-click img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out } .twentytwenty-container * { -webkit-box-sizing: content-box; box-sizing: content-box } .twentytwenty-before { z-index: 20 } .twentytwenty-after { z-index: 10 } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; z-index: 40 } .twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before { margin-left: 0; margin-top: 0 } .twentytwenty-container[data-navigation=move] .twentytwenty-handle { border: none; cursor: default } .content-rollover-layout-list.mode-grid .post-entry-content:hover, .content-rollover-layout-list.mode-masonry .post-entry-content:hover, .content-rollover-layout-list.owl-carousel .post-entry-content:hover, .gradient-overlay-layout-list article, .menu-select select, .menu-select:hover, .overlay-search-microwidget>i:hover, article.on-hover { cursor: pointer } .twentytwenty-container[data-navigation=move] .twentytwenty-handle>span { display: none } .twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before { margin-bottom: 0; margin-left: 0 } .twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after { margin-right: 0; margin-top: 0 } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px } .items-grid .borders:before, .post-thumbnail-rollover:after { left: 0; width: 100%; content: "" } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px } .shortcode-blog-posts .post { border: none } .items-grid .wf-td, .recent-posts .wf-td { display: table-cell; vertical-align: top } .post-content a { text-decoration: none } .shortcode-blog-posts .entry-meta { padding-bottom: 10px } .items-grid { margin-bottom: -20px } .items-grid .wf-cell { margin-bottom: 20px } .items-grid .borders:before { display: block; position: absolute; bottom: -15px } .blog-shortcode .post-thumbnail, .post-thumbnail-rollover { position: relative; display: block } .items-grid article { overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .single-related-posts .mini-post-img { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .items-grid a { text-decoration: none } .items-grid .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0 } .blog-shortcode article { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start } .jquery-filter article.hidden, .jquery-filter article:not(.visible) { display: none; opacity: 0 } .mode-grid:not(.bottom-overlap-layout-list) article, .mode-masonry:not(.bottom-overlap-layout-list) article { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .bottom-overlap-layout-list article, .centered-layout-list article { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .classic-layout-list.mode-list article.full-width-img { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .dividers-on.classic-layout-list article { padding-top: 44px; margin-top: 19px } .dividers-on.classic-layout-list article:first-child { padding-top: 0; margin-top: 0 } .jquery-filter article.visible { -webkit-animation: fadeInFromNone .5s ease-out; animation: fadeInFromNone .5s ease-out } .blog-shortcode .post-thumbnail-wrap { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto } .project-even .post-thumbnail-wrap { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 } .blog-shortcode .post-thumbnail .alignleft { margin: 0 } .blog-shortcode .post-thumbnail .alignnone { margin-bottom: 0 } .blog-shortcode .format-gallery .post-thumbnail { width: 100% } .post-thumbnail-rollover { line-height: 0; overflow: hidden } .post-thumbnail-rollover:after { position: absolute; top: 0; height: 100%; opacity: 0; -webkit-transition: opacity .35s linear; transition: opacity .35s linear } .mobile-false .post-thumbnail>.post-thumbnail-rollover:hover:after, .on-hover .post-thumbnail>.post-thumbnail-rollover:after { opacity: 1 } .blog-thumb-iso-lazy-load { opacity: 0 } .mobile-false .content-rollover-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after, .mobile-false .gradient-overlay-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after, .mobile-true .content-rollover-layout-list article.is-clicked>.post-thumbnail-wrap .post-thumbnail-rollover:after, .mobile-true .gradient-overlay-layout-list article.is-clicked>.post-thumbnail-wrap .post-thumbnail-rollover:after { opacity: 1 } .no-img .overlay-placeholder img { max-width: none } .post-thumbnail:not(.overlay-placeholder)>.post-thumbnail-rollover img { width: 100% } .mobile-false .scale-img.content-rollover-layout-list article:hover .post-thumbnail>.post-thumbnail-rollover img, .mobile-false .scale-img.gradient-overlay-layout-list article:hover .post-thumbnail>.post-thumbnail-rollover img, .mobile-true .scale-img.content-rollover-layout-list article.is-clicked .post-thumbnail>.post-thumbnail-rollover img, .mobile-true .scale-img.gradient-overlay-layout-list article.is-clicked .post-thumbnail>.post-thumbnail-rollover img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 4s ease-out; transition: transform 4s ease-out } .side-overlap-layout-list .project-odd .fancy-date a { right: auto; left: 10px } .fancy-date a>span { display: block } .fancy-categories { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; z-index: 30; top: 10px; left: 10px } .fancy-categories a { padding: 2px 9px 1px; margin: 0 0 2px; text-decoration: none; background-color: rgba(0,0,0,.75); color: #fff } .fancy-categories a:hover { color: #fff } .blog-shortcode .entry-meta *, .owl-carousel .entry-meta * { color: inherit } .side-overlap-layout-list .project-odd .fancy-categories { top: auto; bottom: 10px } .side-overlap-layout-list .project-even .fancy-categories { top: auto; right: 10px; bottom: 10px; left: auto } .fancy-categories * { font: 700 12px/22px Arial, Verdana, sans-serif } .post-entry-content { -webkit-box-sizing: border-box; box-sizing: border-box } .content-align-center .post-entry-content { text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center } @media all and (-ms-high-contrast:none) { .post-entry-content { max-width: 100% } } .blog-shortcode .post-entry-content { position: relative; z-index: 10; max-width: 100% } .centered-layout-list .post-entry-content { position: static; text-align: center } .centered-layout-list .post-entry-content:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 100%; height: 1px; content: "" } .gradient-overlap-layout-list .post-entry-content { position: relative; margin-top: -125px; z-index: 1; padding-top: 90px } .gradient-overlap-layout-list .no-img .post-entry-content, .top-bar { margin-top: 0 } .gradient-overlap-layout-list .post-entry-content:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 150px; content: "" } .gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; right: 10px; bottom: 10px; left: 10px; top: 20px; overflow: hidden } .mode-grid.bottom-overlap-layout-list .post-entry-content { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .mode-grid.gradient-overlap-layout-list .post-entry-content { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .blog-shortcode .entry-meta>span a, .post-details { display: inline-block } .content-rollover-layout-list.mode-grid .post-entry-content, .content-rollover-layout-list.mode-masonry .post-entry-content { position: absolute; bottom: 0; left: 0; width: 100% } #main .blog-shortcode .format-aside .post-entry-content, #main .blog-shortcode .format-link .post-entry-content, #main .blog-shortcode .format-quote .post-entry-content, #main .blog-shortcode .format-status .post-entry-content { width: 100%; top: 0; margin: 0 } #main .classic-layout-list.mode-list .full-width-img .post-entry-content { width: 100% } .blog-shortcode .entry-excerpt { overflow: hidden } .post-entry-title-content { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box } .blog-shortcode .post-entry-content .entry-title a, .blog-shortcode .post-entry-title-content .entry-title a { -webkit-transition: color .35s; transition: color .35s } .accent-gradient .blog-shortcode .post-entry-content .entry-title a, .accent-gradient .blog-shortcode .post-entry-title-content .entry-title a { -webkit-transition: none; transition: none } .blog-shortcode .entry-meta { padding: 0 } .blog-shortcode .entry-meta a:hover { text-decoration: underline } .centered-layout-list .entry-meta { text-align: center } .blog-shortcode .entry-meta>a:after, .blog-shortcode .entry-meta>span:after { right: 0; width: 3px; height: 3px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "" } .post-details { position: relative; text-decoration: none } .post-details:after, .post-details:before { display: table; content: "" } .post-details:after { clear: both } .ancient-ie .post-details { zoom: 1 } .post-details i[class^=fa] { margin-right: 0; margin-left: 7px; font-size: 12px } .gradient-overlay-layout-list .post-details, .mode-grid.gradient-overlap-layout-list .post-details { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start } .content-align-center.gradient-overlay-layout-list .post-details, .content-align-center.mode-grid.gradient-overlap-layout-list .post-details { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center } #page .post-details.details-type-btn { margin-bottom: 0 } .btn-3d .post-details.details-type-btn:hover { margin-bottom: 1px!important } .post-details.details-type-link { float: left; padding-bottom: 8px; margin-bottom: -8px; font-weight: 700 } .centered-layout-list .post-details.details-type-link, .content-align-center .post-details.details-type-link { float: none; vertical-align: top } .post-details.details-type-link:after { position: absolute; display: block; left: 0; bottom: 0; width: 0; height: 2px; content: ""; -webkit-transition: width .4s ease; transition: width .4s ease } .post-details.details-type-link:hover:after { width: 100% } .owl-carousel.bottom-overlap-layout-list .post-entry-content, .owl-carousel.gradient-overlap-layout-list .post-entry-content { transform: translateZ(0) } .content-rollover-layout-list .post-entry-content { top: 0; height: 100%; overflow-y: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .content-rollover-layout-list .post-entry-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; content: ''; -webkit-transform: translate3d(0, 35%, 0); transform: translate3d(0, 35%, 0) } .content-rollover-layout-list .entry-excerpt, .content-rollover-layout-list .post-details { opacity: 0; -webkit-transition: opacity .45s; transition: opacity .45s } .mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .entry-excerpt, .mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-details, .mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .entry-excerpt, .mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-details { opacity: 1 } .content-rollover-layout-list .post-entry-content .post-entry-wrapper, .content-rollover-layout-list .post-entry-content:before { -webkit-transition: opacity .35s, bottom .35s, -webkit-transform .4s; transition: opacity .35s, bottom .35s, transform .4s } .content-rollover-layout-list .post-entry-content .post-entry-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-content:before, .mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-content:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper { opacity: 1; bottom: 0 } .mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-wrapper { opacity: 1; bottom: 0; -webkit-transform: translateY(0)!important; transform: translateY(0)!important } .gradient-overlay-layout-list .post-entry-wrapper, .gradient-overlay-layout-list .post-head-wrapper { position: absolute; top: 50%; left: 20px; right: 20px; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, transform .4s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform-origin: 50%; transform-origin: 50% } .gradient-overlay-layout-list .post-entry-content { -webkit-backface-visibility: hidden; transform: translatez(0) } .gradient-overlay-layout-list .post-entry-wrapper { opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(0, -50%, 0) scale3d(.8, .8, 1); transform: translate3d(0, -50%, 0) scale3d(.8, .8, 1) } .mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-head-wrapper, .mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-head-wrapper { opacity: 0; -webkit-transform: translate3d(0, -50%, 0) scale3d(.8, .8, 1); transform: translate3d(0, -50%, 0) scale3d(.8, .8, 1) } .mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper, .mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-wrapper { -webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1); transform: translate3d(0, -50%, 0) scale3d(1, 1, 1); opacity: 1; transition-delay: .1s } .owl-carousel { box-sizing: border-box } .owl-carousel .post { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .dt-arrow-border-on .owl-nav a:hover:after, .dt-arrow-border-on .owl-nav a:not(:hover):before, .dt-arrow-hover-border-on .owl-nav a:hover:after { border-style: solid; border-width: 0 } .owl-nav a { position: absolute; z-index: 10; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none } .owl-nav a:after, .owl-nav a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; box-sizing: border-box; -webkit-border-radius: inherit; border-radius: inherit; -webkit-backface-visibility: hidden; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear } .owl-nav a:hover:after, .owl-nav a:not(:hover):before { opacity: 1 } .disable-arrows-hover-bg .owl-nav a:after, .disable-arrows-hover-bg .owl-nav a:before { -webkit-transition: none; transition: none } .owl-nav a:hover:before, .owl-nav a:not(:hover):after { transition-delay: 100ms } .owl-nav a:after, .owl-nav a:hover:before { opacity: 0 } .owl-nav a i { position: relative; z-index: 1; -webkit-transition: color 150ms; transition: color 150ms; transition-delay: 100ms } .owl-carousel .owl-dots { position: absolute } .owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block } :not(.bullets-etefu).owl-carousel .owl-dots .owl-dot span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: 0; border-radius: 50% } .bullets-scale-up .owl-dot span { -webkit-transition: -webkit-transform .3s ease, background .3s ease; transition: transform .3s ease, background .3s ease } .bullets-scale-up .owl-dot.active span { -webkit-transform: scale(1.5); transform: scale(1.5) } .bullets-stroke .owl-dot:not(.active) span { box-shadow: 0 0 0 2px rgba(255,255,255,0)!important } .bullets-stroke .owl-dot span { -webkit-transition: box-shadow .3s ease, background-color .3s ease; transition: box-shadow .3s ease, background-color .3s ease } .bullets-stroke .owl-dot.active span { background-color: transparent; box-shadow: 0 0 0 2px #fff } .bullets-fill-in .owl-dot span { background-color: transparent; -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease } .bullets-small-dot-stroke .owl-dot { border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,255,255,0); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease } .bullets-small-dot-stroke .owl-dot span { cursor: pointer; position: absolute; -webkit-transition: background-color .3s ease, -webkit-transform .3s ease; transition: background-color .3s ease, transform .3s ease } .bullets-small-dot-stroke .owl-dot.active span { -webkit-transform: scale(.4); transform: scale(.4) } .bullets-ubax .owl-dot span { content: ''; position: absolute; top: 2px; left: 2px; width: calc(96%); height: calc(96%); border: 2px solid transparent; border-radius: 0!important; box-sizing: border-box } .bullets-ubax .owl-dot.active span { z-index: 10; background: 0 0!important; -webkit-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s } .bullets-ubax .owl-dot:not(.active):hover span { -webkit-transition: background-color .3s; transition: background-color .3s } .bullets-etefu .owl-dot { height: 5px!important } .bullets-etefu .owl-dot span { position: relative; display: block; overflow: hidden; width: 100%; height: 5px; -webkit-transition: background .3s; transition: background .3s } .bullets-etefu .owl-dot span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .5s; transition: transform .5s; -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1) } .bullets-etefu .owl-dot.active span:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .carousel-shortcode [class*=" icon-"], .carousel-shortcode [class*=" icon-"]:before, .carousel-shortcode [class^=icon-], .carousel-shortcode [class^=icon-]:before { font-family: icomoon-arrows-carousel-32x32!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .owl-carousel:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .post-entry-content { position: relative; z-index: 10 } .bottom-overlap-layout-list[data-auto-height=false] .owl-stage, .bottom-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item, .classic-layout-list[data-auto-height=false] .owl-stage, .classic-layout-list[data-auto-height=false] .owl-stage .dt-owl-item, .gradient-overlap-layout-list[data-auto-height=false] .owl-stage, .gradient-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .bottom-overlap-layout-list[data-auto-height=false] .post-entry-content, .gradient-overlap-layout-list[data-auto-height=false] .post-entry-content { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .content-rollover-layout-list.owl-carousel .post-entry-content { position: absolute; bottom: 0; left: 0; width: 100% } .owl-carousel .post-thumbnail-wrap { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto } .sub-nav, .top-bar { -webkit-box-sizing: border-box } .owl-carousel .post-thumbnail { position: relative; display: block } .owl-carousel .post-thumbnail .alignleft { margin: 0 } .owl-carousel .post-thumbnail .alignnone { margin-bottom: 0 } .owl-carousel .format-gallery .post-thumbnail { width: 100% } .owl-carousel .fancy-categories, .owl-carousel .fancy-date>a, .owl-carousel .post-entry-wrapper>* { -webkit-backface-visibility: hidden; transform: translatez(0) } .owl-carousel .entry-excerpt { overflow: hidden } .owl-carousel .post-entry-content .entry-title a, .owl-carousel .post-entry-title-content .entry-title a { -webkit-transition: color .35s; transition: color .35s } .accent-gradient .owl-carousel .post-entry-content .entry-title a, .accent-gradient .owl-carousel .post-entry-title-content .entry-title a { -webkit-transition: none; transition: none } .owl-carousel .entry-meta { padding: 0 } .owl-carousel .entry-meta>span a { display: inline-block } .owl-carousel .entry-meta a:hover { text-decoration: underline } .owl-carousel .entry-meta>a:after, .owl-carousel .entry-meta>span:after { right: 0; width: 3px; height: 3px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "" } .owl-carousel [class*=" icon-"], .owl-carousel [class*=" icon-"]:before, .owl-carousel [class^=icon-], .owl-carousel [class^=icon-]:before { font-family: icomoon-arrows-carousel-32x32!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .masthead { position: relative; z-index: 102 } .masthead:not(.side-header) { display: -ms-flexbox; -ms-flex-direction: column } .floating-navigation-below-slider.transparent .masthead:not(#phantom) { transform: translateY(-100%) } .hidden-header.overlay-navigation .mixed-header, .hidden-header.sticky-header .mixed-header, .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .header-bar, .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mobile-header-bar, .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .top-bar { display: none } .top-bar, .top-bar>.mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .disable-headers.header-side-left #page, .disable-headers.header-side-left.header-side-line #page:not(.boxed), .disable-headers.overlay-navigation.header-side-line #page:not(.boxed), .hidden-header.header-side-left #page, .hidden-header.header-side-left.header-side-line #page:not(.boxed), .hidden-header.overlay-navigation.header-side-line #page:not(.boxed) { padding-left: 0 } .disable-headers.header-side-right #page, .disable-headers.header-side-right.header-side-line #page:not(.boxed), .hidden-header.header-side-right #page, .hidden-header.header-side-right.header-side-line #page:not(.boxed) { padding-right: 0 } .responsive-off.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead { position: absolute; width: 100%; z-index: 102 } .top-bar { position: relative; display: flex; box-sizing: border-box } .top-bar-bg, .top-bar:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-box-sizing: content-box; box-sizing: content-box } .boxed .top-bar-bg, .boxed .top-bar:after { padding: 0; margin: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .top-bar:after { height: 1px } .transparent .top-bar-line-hide.top-bar:after { display: none } .top-bar-bg, .top-bar.full-width-line:after { padding: 0 1000px; margin-left: -1000px } .boxed .top-bar-bg, .boxed .top-bar.full-width-line:after { padding: 0; margin: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .top-bar>.mini-widgets { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .mini-search .submit, .side-header .branding { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .top-bar .mini-widgets.right-widgets, .top-bar .mini-widgets:last-child { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .top-bar * { font-size: inherit; line-height: inherit } .top-bar.hide-top-bar, .top-bar.top-bar-empty { position: absolute; visibility: hidden; opacity: 0 } .transparent .top-bar { margin-bottom: -1px } .top-bar .sub-nav { z-index: 1003 } .top-bar .sub-nav a:hover, .top-bar a, .top-bar a:hover { text-decoration: none } .top-bar .mini-login a:hover, .top-bar .mini-search .submit:hover, .top-bar a:hover { text-decoration: none; opacity: .7 } .top-bar .shopping-cart-inner a:hover, .top-bar .soc-ico a:hover, .top-bar .sub-nav li a:hover { opacity: 1 } .branding { line-height: 0; font-size: 0 } .side-header .branding { display: flex } .branding>a { display: block } .branding .mobile-desktop-logo, .branding .mobile-logo, .phantom-sticky .side-header .branding .mobile-logo, .responsive-off .masthead .hide-on-desktop.display-none { display: none } .branding a img, .branding img { max-width: 100%; height: auto } .responsive-off .masthead .hide-on-desktop { visibility: hidden; position: absolute; left: -9999px } .mini-contacts, .mini-nav { position: relative; vertical-align: middle } .mini-contacts, .mini-nav, .mini-nav li { display: inline-block } .mobile-mini-widgets { max-width: calc(100% - 45px) } .searchform, .searchform .field { max-width: 100% } .masthead .mini-widgets>*, .masthead .mobile-mini-widgets>* { display: inline-block; margin-left: 10px; margin-right: 10px } .masthead.side-header:not(.masthead-mobile-header) .mini-widgets>*, .masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets>* { margin: 5px 20px 5px 0 } .masthead.side-header.h-center .mini-widgets>*, .masthead.side-header.h-center .mobile-mini-widgets>* { margin-left: 10px; margin-right: 10px } .side-header-v-stroke:not(.masthead-mobile-header) .mini-widgets>*, .side-header-v-stroke:not(.masthead-mobile-header) .mobile-mini-widgets>* { margin: 10px 0 } .dt-mobile-header .mobile-mini-widgets-in-menu>* { margin: 5px 20px 5px 0 } .masthead:not(.side-header) .mini-widgets>.first, .masthead:not(.side-header) .mini-widgets>:first-child, .masthead:not(.side-header) .mobile-mini-widgets>.first, .masthead:not(.side-header) .mobile-mini-widgets>:first-child, .side-header .top-bar .mini-widgets>.first, .side-header .top-bar .mini-widgets>:first-child, .side-header .top-bar .mobile-mini-widgets>.first, .side-header .top-bar .mobile-mini-widgets>:first-child, .side-header-h-stroke .mini-widgets>.first, .side-header-h-stroke .mini-widgets>:first-child, .side-header-h-stroke .mobile-mini-widgets>.first, .side-header-h-stroke .mobile-mini-widgets>:first-child { margin-left: 0 } .masthead:not(.side-header) .mini-widgets>.last, .masthead:not(.side-header) .mini-widgets>:last-child, .masthead:not(.side-header) .mobile-mini-widgets>.last, .masthead:not(.side-header) .mobile-mini-widgets>:last-child, .side-header .top-bar .mini-widgets>.last, .side-header .top-bar .mini-widgets>:last-child, .side-header .top-bar .mobile-mini-widgets>.last, .side-header .top-bar .mobile-mini-widgets>:last-child, .side-header-h-stroke .mini-widgets>.last, .side-header-h-stroke .mini-widgets>:last-child, .side-header-h-stroke .mobile-mini-widgets>.last, .side-header-h-stroke .mobile-mini-widgets>:last-child { margin-right: 0 } .masthead .mobile-header-bar .mini-widgets>*, .masthead .mobile-header-bar .mobile-mini-widgets>*, .masthead-mobile-header .mini-widgets>*, .masthead-mobile-header .mobile-mini-widgets>*, .side-header-h-stroke .mobile-header-bar .mini-widgets>*, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>* { margin: 0 10px } .mini-search input[type=text], .overlay-search-microwidget input[type=text], .text-area>p { margin-bottom: 0 } .masthead .mobile-header-bar .mini-widgets>.first, .masthead .mobile-header-bar .mini-widgets>:first-child, .masthead .mobile-header-bar .mobile-mini-widgets>.first, .masthead .mobile-header-bar .mobile-mini-widgets>:first-child, .masthead-mobile-header .mini-widgets>.first, .masthead-mobile-header .mini-widgets>:first-child, .masthead-mobile-header .mobile-mini-widgets>.first, .masthead-mobile-header .mobile-mini-widgets>:first-child, .side-header-h-stroke .mobile-header-bar .mini-widgets>.first, .side-header-h-stroke .mobile-header-bar .mini-widgets>:first-child, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.first, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:first-child { margin-left: 10px } .masthead .mobile-header-bar .mini-widgets>.last, .masthead .mobile-header-bar .mini-widgets>:last-child, .masthead .mobile-header-bar .mobile-mini-widgets>.last, .masthead .mobile-header-bar .mobile-mini-widgets>:last-child, .masthead-mobile-header .mini-widgets>.last, .masthead-mobile-header .mini-widgets>:last-child, .masthead-mobile-header .mobile-mini-widgets>.last, .masthead-mobile-header .mobile-mini-widgets>:last-child, .side-header-h-stroke .mobile-header-bar .mini-widgets>.last, .side-header-h-stroke .mobile-header-bar .mini-widgets>:last-child, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.last, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:last-child { margin-right: 10px } .mini-contacts { padding-left: 18px; margin: 0; background-repeat: no-repeat; background-position: 0 center } .dt-mobile-header .mini-contacts, .side-header .mini-contacts { white-space: normal } .mini-contacts.address, .mini-contacts.clock, .mini-contacts.email, .mini-contacts.skype { padding-left: 22px } .menu-select select, .mini-nav .customSelect { border: none; padding: 0; margin-bottom: 0 } .mini-nav .customSelect { position: absolute; visibility: hidden } .mini-nav .customSelect .customSelectInner { opacity: 0 } .menu-select select, .mini-nav .customSelect1 { position: relative; visibility: visible; opacity: 1 } .menu a:hover, .menu-select:hover { text-decoration: underline } .dt-mobile-header .menu a:hover, .dt-mobile-header .menu-select:hover, .masthead .menu a:hover, .masthead .menu-select:hover, .mini-nav .customSelectInner:hover { text-decoration: none } .mini-nav .customSelectInner { padding-left: 20px; background: 0 0 } .mini-nav .customSelectInner:before { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; content: ""; background-position: 0 center; background-repeat: no-repeat } .menu-select select { z-index: 9 } .mini-nav .customSelect { padding: 0 } .mini-nav li { position: relative; vertical-align: middle } .dt-mobile-header .mini-nav .sub-nav>li { display: block } #page .mini-nav .sub-nav li.has-children a:after { right: 8px } .mini-nav li:last-child { margin-right: 0 } #bottom-bar .mini-nav ul>li.act>a .menu-item-text, #bottom-bar .mini-nav>ul>li>a:hover .menu-item-text { text-decoration: underline } #bottom-bar .mini-nav ul .sub-nav>li.act>a .menu-item-text, #bottom-bar .mini-nav ul>li>a:hover, .mini-nav ul .sub-nav>li.act>a .menu-item-text, .mini-nav ul>li>a, .mini-nav>ul>li>a:hover { text-decoration: none } .mini-nav li:first-child:before { border-left: none } .mini-nav select { min-width: 100px; height: 0; opacity: 0 } #page .mini-nav select option, .light-preset-color .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mini-nav select option { color: #b8bcbe!important } .masthead .popup-search.act { position: relative; z-index: 1002 } .dt-mobile-header .mini-search, .masthead .mini-search { position: relative; display: inline-block; vertical-align: middle; z-index: 10; max-width: 100% } .dt-mobile-header .popup-search, .dt-mobile-header .searchform { position: static } .searchform { position: relative; z-index: 3 } .popup-search-wrap { padding: 10px; position: absolute; right: -10px; top: 38px; visibility: hidden; filter: drop-shadow(0 0 4px rgba(0, 0, 0, .2)) } @media all and (-ms-high-contrast:none) { .popup-search-wrap { box-shadow: 0 0 4px rgba(0,0,0,.2) } } .popup-search-wrap:before { position: absolute; top: -7px; right: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid red; content: '' } .dt-mobile-header .popup-search-wrap:before { display: none } .popup-search-wrap.left-overflow:before { left: 20px; right: auto } .dt-mobile-header .popup-search-wrap:before, .popup-search-wrap.bottom-overflow:before, .side-header:not(.masthead-mobile-header) .popup-search-wrap:before { top: auto; bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid; border-bottom: none } .mini-search .submit, .overlay-search .searchform .submit, .popup-search .searchform .submit { border: none; background-color: transparent; text-decoration: none } .popup-search-wrap .search-icon { position: absolute; top: 0; right: 20px; height: 100% } .mini-search .popup-search-wrap.left-overflow { left: -10px; right: auto } .dt-mobile-header .mini-search .field { left: 0; z-index: 100 } .dt-mobile-header .mini-search:not(.animate-search-width) .field { width: 100% } .overlay-search .searchform .submit>span, .popup-search .searchform .submit>span { margin-left: 5px } .dt-mobile-header .overlay-search .searchform .submit, .dt-mobile-header .popup-search .searchform .submit { position: relative } .mini-search .submit { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .mini-search .submit.default-icon { padding-left: 17px } .mini-search .search-icon { text-decoration: none; background-repeat: no-repeat; background-position: center center } .mini-search .search-icon, .overlay-search-microwidget .search-icon { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .dt-mobile-header .mini-search .searchsubmit, .masthead .mini-search .searchsubmit, .mini-search .overlay-search-wrap { display: none } .mini-search .search-icon:hover, .overlay-search-microwidget .search-icon:hover { opacity: .7 } .overlay-search .submit.default-icon:before, .popup-search .submit.default-icon:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 16px; width: 16px; background-position: 0 center; background-repeat: no-repeat; content: "" } .overlay-search .submit i, .popup-search .submit i { font-size: 16px } .classic-search .search-icon { position: absolute; top: 0; right: 10px; height: 100%; padding: 0 } .overlay-search-microwidget { position: fixed; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: opacity .55s ease; transition: opacity .55s ease } .overlay-search-microwidget.open { opacity: 1; visibility: visible } .overlay-search-microwidget .submit { display: none } .masthead .soc-ico, .mini-login, .text-area { display: inline-block; vertical-align: middle } .overlay-search-microwidget>i { position: absolute; top: 30px; right: 30px; width: 34px; height: 34px; color: #fff; font-size: 34px } .overlay-search-microwidget .search-icon { position: absolute; top: 0; right: 10px; height: 100%; padding: 0; background-position: 0 center; background-repeat: no-repeat; text-decoration: none } .overlay-search-microwidget .search-icon>span { position: absolute; text-indent: -9999px } .overlay-search-microwidget .searchform { max-width: 90% } .animate-search-width .searchform { overflow: hidden } .animate-search-width input.field { -webkit-transition: width .55s ease; transition: width .55s ease } .animate-search-width .search-icon { position: absolute; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; top: 0; right: 0; height: 100%; width: 100% } .mini-login:hover { opacity: .7 } .microwidget-btn:before, .microwidget-btn:hover:after, .top-bar .microwidget-btn:hover { opacity: 1 } .mini-login a { position: relative; padding-left: 22px; text-decoration: none } .mini-login a:hover { text-decoration: none } .mini-login a:before { position: absolute; top: 50%; left: 0; margin-top: -8px; height: 16px; width: 16px; background-position: 0 center; background-repeat: no-repeat; content: "" } .lines, .text-area { position: relative } .accent-gradient .masthead .soc-ico.accent-bg a:hover, .accent-gradient .masthead .soc-ico.gradient-bg a:hover, .masthead .soc-ico a:hover, .masthead .soc-ico.accent-bg a:hover, .masthead .soc-ico.custom-bg a:hover, .masthead .soc-ico.gradient-bg a:hover { background: 0 0 } .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover, .masthead .soc-ico.accent-bg.hover-custom-bg a:hover, .masthead .soc-ico.hover-accent-bg a:hover, .masthead .soc-ico.hover-custom-bg a:hover, .masthead .soc-ico.hover-disabled-bg a:hover { -webkit-box-shadow: none; box-shadow: none } #page .mini-icon-off, #page .mini-icon-off:before, #page .mini-login .submit.mini-icon-off:before, #page .wc-ico-cart.mini-icon-off:before, #phantom .mini-icon-off, #phantom .mini-icon-off:before, #phantom .mini-login .submit.mini-icon-off:before, #phantom .wc-ico-cart.mini-icon-off:before { background: 0 0!important; padding-left: 0 } .mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn) { text-decoration: underline } #bottom-bar .sub-nav a:hover, #bottom-bar a, .main-nav>li>a, .microwidget-btn, .mobile-main-nav>li>a, .text-area a:not(.dt-btn):hover { text-decoration: none } .top-bar>span { display: none!important } .lines, .lines:after, .lines:before { display: inline-block; width: 22px; height: 2px } .mini-login .submit.text-disable, .wc-ico-cart.text-disable { padding-left: 16px; letter-spacing: -4px } .masthead .soc-ico a { line-height: 22px } .hide-overlay.active .lines-button.x .lines, .menu-toggle.active .lines-button.x .lines { background: 0 0 } .accent-bg .lines, .accent-bg .lines:after, .accent-bg .lines:before { background-color: #fff } .lines:after, .lines:before { position: absolute; left: 0; content: ''; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center; -webkit-transition: transform .3s; transition: transform .3s } .hide-overlay.active .lines-button.x .lines:after, .hide-overlay.active .lines-button.x .lines:before, .menu-toggle.active .lines-button.x .lines:after, .menu-toggle.active .lines-button.x .lines:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0 } .lines:before { top: 7px } .menu-toggle:not(.active) .lines-button:hover .lines:before { -webkit-transform: translateY(-2px); transform: translateY(-2px) } .large-menu-icon .menu-toggle:not(.active) .lines-button:hover .lines:before { -webkit-transform: translateY(-3px); transform: translateY(-3px) } .lines:after { top: -7px } .menu-toggle:not(.active) .lines-button:hover .lines:after { -webkit-transform: translateY(2px); transform: translateY(2px) } .large-menu-icon .menu-toggle:not(.active) .lines-button:hover .lines:after { -webkit-transform: translateY(3px); transform: translateY(3px) } .hide-overlay.active .lines-button.x .lines:before, .menu-toggle.active .lines-button.x .lines:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease } .hide-overlay.active:hover .lines-button.x .lines:before, .menu-toggle.active:hover .lines-button.x .lines:before { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } .hide-overlay.active .lines-button.x .lines:after, .menu-toggle.active .lines-button.x .lines:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease } .hide-overlay.active:hover .lines-button.x .lines:after, .menu-toggle.active:hover .lines-button.x .lines:after { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } .microwidget-btn { position: relative; max-width: 100% } .masthead .mini-widgets .microwidget-btn, .masthead .mobile-mini-widgets .microwidget-btn { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .main-nav>li, .main-nav>li>a, .mini-nav li>a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .microwidget-btn i, .microwidget-btn>span { position: relative; z-index: 1 } .microwidget-btn.btn-icon-align-right i { margin-left: 5px; padding-right: 1px } .microwidget-btn.btn-icon-align-left i { margin-right: 5px } .microwidget-btn:after, .microwidget-btn:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; -webkit-backface-visibility: hidden } .disable-animation-bg.microwidget-btn:after, .disable-animation-bg.microwidget-btn:before { -webkit-transition: none; transition: none } .microwidget-btn:hover:before, .microwidget-btn:not(:hover):after { transition-delay: 100ms } .microwidget-btn:after, .microwidget-btn:hover:before { opacity: 0 } .main-nav>li { position: relative; display: flex } .main-nav>li>a, .mini-nav li>a { position: relative; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .not-clickable-item { cursor: default } .main-nav>li>a .text-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; border-radius: inherit } .main-nav>li>a .text-wrap .menu-item-text { position: relative; z-index: 10 } .main-nav.level-arrows-on>li.has-children>a { position: relative } .main-nav .menu-item .text-wrap>i, .main-nav .menu-item a i[class^=fa], .main-nav .menu-item a>i, .mini-nav .menu-item .text-wrap>i, .mini-nav .menu-item a i[class^=fa], .mini-nav .menu-item a>i { padding-right: 6px } .menu-text, .subtitle-text { display: block; color:#B2AEAB; } .top-header .main-nav.level-arrows-on>li.has-children>a .menu-text { position: relative; padding-right: 10px } .sub-sideways .main-nav.level-arrows-on>li.has-children>a .menu-item-text { position: relative } .top-header .main-nav .menu-text:after { position: absolute; top: 50%; margin-top: -5px; right: 0; width: 8px; height: 8px; content: "" } .side-header .main-nav.level-arrows-on>li.has-children>a:after { position: absolute; top: 50%; margin-top: -7px; right: -14px; width: 14px; height: 14px; content: ""; background-repeat: no-repeat; background-position: center center } .side-header.sub-downwards .main-nav.level-arrows-on>li.has-children>a:after { right: -30px; margin-top: -15px; width: 30px; height: 30px } .sub-downwards .next-level-button { position: relative; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center } .dt-mobile-header.dt-parent-menu-clickable .mobile-main-nav>li.has-children>a:after, .sub-downwards.dt-parent-menu-clickable .main-nav.level-arrows-on>li.has-children>a:after { display: none } .dt-mobile-header .next-level-button, .sub-downwards .main-nav.level-arrows-on>li.has-children>a:after, .sub-downwards .next-level-button, .sub-downwards .side-header .main-nav.level-arrows-on>li.has-children>a:after { -ms-transition: -ms-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } .dt-mobile-header li.has-children.open-sub>.next-level-button, .sub-downwards .main-nav.level-arrows-on>li.has-children.open-sub>a.act:after, .sub-downwards li.has-children.open-sub>.next-level-button { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .l-to-r-line>li>a>span { position: relative; display: block } .l-to-r-line>li>a i.underline { position: absolute; display: block; left: 1px; bottom: -5px; overflow: hidden; width: 0; pointer-events: none; background-color: transparent; opacity: .85; -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275); transition: all .3s cubic-bezier(.175, .885, .32, 1.275) } .top-header .l-to-r-line>li.act>a i.underline, .top-header .l-to-r-line>li.dt-hovered>a i.underline, .top-header .l-to-r-line>li>a:hover i.underline { width: 100% } .from-centre-line>li>a>span { position: relative; display: block } .from-centre-line>li>a .menu-item-text:before { position: absolute; visibility: hidden; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: #000; content: ""; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; opacity: .85 } .top-header .from-centre-line>li.act>a .menu-item-text:before, .top-header .from-centre-line>li.dt-hovered>a .menu-item-text:before, .top-header .from-centre-line>li>a:hover .menu-item-text:before { visibility: visible; -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1) } .upwards-line>li>a>span { position: relative; display: block } .upwards-line>li>a .menu-item-text:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,.1); content: ''; opacity: 0; -ms-transition: opacity .3s, -webkit-transform .3s; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px) } .top-header .upwards-line>li.act>a .menu-item-text:before, .top-header .upwards-line>li.dt-hovered>a .menu-item-text:before, .top-header .upwards-line>li>a:hover .menu-item-text:before { opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .downwards-line>li>a>span { position: relative; display: block } .downwards-line>li>a .menu-item-text:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -ms-transition: height .3s, opacity .3s, -webkit-transform .3s; -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s; transition: height .3s, opacity .3s, transform .3s; -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px) } .top-header .downwards-line>li.act>a .menu-item-text:before, .top-header .downwards-line>li.dt-hovered>a .menu-item-text:before, .top-header .downwards-line>li>a:hover .menu-item-text:before { height: 2px; opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .top-header .active-line-decoration>li>a, .top-header .hover-line-decoration>li>a { overflow: hidden } .top-header .active-line-decoration>li>a .decoration-line, .top-header .hover-line-decoration>li>a .decoration-line { position: absolute; top: 0; left: 0; width: 100%; height: 2px; content: ""; opacity: 0; -ms-transition: opacity .3s ease; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .top-header .active-line-decoration>li.act>a .decoration-line, .top-header .hover-line-decoration>li.dt-hovered>a .decoration-line, .top-header .hover-line-decoration>li>a:hover .decoration-line { opacity: 1 } .top-header .hover-bg-decoration>li:not(.act)>a { -webkit-transition: background .3s ease; transition: background .3s ease } .dt-mega-menu-wrap, .sub-nav { position: absolute; visibility: hidden; z-index: 200; top: 100%; left: 0; width: 240px; opacity: 0 } .sub-nav.right-overflow { left: auto; right: 0 } .sub-nav { padding: 0; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); box-sizing: border-box } .sub-nav li, .sub-nav li a { -webkit-box-sizing: border-box } .sub-nav li { position: relative; display: block; padding: 0 10px; box-sizing: border-box } .sub-nav li:first-child { padding-top: 10px } .sub-nav li:last-child { padding-bottom: 10px } .sub-nav li:first-child:before { display: none } .sub-nav li a, .sub-nav li a .text-wrap { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -ms-flex-line-pack: center; text-decoration: none } .sub-nav li a { box-sizing: border-box } .sub-nav li a .text-wrap { width: 100% } .sub-downwards.h-center .sub-nav li a .text-wrap, .sub-downwards.h-center .sub-nav>li, .sub-downwards.h-justify.h-center .sub-nav>li>a { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; text-align: center } .sub-nav li.has-children a:after { position: absolute; display: block; right: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; content: ""; background-position: center center; background-repeat: no-repeat } .sub-downwards .sub-nav li.has-children a:after { right: -30px; margin-top: -15px } .dt-mobile-header .sub-nav .next-level-button, .sub-downwards .sub-nav .next-level-button, .sub-downwards .sub-nav li.has-children a:after { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat } .dt-mobile-header.dt-parent-menu-clickable .sub-nav li.has-children a:after, .sub-downwards.dt-parent-menu-clickable .sub-nav li.has-children a:after { display: none } .dt-mobile-header.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after, .sub-downwards.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after { display: block } .dt-mobile-header .sub-nav .next-level-button, .sub-downwards .sub-nav .next-level-button, .sub-downwards .sub-nav.level-arrows-on li.has-children>a:after { -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } .dt-mobile-header .sub-nav li.has-children.open-sub>.next-level-button, .sub-downwards .sub-nav li.has-children.open-sub>.next-level-button, .sub-downwards .sub-nav.level-arrows-on li.has-children.open-sub>a.act:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sub-nav .sub-nav { left: 241px; top: 0; margin-top: 0 } .rtl .sub-nav .sub-nav { left: auto; right: 241px } .sub-nav .sub-nav.right-overflow { left: -241px } .rtl .sub-nav .sub-nav.right-overflow { left: auto; right: -241px } .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow), .side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow) { top: 0!important; left: 100% } .rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow), .rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow) { right: 100%; left: auto } .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap, .side-header:not(.sub-downwards) .main-nav>li>.sub-nav { left: 100% } .rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap, .rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav { right: 100%; left: auto } .side-header .dt-mega-menu-wrap.bottom-overflow, .side-header .mini-nav.sub-nav.bottom-overflow, .side-header .sub-nav.bottom-overflow, .top-header.floating-navigation-below-slider .sub-nav.bottom-overflow { top: auto!important; bottom: 0 } .dt-mobile-header .mini-nav, .dt-mobile-header .mini-nav li { position: static } .dt-mobile-header .mini-nav .sub-nav { left: 0; width: 100% } .dt-mobile-header .mini-nav .sub-nav .sub-nav { left: 0!important } .header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap, .header-side-right .sub-sideways .main-nav>li>.sub-nav, .overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap, .overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav { left: auto!important; right: 100% } .rtl.header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap, .rtl.header-side-right .sub-sideways .main-nav>li>.sub-nav, .rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap, .rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav { left: 100%!important; right: auto } .dt-mobile-header .sub-nav>li, .mobile-main-nav>li, .sub-downwards .main-nav>li, .sub-downwards .sub-nav>li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap, .dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav, .dt-mobile-header .mobile-main-nav>li>.sub-nav, .dt-mobile-header .mobile-main-nav>li>.sub-nav .sub-nav, .sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap, .sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav, .sub-downwards.side-header .main-nav>li>.sub-nav, .sub-downwards.side-header .main-nav>li>.sub-nav .sub-nav { position: relative; display: none; top: 0; left: 0; width: 100%; padding: 0; visibility: visible; opacity: 1; z-index: auto } .sub-downwards.side-header .main-nav>li .sub-nav .sub-nav { padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .sub-downwards li:not(.dt-mega-menu) .sub-nav { width: auto } .sub-downwards .level-arrows-on li.has-children a { max-width: calc(100% - 30px); box-sizing: border-box } .sub-downwards .main-nav>li>.sub-nav { padding-bottom: 0 } .mobile-main-nav .sub-nav, .sub-downwards .main-nav .sub-nav { background: 0 0; box-shadow: none } .masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent, .sub-downwards .main-nav .sub-nav li { padding: 0; width: 100% } .sub-downwards .main-nav.level-arrows-on>li.has-children:last-child { margin-right: 0 } .main-nav .sub-nav>li>a { transition: background .3s } .next-level-button:hover, .sub-downwards #main-nav li a:hover { cursor: pointer!important } .main-nav>li.dt-mega-menu>a { position: relative } .dt-mega-menu .sub-nav .dt-mega-parent:before, .dt-mega-menu .sub-nav .dt-mega-parent:first-child:before, .dt-mega-menu .sub-nav li.has-children:after, .dt-mega-menu .sub-nav li:before, .masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title>a .menu-text { display: none } .masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title:not(.with-subtitle)>a { padding: 0 } .sub-downwards .sub-nav li.hide-mega-title>a { display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .menu-subtitle { display: block; text-transform: none; font-family: Arial, sans-serif; font-style: normal; font-weight: 400 } .dt-mega-menu .sub-nav .dt-mega-parent>a span.menu-subtitle { font-size: 12px; line-height: 14px } .mega-icon:after, .menu-subtitle:after { display: none!important } .top-header .mega-full-width>.dt-mega-menu-wrap { width: 100% } .side-header .mega-auto-width .dt-mega-menu-wrap, .side-header .mega-full-width .dt-mega-menu-wrap { top: 0; left: 100% } .header-side-right .mega-auto-width>.dt-mega-menu-wrap, .header-side-right .mega-full-width>.dt-mega-menu-wrap { top: 0; left: auto; right: 100%; padding-left: 0 } .masthead.side-header:not(.sub-downwards) .mega-auto-width>.dt-mega-menu-wrap, .masthead.side-header:not(.sub-downwards) .mega-full-width>.dt-mega-menu-wrap { width: 890px; max-width: 890px } .mega-auto-width .dt-mega-menu-wrap { left: 0; width: auto } .main-nav .mega-auto-width>.dt-mega-menu-wrap { min-width: 240px } .mega-auto-width>.dt-mega-menu-wrap.left-overflow, .mega-full-width .dt-mega-menu-wrap.left-overflow { left: 0!important; right: auto!important; margin-left: 0!important } .top-header .main-nav .dt-mega-menu-wrap { position: absolute; top: 100%; visibility: hidden; opacity: 0; padding: 10px } .main-nav .dt-mega-menu-wrap { -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-sizing: border-box; box-sizing: border-box } .top-header.floating-navigation-below-slider .main-nav>li>.dt-mega-menu-wrap.bottom-overflow { top: auto; bottom: 100% } .top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow { top: auto; bottom: 0 } .dt-mega-menu-wrap .sub-nav { position: relative; width: auto; padding: 0; background: 0 0; box-shadow: none } .show-mega-menu .dt-mega-menu-wrap .sub-nav, .sub-downwards .dt-mega-menu-wrap .sub-nav { visibility: visible; opacity: 1 } #page .dt-mobile-header .dt-mega-menu-wrap>.sub-nav { visibility: visible; opacity: 1; width: auto } .dt-mega-menu-wrap>.sub-nav { display: block!important } .main-nav .mega-auto-width>.dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-auto-width>.dt-mega-menu-wrap .sub-nav .sub-nav ul, .main-nav .mega-full-width>.dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-full-width>.dt-mega-menu-wrap .sub-nav .sub-nav ul { width: auto } .dt-mega-menu .dt-mega-menu-wrap { padding-top: 0; padding-bottom: 0; font-size: 0; line-height: 0; word-spacing: -4px; text-align: left } .dt-mega-menu .dt-mega-menu-wrap:after, .dt-mega-menu .dt-mega-menu-wrap:before { content: ""; display: table; clear: both } .dt-mega-menu>.dt-mega-menu-wrap { padding: 20px 10px 10px } .dt-mega-menu .dt-mega-menu-wrap li { padding-left: 0; padding-right: 0; word-spacing: normal } .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent { position: static; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; padding: 0 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .dt-mega-menu .sub-nav .dt-mega-parent:first-child { border-left: none } .new-column>a { margin-left: -21px!important; border-radius: none } .dt-mega-menu .sub-nav .dt-mega-parent:hover>a { -webkit-border-radius: 0; border-radius: 0 } .dt-mega-menu .sub-nav .dt-mega-parent a { width: auto } .dt-mega-menu .sub-nav .dt-mega-parent.no-link>a:hover, .no-link>a:hover { opacity: 1 } .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav, .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow { position: relative; left: auto!important; top: auto; max-width: 100%; padding: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none } .rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav, .rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow { right: auto; left: auto!important } .dt-mega-menu.dt-hovered .sub-nav .sub-nav, .show-mega-menu.dt-mega-menu .sub-nav .sub-nav { visibility: visible!important; opacity: 1!important } .dt-mega-parent .sub-nav>li { margin-bottom: 2px } .hide-mega-title { margin-top: 5px } .sub-downwards .hide-mega-title { margin-top: 0 } .mobile-header-bar, .mobile-header-space, .side-header .main-nav .new-column { display: none } .mobile-header-scrollbar-wrap:not(.mCustomScrollbar), .mobile-main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .menu-open.not-iOS, .menu-open.not-iOS body { overflow: hidden } .dt-mobile-header { position: fixed; top: 0; height: 100%; min-height: 100%; width: 500px; max-width: 100%; z-index: 9602; padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: grey; -ms-transition: -ms-transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .dt-mobile-header .mini-widgets, .mobile-main-nav, .mobile-mini-widgets-in-menu { padding-bottom: 30px } .show-mobile-header .dt-mobile-header { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .right-mobile-menu .dt-mobile-header { right: 0; -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -ms-transition: right .5s ease; -webkit-transition: right .5s ease; transition: right .5s ease } .admin-bar .dt-mobile-header { padding-top: 62px } .is-iOS .dt-mobile-header, .mobile-true .dt-mobile-header { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .mobile-header-scrollbar-wrap:not(.mCustomScrollbar) { position: relative; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .mobile-header-scrollbar-wrap.mCustomScrollbar { width: 100%; height: 100% } .mobile-mini-widgets-in-menu, .show-on-first-switch, .show-on-second-switch { display: none } .mobile-sticky-header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .4s; transition: all .4s } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn { position: fixed; visibility: hidden; top: 10px; right: 10px; opacity: 0; width: 44px; height: 44px; margin: 0!important; background-color: rgba(0,0,0,.2); -webkit-backface-visibility: hidden } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover { background-color: rgba(0,0,0,.5) } .floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn { visibility: visible; opacity: 1 } .dt-mobile-menu-icon.floating-btn .lines { -webkit-border-radius: 0; border-radius: 0 } .medium-mobile-menu-icon .mobile-header-bar .dt-mobile-menu-icon { width: 24px } .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:after, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:before, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:not(.active) { background-color: #fff } .mobile-main-nav { display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-flex: 10 1 auto; -moz-flex: 10 1 auto; -ms-flex: 10 1 auto; flex: 10 1 auto } .mobile-main-nav>li { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .mobile-main-nav>li:before { content: ""; position: absolute; top: -.5px; height: 0; border-top: solid 1px #ff0; width: 100%; max-width: 100%; left: 0 } .dt-mobile-header .mobile-main-nav .new-column, .mobile-main-nav>li:first-child:before { display: none } .mobile-main-nav>li>a { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 30px 10px 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .dt-mobile-header .next-level-button, .mobile-main-nav>li.has-children>a:after { position: absolute; width: 30px; background-repeat: no-repeat; background-position: center center; right: 0; height: 30px } .mobile-main-nav .sub-nav li.hide-mega-title>a { display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .mobile-main-nav>li.has-children>a:after { top: 50%; margin-top: -15px; content: "" } .dt-mobile-header .next-level-button { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center } .mobile-main-nav .next-level-button, .mobile-main-nav>li.has-children>a:after { -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } .mobile-main-nav li.has-children.open-sub>.next-level-button, .mobile-main-nav>li.has-children.open-sub>a.act:after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mobile-main-nav .menu-item a i[class^=fa] { padding-right: 6px } .mobile-main-nav li>a .subtitle-text { font-size: 10px; line-height: 12px; font-family: Arial, sans-serif } .mobile-main-nav .sub-nav { margin-left: 20px } .header-side-right .mobile-main-nav .mega-auto-width>.sub-nav, .header-side-right .mobile-main-nav .mega-full-width>.sub-nav { right: 0 } #page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent, #page .mobile-main-nav .sub-nav li { padding: 0; width: 100% } #page .mobile-main-nav .sub-nav { width: 100% } .mobile-main-nav .sub-nav .sub-nav { left: 0 } .mobile-main-nav .sub-nav>li>a { padding: 10px 30px 10px 0; margin: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .mobile-main-nav .sub-nav>li>a:hover { background: 0 0!important } .mobile-main-nav .sub-nav .next-level-button, .mobile-main-nav .sub-nav li.has-children a:after { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; top: 0; margin: 0; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat } .mobile-main-nav.dt-parent-menu-clickable .sub-nav li.has-children a:after { display: none } .mobile-main-nav .sub-nav .next-level-button, .mobile-main-nav .sub-nav li.has-children>a:after { -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } .mobile-main-nav .sub-nav li.has-children.open-sub>.next-level-button, .mobile-main-nav .sub-nav li.has-children.open-sub>a.act:after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .dt-mobile-menu-icon, .lines-button { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin-right: 16px; transition: .3s; cursor: pointer; user-select: none } .dt-mobile-menu-icon { width: 22px; height: 22px; margin-right: 0 } .lines-button:active { transition: 0 } .dt-close-mobile-menu-icon { position: fixed; top: 0; width: 30px; height: 30px; left: -50px; z-index: 9999; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-transition-delay: .5s; transition-delay: .5s } .admin-bar .dt-close-mobile-menu-icon { top: 32px } .show-mobile-header .dt-close-mobile-menu-icon { opacity: 1 } .dt-close-mobile-menu-icon span { position: relative; display: block; width: 30px; height: 30px; margin: 0 } .dt-close-mobile-menu-icon span:hover { cursor: pointer } .dt-mobile-menu-icon:hover .lines:before { -webkit-transform: translateY(-2px); transform: translateY(-2px) } .dt-mobile-menu-icon:hover .lines:after { -webkit-transform: translateY(2px); transform: translateY(2px) } .dt-close-mobile-menu-icon span:after, .dt-close-mobile-menu-icon span:before { display: inline-block; height: 2px; background: #fff; position: absolute; content: ''; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 50%; left: 50%; margin: -1px 0 0 -11px; width: 22px; -webkit-transition: -webkit-transform .1s ease; transition: transform .1s ease } .dt-close-mobile-menu-icon span:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .dt-close-mobile-menu-icon:hover span:before { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } .dt-close-mobile-menu-icon span:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .dt-close-mobile-menu-icon:hover span:after { -ms-transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } .masthead .mobile-header-bar { position: relative; min-height: 150px; width: 100%; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } .side-header .mobile-header-bar { padding: 0 44px } .mobile-header-bar>* { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .mobile-header-bar .mobile-branding { line-height: 0 } .mobile-header-bar .mobile-branding img { max-width: 100%; height: auto } #phantom { position: fixed; width: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box } #phantom.boxed { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .dt-style-um #phantom { display: none } .phantom-fade #phantom { -webkit-transform: translateZ(0) } .phantom-fade #phantom:not(.show-phantom):not(.hide-phantom) { display: none; opacity: 0 } .phantom-fade #phantom.boxed { -webkit-transform: translate3d(-50%, 0, 0) } .phantom-fade .hide-phantom#phantom { -webkit-animation: fade-out-anim .8s ease 0s 1 normal both; animation: fade-out-anim .8s ease 0s 1 normal both } .phantom-fade .show-phantom#phantom { -webkit-animation: opacity-lat .7s ease 0s 1 normal both; animation: opacity-lat .7s ease 0s 1 normal both; animation-delay: .1s } @-webkit-keyframes fade-out-anim { 0% { opacity:1; display:block } 30%, 99% { opacity:0; display:block } 100% { opacity:0; display:none; z-index:1 } } @keyframes fade-out-anim { 0% { opacity:1; display:block } 30%, 99% { opacity:0; display:block } 100% { opacity:0; display:none; z-index:1 } } @-webkit-keyframes fade-in-anim { 0% { opacity:0; display:none } 1% { opacity:0; display:block } 100%, 50% { opacity:1; display:block } } @keyframes fade-in-anim { 0% { opacity:0; display:none } 1% { opacity:0; display:block } 100%, 50% { opacity:1; display:block } } .phantom-slide #phantom.hide-phantom { will-change: transform, opacity } .phantom-sticky .sticky-off.masthead:not(.masthead-mobile) { will-change: transform } .phantom-slide #phantom { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .phantom-slide .hide-phantom#phantom { -webkit-animation: slide-out-anim .35s ease 0s 1 normal both; animation: slide-out-anim .35s ease 0s 1 normal both } .phantom-slide .boxed.hide-phantom#phantom { -webkit-animation: slide-out-anim-boxed .35s ease 0s 1 normal both; animation: slide-out-anim-boxed .35s ease 0s 1 normal both } .phantom-slide .show-phantom#phantom { -webkit-animation: slide-in-anim .52s ease 0s 1 normal both; animation: slide-in-anim .52s ease 0s 1 normal both } .phantom-slide .boxed.show-phantom#phantom { -webkit-animation: slide-in-anim-boxed .52s ease 0s 1 normal both; animation: slide-in-anim-boxed .52s ease 0s 1 normal both } @-webkit-keyframes slide-out-anim { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 30% { opacity:1; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } @keyframes slide-out-anim { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 30% { opacity:1; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } @-webkit-keyframes slide-in-anim { 0% { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) } 10% { opacity:1; -webkit-transform:translateY(-100%); transform:translateY(-100%) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slide-in-anim { 0% { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) } 10% { opacity:1; -webkit-transform:translateY(-100%); transform:translateY(-100%) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @-webkit-keyframes slide-out-anim-boxed { 0% { opacity:1; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) } 30% { opacity:1; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0) } 100% { opacity:0; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } } @keyframes slide-out-anim-boxed { 0% { opacity:1; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) } 30% { opacity:1; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0) } 100% { opacity:0; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } } @-webkit-keyframes slide-in-anim-boxed { 0% { opacity:0; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } 10% { opacity:1; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) } } @keyframes slide-in-anim-boxed { 0% { opacity:0; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } 10% { opacity:1; -webkit-transform:translate3d(-50%, -100%, 0); transform:translate3d(-50%, -100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) } } body.admin-bar #phantom { top: 32px!important } .floating-navigation-below-slider .top-bar { display: none } .ph-wrap, .ph-wrap .menu-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } #phantom.boxed { z-index: 9008 } .ph-wrap { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: 0 auto } .full-height .ph-wrap { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .ph-wrap .menu-box { display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .ph-wrap .header-bar .mini-widgets, .widget-box .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .justify .ph-wrap .menu-box, .ph-wrap.with-logo .menu-box { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .ph-wrap.with-logo .menu-box { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } #phantom.inline-header.center .main-nav, #phantom:not(.split-header) .main-nav, .inline-header.center .ph-wrap.with-logo .menu-box { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } #phantom.classic-header.justify .main-nav, #phantom.inline-header.justify .main-nav, #phantom.split-header.justify .main-nav { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } #phantom .with-logo .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } #phantom.inline-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .widget-box .mini-widgets { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } #phantom.full-width .ph-wrap { max-width: 100% } #phantom .ph-wrap.boxed { width: 100%; max-width: 1320px; margin: 0 auto } .ph-wrap .header-bar { width: 100% } .ph-wrap .header-bar .mini-widgets { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .ph-wrap .logo-box { display: none } .ph-wrap.with-logo .logo-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; line-height: 0 } .ph-wrap .widget-box { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .phantom-logo-off .show-phantom .branding { display: none; visibility: hidden } .phantom-custom-logo-on .hide-phantom.classic-header .branding .phantom-top-line-logo, .phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo, .phantom-custom-logo-on .show-phantom.classic-header .branding>a:not(.phantom-top-line-logo), .phantom-custom-logo-on .show-phantom.classic-header .branding>img:not(.phantom-top-line-logo) { opacity: 0; visibility: hidden } .phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo { position: absolute } .phantom-custom-logo-on .hide-phantom.masthead:not(.classic-header):not(.side-header) .branding .phantom-top-line-logo, .phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>a:not(.phantom-top-line-logo), .phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>img:not(.phantom-top-line-logo) { opacity: 0; display: none } .animate-sticky { float: left; width: 1px; height: 100% } .phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo), .phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo) { display: none; opacity: 0 } .phantom-logo-off.phantom-sticky .sticky-on .branding>a, .phantom-logo-off.phantom-sticky .sticky-on .branding>img, .phantom-main-logo-on.phantom-sticky .sticky-on .branding>a, .phantom-main-logo-on.phantom-sticky .sticky-on .branding>img, .phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo, .phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo { display: none; visibility: hidden }/*! Horizontal headers */ .masthead:not(.side-header) { max-width: 100% } .transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead { position: absolute; width: 100%; z-index: 102 } .masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon) { padding: 0 44px; box-sizing: border-box } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .masthead.side-header-h-stroke, .masthead:not(.side-header):not(.mixed-header) { display: -ms-flexbox; -ms-flex-direction: column; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .masthead.side-header-h-stroke .header-bar, .masthead.side-header-h-stroke .ph-wrap, .masthead.side-header-h-stroke .top-bar, .masthead:not(.side-header):not(.mixed-header) .header-bar, .masthead:not(.side-header):not(.mixed-header) .ph-wrap, .masthead:not(.side-header):not(.mixed-header) .top-bar { width: 100% } .phantom-sticky.floating-navigation-below-slider .fixed-masthead.masthead:not(.sticky-on) { top: auto!important } .masthead.side-header-v-stroke.mixed-header { display: -ms-flexbox; -ms-flex-direction: column } .masthead.side-header-v-stroke.mixed-header .header-bar .branding { text-align: center } } .masthead:not(.side-header) .header-bar { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } .masthead:not(.side-header) .main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center }/*! Full height menu */ .masthead:not(.side-header).full-height .main-nav { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch } .masthead:not(.side-header) .header-bar .main-nav>li>a, .masthead:not(.side-header).full-height .header-bar .main-nav>li>a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -ms-flex-line-pack: stretch }/*! Menu dividers enabled */ .masthead:not(.side-header).dividers.justify .main-nav>li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .masthead:not(.side-header).dividers .main-nav>li:not(.dt-mega-menu) { position: relative } .masthead:not(.side-header).dividers .main-nav>li:before, .masthead:not(.side-header).dividers.surround .main-nav>li:last-child:after { content: ""; position: absolute; left: -.5px; width: 0; border-right: solid 1px #ff0; height: 100%; max-height: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .masthead:not(.side-header).dividers .main-nav>li:first-child:before { display: none } .masthead:not(.side-header).dividers.surround .main-nav>li:first-child:before { display: block } .masthead:not(.side-header).dividers.surround .main-nav>li:last-child:after { left: auto; right: -.5px } .masthead:not(.side-header).full-height .main-nav>li>a { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center }/*! Inline header */ .masthead.inline-header:not(.widgets) .header-bar .mini-widgets { display: none } .inline-header .header-bar { -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .inline-header .branding, .inline-header .header-bar>.mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center }/*! - left, right & center menu */ .inline-header.center .main-nav, .inline-header.left .main-nav, .inline-header.right .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .inline-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .inline-header.right .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .inline-header.center .main-nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center }/*! - justified menu */ .inline-header.justify .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute } .inline-header.justify .main-nav>li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .inline-header.justify .main-nav>li>a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex }/*! -- justified menu, with mini-widgets */ .inline-header.justify.widgets .main-nav>li { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center }/*! Classic header */ .classic-header .header-bar { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .masthead.classic-header .header-bar { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -ms-flex-align: end } .classic-header .branding, .classic-header .navigation { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .classic-header .navigation { position: relative } .classic-header .navigation:before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: "" } .boxed .classic-header .navigation:before { padding: 0; margin: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .classic-header.bg-behind-menu .navigation:before, .classic-header.full-width-line .navigation:before { padding: 0 1000px; margin-left: -1000px } .rtl.sticky-header.header-side-right #page, .sticky-header.header-side-left #page { padding-left: 0 } .boxed .classic-header.bg-behind-menu .navigation:before, .boxed .classic-header.full-width-line .navigation:before { padding: 0; margin: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .classic-header.bg-behind-menu .navigation:before { height: 100% } .masthead.classic-header:not(.widgets) .navigation .mini-widgets { display: none } .classic-header.widgets .branding .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .classic-header .branding .mini-widgets:last-child { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .classic-header .navigation>.mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end }/*! - branding layouts *//*! -- logo on the left, widgets on the right */ .classic-header:not(.logo-center) .branding .mini-widgets { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 }/*! -- logo centered, widgets around */ .classic-header.logo-center .branding .mini-widgets { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .classic-header.logo-center .branding { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .classic-header.logo-center .branding>a { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; display: block } .classic-header.logo-center .branding .mini-widgets:last-child { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 }/*! -- logo and widgets centered */ .classic-header.logo-widgets-center .branding { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .classic-header.logo-widgets-center .branding>* { margin: 0 auto }/*! - left, right & center menu */ .classic-header.left .main-nav, .classic-header.right .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .classic-header.left .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .classic-header.right .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .classic-header.center .navigation { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center }/*! - justified menu */ .classic-header.justify .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } .classic-header.justify .main-nav>li>a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center }/*! -- justified menu, with mini-widgets */ .classic-header.justify.widgets .main-nav>li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center }/*! Split header */ .masthead.split-header .header-bar { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .masthead.split-header.full-height .header-bar { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .masthead.split-header:not(.widgets) .navigation .mini-widgets { display: none } .split-header .branding, .split-header .navigation { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .split-header .branding { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 } .split-header .navigation { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .side-header, .split-header .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .split-header .navigation:first-of-type { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .split-header .navigation:last-of-type { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .split-header .navigation .main-nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .split-header .navigation:first-of-type .main-nav { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 } .split-header .navigation:first-of-type .mini-widgets { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .split-header .navigation:last-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .split-header .mini-widgets { display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }/*! - inside */ .split-header.inside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .split-header.inside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start }/*! - fully inside */ .split-header.fully-inside .navigation .main-nav { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; -ms-flex-grow: 0; flex-grow: 0 } .split-header.fully-inside .navigation:first-of-type { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .split-header.fully-inside .navigation:last-of-type { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .split-header.fully-inside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .split-header.fully-inside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start }/*! - outside */ .split-header.outside .navigation:first-of-type .main-nav { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .split-header.outside .navigation:last-of-type .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end }/*! - justified */ .split-header.justify .navigation .main-nav { -webkit-flex-grow: 10; -moz-flex-grow: 10; -ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } .split-header.justify .navigation .main-nav>li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .split-header.justify .navigation:last-of-type .main-nav>li { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end }/*! -- justified menu, with mini-widgets */ .split-header.justify.widgets .navigation .main-nav>li { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center }/*! Vertical headers */ .side-header { position: fixed; display: flex; height: 100%; z-index: 101; width: 400px } .admin-bar .side-header { height: calc(100% - 32px) } .side-header.content-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .side-header.content-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .side-header.content-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .header-side-right .side-header { right: 0 } .side-header .header-bar { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .fully-inside.side-header .header-bar .main-nav { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .side-header.v-bottom.fully-inside .header-bar { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .side-header.v-center.fully-inside .header-bar { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .header-scrollbar-wrap { width: 100%; height: 100% } .header-scrollbar-wrap .mCSB_inside>.mCSB_container, .mobile-header-scrollbar-wrap .mCSB_inside>.mCSB_container { margin: 0 } .fade-header-animation .header-scrollbar-wrap .mCSB_inside>.mCSB_container, .overlay-navigation .header-scrollbar-wrap .mCSB_inside>.mCSB_container { display: none } .fade-header-animation .show-header .header-scrollbar-wrap .mCSB_inside>.mCSB_container, .mCSB_container, .overlay-navigation .show-header .header-scrollbar-wrap .mCSB_inside>.mCSB_container { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .side-header .header-bar .mini-widgets, .side-header .main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex } .content-left .mCSB_container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .content-center .mCSB_container { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .content-right .mCSB_container { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .dt-mobile-header .mCSB_container { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .side-header .main-nav { -webkit-flex: 10 1 auto; -moz-flex: 10 1 auto; -ms-flex: 10 1 auto; flex: 10 1 auto; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .side-header .header-bar .mini-widgets { display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .side-header.v-center .main-nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .side-header.v-center .branding, .side-header.v-center:not(.masthead-mobile-header) .mini-widgets { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .side-header.v-bottom .main-nav { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .side-header.h-center .main-nav>li { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; text-align: center } .side-header.h-justify .main-nav>li>a, .side-header.h-justify.sub-downwards .sub-nav>li>a { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .side-header.h-center .branding, .side-header.h-center:not(.masthead-mobile-header) .mini-widgets, .side-header.h-justify.h-center .main-nav>li>a { text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center }/*! Menu dividers enabled */ .side-header.dividers .main-nav>li { position: relative } .side-header.dividers .main-nav>li:before, .side-header.dividers.surround .main-nav>li:last-child:after { content: ""; position: absolute; top: -.5px; height: 0; border-top: solid 1px #ff0; width: 40px; max-width: 100%; left: 0 } .side-header.dividers.h-center .main-nav>li:before, .side-header.dividers.surround.h-center .main-nav>li:last-child:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .side-header.dividers .main-nav>li:first-child:before { display: none } .side-header.dividers.surround .main-nav>li:first-child:before { display: block } .side-header.dividers.surround .main-nav>li:last-child:after { top: auto; bottom: -.5px }/*! Slide out side header */ .side-header.slide-out { position: fixed; top: 0 } .admin-bar .side-header.slide-out { top: 32px } .header-side-left .side-header.slide-out { left: 0 } .rtl.header-side-left .side-header.slide-out { left: auto; right: 0 } .side-header.slide-out.fade { opacity: 0; visibility: hidden } .dt-mobile-header .mCSB_container, .dt-mobile-header .mCustomScrollBox, .header-scrollbar-wrap .mCSB_container, .header-scrollbar-wrap .mCustomScrollBox, .mobile-header-scrollbar-wrap .mCSB_container, .mobile-header-scrollbar-wrap .mCustomScrollBox { overflow: visible } .mCSB_container { width: auto } .dt-mobile-header .mCSB_container { width: 100% } .mCSB_container.mCS_no_scrollbar { margin-right: 0 } .mCSB_scrollTools { opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s } .masthead:hover .mCSB_scrollTools { opacity: 1 } .mCustomScrollBox>.mCSB_scrollTools { width: 16px; height: 100%; top: 10px; right: 4px; z-index: 10 } .dt-mobile-header .mCustomScrollBox>.mCSB_scrollTools { right: -30px!important; left: auto!important } .header-side-right .mCustomScrollBox>.mCSB_scrollTools { right: auto; left: 4px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; border-radius: 10px; background: #000; background: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; background: #fff; background: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .right-side-line .boxed .mixed-header.side-header-v-stroke, .rtl.sticky-header.header-side-left .side-header { margin-right: 0 } .dt-mobile-header .mCSB_container, .masthead .mCSB_container { min-height: 100%!important; position: relative!important } .dt-mobile-header .mCSB_scrollTools, .masthead .mCSB_scrollTools { top: 0 } .dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer, .masthead .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; bottom: 10px }/*! Mixed headers */ .mixed-header .header-bar .mini-widgets { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1 } .sticky-top-line { position: fixed; top: 0; width: 100% } .admin-bar .sticky-top-line { top: 32px } .top-line-left, .top-line-right { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .mixed-header.logo-center .top-line-left, .mixed-header.logo-center .top-line-right, .mixed-header:not(.logo-center) .top-line-left:not(.empty-widgets), .mixed-header:not(.logo-center) .top-line-right:not(.empty-widgets) { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0 } .top-line-left { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .top-line-right { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end }/*! - Left button + centered logo */ .mixed-header.logo-center.left-menu-toggle .branding { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3 }/*! - Left button + right logo */ .mixed-header.logo-right .branding { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3 } .mixed-header.logo-right .header-bar .top-line-right { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; text-align: right } .mixed-header .header-bar .right-widgets.mini-widgets { text-align: right }/*! - Right button + centered logo */ .mixed-header.logo-center .branding { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2 } .mixed-header.logo-left .branding { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .masthead.mixed-header .header-bar { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center } .side-header-menu-icon .branding { position: absolute; z-index: 500; top: 0; right: 0 } .floating-menu-icon-right.side-header-menu-icon .branding { right: auto; left: 0 } .floating-logo.side-header-menu-icon .branding { position: fixed; top: 0 } .admin-bar .floating-logo.side-header-menu-icon .branding { top: 32px } .mixed-header.floating-logo { position: fixed; width: 100% } .header-under-side-line .hide-overlay.active { display: none } .mixed-header.side-header-v-stroke { position: fixed; top: 0; z-index: 500 } .header-under-side-line .mixed-header.side-header-v-stroke { z-index: 9600 } .right-side-line .mixed-header.side-header-v-stroke { right: 0 } .rtl.right-side-line .mixed-header.side-header-v-stroke { right: auto; left: 0 } .admin-bar .mixed-header.side-header-v-stroke { top: 30px } .mixed-header.side-header-v-stroke .header-bar { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; -ms-flex-pack: justify; min-height: 100vh } .admin-bar .mixed-header.side-header-v-stroke .header-bar { min-height: calc(100vh - 32px) } .mixed-header.side-header-v-stroke .header-bar .mini-widgets { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; -ms-flex-grow: 0; flex-grow: 0 } .mixed-header.side-header-v-stroke .branding { -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -ms-flex-pack: end } .mixed-header.side-header-v-stroke .menu-toggle { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } .rtl.sticky-header.header-side-left #page, .sticky-header.header-side-right #page { padding-right: 0 } .sticky-header.header-side-left .side-header { margin-left: 0 } .sticky-header.slide-header-animation .side-header { z-index: 9402; -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease } .sticky-header.fade-header-animation .side-header { z-index: 9402 } .sticky-header.fade-header-animation .closed-header .side-header { -webkit-animation: opacity-lat-rev .8s ease 0s 1 normal both; animation: opacity-lat-rev .8s ease 0s 1 normal both } .sticky-header.fade-header-animation .show-header .side-header { -webkit-animation: opacity-lat .8s ease 0s 1 normal both; animation: opacity-lat .8s ease 0s 1 normal both } .sticky-header.header-side-left.slide-header-animation .boxed .side-header { left: 0 } .sticky-header.header-side-left.slide-header-animation .side-header { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translateX(-100%); transform: translate3d(-100%, 0, 0) } .rtl.sticky-header.header-side-left.slide-header-animation .side-header { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translateX(100%); transform: translate3d(100%, 0, 0) } .sticky-header.header-side-left.slide-header-animation .show-header .side-header { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0) } .sticky-header.header-side-right.slide-header-animation .side-header { right: 0!important; left: auto; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translateX(100%); transform: translate3d(100%, 0, 0) } .rtl.sticky-header.header-side-right.slide-header-animation .side-header { right: auto!important; left: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translateX(-100%); transform: translate3d(-100%, 0, 0) } .sticky-header.header-side-right.slide-header-animation .show-header .side-header { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0) } .st-effect-4.st-menu::after { display: none } .sticky-header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9401 } .sticky-header-overlay:not(.active) { -webkit-animation: opacity-lat-rev .8s ease 0s 1 normal both; animation: opacity-lat-rev .8s ease 0s 1 normal both } .sticky-header-overlay.active { -webkit-animation: opacity-lat .8s ease 0s 1 normal both; animation: opacity-lat .8s ease 0s 1 normal both } .boxed .masthead.side-header-menu-icon:not(.side-header) { max-width: 100% } .menu-toggle { position: relative; display: block; width: 50px; height: 50px; padding: 0; cursor: pointer; z-index: 500; -webkit-transition: margin .5s ease; transition: margin .5s ease } .side-header-menu-icon .menu-toggle { position: fixed; top: 0 } .floating-menu-icon-right.side-header-menu-icon .menu-toggle { right: 0 } .admin-bar .side-header-menu-icon .menu-toggle { top: 32px } .menu-toggle>a { display: none } .hide-overlay .lines-button, .menu-toggle .lines-button { width: 50px; height: 50px; margin-right: 0; text-align: center } .medium-menu-icon .hide-overlay .lines, .medium-menu-icon .hide-overlay .lines:after, .medium-menu-icon .hide-overlay .lines:before, .medium-menu-icon .menu-toggle .lines, .medium-menu-icon .menu-toggle .lines:after, .medium-menu-icon .menu-toggle .lines:before, .medium-mobile-menu-icon .mobile-header-bar .lines, .medium-mobile-menu-icon .mobile-header-bar .lines:after, .medium-mobile-menu-icon .mobile-header-bar .lines:before { width: 24px; height: 3px } .large-menu-icon .hide-overlay .lines, .large-menu-icon .hide-overlay .lines:after, .large-menu-icon .hide-overlay .lines:before, .large-menu-icon .menu-toggle .lines, .large-menu-icon .menu-toggle .lines:after, .large-menu-icon .menu-toggle .lines:before { width: 30px; height: 3px } .medium-menu-icon .header-bar .lines:before, .medium-menu-icon .menu-toggle .lines:before, .medium-mobile-menu-icon .mobile-header-bar .lines:before { top: 8px } .large-menu-icon .header-bar .lines:before, .large-menu-icon .menu-toggle .lines:before { top: 11px } .medium-menu-icon .header-bar .lines:after, .medium-menu-icon .menu-toggle .lines:after, .medium-mobile-menu-icon .mobile-header-bar .lines:after { top: -8px } .large-menu-icon .header-bar .lines:after, .large-menu-icon .menu-toggle .lines:after { top: -11px } .overlay-navigation .side-header { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden } .admin-bar.overlay-navigation .side-header { top: 32px; height: calc(100% - 32px) } .fade-header-animation .side-header { opacity: 0; visibility: hidden } .overlay-navigation .show-header .side-header { z-index: 9402 } .overlay-navigation .hide-overlay { position: absolute; top: -100%; right: 0; z-index: 605; width: 50px; height: 50px; visibility: hidden } .overlay-navigation .show-header .hide-overlay { top: 0; visibility: visible } .hide-overlay .lines-button { width: 50px; height: 50px; text-align: center } .overlay-navigation .closed-header .side-header { -webkit-animation: opacity-lat-rev .8s ease 0s 1 normal both; animation: opacity-lat-rev .8s ease 0s 1 normal both } .overlay-navigation .show-header .side-header { -webkit-animation: opacity-lat .8s ease 0s 1 normal both; animation: opacity-lat .8s ease 0s 1 normal both } .header-side-left .side-header .menu-toggle, .header-side-right .side-header .menu-toggle { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0) } .side-header .menu-toggle { position: absolute; z-index: 9600; opacity: 0 } .header-side-right .side-header .menu-toggle { left: 0 } @-webkit-keyframes opacity-lat { 0% { opacity:0; visibility:hidden } 100%, 70% { opacity:1; visibility:visible } } @keyframes opacity-lat { 0% { opacity:0; visibility:hidden } 100%, 70% { opacity:1; visibility:visible } } .responsive-off .dt-mobile-header, .responsive-off .dt-mobile-menu-icon, .responsive-off .masthead .mobile-header-bar, .responsive-off .mobile-header-space, .responsive-off.transparent .header-space { display: none }/*!!!REWRITE Sticky floating*/ .responsive-off.overlay-navigation .sticky-header-overlay { display: none } .responsive-off.phantom-sticky .fixed-masthead.masthead { position: absolute; top: 0; width: 100%; z-index: 500 } .phantom-sticky .fixed-masthead.masthead.sticky-on { position: fixed } .responsive-off.phantom-shadow-decoration.phantom-sticky .masthead.sticky-on { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.07); box-shadow: 0 0 15px 1px rgba(0,0,0,.07); border-bottom: none } .responsive-off.phantom-disable-decoration.phantom-sticky .masthead.sticky-on { -webkit-box-shadow: none!important; box-shadow: none!important; border-bottom: none } .responsive-off.phantom-sticky:not(.phantom-shadow-decoration) .masthead.sticky-on.shadow-decoration:not(.side-header-menu-icon) { -webkit-box-shadow: none; box-shadow: none } .responsive-off.floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead { position: relative; top: 0!important } .responsive-off.floating-navigation-below-slider.phantom-sticky.transparent .masthead { position: absolute } .responsive-off.floating-navigation-below-slider.phantom-sticky .masthead.sticky-on { position: fixed } .responsive-off.phantom-sticky:not(.overlap):not(.transparent) .masthead:not(.side-header) { -webkit-transition: background-color 330ms ease; transition: background-color 330ms ease } .responsive-off.phantom-sticky .page-inner .masthead:not(.side-header) { -webkit-backface-visibility: hidden } .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo) { display: none; opacity: 0 } .responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>a, .responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>img, .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a, .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img, .responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo { display: none; visibility: hidden } .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo { display: block; visibility: visible } .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo) { visibility: hidden } .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>img:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo { visibility: visible } .phantom-main-logo-on.phantom-sticky.responsive-off .branding .sticky-logo { display: none } .phantom-sticky.responsive-off #page .side-header .branding>a:not(.sticky-logo), .phantom-sticky.responsive-off #page .side-header .branding>img:not(.sticky-logo):not(.mobile-logo) { display: block; opacity: 1; -webkit-animation: none; animation: none; visibility: visible } .phantom-sticky .masthead, .sticky-mobile-header .masthead-mobile-header { transition: background .5s ease } .phantom-sticky .branding>a.same-logo { display: block!important; visibility: visible!important; opacity: 1!important } .phantom-sticky .branding>a:not(.same-logo) { opacity: 0; transition: opacity .3s ease; display: block!important; position: absolute; left: -100% } .phantom-sticky .sticky-off .branding>a:not(.sticky-logo), .phantom-sticky .sticky-on .branding>a.sticky-logo { opacity: 1; position: static } .footer { padding: 0 } .footer.full-width-line.empty-footer { border: none } .header-side-left.footer-overlap #footer, .header-side-right.footer-overlap #footer, .overlay-navigation.header-side-line.footer-overlap #footer { -webkit-box-sizing: border-box; box-sizing: border-box } .footer-overlap #page .page-inner { position: relative; z-index: 100 } .engage-opened.footer-overlap .page-inner { z-index: 9400 } .mobile-false .footer-overlap .footer { position: fixed; bottom: 0; width: 100%; z-index: 99; opacity: 0 } .wf-container-footer { padding-top: 50px } .footer .widget { -webkit-box-sizing: border-box; box-sizing: border-box } #bottom-bar { position: relative; z-index: 9; margin: 0 auto } #bottom-bar .wf-container-bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; box-sizing: border-box } .logo-center#bottom-bar .wf-container-bottom { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } #bottom-bar p { margin-bottom: 0 } .bottom-text-block { text-align: right } .bottom-text-block:not(:first-child) { margin-left: 20px } .logo-center .bottom-text-block { text-align: center } .logo-center .bottom-text-block:not(:first-child) { margin-left: 0 } #branding-bottom { padding: 10px 10px 10px 0; line-height: 0; font-size: 0 } .logo-split #branding-bottom { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } #bottom-bar .wf-float-left { margin-right: 10px } #bottom-bar .wf-float-left:last-of-type, .logo-center#bottom-bar .wf-float-left { margin-right: 0 } .logo-split#bottom-bar .wf-float-left { text-align: right } .load-wrap, .logo-center#bottom-bar .mini-nav ul { text-align: center } #bottom-bar.logo-split .wf-float-left { -webkit-flex: 1 1 0%; -moz-flex: 1 1 0; -ms-flex: 1 1 0%; flex: 1 1 0% } #bottom-bar .wf-float-right { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; flex-grow: 1; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; margin-left: 10px; margin-right: 0 } .logo-center#bottom-bar .wf-float-right { margin-left: 0; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .logo-split#bottom-bar .wf-float-right { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } #bottom-bar.logo-split .wf-float-right { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 1 1 0%; -moz-flex: 1 1 0; -ms-flex: 1 1 0%; flex: 1 1 0% } #bottom-bar .sub-nav { top: auto; bottom: 100% } #bottom-bar .sub-nav .sub-nav { bottom: 0 } #bottom-bar .sub-nav li:before { width: 200px; margin: 0 15px } #bottom-bar a:hover { text-decoration: underline } #bottom-bar .dt-shortcode-soc-icons a:hover, .details, .edit-link, .esg-grid a, .rollover:hover { text-decoration: none } #bottom-bar .menu-select { position: absolute; visibility: hidden; height: 0; opacity: 0; overflow: hidden } #bottom-bar .mini-nav ul { display: block } #bottom-bar .wf-float-right .mini-nav ul li { vertical-align: baseline } .post-rollover, .rollover, .rollover-project>a, .rollover-video { position: relative; display: block; line-height: 0; text-decoration: none } .rollover img { max-width: 100%; height: auto } .rsShor .rollover-video { position: static } .gallery-item .gallery-icon .rollover { display: inline-block } .format-gallery .rollover { overflow: hidden } .post-rollover i, .rollover i, .rollover-video i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .hover-style-one .links-container, .hover-style-one .rollover-project>a:after, .hover-style-one .rollover-thumbnails, .hover-style-three .rollover-project>a:after, .hover-style-two .links-container, .hover-style-two .rollover-thumbnails, .post-rollover i, .rollover i, .rollover-content-container, .rollover-thumbnails, .rollover-video .video-icon, .rollover-video i, .rollover-video i:after { -webkit-transition: all 450ms ease; transition: all 450ms ease } .description-on-hover>.wf-cell .rollover i, .description-on-hover>.wf-cell .rollover i:after { visibility: hidden } .description-on-hover>.wf-cell .description-off .rollover i, .description-on-hover>.wf-cell .description-off .rollover i:after, .description-on-hover>.wf-cell .forward-post .rollover i, .description-on-hover>.wf-cell .forward-post .rollover i:after { visibility: visible } .project-list-media .rollover-video i:after, .rollover i:after { position: absolute; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; content: "" } .small-hover-icons .project-list-media .rollover-video i:after, .small-hover-icons .rollover i:after { top: 3px; right: 3px } .large-hover-icons .project-list-media .rollover-video i:after, .large-hover-icons .rollover i:after, .small-hover-icons .comment-author .project-list-media .rollover-video i:after, .small-hover-icons .comment-author .rollover i:after { top: 0; right: 0; width: 100%; height: 100% } .post-rollover i:after, .small-hover-icons .round-images .rollover i:after, .vc_box_border_circle i:after, .vc_box_circle .rollover i:after, .vc_box_circle i:after, .vc_box_outline_circle i:after, .vc_box_shadow_border_circle i:after, .vc_box_shadow_circle i:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; content: "" } .disabled-hover-icons .post-rollover i:after, .disabled-hover-icons .rollover i:after { display: none } #page .rollover-small i:after, .blog .dt-format-gallery.dt-gallery-container .rollover i:after, .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after, .post-rollover i:after { top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px } .rollover-video .video-icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-position: center center; background-repeat: no-repeat } .rollover-video .video-icon:before { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-color: rgba(0,0,0,.4); background-position: 30px center; background-repeat: no-repeat; content: ""; -webkit-border-radius: 50%; border-radius: 50% } .mobile-false .images-list:hover i, .mobile-false .post-rollover:hover i, .mobile-false .rollover:hover i, .rollover-video:hover i { display: block; opacity: 1 } .images-list:hover .rollover-video .video-icon:before, .rollover-video:hover .video-icon:before { background-color: rgba(0,0,0,.4); opacity: 1 } .rollover-video .video-icon:hover { opacity: 1 } .small-hover-icons .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E") } .large-hover-icons .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E") } .blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover i:after, .large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after, .small-hover-icons .format-photo .rollover i:after, .small-hover-icons .rollover-zoom i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E") } .large-hover-icons .format-photo .rollover i:after, .large-hover-icons .rollover-zoom i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E") } .post-rollover i:after, .rollover-small i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E") } .comment-author .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E") } .blog .format-video .rollover i:after, .dt-blog-shortcode .format-video .rollover i:after, .rollover-video .video-icon:before, .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E") } .small-hover-icons .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E") } .large-hover-icons .rollover-video i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E") } .blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover-video i:after, .blog.small-hover-icons .format-video .rollover i:after, .large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover-video i:after, .small-hover-icons .dt-blog-shortcode .format-video .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E") } .blog.large-hover-icons .format-video .rollover i:after, .large-hover-icons .dt-blog-shortcode .format-video .rollover i:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E") } .rollover-thumbnails { position: relative; display: -ms-flexbox; width: 142px; height: 116px } .buttons-on-img .rollover-thumbnails, .description-under-image .rollover-thumbnails { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; z-index: 9; opacity: 0 } .disabled-hover-icons .blog-media .rollover-thumbnails { display: none } .mobile-false .rollover:hover .rollover-thumbnails, .mobile-true .rollover-content.is-clicked .rollover-thumbnails, .mobile-true .rollover.is-clicked .rollover-thumbnails { opacity: 1 } .rollover-thumbnails span { position: absolute; top: 0; left: 0; width: 90px; height: 90px!important; border: 3px solid #fff; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.15); box-shadow: 0 0 5px 1px rgba(0,0,0,.15); -webkit-box-sizing: border-box; box-sizing: border-box } .rollover-thumbnails span, .rollover-thumbnails span img { -webkit-border-radius: 50%; border-radius: 50% } .rollover-thumbnails .r-thumbn-1 { top: 25px; left: 49px; z-index: 102 } .rollover-thumbnails .r-thumbn-2 { top: 0; left: 42px; width: 50px; height: 50px!important; z-index: 100 } .rollover-thumbnails .r-thumbn-3 { top: 29px; left: 0; width: 70px; height: 70px!important; z-index: 101 } .rollover-thumbnails span i { display: none!important } .hover-style-one .rollover:hover i, .hover-style-three .rollover-project .blur-effect, .rollover.rollover-thumbnails-on i:after { display: none } .mobile-false .scale-on-hover .buttons-on-img>a, .mobile-false .scale-on-hover .hover-fade .rollover-project>a, .mobile-false .scale-on-hover .hover-style-one .rollover-project>a, .mobile-false .scale-on-hover a.post-rollover, .mobile-false .scale-on-hover a.rollover, .mobile-false .scale-on-hover div.rollover-video { overflow: hidden } .mobile-false .scale-on-hover .rollover.vc_box_circle, .mobile-false .scale-on-hover .round-images .rollover, .mobile-false .scale-on-hover .shortcode-single-image .rollover, .mobile-false .scale-on-hover .vc_box_circle, .mobile-false .scale-on-hover a.post-rollover { -webkit-backface-visibility: hidden; -webkit-transform: translatez(0) } .mobile-false .scale-on-hover .buttons-on-img>a img, .mobile-false .scale-on-hover .hover-fade .rollover-project>a img, .mobile-false .scale-on-hover .hover-scale .rollover-project>a img, .mobile-false .scale-on-hover .hover-style-one .rollover-project>a img, .mobile-false .scale-on-hover a.post-rollover img, .mobile-false .scale-on-hover a.rollover img, .mobile-false .scale-on-hover div.rollover-video img { -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease } .mobile-false .scale-on-hover .buttons-on-img>a img.iso-lazy-load, .mobile-false .scale-on-hover .buttons-on-img>a img.jgrid-lazy-load, .mobile-false .scale-on-hover .buttons-on-img>a img.lazy-load, .mobile-false .scale-on-hover .hover-fade .rollover-project>a img.iso-lazy-load, .mobile-false .scale-on-hover .hover-fade .rollover-project>a img.jgrid-lazy-load, .mobile-false .scale-on-hover .hover-fade .rollover-project>a img.lazy-load, .mobile-false .scale-on-hover .hover-scale .rollover-project>a img.iso-lazy-load, .mobile-false .scale-on-hover .hover-scale .rollover-project>a img.jgrid-lazy-load, .mobile-false .scale-on-hover .hover-scale .rollover-project>a img.lazy-load, .mobile-false .scale-on-hover .hover-style-one .rollover-project>a img.iso-lazy-load, .mobile-false .scale-on-hover .hover-style-one .rollover-project>a img.jgrid-lazy-load, .mobile-false .scale-on-hover .hover-style-one .rollover-project>a img.lazy-load, .mobile-false .scale-on-hover a.post-rollover img.iso-lazy-load, .mobile-false .scale-on-hover a.post-rollover img.jgrid-lazy-load, .mobile-false .scale-on-hover a.post-rollover img.lazy-load, .mobile-false .scale-on-hover a.rollover img.iso-lazy-load, .mobile-false .scale-on-hover a.rollover img.jgrid-lazy-load, .mobile-false .scale-on-hover a.rollover img.lazy-load, .mobile-false .scale-on-hover div.rollover-video img.iso-lazy-load, .mobile-false .scale-on-hover div.rollover-video img.jgrid-lazy-load, .mobile-false .scale-on-hover div.rollover-video img.lazy-load { -webkit-transition: -webkit-transform .5s ease, opacity .35s ease-out; transition: transform .5s ease, opacity .35s ease-out } .mobile-false .scale-on-hover .buttons-on-img:hover>a>img, .mobile-false .scale-on-hover .hover-fade .rollover-project:hover>a img, .mobile-false .scale-on-hover .hover-scale .rollover-project:hover>a img, .mobile-false .scale-on-hover .hover-style-one .rollover-project:hover>a img, .mobile-false .scale-on-hover a.post-rollover:hover img, .mobile-false .scale-on-hover a.rollover:hover>div>img, .mobile-false .scale-on-hover a.rollover:hover>img, .mobile-false .scale-on-hover div.rollover-video:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .mobile-false .is-safari.scale-on-hover .comment-author a.rollover:hover>img, .mobile-false .is-safari.scale-on-hover .rollover.vc_single_image-wrapper:hover>img, .mobile-false .is-safari.scale-on-hover .round-images a.post-rollover:hover img, .mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover>div, .mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover>img, .mobile-false .scale-on-hover .hover-fade.woo-hover .rollover-project:hover>a img, .mobile-false .scale-on-hover .woo-hover .buttons-on-img:hover>a>img, .mobile-false .scale-on-hover a.rollover.vc_single_image-wrapper>img { -webkit-transform: scale(1); transform: scale(1) } .blur-this { position: relative } .blur-this .blur-effect, .mobile-false .blur-this .blur-effect, .mobile-false .blur-this canvas { position: absolute; left: 0; top: 0; max-width: 100%; width: 100%!important; height: 100%!important; opacity: 0; display: none } .gallery-rollover, .load-wrap, body #load { width: 100%; height: 100% } .mobile-false .image-blur .post-rollover, .mobile-false .image-blur .rollover, .mobile-false .image-blur .rollover-project>a { overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .gallery-shortcode figure, .quick-scale-img .rollover, .scale-img .rollover { transform: translateZ(0); overflow: hidden } .mobile-false .image-blur .post-rollover img, .mobile-false .image-blur .rollover img, .mobile-false .image-blur .rollover-project img { transition: .5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden } .mobile-false .image-blur .buttons-on-img:hover a>img, .mobile-false .image-blur .hover-fade .rollover-project:hover a>img, .mobile-false .image-blur .hover-grid .rollover-project:hover a>img, .mobile-false .image-blur .hover-grid-reverse .rollover-project:hover a>img, .mobile-false .image-blur .hover-scale .rollover-project:hover a>img, .mobile-false .image-blur .hover-style-one .rollover-project:hover a>img, .mobile-false .image-blur .images-list:hover .blur-this a>img, .mobile-false .image-blur .post-rollover:hover img, .mobile-false .image-blur .rollover:hover img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px) } .mobile-false .image-blur .rollover:hover .rollover-thumbnails img { filter: none; -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none } .images-list .blur-this .blur-effect { z-index: 9 } .images-list .blur-this i { z-index: 10 } .buttons-on-img:hover .blur-effect, .hover-fade .dt-owl-item:hover .blur-effect, .hover-fade .rollover-project:hover .blur-effect, .hover-grid .rollover-project:hover .blur-effect, .hover-grid-reverse .rollover-project:hover .blur-effect, .hover-scale .rollover-project:hover .blur-effect, .hover-style-one .dt-owl-item:hover .blur-effect, .hover-style-one .rollover-project:hover .blur-effect, .images-list:hover .blur-this .blur-effect, .images-list:hover .blur-this i, .mobile-false .blur-this:hover .blur-effect { opacity: 1 } .blur-this .blur-effect, .mobile-false .blur-this .blur-effect, .mobile-false .blur-this canvas { -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .filter-grayscale .content img, .filter-grayscale .footer img, .filter-grayscale .map-container, .filter-grayscale .royalSlider img, .filter-grayscale .shortcode-banner, .filter-grayscale .sidebar img, .filter-grayscale embed, .filter-grayscale iframe, .filter-grayscale object, .filter-grayscale-static .content img, .filter-grayscale-static .footer img, .filter-grayscale-static .map-container, .filter-grayscale-static .royalSlider img, .filter-grayscale-static .shortcode-banner, .filter-grayscale-static .sidebar img, .filter-grayscale-static embed, .filter-grayscale-static iframe, .filter-grayscale-static object { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray } .mobile-false .filter-grayscale .content img, .mobile-false .filter-grayscale .footer img, .mobile-false .filter-grayscale .map-container, .mobile-false .filter-grayscale .royalSlider img, .mobile-false .filter-grayscale .shortcode-banner, .mobile-false .filter-grayscale .sidebar img, .mobile-false .filter-grayscale embed, .mobile-false .filter-grayscale iframe, .mobile-false .filter-grayscale object, .mobile-false .filter-grayscale-static .content img, .mobile-false .filter-grayscale-static .footer img, .mobile-false .filter-grayscale-static .map-container, .mobile-false .filter-grayscale-static .royalSlider img, .mobile-false .filter-grayscale-static .shortcode-banner, .mobile-false .filter-grayscale-static .sidebar img, .mobile-false .filter-grayscale-static embed, .mobile-false .filter-grayscale-static iframe, .mobile-false .filter-grayscale-static object { -webkit-backface-visibility: visible!important } .filter-grayscale #branding-bottom img, .filter-grayscale .buttons-on-img:hover img, .filter-grayscale .content .rev_slider_wrapper:hover img, .filter-grayscale .content img:hover, .filter-grayscale .cs-style-3 .link:hover img, .filter-grayscale .dt-hovered img, .filter-grayscale .dt-owl-item:hover img, .filter-grayscale .filter-disable img, .filter-grayscale .footer img:hover, .filter-grayscale .map-container:hover, .filter-grayscale .post-rollover:hover img, .filter-grayscale .rollover-project:hover img, .filter-grayscale .rollover-video:hover img, .filter-grayscale .rollover:hover img, .filter-grayscale .royalSlider:hover img, .filter-grayscale .rsThumb:hover img, .filter-grayscale .shortcode-banner:hover, .filter-grayscale .sidebar img:hover, .filter-grayscale embed:hover, .filter-grayscale iframe:hover, .filter-grayscale img.dt-hovered, .filter-grayscale img.filter-disable, .filter-grayscale object:hover, .filter-grayscale-static #branding-bottom img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; filter: transparent } .gallery-shortcode figure { position: relative } .gallery-rollover { position: absolute; top: 0; left: 0; z-index: 100; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .gallery-shortcode figure:hover .gallery-rollover { opacity: 1 } .album-gallery-shortcode .rollover { float: left } .albums-shortcode .gallery-zoom-ico, .gallery-shortcode .gallery-zoom-ico { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 10; border-style: solid; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .albums-shortcode .gallery-zoom-ico span, .gallery-shortcode .gallery-zoom-ico span { position: relative; z-index: 11 } .gallery-shortcode.album-gallery-shortcode.hover-scale article:after { display: none } .gallery-shortcode .rollover>i { display: none!important } .quick-scale-img .post-thumbnail-rollover img, .quick-scale-img .rollover img { -webkit-transition: -webkit-transform .25s ease-out, opacity .25s; transition: transform .25s ease-out, opacity .25s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .scale-img .post-thumbnail-rollover img, .scale-img .rollover img { -webkit-transition: -webkit-transform .3s ease-out, opacity .35s; transition: transform .3s ease-out, opacity .35s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .post-thumbnail-rollover img.blog-thumb-lazy-load, .post-thumbnail-rollover img.lazy-load, .post-thumbnail-rollover img.so-lazy-load, .rollover img.blog-thumb-lazy-load, .rollover img.lazy-load, .rollover img.so-lazy-load { -webkit-transition: transform .3s ease-out, opacity .35s; transition: transform .3s ease-out, opacity .35s } .mobile-false .scale-img .post-thumbnail:not(.overlay-placeholder):hover>.post-thumbnail-rollover img, .mobile-false .scale-img article:hover .rollover img, .mobile-false .scale-img figure:hover .rollover img, .scale-img .on-hover .post-thumbnail>.post-thumbnail-rollover img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 4s ease-out; transition: transform 4s ease-out } .mobile-false .quick-scale-img .post-thumbnail:not(.overlay-placeholder):hover>.post-thumbnail-rollover img, .mobile-false .quick-scale-img article:hover .rollover img, .mobile-false .quick-scale-img figure:hover .rollover img, .quick-scale-img .on-hover .post-thumbnail>.post-thumbnail-rollover img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out } .mobile-false .hover-scale.gallery-shortcode .rollover-content { background: 0 0!important; -webkit-transform: scale(1); transform: scale(1) } .hover-scale.gallery-shortcode .post, .hover-scale.gallery-shortcode .post .rollover { overflow: hidden } .hover-scale.gallery-shortcode .rollover:after { display: block; background-color: inherit; position: absolute; top: 0; left: 0; right: 0; opacity: 0; content: ""; -webkit-border-radius: 50%; border-radius: 50%; padding-bottom: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s; transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s } .hover-scale.gallery-shortcode .ratio-2 .rollover:after { top: -50% } .hover-scale .ratio_3-2 .rollover:after { top: -25% } .hover-scale article.ratio_0-5:after, .hover-scale.gallery-shortcode .ratio_0-5 .rollover:after { top: 25% } .hover-scale.gallery-shortcode .ratio_4-3 .rollover:after { top: -16.6666% } .hover-scale.gallery-shortcode .ratio_2-3 .rollover:after { top: 16.6666% } .hover-scale.gallery-shortcode .ratio_3-4 .rollover:after { top: 14.5% } .mobile-false .hover-scale.gallery-shortcode .post:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked .rollover:after { opacity: 1; -webkit-transform: scale(1.42); transform: scale(1.42) } .mobile-false .hover-scale.gallery-shortcode .post.ratio_3-2:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-2 .rollover:after { -webkit-transform: scale(1.2); transform: scale(1.2) } .mobile-false .hover-scale article.ratio_0-5:hover:after, .mobile-false .hover-scale.gallery-shortcode .post.ratio_0-5:hover .rollover:after { -webkit-transform: scale(2.5); transform: scale(2.5) } .mobile-false .hover-scale.gallery-shortcode .post.ratio_4-3:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_4-3 .rollover:after { -webkit-transform: scale(1.5); transform: scale(1.5) } .mobile-false .hover-scale.gallery-shortcode .post.ratio_2-3:hover .rollover:after, .mobile-false .hover-scale.gallery-shortcode .post.ratio_3-4:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_2-3 .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-4 .rollover:after { -webkit-transform: scale(2); transform: scale(2) } .mobile-false .hover-scale .rollover-content { background: 0 0!important; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1), opacity .25s; transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity .25s } .footer .layzr-bg, .layzr-bg, .load-wrap, .scroll-top:before { background-repeat: no-repeat; background-position: center center } body #load { display: block; overflow: hidden; position: fixed; z-index: 9901 } .load-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center } .load-wrap>svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .blog-shortcode>div:not(.dt-css-grid) .wf-cell, .blog.layout-grid .wf-container.description-under-image .wf-cell, .grid-masonry .wf-cell, .iso-grid .wf-cell, .iso-item, .portfolio-shortcode .wf-cell, .shortcode-blog-posts .wf-cell { opacity: 0 } .no-cssanimations #main .jg-container .wf-cell, .no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell, .no-cssanimations .grid-masonry .wf-cell, .no-cssanimations .iso-grid .wf-cell, .no-cssanimations .iso-item, .no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell { opacity: 1 } .mobile-false .iso-container .wf-cell, .mobile-false .iso-grid .wf-cell { float: left } .iso-grid.iso-item-ready article, .mode-grid article { height: 100% } .iso-item { width: 100% } .dt-isotope .wf-cell { will-change: top, left } .dt-isotope .wf-cell.animate-position { -webkit-transition: top .65s ease-out, left .65s ease-out; transition: top .65s ease-out, left .65s ease-out; opacity: 1 } .layzr-bg.post-rollover, .layzr-bg.rollover-small { background-size: auto 30% } .layzr-loading-on .iso-lazy-load { opacity: 0; -webkit-transition: opacity .35s ease-out; transition: opacity .35s ease-out } .layzr-loading-on .iso-layzr-loaded, .layzr-loading-on .iso-lazy-load.is-loaded, .mobile-false .loading-effect-fly .wf-cell.animation-complete { opacity: 1 } .loading-effect-none .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden), .mobile-true .wf-cell.shown:not(.isotope-hidden):not(.hidden) { -webkit-animation: dt_fadeIn .4s ease forwards; animation: dt_fadeIn .4s ease forwards } .mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-false .loading-effect-fade-in .wf-cell.start-animation { -webkit-animation: dt_fadeIn .7s ease forwards; animation: dt_fadeIn .7s ease forwards } @-webkit-keyframes dt_fadeIn { to { opacity:1 } } @-moz-keyframes dt_fadeIn { to { opacity:1 } } @keyframes dt_fadeIn { to { opacity:1 } } .mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-false .loading-effect-move-up .wf-cell.start-animation { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: dt_moveUp .55s ease-in-out forwards; animation: dt_moveUp .55s ease-in-out forwards } .mobile-false .loading-effect-move-up .wf-cell .project-list-content { -moz-osx-font-smoothing: grayscale } @-webkit-keyframes dt_moveUp { to { -webkit-transform:translateY(0); opacity:1 } } @keyframes dt_moveUp { to { transform:translateY(0); opacity:1 } } .mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-scale-up .wf-cell.start-animation { -webkit-transform: scale(.6); transform: scale(.6); -webkit-animation: dt_scaleUp .57s ease-in-out forwards; animation: dt_scaleUp .57s ease-in-out forwards } @-webkit-keyframes dt_scaleUp { to { -webkit-transform:scale(1); opacity:1 } } @keyframes dt_scaleUp { to { transform:scale(1); opacity:1 } } .mobile-false .loading-effect-fall-perspective, .mobile-false .loading-effect-flip, .mobile-false .loading-effect-helix, .mobile-false .loading-effect-scale { -webkit-perspective: 1300px; perspective: 1300px } .mobile-false .loading-effect-fall-perspective { -webkit-backface-visibility: hidden } .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fall-perspective .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg); transform: translateZ(400px) translateY(300px) rotateX(-65deg); -webkit-animation: dt_fallPerspective .75s ease-in-out forwards; animation: dt_fallPerspective .75s ease-in-out forwards } @-webkit-keyframes dt_fallPerspective { 100% { -webkit-transform:translateZ(0) translateY(0) rotateX(0); opacity:1 } } @keyframes dt_fallPerspective { 100% { transform:translateZ(0) translateY(0) rotateX(0); opacity:1 } } .mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fly .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: dt_fly .7s ease-in-out forwards; animation: dt_fly .7s ease-in-out forwards } @-webkit-keyframes dt_fly { 100% { -webkit-transform:rotateX(0); opacity:1 } } @keyframes dt_fly { 100% { transform:rotateX(0); opacity:1 } } .mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-flip .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: dt_flip .7s ease-in-out forwards; animation: dt_flip .7s ease-in-out forwards } @-webkit-keyframes dt_flip { 100% { -webkit-transform:rotateX(0); opacity:1 } } @keyframes dt_flip { 100% { transform:rotateX(0); opacity:1 } } .mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-helix .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: dt_helix .7s ease-in-out forwards; animation: dt_helix .7s ease-in-out forwards } @-webkit-keyframes dt_helix { 100% { -webkit-transform:rotateY(0); opacity:1 } } @keyframes dt_helix { 100% { transform:rotateY(0); opacity:1 } } .mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-scale .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: scale(.4); transform: scale(.4); -webkit-animation: dt_popUp .9s ease-in forwards; animation: dt_popUp .9s ease-in forwards } @-webkit-keyframes dt_popUp { 70% { -webkit-transform:scale(1.05); opacity:.8; -webkit-animation-timing-function:ease-in-out } 100% { -webkit-transform:scale(1); opacity:1 } } @keyframes dt_popUp { 70% { transform:scale(1.05); opacity:.8; animation-timing-function:ease-in-out } 100% { transform:scale(1); opacity:1 } } .dt-isotope .wf-cell.no-transition, .dt-isotope.no-transition, .dt-isotope.no-transition .wf-cell { -webkit-transition-duration: 0s; transition-duration: 0s } #main .jg-container .wf-cell { float: left; opacity: 0; padding: 0 } .is-webkit #main .jg-container .wf-cell { float: left } #main .jg-container .wf-cell .post { margin: 0; padding: 0 } .nsu_widget label, .post-password-form input[type=password] { margin-right: 10px } .layzr-loading-on .jgrid-lazy-load { opacity: 0; -webkit-transition: opacity .33s; transition: opacity .33s } .layzr-loading-on .jgrid-layzr-loaded { opacity: 1 } .jg-container .post .alignleft, .jg-container .post .alignnone { margin-bottom: 0 } #content span:last-child[class*=gw-go-btn-icon][class*=gw-go-btn-icon-large], .details { margin-bottom: -6px } .wf-container.dt-css-grid:before { display: none } .dt-css-grid { display: -ms-grid; display: grid; -webkit-transition: all .33s; transition: all .33s } .cssgridlegacy.no-cssgrid .dt-css-grid, .no-cssgridlegacy.no-cssgrid .dt-css-grid { display: block } .dt-css-grid .wf-cell { display: block; padding: 0; opacity: 0 } .cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden), .no-cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden) { display: inline-block } .jquery-filter .dt-css-grid .wf-cell.hidden, .jquery-filter .dt-css-grid .wf-cell:not(.visible):not(.shown) { display: none; opacity: 0 } .dt-css-grid .no-img .overlay-placeholder img { max-width: 100% } .cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid, .no-cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } @-webkit-keyframes fadeInFromNone { 0% { display:none; opacity:0 } 1% { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-ms-flex; display:flex; opacity:0 } 100% { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-ms-flex; display:flex; opacity:1 } } @keyframes fadeInFromNone { 0% { display:none; opacity:0 } 1% { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-ms-flex; display:flex; opacity:0 } 100% { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-ms-flex; display:flex; opacity:1 } } img.blog-thumb-lazy-load, img.lazy-load { opacity: 0; -webkit-transition: opacity .38s; transition: opacity .38s } .mobile-true img.blog-thumb-lazy-load.vc_single_image-img, .mobile-true img.lazy-load.vc_single_image-img, img.is-loaded { opacity: 1 } .scroll-top { position: fixed; right: 10px; bottom: 10px; width: 44px; height: 44px; opacity: 0; z-index: -1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; background-color: #000; background-color: rgba(0,0,0,.2) } .show-mobile-header .scroll-top { opacity: 0 } .scroll-top.off { right: -45px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .scroll-top.on { right: 10px; opacity: 1; z-index: 109; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .header-side-right .scroll-top.on { right: auto; left: 10px } .show-mobile-header .scroll-top.on { opacity: 0 } .scroll-top:hover { background-color: #000; background-color: rgba(0,0,0,.5) } .scroll-top:before { display: block; width: 44px; height: 44px; content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E") } .no-avatar { position: relative; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box } a.no-avatar { -webkit-transition: all 450ms ease; transition: all 450ms ease } .no-avatar:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f15c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; line-height: 1 } .comment-list .no-avatar:after { content: "\f007"; font-size: 28px } .comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar { width: 60px; height: 60px } .shortcode-code { padding: 25px 20px } .edit-link { padding: 5px 10px; background-color: #69c354; color: #fff!important; font-family: Arial, sans-serif; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px } .edit-link:hover { color: #fff; background-color: #4fa53b } .details { position: relative; display: inline-block; vertical-align: top; padding-bottom: 6px!important; font-weight: 700 } .details:after { display: inline-block; padding-left: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 12px; line-height: 1; content: "\f0da" } .details:before { position: absolute; display: block; left: 0; bottom: 0; width: 0; height: 2px; content: ""; -webkit-transition: width .4s ease; transition: width .4s ease } .offer-tag, .wpb_single_image .rollover .blur-effect { display: none } .details:hover:before { width: 100% } .round-images .alignleft, .round-images .alignleft i, .round-images .alignleft img, .round-images .blur-effect, .round-images .rollover i, .round-images a.rollover, .round-images img { -webkit-border-radius: 50%; border-radius: 50% } #page .customSelect { padding: 6px 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box } #content span:last-child[class*=gw-go-btn-icon] { margin-bottom: -5px } .content .gw-go-col { border-top-width: 1px; border-bottom-width: 1px; border-color: #e2e2e2 } .content .gw-go-col:before { margin-top: 1px } img.info-circle-img-icon { max-width: 100% } .smile_icon_list.left li .icon_list_connector { border-width: 0 } .esgbox-overlay.esgbox-overlay-fixed { z-index: 10000 } #main .ui-widget, #main .ui-widget-content, #main .wpb_wrapper.ui-widget-content { color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit } #main .wpb_alert { text-shadow: none } #main .wpb_alert strong { font-style: normal } .wpb_alert, .wpb_alert * { color: #c09853 } .wpb_alert-success, .wpb_alert-success * { color: #468847 } .wpb_alert-danger, .wpb_alert-danger *, .wpb_alert-error, .wpb_alert-error * { color: #b94a48 } .wpb_alert-info, .wpb_alert-info * { color: #3a87ad } #main .vc_text_separator div { top: -10px } .wpb_single_image .vc_single_image-wrapper { line-height: 0 } .wpb_single_image .vc_figure { max-width: 100% } .rollover.vc_box_border .blur-effect, .rollover.vc_box_border i, .rollover.vc_box_outline .blur-effect, .rollover.vc_box_outline i { top: 6px; left: 6px; width: calc(100% - 12px)!important; height: calc(100% - 12px)!important } .vc_box_border_circle .blur-effect, .vc_box_border_circle i, .vc_box_circle .blur-effect, .vc_box_circle i, .vc_box_circle img, .vc_box_outline_circle .blur-effect, .vc_box_outline_circle i, .vc_box_shadow_border_circle .blur-effect, .vc_box_shadow_border_circle i, .vc_box_shadow_circle .blur-effect, .vc_box_shadow_circle i { -webkit-border-radius: 50%; border-radius: 50% } .mobile-false .scale-on-hover .vc_box_border_circle a.rollover:hover>img, .mobile-false .scale-on-hover .vc_box_circle a.rollover:hover>img, .mobile-false .scale-on-hover .vc_box_outline_circle a.rollover:hover>img, .mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover>img, .mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover>img { -webkit-transform: scale(1); transform: scale(1) } div .vc_box_rounded>img { border-radius: inherit } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon, .vc_message_box-icon>i[class^=fa] { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .boxed-layout #tiptip_holder { top: -20px!important } #main .chzn-container-single .chzn-single { background-image: none } form.mc4wp-form label { font-weight: 400 } #main #content .rotatingtweet { padding: 25px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box } #content .rotatingtweets { max-width: 100% } #main .wpb_gmaps_widget .wpb_map_wraper { background: 0 0; padding: 0 } .wpb_gmaps_widget .wpb_map_wraper { padding: 0 } .interval { padding-bottom: 10px } .search-no-results .submit:hover { cursor: default }/*!-VC last-child*/ .last_toggle_el_margin, .wpb_button, ul.wpb_thumbnails-fluid>li { margin-bottom: 0!important } .useJS .container .l3, .useJS .container .photo.show, .useJS .container-1, .useJS .container-2, .useJS .container-3 { -webkit-transform: none; transform: none } .lightbox.useJS .close, div.lightbox.useJS .img-caption { -webkit-transition: none; transition: none } .jp-carousel-comment-form-button, .wpb-js-composer div.pp_default .pp_contract, .wpb-js-composer div.pp_default .pp_expand { -webkit-box-shadow: none; box-shadow: none } .content .searchform input { width: 100% } .dt-circle-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -ms-flex-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-border-radius: 50%; border-radius: 50% } @-webkit-keyframes opacity-lat-rev { 0% { opacity:1; visibility:visible } 100%, 30% { opacity:0; visibility:hidden } } @keyframes opacity-lat-rev { 0% { opacity:1; visibility:visible } 100%, 30% { opacity:0; visibility:hidden } } .loading-ready #load { -webkit-animation: opacity-lat-rev .8s ease 0s 1 normal both; animation: opacity-lat-rev .8s ease 0s 1 normal both } body #load.loader-removed { opacity: 0; visibility: hidden } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .dt-owl-item>article, .slick-slide .vc_row.vc_row-flex .ult-item-wrap { -ms-flex: 0 0 auto; max-width: 100% } .owl-carousel .post.product { display: block } } .slick-next, .slick-prev { z-index: 10 } .woocommerce-Reviews .comment-notes { text-align: left } .customSelectInner { background-repeat: no-repeat; background-position: right center } .archive .taxonomy-description { margin-bottom: 40px } .archive:not(.post-type-archive-product) .woocommerce-products-header { margin-bottom: 50px } .mini-wpml { position: relative } @font-face { font-family: icomoon-the7-social-icons-16x16; src: url(../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.eot?esfwnl); src: url(../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.eot?esfwnl#iefix) format('embedded-opentype'), url(../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.ttf?esfwnl) format('truetype'), url(../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.woff?esfwnl) format('woff'), url(../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.svg?esfwnl#icomoon-the7-social-icons-16x16) format('svg'); font-weight: 400; font-style: normal } .dt-shortcode-soc-icons [class*=" dt-icon-"], .dt-shortcode-soc-icons [class^=dt-icon-], .soc-ico [class*=" dt-icon-"], .soc-ico [class^=dt-icon-], [class*=" soc-font-"], [class^=soc-font-] { position: relative; z-index: 2; font-family: icomoon-the7-social-icons-16x16!important; font-size: 16px; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dt-icons-selector [class*=" dt-icon-"]:before, .dt-icons-selector [class^=dt-icon-]:before { font-family: icomoon-the7-social-icons-16x16!important } .dt-icon-snapchat:before, .snapchat .soc-font-icon:before { content: "\e923" } .dt-icon-px-500:before, .px-500 .soc-font-icon:before { content: "\e900" } .behance .soc-font-icon:before, .dt-icon-behance:before { content: "\e901" } .blogger .soc-font-icon:before, .dt-icon-blogger:before { content: "\e902" } .delicious .soc-font-icon:before, .dt-icon-delicious:before { content: "\e903" } .devian .soc-font-icon:before, .dt-icon-devian:before { content: "\e904" } .dribbble .soc-font-icon:before, .dt-icon-dribbble:before { content: "\e905" } .dt-icon-facebook:before, .facebook .soc-font-icon:before { content: "\e906" } .dt-icon-flickr:before, .flickr .soc-font-icon:before { content: "\e907" } .dt-icon-foursquare:before, .foursquare .soc-font-icon:before { content: "\e908" } .dt-icon-github:before, .github .soc-font-icon:before { content: "\e909" } .dt-icon-google:before, .google .soc-font-icon:before { content: "\e90a" } .dt-icon-instagram:before, .instagram .soc-font-icon:before { content: "\e90b" } .dt-icon-lastfm:before, .lastfm .soc-font-icon:before { content: "\e90c" } .dt-icon-linkedin:before, .linkedin .soc-font-icon:before { content: "\e90d" } .dt-icon-mail:before, .mail .soc-font-icon:before { content: "\e90e" } .dt-icon-odnoklassniki:before, .odnoklassniki .soc-font-icon:before { content: "\e90f" } .dt-icon-pinterest:before, .pinterest .soc-font-icon:before { content: "\e910" } .dt-icon-reddit:before, .reddit .soc-font-icon:before { content: "\e911" } .dt-icon-research-gate:before, .research-gate .soc-font-icon:before { content: "\e912" } .dt-icon-rss:before, .rss .soc-font-icon:before { content: "\e913" } .dt-icon-skype:before, .skype .soc-font-icon:before { content: "\e914" } .dt-icon-soundcloud:before, .soundcloud .soc-font-icon:before { content: "\e915" } .dt-icon-stumbleupon:before, .stumbleupon .soc-font-icon:before { content: "\e916" } .dt-icon-tripedvisor:before, .tripedvisor .soc-font-icon:before { content: "\e917" } .dt-icon-tumbler:before, .tumbler .soc-font-icon:before { content: "\e918" } .dt-icon-twitter:before, .twitter .soc-font-icon:before { content: "\e919" } .dt-icon-viber:before, .viber .soc-font-icon:before { content: "\e91a" } .dt-icon-vimeo:before, .vimeo .soc-font-icon:before { content: "\e91b" } .dt-icon-vk:before, .vk .soc-font-icon:before { content: "\e91c" } .dt-icon-website:before, .website .soc-font-icon:before { content: "\e91d" } .dt-icon-weibo:before, .weibo .soc-font-icon:before { content: "\e91e" } .dt-icon-whatsapp:before, .whatsapp .soc-font-icon:before { content: "\e91f" } .dt-icon-xing:before, .xing .soc-font-icon:before { content: "\e920" } .dt-icon-yelp:before, .yelp .soc-font-icon:before { content: "\e921" } .dt-icon-you-tube:before, .you-tube .soc-font-icon:before { content: "\e922" } @font-face { font-family: icomoon-arrows-carousel-32x32; src: url(../fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32.eot?satvtg); src: url(../fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32.eot?satvtg#iefix) format('embedded-opentype'), url(../fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32.ttf?satvtg) format('truetype'), url(../fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32.woff?satvtg) format('woff'), url(../fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32.svg?satvtg#icomoon-arrows-carousel-32x32) format('svg'); font-weight: 400; font-style: normal } [class*=" icon-"], [class^=icon-] { font-family: icomoon-arrows-carousel-32x32!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .owl-nav [class*=" icon-"]:before, .owl-nav [class^=icon-]:before { font-family: inherit } .icon-ar-021-l:before { content: "\e900" } .icon-ar-021-r:before { content: "\e901" } .icon-ar-022-l:before { content: "\e902" } .icon-ar-022-r:before { content: "\e903" } .icon-ar-023-l:before { content: "\e904" } .icon-ar-023-r:before { content: "\e905" } .icon-ar-001-l:before { content: "\e906" } .icon-ar-001-r:before { content: "\e907" } .icon-ar-002-l:before { content: "\e908" } .icon-ar-002-r:before { content: "\e909" } .icon-ar-003-l:before { content: "\e90a" } .icon-ar-003-r:before { content: "\e90b" } .icon-ar-004-l:before { content: "\e90c" } .icon-ar-004-r:before { content: "\e90d" } .icon-ar-005-l:before { content: "\e90e" } .icon-ar-005-r:before { content: "\e90f" } .icon-ar-006-l:before { content: "\e910" } .icon-ar-006-r:before { content: "\e911" } .icon-ar-007-l:before { content: "\e912" } .icon-ar-007-r:before { content: "\e913" } .icon-ar-008-l:before { content: "\e914" } .icon-ar-008-r:before { content: "\e915" } .icon-ar-009-l:before { content: "\e916" } .icon-ar-009-r:before { content: "\e917" } .icon-ar-010-l:before { content: "\e918" } .icon-ar-010-r:before { content: "\e919" } .icon-ar-011-l:before { content: "\e91a" } .icon-ar-011-r:before { content: "\e91b" } .icon-ar-012-l:before { content: "\e91c" } .icon-ar-012-r:before { content: "\e91d" } .icon-ar-013-l:before { content: "\e91e" } .icon-ar-013-r:before { content: "\e91f" } .icon-ar-014-l:before { content: "\e920" } .icon-ar-014-r:before { content: "\e921" } .icon-ar-015-l:before { content: "\e922" } .icon-ar-015-r:before { content: "\e923" } .icon-ar-017-l:before { content: "\e924" } .icon-ar-017-r:before { content: "\e925" } .icon-ar-018-l:before { content: "\e926" } .icon-ar-018-r:before { content: "\e927" } .icon-ar-019-l:before { content: "\e928" } .icon-ar-019-r:before { content: "\e929" } .icon-ar-020-l:before { content: "\e92a" } .icon-ar-020-r:before { content: "\e92b" } @font-face { font-family: icomoon-the7-portfolio-32x32; src: url(../fonts/icomoon-the7-portfolio-32x32/fonts/icomoon-the7-portfolio-32x32.eot?1gry5w); src: url(../fonts/icomoon-the7-portfolio-32x32/fonts/icomoon-the7-portfolio-32x32.eot?1gry5w#iefix) format('embedded-opentype'), url(../fonts/icomoon-the7-portfolio-32x32/fonts/icomoon-the7-portfolio-32x32.ttf?1gry5w) format('truetype'), url(../fonts/icomoon-the7-portfolio-32x32/fonts/icomoon-the7-portfolio-32x32.woff?1gry5w) format('woff'), url(../fonts/icomoon-the7-portfolio-32x32/fonts/icomoon-the7-portfolio-32x32.svg?1gry5w#icomoon-the7-portfolio-32x32) format('svg'); font-weight: 400; font-style: normal } #page .project-links-container [class*=" icon-portfolio-"], #page .project-links-container [class^=icon-portfolio-], [class*=" icon-portfolio-"], [class^=icon-portfolio-] { font-family: icomoon-the7-portfolio-32x32!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #page [class*=" icon-portfolio-"]>span:before, #page [class^=icon-portfolio-]>span:before { font-family: icomoon-the7-portfolio-32x32!important; margin: 0!important } .icon-portfolio-p211>span:before { content: "\e900" } .icon-portfolio-p212>span:before { content: "\e901" } .icon-portfolio-p208>span:before { content: "\e902" } .icon-portfolio-p204>span:before { content: "\e909" } .icon-portfolio-p201>span:before { content: "\e90c" } .icon-portfolio-p206>span:before { content: "\e90e" } .icon-portfolio-p203>span:before { content: "\e90b" } .icon-portfolio-p205>span:before { content: "\e90d" } @font-face { font-family: icomoon-the7-photo-32x32; src: url(../fonts/icomoon-the7-gallery-32x32/fonts/icomoon-the7-photo-32x32.eot?yjzbpy); src: url(../fonts/icomoon-the7-gallery-32x32/fonts/icomoon-the7-photo-32x32.eot?yjzbpy#iefix) format('embedded-opentype'), url(../fonts/icomoon-the7-gallery-32x32/fonts/icomoon-the7-photo-32x32.ttf?yjzbpy) format('truetype'), url(../fonts/icomoon-the7-gallery-32x32/fonts/icomoon-the7-photo-32x32.woff?yjzbpy) format('woff'), url(../fonts/icomoon-the7-gallery-32x32/fonts/icomoon-the7-photo-32x32.svg?yjzbpy#icomoon-the7-photo-32x32) format('svg'); font-weight: 400; font-style: normal } [class*=icon-im-] span, [class^=icon-im-] span { font-family: icomoon-the7-photo-32x32!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [class*=icon-im-] span:before, [class^=icon-im-] span:before { font-family: inherit!important; margin: 0!important } .icon-im-hover-000 span:before { content: "\e900" } .icon-im-hover-001 span:before { content: "\e901" } .icon-im-hover-003 span:before { content: "\e902" } .icon-im-hover-004 span:before { content: "\e903" } .icon-im-hover-005 span:before { content: "\e904" } .icon-im-hover-009 span:before { content: "\e906" } .icon-im-hover-010 span:before { content: "\e905" } .icon-im-hover-011 span:before { content: "\e906" } .icon-im-hover-012 span:before { content: "\e907" } .icon-im-hover-013 span:before { content: "\e908" } .icon-im-hover-021 span:before { content: "\e909" } .icon-im-hover-022 span:before { content: "\e90a" } .icon-im-hover-023 span:before { content: "\e90b" } .icon-im-hover-024 span:before { content: "\e90c" } .icon-im-hover-031 span:before { content: "\e90d" } .icon-im-hover-032 span:before { content: "\e90e" } .icon-im-hover-041 span:before { content: "\e90f" } .icon-im-hover-042 span:before { content: "\e910" } /*鍥涗憨鍦?/ @font-face { font-family: simudi; src: url(../fonts/simudi/font/simudi.eot?esfwnl); src: url(../fonts/simudi.eot?esfwnl#iefix) format('embedded-opentype'), url(../fonts/simudi/font/simudi.ttf?esfwnl) format('truetype'), url(../fonts/simudi/font/simudi.woff?esfwnl) format('woff'), url(../fonts/simudi/font/simudi.svg?esfwnl#simudi) format('svg'); font-weight: 400; font-style: normal } .dt-shortcode-soc-icons [class*=" dt-icon-"], .dt-shortcode-soc-icons [class^=dt-icon-], .soc-ico [class*=" dt-icon-"], .soc-ico [class^=dt-icon-], [class*=" soc-font-"], [class^=soc-font-] { position: relative; z-index: 2; font-family: simudi!important; font-size: 16px; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dt-icons-selector [class*=" dt-icon-"]:before, .dt-icons-selector [class^=dt-icon-]:before { font-family: icomoon-the7-social-icons-16x16!important } .dt-icon-renren:before, .renren .soc-font-icon:before { content: "\e903" } .dt-icon-weibo:before, .weibo .soc-font-icon:before { content: "\e902" } .dt-icon-wechat:before, .wechat .soc-font-icon:before { content: "\e901" } .dt-icon-baidu:before, .baidu .soc-font-icon:before { content: "\e900" } .dt-icon-qq:before, .qq .soc-font-icon:before { content: "\e904" } .dt-icon-tqq:before, .tqq .soc-font-icon:before { content: "\e905" } .dt-icon-qzone:before, .qzone .soc-font-icon:before { content: "\e906" } .dt-icon-sogou:before, .sogou .soc-font-icon:before { content: "\e907" } .dt-icon-kaixin:before, .kaixin .soc-font-icon:before { content: "\e908" } .dt-icon-douban:before, .douban .soc-font-icon:before { content: "\e909" } .dt-icon-huaban:before, .huaban .soc-font-icon:before { content: "\e910" } /*缁撴潫*/