whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
themes
/
medizin
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/themes/medizin/style.css
/*! Theme Name: Medizin Theme URI: https://medizin.thememove.com Author: ThemeMove Author URI: https://thememove.com Description: Medizin - Medical WooCommerce Theme Version: 1.0.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: medizin Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready */ a, input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], select, textarea, input[type='checkbox']:before, input[type='checkbox']:after, button, input[type='button'], input[type='reset'], input[type='submit'], .button, .header-right-inner, .header-icon, .page-open-components .circle, .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu, .header-categories-nav nav.category-menu, .page-mobile-menu-opened.mobile-menu-push-to-right .site, .page-mobile-menu-opened.mobile-menu-push-to-left .site, .page-mobile-main-menu, .page-mobile-main-menu .toggle-sub-menu, .page-scroll-up, .page-scroll-up i, .page-open-off-sidebar i, .page-close-off-sidebar:before, .page-close-off-sidebar:after, .page-off-sidebar, .site, .tm-swiper:hover .swiper-nav-button, .tm-swiper .swiper-pagination-bullet:before, .tm-swiper.pagination-style-05 .swiper-pagination-bullet:after, .medizin-fake-select-wrap .medizin-fake-select-current, .medizin-fake-select-wrap .medizin-fake-select, .post-share.style-01 .share-icon, .post-share .share-list, .blog-nav-links .inner h6:before, .single-portfolio .tm-sticky-column, .portfolio-nav-links.style-02 a, .portfolio-nav-links.style-02 .normal, .portfolio-nav-links.style-02 .hover, .portfolio-nav-links.style-03 .nav-text, .page-sidebar .insight-core-bmw li > a:before, .widget_pages .count, .widget_archive .count, .widget_categories .count, .widget_product_categories .count, .widget_recent_entries li a:before, .widget_recent_entries li a:after, .widget_search .search-submit, .widget_product_search .search-submit, .dialog-widget .dialog-close-button i, .medizin-image, .medizin-grid-wrapper.filter-style-01 .filter-counter, .medizin-grid-pagination .navigation-buttons .nav-link, .medizin-accordion .accordion-header, .medizin-accordion .accordion-title, .medizin-accordion .accordion-icon, .tm-button .button-text, .tm-button.style-flat:before, .tm-button.style-flat:after, .tm-button.style-border:before, .tm-button.style-border:after, .tm-button.style-thick-border:before, .tm-button.style-thick-border:after, .medizin-icon .icon, .svg-defs-gradient .stop-a, .svg-defs-gradient .stop-b, .elementor-widget-tm-icon-box .tm-icon-box, .elementor-widget-tm-icon-box .tm-icon-box:before, .elementor-widget-tm-icon-box .icon, .elementor-widget-tm-icon-box .heading, .elementor-widget-tm-icon-box .description, .elementor-widget-tm-icon-box .icon-box-button, .elementor-widget-tm-icon-box .heading-divider:after, .elementor-widget-tm-icon-box.medizin-icon-box-style-02 .tm-icon-box:after, .tm-image-box, .tm-image-box:before, .tm-image-box .image, .medizin-light-gallery .medizin-overlay, .elementor-widget-tm-image-carousel .image img, .medizin-gallery-justified-content .overlay, .medizin-gallery-justified-content .overlay-content, .medizin-modern-carousel-style-01 .slide-image, .medizin-modern-carousel-style-02 .slide-image, .medizin-modern-carousel-style-02 .slide-button:after, .medizin-blog .post-wrapper, .medizin-blog-overlay-style-float .post-overlay-background, .medizin-blog-overlay-style-float-02 .post-overlay-background, .tm-portfolio .post-wrapper, .portfolio-overlay-group-01 .post-overlay, .portfolio-overlay-huge-on .site, .portfolio-overlay-huge .post-overlay, .portfolio-overlay-huge .post-overlay-info, .portfolio-overlay-faded-04 .post-overlay, .portfolio-overlay-flat .post-overlay, .portfolio-overlay-flat .post-overlay-info, .portfolio-overlay-float .post-overlay, .medizin-portfolio-carousel-01 .post-thumbnail, .medizin-product.style-grid-01 .product-thumbnail, .medizin-product.style-grid-02 .product-thumbnail, .medizin-product-categories .product-cat-name, .tm-gradation .count, .medizin-list .icon, .medizin-list .text, .tm-instagram .overlay, .tm-social-networks .link-icon, .tm-social-networks .link-text, .medizin-team-member-style-01 .photo, .medizin-team-member-style-01 .overlay, .medizin-team-member-style-01 .social-networks, .medizin-team-member-style-01 .social-networks a, .medizin-team-member-style-02 .photo, .medizin-team-member-style-02 .overlay, .medizin-team-member-style-02 .info, .medizin-team-member-style-02 .social-networks, .medizin-team-member-style-02 .social-networks a, .medizin-team-member-style-03 .photo, .medizin-team-member-style-03 .overlay, .medizin-team-member-style-03 .info, .medizin-team-member-style-03 .social-networks, .medizin-team-member-style-03 .social-networks a, .tm-team-member-carousel .photo, .tm-team-member-carousel .overlay, .tm-team-member-carousel .info, .tm-team-member-carousel .social-networks, .tm-team-member-carousel .social-networks a, .tm-popup-video .icon:before, .tm-popup-video .video-overlay, .full-page-share-list .stalk, .full-page-share-list .stalk:before, .full-page-numbers, .full-page-numbers .numbers .total:before { -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-links::after, .branding__logo::after, .page-mobile-main-menu::after, .comment-list .pingback::after, .comment-list .trackback::after, .comment-list .comment::after, .page-loading .sk-three-bounce::after, .hentry::after, .single-post .entry-content::after, .entry-author .author-social-networks .inner::after, .widget .tagcloud::after, .medizin-wp-widget-posts .post-item::after, .medizin-timeline.style-01 .timeline-item::after, .tm-social-networks ul::after, .elementor-section.elementor-section-content-align-right::after, .wp-block-tag-cloud::after { content: ""; display: table; clear: both; } .blog-nav-links .inner .hover-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .blog-nav-links .inner .hover-bg.has-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .insight_core_breadcrumb a, .entry-portfolio-details a, .medizin-blog .post-overlay-meta a, .tm-twitter.style-list .tweet .tweet-text a { position: relative; } .insight_core_breadcrumb a:after, .entry-portfolio-details a:after, .medizin-blog .post-overlay-meta a:after, .tm-twitter.style-list .tweet .tweet-text a:after { content: ''; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .insight_core_breadcrumb a:hover:after, .entry-portfolio-details a:hover:after, .medizin-blog .post-overlay-meta a:hover:after, .tm-twitter.style-list .tweet .tweet-text a:hover:after { width: 100%; left: 0; right: auto; } .list-style-dots li:before, .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after, .desktop-menu .toggle-sub-menu:before, .medizin-fake-select-wrap .medizin-fake-select li.selected:before, .portfolio-nav-links.style-01 h6:before, .portfolio-nav-links.style-03 .post-title:after, .page-sidebar .insight-core-bmw li > a:before, .widget_pages li a:before, .widget_archive li a:before, .widget_categories li a:before, .widget_product_categories li a:before, .widget_recent_entries li a:before, .widget_recent_entries li a:after, .medizin-blog-list-03 .post-title a:before, .medizin-blog-list-03 .post-title a:after, .medizin-product.style-grid-01 .woosw-btn.woosw-added:before, .medizin-product.style-grid-02 .woosw-btn.woosw-added:before, .medizin-product-list-style-01 .medizin-product-list .link:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 900; } .header-categories-nav .nav-toggle-btn .nav-toggle-icon, .tm-swiper .swiper-nav-button i, .growl.growl .growl-close:before, .blog-nav-links .inner h6:before, .widget_recent_comments .comment-author-link:before, .widget_recent_entries .post-date:before, .dialog-widget .dialog-close-button i, .medizin-mailchimp-form .button-icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } input[type='checkbox']:after, .page-mobile-main-menu .toggle-sub-menu:after, .medizin-fake-select-wrap .medizin-fake-select-current:after, .medizin-grid-sorting .ordering .medizin-fake-select-current .label:before, .medizin-product.style-grid-01 .woocommerce_loop_add_to_cart_wrap a:before, .medizin-product.style-grid-01 .quick-view-icon:before, .medizin-product.style-grid-01 .woosw-btn:before, .medizin-product.style-grid-01 .wooscp-btn:before, .medizin-product.style-grid-01 .add_to_cart_button.product_type_simple:before, .medizin-product.style-grid-02 .woocommerce_loop_add_to_cart_wrap a:before, .medizin-product.style-grid-02 .quick-view-icon:before, .medizin-product.style-grid-02 .woosw-btn:before, .medizin-product.style-grid-02 .wooscp-btn:before, .medizin-product.style-grid-02 .add_to_cart_button.product_type_simple:before, .medizin-product-list-style-02 .medizin-product-list .link:before, .tm-instagram .likes:before, .tm-instagram .comments:before, .elementor-form .elementor-message-success:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 400; } .tm-twitter.style-list .tweet:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .page-mobile-main-menu, .page-off-sidebar, .mfp-wrap, .mfp-inline-holder .mfp-content { cursor: url("assets/images/cursor/light-close.png") 16 16, pointer; } *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { background: #ffff00; color: #000000; } small { font-size: 80%; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 18px; } input[type='search'] { box-sizing: inherit; } .container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; max-width: 1200px; } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.9375rem; margin-right: -0.9375rem; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } .col-xs-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-right-0 { margin-right: 0%; } .col-xs-offset-right-1 { margin-right: 8.33333%; } .col-xs-offset-right-2 { margin-right: 16.66667%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-4 { margin-right: 33.33333%; } .col-xs-offset-right-5 { margin-right: 41.66667%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-7 { margin-right: 58.33333%; } .col-xs-offset-right-8 { margin-right: 66.66667%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-10 { margin-right: 83.33333%; } .col-xs-offset-right-11 { margin-right: 91.66667%; } .col-xs-offset-right-12 { margin-right: 100%; } @media (min-width: 544px) { .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-right-0 { margin-right: 0%; } .col-sm-offset-right-1 { margin-right: 8.33333%; } .col-sm-offset-right-2 { margin-right: 16.66667%; } .col-sm-offset-right-3 { margin-right: 25%; } .col-sm-offset-right-4 { margin-right: 33.33333%; } .col-sm-offset-right-5 { margin-right: 41.66667%; } .col-sm-offset-right-6 { margin-right: 50%; } .col-sm-offset-right-7 { margin-right: 58.33333%; } .col-sm-offset-right-8 { margin-right: 66.66667%; } .col-sm-offset-right-9 { margin-right: 75%; } .col-sm-offset-right-10 { margin-right: 83.33333%; } .col-sm-offset-right-11 { margin-right: 91.66667%; } .col-sm-offset-right-12 { margin-right: 100%; } } @media (min-width: 768px) { .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-right-0 { margin-right: 0%; } .col-md-offset-right-1 { margin-right: 8.33333%; } .col-md-offset-right-2 { margin-right: 16.66667%; } .col-md-offset-right-3 { margin-right: 25%; } .col-md-offset-right-4 { margin-right: 33.33333%; } .col-md-offset-right-5 { margin-right: 41.66667%; } .col-md-offset-right-6 { margin-right: 50%; } .col-md-offset-right-7 { margin-right: 58.33333%; } .col-md-offset-right-8 { margin-right: 66.66667%; } .col-md-offset-right-9 { margin-right: 75%; } .col-md-offset-right-10 { margin-right: 83.33333%; } .col-md-offset-right-11 { margin-right: 91.66667%; } .col-md-offset-right-12 { margin-right: 100%; } } @media (min-width: 992px) { .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-right-0 { margin-right: 0%; } .col-lg-offset-right-1 { margin-right: 8.33333%; } .col-lg-offset-right-2 { margin-right: 16.66667%; } .col-lg-offset-right-3 { margin-right: 25%; } .col-lg-offset-right-4 { margin-right: 33.33333%; } .col-lg-offset-right-5 { margin-right: 41.66667%; } .col-lg-offset-right-6 { margin-right: 50%; } .col-lg-offset-right-7 { margin-right: 58.33333%; } .col-lg-offset-right-8 { margin-right: 66.66667%; } .col-lg-offset-right-9 { margin-right: 75%; } .col-lg-offset-right-10 { margin-right: 83.33333%; } .col-lg-offset-right-11 { margin-right: 91.66667%; } .col-lg-offset-right-12 { margin-right: 100%; } } @media (min-width: 1200px) { .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-right-0 { margin-right: 0%; } .col-xl-offset-right-1 { margin-right: 8.33333%; } .col-xl-offset-right-2 { margin-right: 16.66667%; } .col-xl-offset-right-3 { margin-right: 25%; } .col-xl-offset-right-4 { margin-right: 33.33333%; } .col-xl-offset-right-5 { margin-right: 41.66667%; } .col-xl-offset-right-6 { margin-right: 50%; } .col-xl-offset-right-7 { margin-right: 58.33333%; } .col-xl-offset-right-8 { margin-right: 66.66667%; } .col-xl-offset-right-9 { margin-right: 75%; } .col-xl-offset-right-10 { margin-right: 83.33333%; } .col-xl-offset-right-11 { margin-right: 91.66667%; } .col-xl-offset-right-12 { margin-right: 100%; } } @media (min-width: 1920px) { .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-xxl-pull-0 { right: auto; } .col-xxl-pull-1 { right: 8.33333%; } .col-xxl-pull-2 { right: 16.66667%; } .col-xxl-pull-3 { right: 25%; } .col-xxl-pull-4 { right: 33.33333%; } .col-xxl-pull-5 { right: 41.66667%; } .col-xxl-pull-6 { right: 50%; } .col-xxl-pull-7 { right: 58.33333%; } .col-xxl-pull-8 { right: 66.66667%; } .col-xxl-pull-9 { right: 75%; } .col-xxl-pull-10 { right: 83.33333%; } .col-xxl-pull-11 { right: 91.66667%; } .col-xxl-pull-12 { right: 100%; } .col-xxl-push-0 { left: auto; } .col-xxl-push-1 { left: 8.33333%; } .col-xxl-push-2 { left: 16.66667%; } .col-xxl-push-3 { left: 25%; } .col-xxl-push-4 { left: 33.33333%; } .col-xxl-push-5 { left: 41.66667%; } .col-xxl-push-6 { left: 50%; } .col-xxl-push-7 { left: 58.33333%; } .col-xxl-push-8 { left: 66.66667%; } .col-xxl-push-9 { left: 75%; } .col-xxl-push-10 { left: 83.33333%; } .col-xxl-push-11 { left: 91.66667%; } .col-xxl-push-12 { left: 100%; } .col-xxl-offset-0 { margin-left: 0%; } .col-xxl-offset-1 { margin-left: 8.33333%; } .col-xxl-offset-2 { margin-left: 16.66667%; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-offset-4 { margin-left: 33.33333%; } .col-xxl-offset-5 { margin-left: 41.66667%; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-offset-7 { margin-left: 58.33333%; } .col-xxl-offset-8 { margin-left: 66.66667%; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-offset-10 { margin-left: 83.33333%; } .col-xxl-offset-11 { margin-left: 91.66667%; } .col-xxl-offset-12 { margin-left: 100%; } .col-xxl-offset-right-0 { margin-right: 0%; } .col-xxl-offset-right-1 { margin-right: 8.33333%; } .col-xxl-offset-right-2 { margin-right: 16.66667%; } .col-xxl-offset-right-3 { margin-right: 25%; } .col-xxl-offset-right-4 { margin-right: 33.33333%; } .col-xxl-offset-right-5 { margin-right: 41.66667%; } .col-xxl-offset-right-6 { margin-right: 50%; } .col-xxl-offset-right-7 { margin-right: 58.33333%; } .col-xxl-offset-right-8 { margin-right: 66.66667%; } .col-xxl-offset-right-9 { margin-right: 75%; } .col-xxl-offset-right-10 { margin-right: 83.33333%; } .col-xxl-offset-right-11 { margin-right: 91.66667%; } .col-xxl-offset-right-12 { margin-right: 100%; } } .col-xs-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-xs-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } @media (min-width: 544px) { .col-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (min-width: 768px) { .col-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { .col-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (min-width: 1200px) { .col-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (min-width: 1920px) { .col-xxl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-xxl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .row-xs-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xs-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xs-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 544px) { .row-sm-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-sm-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-sm-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 768px) { .row-md-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-md-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-md-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 992px) { .row-lg-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-lg-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-lg-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 1200px) { .row-xl-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xl-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xl-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 1920px) { .row-xxl-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xxl-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xxl-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .row-xs-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (min-width: 544px) { .row-sm-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 768px) { .row-md-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 992px) { .row-lg-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 1200px) { .row-xl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 1920px) { .row-xxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .row-xs-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (min-width: 544px) { .row-sm-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .row-md-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 992px) { .row-lg-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1200px) { .row-xl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1920px) { .row-xxl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .col-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xs-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 544px) { .col-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-sm-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 768px) { .col-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-md-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 992px) { .col-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-lg-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 1200px) { .col-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xl-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 1920px) { .col-xxl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xxl-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col-xxl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } [class*="hint--"] { position: relative; display: inline-block; } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 100ms; transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 7px solid transparent; z-index: 1000001; } [class*="hint--"]:after { background: #000000; color: white; padding: 8px 10px; font-size: 14px; line-height: 14px; white-space: nowrap; border-radius: 5px; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } .hint--top-left:before { border-top-color: #000000; } .hint--top-right:before { border-top-color: #000000; } .hint--top:before { border-top-color: #000000; } .hint--bottom-left:before { border-bottom-color: #000000; } .hint--bottom-right:before { border-bottom-color: #000000; } .hint--bottom:before { border-bottom-color: #000000; } .hint--left:before { border-left-color: #000000; } .hint--right:before { border-right-color: #000000; } .hint--top:before { margin-bottom: -13px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } .hint--top:before { left: calc(50% - 7px); } .hint--top:after { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); -ms-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--bottom:before { margin-top: -13px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } .hint--bottom:before { left: calc(50% - 7px); } .hint--bottom:after { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); -ms-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--right:before { margin-left: -13px; margin-bottom: -7px; } .hint--right:after { margin-bottom: -15px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } .hint--right:hover:before { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .hint--left:before { margin-right: -13px; margin-bottom: -7px; } .hint--left:after { margin-bottom: -15px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } .hint--left:hover:before { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .hint--top-left:before { margin-bottom: -13px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; } .hint--top-left:before { left: calc(50% - 7px); } .hint--top-left:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 14px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); -ms-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--top-right:before { margin-bottom: -13px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; } .hint--top-right:before { left: calc(50% - 7px); } .hint--top-right:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -14px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hint--bottom-left:before { margin-top: -13px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; } .hint--bottom-left:before { left: calc(50% - 7px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .hint--bottom-left:after { margin-left: 14px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); -ms-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-right:before { margin-top: -13px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; } .hint--bottom-right:before { left: calc(50% - 7px); } .hint--bottom-right:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-left: -14px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } [class*="hint--"] { } [class*="hint--"]:after { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .hint--white:after { color: #111; background-color: #fff; text-shadow: 0 -1px 0px #bfbfbf; } .hint--white.hint--top-left:before { border-top-color: #fff; } .hint--white.hint--top-right:before { border-top-color: #fff; } .hint--white.hint--top:before { border-top-color: #fff; } .hint--white.hint--bottom-left:before { border-bottom-color: #fff; } .hint--white.hint--bottom-right:before { border-bottom-color: #fff; } .hint--white.hint--bottom:before { border-bottom-color: #fff; } .hint--white.hint--left:before { border-left-color: #fff; } .hint--white.hint--right:before { border-right-color: #fff; } .hint--rounded:after { border-radius: 4px; } .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; transition-duration: 0ms; } .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } .sk-rotating-plane { width: 40px; height: 40px; background: currentColor; margin: 40px auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-double-bounce { width: 40px; height: 40px; position: relative; margin: 40px auto; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background: currentColor; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out; animation: sk-doubleBounce 2.0s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-wave { margin: 40px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background: currentColor; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } .sk-wandering-cubes { margin: 40px auto; width: 40px; height: 40px; position: relative; } .sk-wandering-cubes .sk-cube { background: currentColor; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; } .sk-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .sk-spinner-pulse { width: 40px; height: 40px; margin: 40px auto; background: currentColor; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1.0s infinite ease-in-out; animation: sk-pulseScaleOut 1.0s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .sk-chasing-dots { margin: 40px auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-chasing-dots .sk-child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background: currentColor; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-chasing-dots .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-three-bounce { margin: 40px auto; width: 80px; text-align: center; } .sk-three-bounce .sk-child { width: 20px; height: 20px; background: currentColor; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-circle { margin: 40px auto; width: 40px; height: 40px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background: currentColor; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-cube-grid { width: 40px; height: 40px; margin: 40px auto; } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background: currentColor; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .sk-fading-circle { margin: 40px auto; width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background: currentColor; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .sk-folding-cube { margin: 40px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotate(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotate(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotate(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } a { color: royalblue; text-decoration: none; } a:hover, a:focus, a:active { outline: 0; color: midnightblue; } a[href^=tel] { text-decoration: none; } .link-secret { color: inherit !important; } .link-transition-01 { position: relative; } .link-transition-01:after { content: ''; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .link-transition-01:hover:after { width: 100%; left: 0; right: auto; } .link-transition-02 { position: relative; display: inline-block; line-height: 1; padding: 5px 0; } .link-transition-02:before, .link-transition-02:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e7e7e7; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .link-transition-02:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .link-transition-02:hover:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .link-transition-02:hover:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .title-has-link a { color: inherit; } ul { padding-left: 20px; } ol { list-style: decimal; padding-left: 30px; } ol, ul { margin-top: 1em; margin-bottom: 1em; } ol li + li, ul li + li { margin: 10px 0 0; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } .list-style-dots { list-style-type: none; padding: 0; } .list-style-dots li { position: relative; padding: 0 0 0 15px; } .list-style-dots li:before { content: '\f111'; position: absolute; top: 11px; left: 0; font-size: 3px; } ::-webkit-input-placeholder { color: inherit; } :-moz-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; } :-ms-input-placeholder { color: inherit; } input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'] { width: 100%; outline: none; border: 1px solid #f8f8f8; border-radius: 26px; padding: 3px 20px; min-height: 48px; } select { padding: 3px 35px 3px 20px; min-height: 48px; max-width: 100%; width: 100%; outline: none; border: 1px solid #f8f8f8; border-radius: 26px; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==") no-repeat center right 20px; -moz-appearance: none; -webkit-appearance: none; } textarea { width: 100%; outline: none; border: 1px solid #f8f8f8; border-radius: 5px; background: #f8f8f8; display: block; padding: 12px 20px 3px; max-width: 100%; } input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='tel'], textarea { -webkit-appearance: none; } @-webkit-keyframes autofill { to { color: #666; background: #fff; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input[type='checkbox'] { position: relative; background: transparent; border-width: 0; box-shadow: none; margin: 0 10px 0 3px; cursor: pointer; } input[type='checkbox']:before { content: ''; display: block; width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border: 1px solid #ccc; border-radius: 3px; } input[type='checkbox']:after { font-size: 14px; content: '\f00c'; color: #fff; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } input[type='checkbox']:hover:before { border-color: #333; } input[type='checkbox']:checked:before { background: #333; border-color: transparent; } input[type='checkbox']:checked:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } input[type='radio'] { position: relative; padding: 5px; margin: 0 10px 0 3px; cursor: pointer; } input[type='radio']:before { content: ''; display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border: 1px solid #ddd; border-radius: 50%; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } input[type='radio']:after { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; background: #111; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } input[type='radio']:hover:before { border-color: #111; } input[type='radio']:checked { cursor: auto; } input[type='radio']:checked:before { border-color: #111; } input[type='radio']:checked:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } button, input[type='button'], input[type='reset'], input[type='submit'], .button { padding: 0 41px; height: 48px; line-height: 46px; outline: none; border-width: 1px; border-style: solid; border-radius: 26px; font-size: 15px; font-weight: 700; cursor: pointer; text-align: center; } button:focus, input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, .button:focus { outline: none; } button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled], .button[disabled] { cursor: not-allowed; opacity: .5; } .button { display: inline-block; } hr { margin-bottom: 1.5em; height: 1px; border: 0; background-color: #ccc; } img { max-width: 100%; height: auto; vertical-align: top; } figcaption { text-align: center; background: #f5f5f5; padding: 6px 10px; font-size: .9em; } table { margin: 0 0 1.5em; width: 100%; } td, th { border: 1px solid rgba(0, 0, 0, 0.08); padding: 10px; text-align: center; vertical-align: middle; } th { font-weight: 700; } table th.empty { visibility: hidden; border: 0; background: none; } table tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.01); } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; margin-top: 0; } p:last-child { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { font-size: 15px; overflow: auto; margin-bottom: 1.6em; padding: 1.6em; max-width: 100%; background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } code, kbd, tt, var { font-size: 15px; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background: #f3f4f5; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: none; text-decoration: none; } big { font-size: 125%; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote { margin: 50px 0 44px 48px !important; padding: 0 0 0 20px; font-size: 18px; font-weight: 500; line-height: 1.78; border: 0; border-left: 4px solid #20ad96; max-width: 660px; } @media (max-width: 767px) { blockquote { margin: 30px 0 !important; } } .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:focus { top: 5px; left: 5px; z-index: 100000; display: block; clip: auto !important; padding: 15px 23px 14px; width: auto; height: auto; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #21759b; text-decoration: none; font-weight: 700; font-size: 14px; line-height: normal; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: 0; } embed, iframe, object { max-width: 100%; } .wp-caption { margin: 0 0 30px; max-width: 100%; } .alignnone { margin: 0 0 30px; } p .alignnone:first-child { margin-top: 7px; } p .alignnone:last-child { margin-bottom: 8px; } .alignleft { display: inline; float: left; margin: 0 30px 30px 0; } .alignright { display: inline; float: right; margin: 0 0 30px 30px; } .aligncenter { display: block; margin: 0 auto 30px; clear: both; } .alignfull, .alignwide { margin: 0 0 30px; } img.alignleft, .wp-caption.alignleft { margin: 30px 30px 30px 0; } img.alignright, .wp-caption.alignright { margin: 30px 0 30px 30px; } img.aligncenter, .wp-caption.aligncenter { margin: 30px auto; } article.hentry p:last-child img.alignright { clear: both; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; width: 100%; vertical-align: top; text-align: center; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .comment-nav-links, .page-pagination, .page-numbers { padding: 0; margin: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center; } .comment-nav-links li, .page-pagination li, .page-numbers li { display: inline-block; list-style-type: none; margin: 0; padding: 0; } .comment-nav-links li > span, .comment-nav-links li > a, .page-pagination li > span, .page-pagination li > a, .page-numbers li > span, .page-numbers li > a { display: block; text-align: center; min-width: 40px; height: 40px; line-height: 38px; border: 0; border-radius: 50%; color: inherit; padding: 0; } .comment-nav-links li .current, .page-pagination li .current, .page-numbers li .current { color: #fff; } .comment-nav-links li .dots, .page-pagination li .dots, .page-numbers li .dots { background: none; border: 0; min-width: 20px; } .comment-nav-links ul { padding: 0; } #comment-nav-above ul { margin: 0 0 50px; } #comment-nav-below ul { margin: 50px 0 0; } .page-links { clear: both; padding-top: 30px; } .page-links > span, .page-links > a { display: block; float: left; padding: 0 10px; text-align: center; min-width: 40px; height: 40px; line-height: 38px; border: 0; border-radius: 50%; color: inherit; font-size: 16px; font-weight: 500; text-transform: uppercase; } .page-links .current { color: #fff; } .post-navigation { position: relative; } .nav-links { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav-links .nav-item { max-width: 48%; width: 360px; } .nav-links a { display: block; padding: 47px 30px 57px; height: 100%; border: 1px solid #eee; background: #fff; font-size: 24px; line-height: 1.375; font-weight: 600; color: #222; word-wrap: break-word; } .nav-links a div { -webkit-transition: none; transition: none; position: relative; font-size: 14px; font-weight: 500; color: #999; margin-bottom: 28px; } .nav-links a div span { position: absolute; top: -3px; font-size: 24px; color: #222; } .nav-links a:hover { border-color: transparent; color: #fff; } .nav-links a:hover div { color: #fff; } .nav-links a:hover div span { color: #fff; } .nav-links .previous { text-align: left; } .nav-links .previous a { padding-left: 90px; } .nav-links .previous div span { left: -61px; } .nav-links .next { text-align: right; } .nav-links .next a { padding-right: 90px; } .nav-links .next div span { right: -61px; } @media (max-width: 767px) { .nav-links .nav-item { width: 100%; max-width: 100%; } .nav-links .nav-item + .nav-item { margin-top: 30px; } } .page-top-bar { z-index: 99999; border: 0 solid transparent; } .page-top-bar ul { z-index: 9999; list-style-type: none; padding: 0; line-height: 0; font-size: 0; margin: 0 0 5px; } .page-top-bar li { list-style-type: none; margin: 0; } .page-top-bar a { display: block; } .page-top-bar a.tm-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .page-top-bar .menu li { position: relative; } .page-top-bar .menu > li { display: inline-block; margin-bottom: 0; } .page-top-bar .menu > li > a { padding: 5px; } .page-top-bar .menu .menu-item-has-children:hover > .sub-menu { display: block; } .page-top-bar .menu .sub-menu { position: absolute; top: 100%; left: 0; display: none; min-width: 250px; width: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .page-top-bar .menu .sub-menu a { padding: 10px 15px; } .page-top-bar .menu .sub-menu a + a { border-top: 1px solid #eee; } .page-top-bar .menu .sub-menu .sub-menu { top: 0; left: 100%; } .page-top-bar .top-bar-tag { display: inline-block; padding: 1px 12px; margin: 0 10px 0 0; border-radius: 5px; font-size: 14px; font-weight: 500; text-transform: uppercase; background: #3751ee; color: #fff; } .page-top-bar .switcher-language-wrapper .wpml-ls .wpml-ls-native { text-transform: none; font-size: 14px; font-weight: 500; letter-spacing: 0; } .page-top-bar .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle { padding: 0 10px 0 0; } .top-bar-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -15px; margin-right: -15px; min-height: 40px; } .top-bar-wrap > * { padding: 7px 15px; } .top-bar-wrap > * + * { position: relative; padding-left: 15px; } .top-bar-wrap > * + *:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; background: #dedfe2; } .top-bar-right .top-bar-wrap { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .top-bar-center .top-bar-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .top-bar-info .info-list { margin: 0; } .top-bar-info .info-item { position: relative; padding-bottom: 3px; padding-top: 2px; display: inline-block; line-height: 1; margin-right: 15px; } .top-bar-info .info-item:last-child { margin-right: 0; } .top-bar-info .info-item a { font-weight: 500; line-height: 1; } .top-bar-info .info-item + .info-item { padding-left: 15px; } .top-bar-info .info-item + .info-item:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; background: #dedfe2; } .top-bar-info .info-icon { font-size: 14px; margin-right: 5px; vertical-align: middle; } .top-bar-info .info-text { vertical-align: middle; } @media (max-width: 767px) { .top-bar-left .top-bar-wrap, .top-bar-center .top-bar-wrap, .top-bar-right .top-bar-wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .hide-top-bar-on-mobile .page-top-bar { display: none; } } @-webkit-keyframes headerSlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes headerSlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .page-header { position: relative; z-index: 4; } .page-header-inner { border-bottom: 0 solid transparent; } .page-header-inner.held { position: absolute; top: 0; left: 0; width: 100%; } .header-layout-fixed .page-header-inner { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; } .header-layout-fixed.headroom--top .page-header-inner { pointer-events: none; } .header-layout-fixed.headroom--top .branding *, .header-layout-fixed.headroom--top .page-navigation, .header-layout-fixed.headroom--top .header-left *, .header-layout-fixed.headroom--top .header-center *, .header-layout-fixed.headroom--top .header-right * { pointer-events: auto; } .header-wrap { position: relative; } .mobile-menu .header-wrap { min-height: 80px; } .tm-button.header-sticky-button { display: none; } .headroom--not-top .header-button { display: none; } .headroom--not-top .header-sticky-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .headroom--not-top.header-sticky-dark-logo .dark-logo { display: block; } .headroom--not-top.header-sticky-dark-logo .light-logo { display: none; } .headroom--not-top.header-sticky-light-logo .dark-logo { display: none; } .headroom--not-top.header-sticky-light-logo .light-logo { display: block; } .header-sticky-both .headroom.headroom--not-top, .header-sticky-up .headroom.headroom--not-top.headroom--pinned, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned { position: relative; z-index: 9999; } .header-sticky-both .headroom.headroom--not-top .page-header-inner, .header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); -webkit-animation: headerSlideDown 0.95s ease forwards; animation: headerSlideDown 0.95s ease forwards; will-change: transform; } .header-sticky-both .headroom.headroom--not-top .page-header-inner .container, .header-sticky-both .headroom.headroom--not-top .page-header-inner .container-fluid, .header-sticky-both .headroom.headroom--not-top .page-header-inner .row, .header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container, .header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container-fluid, .header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container-fluid, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row { height: 100%; } .header-sticky-both .headroom.headroom--not-top .page-header-inner .row > div, .header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row > div, .header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row > div { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .branding { line-height: 0; } .branding__logo a { display: inline-block; float: left; } .dark-logo, .light-logo { display: none; } .header-light .light-logo { display: block; } .header-dark .dark-logo { display: block; } .header-left, .header-center, .header-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-left > div, .header-center > div, .header-right > div { padding: 0 15px; } .header-left .mini-cart, .header-center .mini-cart, .header-right .mini-cart { padding: 0; } .header-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .header-right-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -14px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-right-inner > .header-icon, .header-right-inner > div { padding: 0 14px; } .header-search-form .search-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-search-form .search-form.search-form-categories .search-select { min-height: 52px; border: 2px solid #eee; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 170px; } .header-search-form .search-form.search-form-categories .search-field { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 52px; border: 2px solid #eee; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-right: 62px; } .header-search-form .search-form.search-form-categories .search-submit { height: 52px; width: 52px; line-height: 54px; font-size: 20px; background: none !important; } .header-search-form .search-field { min-height: 48px; padding-right: 50px; } .header-search-form .search-submit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 16px; width: 48px; height: 48px; line-height: 50px; padding: 0; border: 0; border-radius: 0 5px 5px 0; background: none; } .header-search-form .search-btn-text { display: none; } .header-light .header-search-form .search-field { background: #fff; border-color: #fff; } .header-icon svg { display: inline-block; vertical-align: top; width: 1em; height: auto; } .header-icon svg * { fill: currentColor; } .header-widgets .widget li a:after { bottom: 2px; } .header-widgets .menu { margin: 0 -15px; font-size: 0; } .header-widgets .menu li { display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.3; margin: 0; padding: 0 15px; } .header-widgets .menu li a, .header-widgets .menu li a:not(:hover) { color: #111; } .header-light .header-widgets li a, .header-light .header-widgets li a:not(:hover) { color: #fff; } .nav-links-hover-style-01 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after { width: 100%; left: 0; right: auto; } .nav-links-hover-style-01 .menu--primary .menu__container > li > a > .menu-item-wrap { position: relative; } .nav-links-hover-style-01 .menu--primary .menu__container > li > a > .menu-item-wrap:after { content: ''; position: absolute; left: auto; right: 0; bottom: 0; height: 1px; width: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .page-open-components { display: none; height: 30px; font-size: 20px; cursor: pointer; } .page-open-components .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 30px; } .page-open-components:hover .circle-one { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .page-open-components:hover .circle-three { -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px); } .page-open-components .circle { height: 5px; width: 5px; background: currentColor; border-radius: 100%; margin: 0 2px; } .header-social-networks.style-icons .inner { margin-left: -10px; margin-right: -10px; } .header-social-networks.style-icons a { display: inline-block; padding: 0 10px; font-size: 24px; } .header-social-networks.style-icons a i { vertical-align: middle; } .header-social-networks.style-rounded .inner { margin-left: -10px; margin-right: -10px; } .header-social-networks.style-rounded a { width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; display: inline-block; margin-left: 8px; margin-right: 8px; padding: 0 10px; } .header-social-networks.style-rounded a:hover { border-color: transparent; } .header-component { cursor: pointer; display: block; font-size: 24px; height: 30px; line-height: 30px; text-align: center; } .header-component.style-svg { font-size: 30px; } .page-open-main-menu { display: none; cursor: pointer; } .desktop-menu .page-open-main-menu { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-open-main-menu .burger-icon { position: relative; width: 29px; height: 10px; } .page-open-main-menu .burger-icon-top, .page-open-main-menu .burger-icon-bottom { display: block; position: absolute; left: 0; width: 100%; height: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-main-menu .burger-icon-top:before, .page-open-main-menu .burger-icon-top:after, .page-open-main-menu .burger-icon-bottom:before, .page-open-main-menu .burger-icon-bottom:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; opacity: .99; } .page-open-main-menu .burger-icon-top:before, .page-open-main-menu .burger-icon-bottom:before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-open-main-menu .burger-icon-top:after, .page-open-main-menu .burger-icon-bottom:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-main-menu .burger-icon-top { top: 0; } .page-open-main-menu .burger-icon-bottom { bottom: 0; } .page-open-main-menu .burger-icon-bottom:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .page-open-main-menu .burger-icon-bottom:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .page-open-main-menu:hover .burger-icon-top:before, .page-open-main-menu:hover .burger-icon-bottom:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-main-menu:hover .burger-icon-top:after, .page-open-main-menu:hover .burger-icon-bottom:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-open-main-menu .burger-title { font-size: 13px; font-weight: 500; line-height: 1; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0 10px; padding-top: 3px; } .header-buttons { line-height: 0; } .header-phone-number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; color: #fff; } .header-phone-number .icon { font-size: 24px; margin-right: 10px; } .header-phone-number .label { font-size: 14px; margin-right: 10px; } .header-phone-number .text { color: #fff; font-size: 18px; font-weight: 700; } .header-phone-number .text:hover { color: #fff; } .switcher-language-wrapper .wpml-ls, .switcher-language-wrapper .wpml-ls > ul, .switcher-language-wrapper .wpml-ls > ul > li { height: 100%; } .switcher-language-wrapper .wpml-ls > ul > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .switcher-language-wrapper .wpml-ls-legacy-dropdown .wpml-ls-flag { width: 35px; height: auto; vertical-align: middle; } .switcher-language-wrapper .wpml-ls { width: auto; } .switcher-language-wrapper .wpml-ls > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none; } .switcher-language-wrapper .wpml-ls .wpml-ls-slot-shortcode_actions:hover .wpml-ls-sub-menu { visibility: visible !important; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle { position: relative; background: none !important; border: 0; line-height: 1; padding: 10px; } .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle span { font-size: 16px; } .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after { content: '\f078'; font-size: 8px; border: 0; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .switcher-language-wrapper .wpml-ls .wpml-ls-native { position: relative; top: -1px; vertical-align: middle; margin-right: 5px; text-transform: none; font-weight: 500; font-size: 14px; } .switcher-language-wrapper .wpml-ls .wpml-ls-flag + span { margin-left: 15px; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu { min-width: 200px; border: 0; border-radius: 5px; opacity: 0; visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; padding: 20px 0; margin: 0; list-style-type: none; z-index: 102; box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); background: #fff; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu.hover-back { right: 0; left: auto; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu li { list-style-type: none; padding: 0; margin: 0; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a { display: block; text-decoration: none; padding: 10px 20px; border: 0; background: #fff; font-size: 15px; font-weight: 400; color: #696969; line-height: 1; text-transform: uppercase; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a:hover { background: #eee; color: #333; } .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a img { width: 24px; height: auto; } .header-right-clone { display: none; } .header-more-tools-opened .header-button { display: none; } .header-more-tools-opened .header-sticky-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .page-open-components { display: block; } .header-right-clone { display: block; } .header-right-inner { position: absolute; top: 100%; left: 15px; right: 15px; z-index: 1; padding: 20px 10px 0 !important; box-shadow: 0 0 40px rgba(0, 0, 0, 0.09); border-radius: 5px; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-right-inner .header-icon, .header-right-inner > div { padding-left: 10px; padding-right: 10px; } .header-right-inner > .header-icon, .header-right-inner > div { margin-bottom: 20px; } .header-more-tools-opened .header-right-inner { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (max-width: 543px) { .header-right-inner .header-search-form { width: 100%; } .header-right-inner .header-search-form .search-form { width: 100% !important; } } .handheld.header-more-tools-opened { cursor: pointer; } .header-01 .header-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-01 .branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } .header-01 .page-navigation { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-01 .header-right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } .header-01 .header-search-form { width: 250px; max-width: 100%; } .header-01 .page-header-inner > .container > .row > .col-xs-12 { position: static; } .mobile-menu .header-01 .branding { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-02 .page-header-inner { padding-top: 6px; padding-bottom: 6px; } .header-02 .header-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-02 .branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } .header-02 .page-navigation { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-02 .header-right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } .header-02 .header-search-form { width: 250px; max-width: 100%; } .header-02 .page-header-inner > .container > .row > .col-xs-12 { position: static; } .mobile-menu .header-02 .branding { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-03 .header-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 20px 0; } .header-03 .branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } .header-03 .header-right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 75%; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin: 0; } .header-03 .header-right-outer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .header-03 .header-right-wrap { width: 33.333333%; } .header-03 .header-right-inner { height: 100%; } .header-03 .page-header-bottom-inner { position: relative; } .header-03 .header-search-form { width: 66.666666%; } .header-03 .page-header-inner > .container > .row > .col-xs-12 { position: static; } .mobile-menu .header-03 .branding { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mobile-menu .header-03 .header-right { width: auto; } .header-categories-nav { height: 100%; position: relative; } .header-categories-nav.opened-menu .nav-toggle-btn .nav-toggle-icon:before { content: '\f077'; } .header-categories-nav.opened-menu nav.category-menu { opacity: 1; visibility: visible; pointer-events: auto; } .header-categories-nav .nav-toggle-btn { font-size: 16px; font-weight: 700; color: #fff; height: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 60px; } .header-categories-nav .nav-toggle-btn .nav-toggle-bars { margin-right: 10px; } .header-categories-nav .nav-toggle-btn .nav-toggle-icon { font-size: 14px; margin-left: 15px; } .header-categories-nav .nav-toggle-btn .nav-toggle-icon:before { content: '\f078'; } .header-categories-nav nav.category-menu { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; pointer-events: none; } .header-categories-nav .menu-item-icon { margin-right: 16px; } .header-categories-nav .menu__container.product-category-dropdown { list-style-type: none; position: absolute; top: 100%; left: 0; z-index: 5; margin: 0; padding: 15px 0 23px; background: #fff; border: 1px solid #f5f5f5; border-radius: 5px; box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06); font-size: 15px; font-weight: 400; min-width: 270px; } .header-categories-nav .menu__container.product-category-dropdown > li { display: block; margin: 0; padding: 0; } .header-categories-nav .menu__container.product-category-dropdown > li > a { display: block; padding: 9px 34px; line-height: 1.5; } .header-categories-nav .menu__container.product-category-dropdown > li > a .menu-item-icon { font-size: 20px; } @media (min-width: 1320px) { .desktop-menu .header-03 .menu--primary .menu__container > li > a { padding-left: 18px !important; padding-right: 18px !important; } } @media (max-width: 767px) { .header-03 .header-search-form { display: none; } .header-03 .page-header-bottom { display: none; } } .header-04 .page-header-inner { padding-top: 6px; padding-bottom: 6px; } .header-04 .header-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-04 .branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-04 .page-navigation { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 25px; } .header-04 .header-right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-04 .header-search-form { max-width: 100%; } .header-04 .header-search-form .search-form { width: 240px; } .header-04 .page-header-inner > .container > .row > .col-xs-12 { position: static; } .desktop-menu .header-04 .menu--primary { text-align: left; } .mobile-menu .header-04 .branding { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 1400px) { .header-04 .header-search-form .search-form { width: 370px; } .desktop-menu .header-04 .menu--primary .menu__container > li > a { padding-left: 18px !important; padding-right: 18px !important; } } .header-05 .page-header-inner { padding-top: 12px; padding-bottom: 12px; } .header-05 .header-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-05 .branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header-05 .header-right { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } @media (min-width: 1600px) { .header-05 .container-fluid { padding-left: 100px; padding-right: 100px; } } .simple-footer { background: #222; color: rgba(255, 255, 255, 0.5); padding: 26px 0; font-size: 16px; } .simple-footer .footer-text { text-align: center; } @-webkit-keyframes show-animation { 0% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes show-animation { 0% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes hide-animation { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @keyframes hide-animation { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } .desktop-menu { } .desktop-menu .sm { position: relative; z-index: 9999; } .desktop-menu .sm, .desktop-menu .sm ul, .desktop-menu .sm li { display: block; margin: 0; padding: 0; list-style: none; text-align: left; line-height: normal; direction: ltr; -webkit-tap-highlight-color: transparent; } .desktop-menu .sm-rtl, .desktop-menu .sm-rtl ul, .desktop-menu .sm-rtl li { text-align: right; direction: rtl; } .desktop-menu .sm > li h1, .desktop-menu .sm > li h2, .desktop-menu .sm > li h3, .desktop-menu .sm > li h4, .desktop-menu .sm > li h5, .desktop-menu .sm > li h6 { margin: 0; padding: 0; } .desktop-menu .sm ul { display: none; } .desktop-menu .sm li, .desktop-menu .sm a { position: relative; } .desktop-menu .sm a { display: block; } .desktop-menu .sm a.disabled { cursor: not-allowed; } .desktop-menu .sm-simple li > a { padding: 13px 58px 13px 20px; } .desktop-menu .sm-simple a.current { background: #555; color: #fff; } .desktop-menu .sm-simple a.disabled { color: #ccc; } .desktop-menu .sm-simple .children a .toggle-sub-menu { position: absolute; top: 50%; right: 0; } .desktop-menu .sm-simple .children a .toggle-sub-menu:before { right: 30px; } .desktop-menu .toggle-sub-menu { position: relative; margin-left: 15px; } .desktop-menu .toggle-sub-menu:before { content: '\f078'; font-size: 8px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: -1px; } .desktop-menu .sub-arrow { display: none; } .desktop-menu .sm-simple ul { position: absolute; width: 12em; } .desktop-menu .sm-simple.sm-rtl li { float: right; } .desktop-menu .sm-simple ul li, .desktop-menu .sm-simple.sm-rtl ul li, .desktop-menu .sm-simple.sm-vertical li { float: none; } .desktop-menu .sm-simple a { white-space: nowrap; } .desktop-menu .sm-simple ul a, .desktop-menu .sm-simple.sm-vertical a { white-space: normal; } .desktop-menu .sm-simple .sm-nowrap:not(.mega-menu) > li > a, .desktop-menu .sm-simple .sm-nowrap:not(.mega-menu) > li > :not(ul) a { white-space: nowrap; } .desktop-menu .sm-simple .scroll-up, .desktop-menu .sm-simple .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; height: 20px; background: #fff; } .desktop-menu .sm-simple .scroll-up-arrow, .desktop-menu .sm-simple .scroll-down-arrow { position: absolute; top: -2px; left: 50%; overflow: hidden; margin-left: -8px; width: 0; height: 0; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #555 transparent; } .desktop-menu .sm-simple .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #555 transparent transparent transparent; } .desktop-menu .sm-simple.sm-rtl.sm-vertical .has-submenu { padding: 11px 20px; } .desktop-menu .sm-simple.sm-rtl .toggle-sub-menu { margin-left: 0; margin-right: 13px; } .desktop-menu .sm-simple.sm-rtl .toggle-sub-menu:before { left: 0; right: auto; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu { position: static !important; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu .mega-menu { left: 0; right: 0 !important; margin-left: 0 !important; max-width: none !important; width: auto !important; } .desktop-menu .sm-simple.sm-vertical { display: block; } .desktop-menu .sm-simple.sm-vertical .has-mega-menu .mega-menu { max-width: calc(100vw - 394px) !important; width: 1170px !important; } .desktop-menu .sm-simple.sm-vertical > li { display: block !important; width: 100%; } .desktop-menu .sm-simple.sm-vertical > li > a .menu-item-wrap { position: relative; } .desktop-menu .sm-simple.sm-vertical > li > a .toggle-sub-menu { position: static; } .desktop-menu .sm-simple.sm-vertical > li > a .toggle-sub-menu:before { right: 0; } .desktop-menu .menu--primary { text-align: center; line-height: 0; } .desktop-menu .sm-simple { position: static; display: inline-block; } .desktop-menu .sm-simple > li { display: inline-block; } .desktop-menu .sm-simple .menu-item-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .desktop-menu .sm-simple .menu-item-icon { line-height: 1; margin-right: 16px; } .desktop-menu .sm-simple .children { padding: 18px 0 22px; min-width: 240px !important; border: 0; border-radius: 5px; } .desktop-menu .sm-simple .children.show-animation { -webkit-animation: show-animation .25s; animation: show-animation .25s; } .desktop-menu .sm-simple .children.hide-animation { -webkit-animation: hide-animation .25s; animation: hide-animation .25s; } .desktop-menu .sm-simple .simple-menu a { padding: 8px 30px; } .desktop-menu .sm-simple .simple-menu .toggle-sub-menu:before { font-size: 8px; content: '\f054'; } .desktop-menu .sm-simple .simple-menu .menu-item-wrap { line-height: 0; } .menu-corporate-electronics-gift-container ul.menu li.menu-item-object-product ul.sub-menu li, .menu-corporate-customised-gift-container ul.menu li.menu-item-object-product ul.sub-menu li, .menu-corporate-unique-premium-gift-container ul.menu li.menu-item-object-product ul.sub-menu li{ display:none; } .menu-corporate-electronics-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu, .menu-corporate-customised-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu, .menu-corporate-unique-premium-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu{ width:340px; height: auto; left: 150px; top: 10px; position: absolute; display: block; border-radius:10px; background-color: #fff; -webkit-box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.08); box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.08); z-index: 999999;} .menu-corporate-electronics-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu li, .menu-corporate-customised-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu li, .menu-corporate-unique-premium-gift-container ul.menu li.menu-item-object-product:hover ul.sub-menu li{ display:block!important; position:relative; } .desktop-menu .sm-simple .has-mega-menu .scroll-up, .desktop-menu .sm-simple .has-mega-menu .scroll-down { margin-left: 0 !important; } .desktop-menu .sm-simple .mega-menu ul { position: static; display: block; width: auto; border: 0; background: transparent; box-shadow: none; } .desktop-menu .sm-simple .mega-menu .menu > li > a { padding: 8px 0; } .desktop-menu .sm-simple .mega-menu, .single-ic_mega_menu.elementor-page .page-content { padding: 32px 0 30px; } .mobile-menu .page-navigation-wrap, .mobile-menu .page-navigation { display: none; } .primary-nav-rendering .page-navigation { visibility: hidden; opacity: 0; max-height: 80px; overflow: hidden; pointer-events: none; } .page-navigation-wrap { position: static; } @media (min-width: 1200px) { .mega-menu .elementor-section.elementor-top-section > .elementor-container { padding-left: 15px; padding-right: 15px; } } .popup-canvas-menu .page-popup-content { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; } .popup-canvas-menu .page-navigation { display: table; height: 100%; } .popup-canvas-menu .page-navigation .menu__container { display: table-cell; vertical-align: middle; padding: 40px 0; text-align: center; } .popup-canvas-menu .page-navigation .menu__container a { display: inline-block; padding: 4px 0; } .popup-canvas-menu .page-navigation .menu__container > li > a { position: relative; padding-left: 15px; padding-right: 15px; } .popup-canvas-menu .page-navigation .menu__container > li > a .toggle-sub-menu { position: absolute; top: 50%; right: -10px; } .popup-canvas-menu .page-navigation .menu__container > li > a .toggle-sub-menu:before { font-weight: 400; font-size: .5em; } .popup-canvas-menu ul { margin: 0; padding: 0; } .popup-canvas-menu .menu__container > li { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all .5s ease-in-out, opacity .5s linear; transition: all .5s ease-in-out, opacity .5s linear; } .popup-canvas-menu li { list-style-type: none; margin: 0; } .popup-canvas-menu .children { display: none; } .admin-bar .popup-canvas-menu { top: 32px; } .popup-canvas-menu .insight-core-bmw .menu { text-align: center !important; } .popup-canvas-menu .insight-core-bmw li { margin-bottom: 0; padding: 0; border: 0; } .popup-canvas-menu .insight-core-bmw li a { padding: 0; } .popup-canvas-menu.open .menu__container > li { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .popup-canvas-menu .menu__container > li > a { font-size: 3.7vh; } .popup-canvas-menu .menu__container .children a { font-size: 2.5vh; line-height: 1.5; } @media (min-height: 1081px) { .popup-canvas-menu .menu__container > li > a { font-size: 40px; } .popup-canvas-menu .menu__container .children a { font-size: 28px; } } @media (max-height: 640px) { .popup-canvas-menu .menu__container > li > a { font-size: 24px; } .popup-canvas-menu .menu__container .children a { font-size: 16px; } } .page-open-mobile-menu { cursor: pointer; } .page-open-mobile-menu .burger-icon { position: relative; width: 24px; height: 20px; } .page-open-mobile-menu .burger-icon > span { display: block; position: absolute; left: 0; width: 100%; height: 2px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-mobile-menu .burger-icon > span:before, .page-open-mobile-menu .burger-icon > span:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; opacity: .99; } .page-open-mobile-menu .burger-icon > span:before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-open-mobile-menu .burger-icon > span:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-mobile-menu .burger-icon-top { top: 5px; } .page-open-mobile-menu .burger-icon-bottom { bottom: 5px; } .page-open-mobile-menu .burger-icon-bottom:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .page-open-mobile-menu .burger-icon-bottom:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .page-open-mobile-menu:hover .burger-icon-top:before, .page-open-mobile-menu:hover .burger-icon-bottom:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-open-mobile-menu:hover .burger-icon-top:after, .page-open-mobile-menu:hover .burger-icon-bottom:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-open-mobile-menu .burger-title { font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0 14px; } .page-open-mobile-menu.style-02 .burger-icon > span { height: 1px; } .page-open-mobile-menu.style-02 .burger-icon-top { top: 0; } .page-open-mobile-menu.style-02 .burger-icon-middle { top: 50%; } .page-open-mobile-menu.style-02 .burger-icon-bottom { top: auto; bottom: 0; } .page-close-mobile-menu { position: relative; cursor: pointer; height: 40px; width: 40px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #111; } .page-close-mobile-menu .burger-icon-top, .page-close-mobile-menu .burger-icon-bottom { display: block; position: absolute; top: 19px; left: 5px; width: 29px; height: 2px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-close-mobile-menu .burger-icon-top:before, .page-close-mobile-menu .burger-icon-top:after, .page-close-mobile-menu .burger-icon-bottom:before, .page-close-mobile-menu .burger-icon-bottom:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; opacity: .99; } .page-close-mobile-menu .burger-icon-top:before, .page-close-mobile-menu .burger-icon-bottom:before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-close-mobile-menu .burger-icon-top:after, .page-close-mobile-menu .burger-icon-bottom:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-close-mobile-menu .burger-icon-top { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .page-close-mobile-menu .burger-icon-bottom { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .page-close-mobile-menu .burger-icon-bottom:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .page-close-mobile-menu .burger-icon-bottom:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .page-close-mobile-menu:hover .burger-icon-top:before, .page-close-mobile-menu:hover .burger-icon-bottom:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .page-close-mobile-menu:hover .burger-icon-top:after, .page-close-mobile-menu:hover .burger-icon-bottom:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-mobile-menu-header { position: absolute; top: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px 0 30px; height: 80px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-mobile-menu-logo { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-mobile-menu-opened { overflow: hidden; } .page-mobile-menu-opened.mobile-menu-push-to-right .site { -webkit-transform: translateX(350px); -ms-transform: translateX(350px); transform: translateX(350px); } .page-mobile-menu-opened.mobile-menu-push-to-left .site { -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); } .mobile-menu-push-to-left .page-mobile-main-menu > .inner { float: right; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .mobile-menu-slide-to-left .page-mobile-main-menu > .inner { float: right; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .page-mobile-main-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; } .admin-bar .page-mobile-main-menu { top: 32px; height: calc(100% - 32px); } .page-mobile-main-menu > .inner { position: relative; height: 100%; max-width: 90%; text-align: left; -webkit-transition: all .3s; transition: all .3s; padding-top: 80px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); cursor: default; background: #fff; width: 360px; } .page-mobile-main-menu > .inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .page-mobile-menu-opened .page-mobile-main-menu { visibility: visible; opacity: 1; } .page-mobile-menu-opened .page-mobile-main-menu > .inner { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .page-mobile-main-menu ul { margin: 0; padding: 0; } .page-mobile-main-menu li { margin: 0; display: block; list-style-type: none; } .page-mobile-main-menu li.opened > a .toggle-sub-menu:after { content: '\f106'; } .page-mobile-main-menu .sub-menu { display: none; margin: 14px 0; } .page-mobile-main-menu .sub-menu .sub-menu { margin-left: 10px; } .page-mobile-main-menu .simple-menu a { padding: 8px 0; } .page-mobile-main-menu .menu__container { padding: 0; margin: 20px 30px 100px; } .page-mobile-main-menu .menu__container > li > a { padding: 10px 0; border: 0; border-color: transparent; } .page-mobile-main-menu .menu__container > li + li > a { border-top: 1px solid transparent; } .page-mobile-main-menu .menu__container > li.opened > a { border-bottom: 1px solid transparent; } .page-mobile-main-menu .menu__container a { position: relative; display: block; } .page-mobile-main-menu .mega-menu { margin-top: 30px; margin-bottom: 30px; } .page-mobile-main-menu .widget_nav_menu li, .page-mobile-main-menu .insight-core-bmw li { margin: 0; padding: 0; border: 0; } .page-mobile-main-menu .toggle-sub-menu { position: absolute; top: 50%; right: 0; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); color: #fff; text-align: center; line-height: 40px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 50%; } .page-mobile-main-menu .toggle-sub-menu:after { content: '\f107'; font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-mobile-main-menu .toggle-sub-menu:hover { background: rgba(255, 255, 255, 0.2); } .page-mobile-main-menu .mega-menu-content .container { max-width: 100%; } .page-mobile-main-menu .mega-menu-content .container > .row > .col-md-12 { padding-left: 0; padding-right: 0; } .page-mobile-menu-content { overflow-y: auto; height: calc(100vh - 80px); } .handheld .page-mobile-menu-content { overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media screen and (max-width: 782px) { .admin-bar .page-mobile-main-menu { top: 46px; height: calc(100% - 46px); } } @media screen and (max-width: 600px) { .admin-bar .page-mobile-main-menu { top: 0; height: 100%; } } .desktop-menu .page-open-mobile-menu { display: none !important; } .mobile-menu .mega-menu .mega-menu-content > .container { padding-left: 0; padding-right: 0; } .mobile-menu .mega-menu .elementor-column { width: 100% !important; } .mobile-menu .mega-menu .elementor-column + .elementor-column { margin-top: 30px; } .mobile-menu .mega-menu .elementor-heading-title { color: #fff !important; } .mobile-menu .mega-menu .col-xs-12 { padding-left: 0; padding-right: 0; } .page-title-bar { position: relative; } .page-title-bar .heading { margin-bottom: 0; } .page-title-bar-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .page-title-bar-bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); } .page-title-bar-inner { position: relative; z-index: 1; border-bottom-style: solid; } .insight_core_breadcrumb { margin: 0; padding: 0; } .insight_core_breadcrumb li { display: inline-block; margin: 0; } .insight_core_breadcrumb li + li { position: relative; padding-left: 30px; } .insight_core_breadcrumb li + li:before { content: '/'; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .insight_core_breadcrumb a { display: block; } .title-bar-has-post-title .entry-title { display: none; } .page-title-bar-01 .heading { text-align: center; } .page-title-bar-01 .page-title-bar-inner > .container { max-width: 970px; } .page-title-bar-01 .page-breadcrumb { position: absolute; top: 15px; left: 0; width: 100%; } .page-title-bar-03 .page-title-bar-bg { background-color: #000; } .page-title-bar-03 .page-title-bar-inner .container { max-width: 970px; } .page-title-bar-03 .heading { text-align: center; } .page-title-bar-03 .page-breadcrumb { margin-top: 11px; } .page-title-bar-03 .page-title-bar-meta { margin-top: 15px; text-align: center; } .page-title-bar-03 .page-title-bar-meta > div { display: inline-block; padding: 5px 10px; } .page-title-bar-03 .page-title-bar-meta .post-author img { width: 32px; vertical-align: middle; border-radius: 50%; } .page-title-bar-03 .page-title-bar-meta .meta-icon { font-size: 14px; margin-right: 7px; } .page-scroll-up { position: fixed; right: 30px; bottom: -60px; z-index: 999; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; overflow: hidden; } .page-scroll-up i { position: absolute; top: 50%; left: 50%; color: #ffffff; } .page-scroll-up .arrow-top { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-scroll-up .arrow-bottom { -webkit-transform: translate(-50%, 80px); -ms-transform: translate(-50%, 80px); transform: translate(-50%, 80px); } .page-scroll-up.show { bottom: 30px; opacity: 1; visibility: visible; } .page-scroll-up:hover .arrow-top { -webkit-transform: translate(-50%, -80px); -ms-transform: translate(-50%, -80px); transform: translate(-50%, -80px); } .page-scroll-up:hover .arrow-bottom { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-close-button { position: fixed; top: 40px; right: 55px; z-index: 100000; visibility: hidden; opacity: 0; cursor: pointer; height: 40px; width: 40px; color: #111; -webkit-transition: all .3s linear .1s; transition: all .3s linear .1s; } .popup-close-button .burger-icon-top, .popup-close-button .burger-icon-bottom { display: block; position: absolute; top: 19px; left: 5px; width: 29px; height: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .popup-close-button .burger-icon-top:before, .popup-close-button .burger-icon-top:after, .popup-close-button .burger-icon-bottom:before, .popup-close-button .burger-icon-bottom:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; opacity: .99; } .popup-close-button .burger-icon-top:before, .popup-close-button .burger-icon-bottom:before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .popup-close-button .burger-icon-top:after, .popup-close-button .burger-icon-bottom:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .popup-close-button .burger-icon-top { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-close-button .burger-icon-bottom { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .popup-close-button .burger-icon-bottom:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .popup-close-button .burger-icon-bottom:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .popup-close-button:hover .burger-icon-top:before, .popup-close-button:hover .burger-icon-bottom:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .popup-close-button:hover .burger-icon-top:after, .popup-close-button:hover .burger-icon-bottom:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .page-popup { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: .5s; transition-delay: .5s; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; visibility: hidden; overflow: hidden; opacity: 0; } .page-popup.open { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .page-popup.open .popup-close-button { -webkit-transition-delay: .6s; transition-delay: .6s; } .page-popup.open .popup-close-button { visibility: visible; opacity: 1; } .admin-bar .popup-close-button { top: 72px; } .admin-bar .page-search-popup { top: 32px; height: calc(100% - 32px); } .page-search-popup .page-search-popup-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .page-search-popup .search-form { position: relative; color: #086ad8; width: 1170px; max-width: 90%; margin: 0 auto; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all .5s ease-in-out, opacity .5s linear; transition: all .5s ease-in-out, opacity .5s linear; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .page-search-popup .search-field { font-size: 50px; height: 100px; background-color: transparent !important; border: 0 solid #111; border-bottom-width: 3px; border-radius: 0; padding: 15px 50px 15px 0; color: inherit; } .page-search-popup .search-submit { display: none; } .page-search-popup.open .search-form { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: .6s; transition-delay: .6s; } @media (max-width: 1024px) { .page-search-popup .search-field { font-size: 40px; } } @media screen and (max-width: 782px) { .admin-bar .page-search-popup { top: 46px; height: calc(100% - 46px); } } @media screen and (max-width: 600px) { .admin-bar .page-search-popup { top: 0; height: 100%; } } .page-open-off-sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .page-open-off-sidebar:hover i { width: 16px; } .page-open-off-sidebar:hover i:before { width: 24px; } .page-open-off-sidebar:hover i:after { width: 22px; } .page-open-off-sidebar div { position: relative; width: 24px; height: 18px; } .page-open-off-sidebar i { position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 2px; background: currentColor; } .page-open-off-sidebar i:before, .page-open-off-sidebar i:after { position: absolute; left: 0; width: 100%; height: 100%; background: inherit; content: ''; -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-open-off-sidebar i:before { width: 16px; top: -8px; } .page-open-off-sidebar i:after { width: 18px; top: 8px; } .page-close-off-sidebar { position: relative; cursor: pointer; height: 40px; width: 40px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .page-close-off-sidebar:before, .page-close-off-sidebar:after { position: absolute; top: 19px; left: 8px; content: ''; width: 24px; height: 3px; background: currentColor; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .page-close-off-sidebar:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .page-close-off-sidebar:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .page-close-off-sidebar:hover:before, .page-close-off-sidebar:hover:after { -webkit-transform: none; -ms-transform: none; transform: none; } .page-off-sidebar-header { position: absolute; top: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 50px; height: 85px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-off-sidebar-logo { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-off-sidebar-opened { overflow: hidden; } .page-off-sidebar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.7); } .admin-bar .page-off-sidebar { top: 32px; height: calc(100% - 32px); } .page-off-sidebar > .inner { position: relative; height: 100%; max-width: 90%; text-align: left; -webkit-transition: all .3s; transition: all .3s; overflow-y: auto; padding-top: 85px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); cursor: default; background: #fff; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); float: right; width: 420px; } .page-off-sidebar-opened .page-off-sidebar { visibility: visible; opacity: 1; } .page-off-sidebar-opened .page-off-sidebar > .inner { -webkit-transform: none; -ms-transform: none; transform: none; } .page-off-sidebar .page-off-sidebar-content { padding: 50px 50px; } .page-off-sidebar .widget-title { font-size: 18px; line-height: 1.23; margin-bottom: 27px; } .page-off-sidebar .widget + .widget { margin-top: 53px; } .handheld .page-off-sidebar > .inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .handheld .page-off-sidebar-content { padding: 30px; } @media screen and (max-width: 782px) { .admin-bar .page-off-sidebar { top: 46px; height: calc(100% - 46px); } } @media screen and (max-width: 600px) { .admin-bar .page-off-sidebar { top: 0; height: 100%; } } .embed-responsive, .video-player { position: relative; display: block; overflow: hidden; padding: 0; height: 0; border-radius: 5px; margin: 45px 0 42px; } .embed-responsive iframe, .video-player iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9, .video-player { padding-bottom: 56.25%; } .instagram-media { max-width: 100% !important; } .no-padding { padding: 0 !important; } .full-height { min-height: 100vh; } .admin-bar .full-height { min-height: calc(100vh - 32px); } .col-content-middle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .font-100 { font-weight: 100 !important; } .font-200 { font-weight: 200 !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500 { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-700 { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .font-900 { font-weight: 900 !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; } .display-block { display: block !important; } .display-none { display: none !important; } .image-rounded img { border-radius: inherit; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .text-stroke-01 { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: currentColor; } .row-no-gutter { margin-left: 0; margin-right: 0; } .row-no-gutter > [class*=col] { padding-left: 0; padding-right: 0; } .hide { display: none; } @media (max-width: 767px) { .sm-position-static { position: static !important; } .sm-transform-none { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } .brand-color.facebook { color: #567fa9; } .brand-color.twitter { color: #26d0fe; } .brand-color.linkedin { color: #0077b5; } .brand-color.instagram { color: #987545; } .brand-color.skype { color: #13baf7; } .brand-color.tumblr { color: #35465c; } .brand-color.email { color: #dd4b39; } .boxed { margin: 0 auto; max-width: 1200px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.06); } .site { overflow: hidden; } .page-sidebar, .page-main-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; } @media (min-width: 1200px) { .container { max-width: 1520px; padding-left: 50px; padding-right: 50px; } .container.container-small { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .elementor-section.elementor-top-section > .elementor-container { max-width: 1520px; padding-left: 35px; padding-right: 35px; } } .tm-star-rating { display: inline-block; } .tm-star-rating .fas { color: #fb0; } .tm-star-rating .far { color: #ababab; } .comments-area { padding-top: 30px; margin-top: 43px; } .comment-content a { word-wrap: break-word; } .comment-notes, .logged-in-as { margin-bottom: 30px; } .bypostauthor { display: block; } .comments-title, .comment-reply-title { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; } .comments-title { margin-bottom: 37px; } .comments-title mark { color: inherit; } .comments-wrap { margin-bottom: 64px; } .comment-list { margin: 0; padding: 0; list-style-type: none; } .comment-list .pingback, .comment-list .trackback, .comment-list .comment { list-style-type: none; margin-bottom: 29px; padding-bottom: 18px; border-bottom: 1px solid #eee; } .comment-list .pingback:last-child, .comment-list .trackback:last-child, .comment-list .comment:last-child { margin-bottom: 0; } .comment-list .trackback, .comment-list .pingback { padding-left: 0; } .comment-list .trackback .comment-content, .comment-list .pingback .comment-content { margin-left: 0; } .comment-list > .trackback:last-child, .comment-list > .pingback:last-child, .comment-list > .comment:last-child { margin-bottom: 0; } .comment-list .children { padding: 0; } .comment-list .children > li { padding-left: 61px; margin-bottom: 0; margin-top: 30px; padding-bottom: 0; padding-top: 28px; border-bottom: 0; border-top: 1px solid #eee; } .comment-list .comment-header { margin-bottom: 9px; } .comment-list .comment-author { float: left; } .comment-list .comment-author img { border-radius: 50%; } .comment-list .comment-content { position: relative; overflow: hidden; margin-left: 92px; } .comment-list .meta { margin-bottom: 6px; } .comment-list .fn { font-size: 15px; font-weight: 500; display: inline-block; margin-bottom: 0; } .comment-list .fn a { font-style: inherit; font-size: inherit; color: inherit; } .comment-list .description { line-height: 2.14; color: #696969; } .comment-list .comment-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; color: #ababab; font-weight: 400; } .comment-list .comment-datetime { margin: 0 10px 0 0; } .comment-list .comment-actions a { font-weight: 500; color: #5c5c5c; margin: 0 10px 0 0; } .comment-list .comment-awaiting-messages { display: block; } .comment-list .comment-respond { margin-top: 30px; } .comment-form .row { margin-left: -14px; margin-right: -14px; } .comment-form [class*="col-"] { padding-left: 14px; padding-right: 14px; } .comment-form textarea { height: 140px; padding: 19px 20px 3px; } .comment-form input[type='text'], .comment-form input[type='email'] { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin: 0 0 25px; } .comment-form p.form-submit { margin: 30px 0 0; } .comment-form .submit { min-width: 160px; } .comment-form-cookies-consent { margin: 20px 0; } .comment-form-cookies-consent label { cursor: pointer; } @media (max-width: 1199px) { .comment-list .vcard img { width: 50px; } .comment-list .comment-content { margin-left: 70px; } .comment-list .children > li { padding-left: 35px; } } @media (max-width: 767px) { .comment-list .comment { margin-top: 25px; padding-top: 30px; } .comment-list .vcard img { width: 40px; } .comment-list .comment-content { margin-left: 60px; } .comment-list .children > li { padding-left: 20px; } .comment-form textarea { height: 120px; } } .fa:before, .fas:before, .far:before, .fal:before, .fab:before { font-family: inherit !important; font-weight: inherit !important; } .rev-btn .left-icon { margin-right: 10px !important; } .rev-btn .right-icon { margin-left: 10px !important; } html .row:before, html .row:after { display: block; } .modern-grid { display: -ms-grid; display: grid; } .modern-grid.flex-item .grid-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .modern-grid .grid-item { min-width: 0; min-height: 0; } .grid-width-2 { -ms-grid-column: span 2; grid-column: span 2; } .grid-height-2 { -ms-grid-row: span 2; grid-row: span 2; } @media (max-width: 767px) { .grid-width-2 { -ms-grid-column: span 1; grid-column: span 1; } .grid-height-2 { -ms-grid-row: span 1; grid-row: span 1; } } @media (min-width: 768px) { .grid-sm-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-sm-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-sm-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .grid-sm-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .grid-sm-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .grid-sm-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } .grid-sm-normal-gutter { grid-column-gap: 30px; } .grid-sm-large-gutter { grid-column-gap: 60px; } } @media (min-width: 992px) { .grid-md-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-md-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-md-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .grid-md-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .grid-md-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .grid-md-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } .grid-md-normal-gutter { grid-column-gap: 30px; } .grid-md-large-gutter { grid-column-gap: 60px; } } @media (min-width: 1200px) { .grid-lg-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-lg-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-lg-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .grid-lg-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .grid-lg-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .grid-lg-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } .grid-lg-normal-gutter { grid-column-gap: 30px; } .grid-lg-large-gutter { grid-column-gap: 60px; } } .page-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; overflow: hidden; -webkit-transition: opacity .5s; transition: opacity .5s; } .page-loading .sk-wrap { width: 60px; height: 60px; margin: 0 auto; font-size: 0; } .page-loading .sk-wrap .sk-circle { margin: 0 auto; } .page-loading .sk-wandering-cubes .sk-cube { width: 16px; height: 16px; } .page-loading .sk-three-bounce { width: 80px; height: 20px; } .page-loading .sk-three-bounce .sk-child { display: block; float: left; } .page-loading .sk-three-bounce .sk-bounce2 { margin: 0 10px; } .page-loading .sk-wave > div { width: 7px; margin: 0 2px 0 2px; } .page-load-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .preloader-wrap { display: table; width: 100%; height: 100%; } .preloader-wrap .wrap-2 { display: table-cell; vertical-align: middle; text-align: center; } body.loaded .page-loading { opacity: 0; } .admin-bar .headroom.headroom--not-top .page-header-inner { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .headroom.headroom--not-top .page-header-inner { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar .headroom.headroom--not-top .page-header-inner { top: 0; } } .lg-backdrop { z-index: 999998 !important; } .lg-outer { direction: ltr; z-index: 999999 !important; } .lg-sub-html * { color: inherit; } .lg-actions .lg-prev, .lg-actions .lg-next { border: 0; } .lg-actions .lg-prev:before, .lg-actions .lg-prev:after, .lg-actions .lg-next:before, .lg-actions .lg-next:after { color: #fff; } .tm-swiper { position: relative; z-index: 1; } .tm-swiper:hover .swiper-nav-button { opacity: 1; visibility: visible; } .tm-swiper .swiper-inner { position: relative; } .tm-swiper .swiper-container { width: 100%; } .tm-swiper .swiper-slide { box-sizing: border-box; text-align: left; overflow: visible; } .tm-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { height: auto; } .tm-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div { height: 100%; } .tm-swiper.v-top > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; } .tm-swiper.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .tm-swiper.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .tm-swiper.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .tm-swiper.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tm-swiper.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .tm-swiper[data-autoplay='1'] .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .tm-swiper.highlight-centered-items .swiper-slide { -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .tm-swiper.highlight-centered-items .swiper-slide:not(.swiper-slide-active) { opacity: .4; } .tm-swiper:not(.bullets-v-align-below) .swiper-pagination-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .tm-swiper .swiper-pagination-container .container, .tm-swiper .swiper-pagination-container .row, .tm-swiper .swiper-pagination-container .col-md-12 { height: 100%; } .tm-swiper .swiper-pagination-wrap { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tm-swiper .swiper-pagination-inner { pointer-events: auto; } .tm-swiper .swiper-pagination { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; width: auto; } .tm-swiper .swiper-pagination.swiper-pagination-progressbar { width: 100%; height: 3px; left: 0; top: 0; background: #bbb; } .tm-swiper .swiper-pagination.swiper-pagination-custom { top: auto; left: auto; bottom: auto; right: auto; } .tm-swiper.bullets-v-align-below .swiper-pagination-wrap { position: static; margin-top: 44px; } .tm-swiper .swiper-pagination-bullets { font-size: 0; } .tm-swiper .swiper-pagination-bullet { display: inline-block; vertical-align: middle; box-sizing: border-box; margin: 0 5px; width: 20px; height: 20px; border: 0; border-radius: 0; background: transparent; opacity: 1; position: relative; outline: none; color: #d8d8d8; } .tm-swiper .swiper-pagination-bullet:hover, .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #111; } .tm-swiper .swiper-pagination-bullet:hover:before, .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before { width: 12px; height: 12px; } .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { cursor: default; } .tm-swiper .swiper-pagination-bullet:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; width: 8px; height: 8px; background: currentColor; z-index: 1; } .tm-swiper .swiper-pagination-bullet:only-child { visibility: hidden; } .tm-swiper .fraction { display: inline-block; } .tm-swiper.bullets-vertical .swiper-pagination-bullet { display: block; margin: 0; } .tm-swiper.bullets-vertical .swiper-pagination-bullet + .swiper-pagination-bullet { margin-top: 10px; } .tm-swiper.pagination-style-02 .swiper-pagination-bullet { width: 22px; margin: 0 4px; } .tm-swiper.pagination-style-02 .swiper-pagination-bullet:before { border-radius: 0; width: 22px; height: 4px; } .tm-swiper.pagination-style-03 .fraction { font-size: 18px; font-weight: 700; color: #333; } .tm-swiper.pagination-style-03 .fraction * { display: inline-block; vertical-align: middle; } .tm-swiper.pagination-style-03 .fraction .separator { width: 40px; height: 1px; background: #ababab; margin-left: 13px; margin-right: 13px; } .tm-swiper.pagination-style-04 .swiper-pagination-inner { width: 94px; height: 94px; line-height: 94px; border-radius: 50%; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .tm-swiper.pagination-style-04 .fraction { font-size: 17px; font-weight: 500; color: #111; letter-spacing: 1.31px; } .tm-swiper.pagination-style-04 .fraction div { display: inline-block; } .tm-swiper.pagination-style-04 .swiper-pagination-inner { position: relative; } .tm-swiper.pagination-style-04 .swiper-alt-arrow-button { position: absolute; width: 21px; height: 21px; left: 50%; top: 50%; z-index: 12; background-position: center; background-repeat: no-repeat; cursor: pointer; } .tm-swiper.pagination-style-04 .swiper-alt-arrow-prev { -webkit-transform: translate(-10px, -35px); -ms-transform: translate(-10px, -35px); transform: translate(-10px, -35px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAJZJREFUGBltjUEKwyAURNVCs4klTREUWnsAz5P75LRZZCMFCVoj1lkk2LSz8H/nzfAJOWgYhpNS6ol5QOTHsNZq7/1lmqbGOfeqC19hKaUIIdwQWNe16boul8KyFfawEKKNMT42gJlSajnnS9Ebf4bHGHMuQGM/Cj44fDaOI5vnWeec9yt1AT44crTv+3sxrnXg304ptR/PET/We1JFoAAAAABJRU5ErkJggg=="); } .tm-swiper.pagination-style-04 .swiper-alt-arrow-next { -webkit-transform: translate(-10px, 15px); -ms-transform: translate(-10px, 15px); transform: translate(-10px, 15px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAKBJREFUGBmFjb0KwyAUhWsaqoUMUcgQ6FLo5iv4TL6tW6FLiWKGhiIWgmK9BUNxaO9y7s93zkWMsVNKie7+FELo0Ugpp7ZtX79YuAOHAOKcH7TWl/xhX5tyYhzH8aqUWj8wAMMwdCGEcw3n1Ns8zw72W5L3fu37PsUYu2LAGBtr7VLmDYaFc85TSo/5AyaEPI0xUwFBm+8BeiHEHUDQ+vYGfjU7ajWU+XYAAAAASUVORK5CYII="); } .tm-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev { -webkit-transform: translate(-40px, -11px) rotate(-90deg); -ms-transform: translate(-40px, -11px) rotate(-90deg); transform: translate(-40px, -11px) rotate(-90deg); } .tm-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next { -webkit-transform: translate(20px, -11px) rotate(-90deg); -ms-transform: translate(20px, -11px) rotate(-90deg); transform: translate(20px, -11px) rotate(-90deg); } .tm-swiper.pagination-style-05 .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 4px; color: #333; } .tm-swiper.pagination-style-05 .swiper-pagination-bullet:before { width: 6px; height: 6px; } .tm-swiper.pagination-style-05 .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16px; height: 16px; opacity: 0; border: 1px solid transparent; border-radius: 50%; } .tm-swiper.pagination-style-05 .swiper-pagination-bullet:hover:after, .tm-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; border-color: currentColor; } .tm-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: .5; width: 100%; height: 100%; } .tm-swiper.pagination-style-06 .fraction { font-size: 24px; font-weight: 600; letter-spacing: 3.2px; color: #111; } .tm-swiper.pagination-style-06 .fraction * { display: inline-block; vertical-align: top; } .tm-swiper.pagination-style-06 .fraction .current { font-size: 60px; line-height: 1; } .tm-swiper .swiper-nav-buttons-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .tm-swiper .swiper-nav-buttons-wrap .container, .tm-swiper .swiper-nav-buttons-wrap .row, .tm-swiper .swiper-nav-buttons-wrap .col-md-12 { height: 100%; } .tm-swiper .swiper-nav-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .tm-swiper .swiper-nav-button { -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.25s linear 2s, opacity 0.25s linear 2s; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.25s linear 2s, opacity 0.25s linear 2s; background-image: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; width: 48px; height: 48px; font-size: 24px; color: #111; border: 1px solid #ddd; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.01); opacity: 0; visibility: hidden; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 10px; pointer-events: auto; } .tm-swiper .swiper-nav-button.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .tm-swiper .swiper-nav-button:hover { border-color: #111; background: #111; color: #fff; } .tm-swiper .swiper-nav-button i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tm-swiper .swiper-nav-button:after { display: none; } .tm-swiper.nav-show-always .swiper-nav-button { opacity: 1; visibility: visible; } .tm-swiper .swiper-button-prev i:before { content: '\f104'; } .tm-swiper .swiper-button-next i:before { content: '\f105'; } .tm-swiper .nav-button-text { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .tm-swiper.nav-style-02 .swiper-nav-button { border-top-width: 0 !important; border-bottom-width: 0 !important; height: 100px; width: 100px; border-radius: 0; } .tm-swiper.nav-style-02 .nav-button-text { display: block; } .tm-swiper.nav-style-02 .nav-button-icon { display: none; } .tm-swiper.nav-style-02 .swiper-button-prev { border-left: 0 !important; border-right: 1px solid #fff; } .tm-swiper.nav-style-02 .swiper-button-next { border-right: 0 !important; border-left: 1px solid #fff; } @media (max-width: 766px) { .tm-swiper[data-sm-items='auto'] .swiper-slide { width: auto !important; } .tm-swiper[data-sm-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 767px) { .tm-swiper[data-md-items='auto'] .swiper-slide { width: auto !important; } .tm-swiper[data-md-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 1024px) { .tm-swiper[data-lg-items='auto'] .swiper-slide { width: auto !important; } .tm-swiper[data-lg-items='auto'] .swiper-slide img { width: auto; } } .mfp-bg.mfp-bg { background: #3f3a64; opacity: .9; z-index: 100000 !important; } .mfp-wrap.mfp-wrap { z-index: 100001 !important; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .5; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } #growls-br { right: 15px !important; bottom: 15px !important; } .growl.growl { opacity: 1; font-size: 14px; border-radius: 5px; } .growl.growl.growl-default { background: #fff; color: #696969; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); } .growl.growl.growl-large { padding: 19px 30px 18px; } .growl.growl.growl-large .growl-close { margin-right: -29px; margin-top: -9px; } .growl.growl .growl-message { line-height: 1.72; } .growl.growl .growl-close { position: relative; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-right: -10px; margin-top: -6px; font-size: 0; } .growl.growl .growl-close:before { content: '\f00d'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; } #tm-button-cookie-notice-ok { font-size: 15px; margin-top: 17px; } .medizin-widget-nice-select, .medizin-nice-select { display: none; } .medizin-fake-select-wrap { display: inline-block; position: relative; text-align: left; } .medizin-fake-select-wrap .medizin-fake-select-current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 500; background: #f8f8f8; border: 1px solid #f8f8f8; color: #ababab; padding: 3px 40px 3px 16px; min-height: 48px; max-width: 100%; border-radius: 26px; cursor: default; } .medizin-fake-select-wrap .medizin-fake-select-current:after { content: '\f107'; color: #333; font-size: 18px; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .medizin-fake-select-wrap .medizin-fake-select-current .label { margin-right: 4px; } .medizin-fake-select-wrap .medizin-fake-select-current .label:before { margin-right: 16px; } .medizin-fake-select-wrap .medizin-fake-select-current .value { color: #333; } .medizin-fake-select-wrap .medizin-fake-select { position: absolute; top: 20px; left: 0; z-index: 9999; list-style-type: none; margin: 0; padding: 5px 0; background: #f8f8f8; border: 0; border-radius: 5px; visibility: hidden; opacity: 0; min-width: 100%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); color: #333; font-weight: 500; } .medizin-fake-select-wrap .medizin-fake-select li { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 5px 30px; margin: 0; } .medizin-fake-select-wrap .medizin-fake-select li:hover { color: #fff; } .medizin-fake-select-wrap .medizin-fake-select li:hover:before { color: #fff !important; } .medizin-fake-select-wrap .medizin-fake-select li.selected:before { content: '\f00c'; position: absolute; top: 12px; left: 10px; font-size: 12px; } .medizin-fake-select-wrap.focused .medizin-fake-select { visibility: visible; opacity: 1; } .medizin-fake-select-wrap.focused .medizin-fake-select-current, .medizin-fake-select-wrap .medizin-fake-select-current:hover { color: #777; background: #fff; } .medizin-progress .progress-title { font-size: 18px; font-weight: 600; color: #3f3a64; margin: 0 0 16px; } .medizin-progress .progress-bar-wrap { height: 32px; border-radius: 30px; background: #f2f2f2; padding: 6px; } .medizin-progress .progress-bar { position: relative; height: 100%; border-radius: inherit; background: #20ad96; } .medizin-progress .progress-value { position: absolute; top: 50%; margin-top: 1px; right: 10px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font-size: 12px; font-weight: 700; } .medizin-progress .single-progress-bar + .single-progress-bar { margin: 50px 0 0; } .page-content { margin-top: 100px; margin-bottom: 100px; } .page-title-bar + .page-content { margin-top: 0; } .elementor-page.page-has-sidebar .page-content > .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .elementor-page.page-has-sidebar .page-content .elementor-section.elementor-top-section > .elementor-container { padding-left: 0; padding-right: 0; } .elementor-page.page-has-no-sidebar .page-content > .container { max-width: 100%; padding-left: 15px; padding-right: 15px; } .elementor-page.page-has-no-sidebar .page-main-content { padding: 0; } body.elementor-archive-page .page-content, body.elementor-page .page-content { margin-top: 0; } body.elementor-archive-page.page-has-no-sidebar .page-content, body.elementor-page.page-has-no-sidebar .page-content { margin-bottom: 0; } .post-password-form input[type='submit'] { display: block; margin: 30px auto 0; } .single-post .page-title-bar-02 { margin-bottom: 60px; } .single-post .page-content > .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .single-post .page-title-bar + .page-content { margin-top: 0; } .single-post.page-has-no-sidebar .entry-header { text-align: center; } .single-post.page-has-no-sidebar .entry-header-content, .single-post.page-has-no-sidebar .entry-post-wrap { max-width: 770px; margin: 0 auto; } .single-post.page-has-no-sidebar .entry-post-feature { margin: 0 0 65px; } .single-post.page-has-no-sidebar .entry-title { font-size: 40px; margin-bottom: 32px; } .single-post.page-has-no-sidebar .entry-post-meta { margin-bottom: 45px; } .single-post .page-main-content > .post-no-thumbnail.format-standard .entry-header, .single-post .page-main-content > .post-no-thumbnail.format-image .entry-header { border-bottom: 1px solid #eee; padding-bottom: 39px; margin-bottom: 38px; } .single-post .entry-header { margin-bottom: 20px; } .single-post .entry-post-feature { line-height: 0; margin: 0 0 29px; } .single-post .entry-post-feature img { border-radius: 5px; } .single-post .entry-post-feature.tm-popup-video .video-overlay { background: rgba(0, 0, 0, 0.5); } .single-post .entry-post-feature.post-gallery .swiper-nav-button { background: #fff; border-color: #fff; } .single-post .entry-post-feature.post-gallery .swiper-nav-button:hover { background: transparent; } .single-post .entry-post-feature.post-gallery .swiper-nav-button.swiper-button-prev { margin-left: 20px; } .single-post .entry-post-feature.post-gallery .swiper-nav-button.swiper-button-next { margin-right: 20px; } .single-post .entry-post-feature.post-video, .single-post .entry-post-feature.post-link, .single-post .entry-post-feature.post-quote { margin-bottom: 46px; } .single-post .entry-post-feature.post-audio { margin-bottom: 38px; } .single-post .entry-post-feature.post-audio iframe { width: 100%; height: 200px; border: 0; } .single-post .entry-post-feature.post-link { padding: 82px 100px; background: #f7fbfe; font-size: 24px; line-height: 1.5; } .single-post .entry-post-feature.post-link a { word-wrap: break-word; } .single-post .entry-post-feature.post-quote { position: relative; text-align: center; } .single-post .entry-post-feature .post-quote-content { position: relative; padding: 48px 40px; } .single-post .entry-post-feature .post-quote-content .quote-icon { color: #fff; font-size: 26px; margin-bottom: 35px; } .single-post .entry-post-feature .post-quote-text { margin-bottom: 26px; color: #fff; font-size: 24px; line-height: 1.375; } .single-post .entry-post-feature .post-quote-name { font-size: 18px; color: #fff; } .single-post .entry-post-feature .post-quote-name a { color: inherit; } .single-post .entry-content { margin-bottom: 28px; } .single-post .entry-wrapper { margin: 0 0 42px; } .single-post .entry-footer { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; } .single-post .entry-footer > div { padding: 0 15px; } .related-posts { margin-top: 50px; } .related-posts .related-title { margin: 0 0 33px; font-size: 24px; } .related-posts .tm-swiper .swiper-nav-button { background: #fff; border-color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); color: #333; } .entry-title { font-size: 34px; font-weight: 400; line-height: 1.3; margin: 0 0 15px; word-wrap: break-word; } .entry-post-categories { margin: 0 -3px 4px; } .entry-post-categories a { display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; border-radius: 2px; color: #fff !important; padding: 1px 10px; margin: 0 3px 10px; } .entry-post-tags { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .entry-post-tags .tag-label { display: inline-block; margin: 0 7px 0 0; } .entry-post-tags .tag-icon { display: inline-block; vertical-align: middle; font-size: 18px; } .entry-post-tags .tagcloud { display: inline; vertical-align: middle; color: #ababab; } .entry-post-tags a { display: inline; color: inherit; } .entry-post-meta { font-size: 14px; color: #7e7e7e; margin: 0 -16px 25px; } .entry-post-meta a { color: inherit; } .entry-post-meta > div { display: inline-block; margin: 0 0 5px; padding: 0 16px; } .entry-post-meta .post-author img { width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; margin-right: 6px; } .entry-post-meta .meta-icon { margin-right: 6px; } .entry-author { border-top: 1px solid #eee; padding: 30px 0 0; } .entry-author .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .entry-author .author-avatar { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100px; width: 140px; text-align: center; } .entry-author .author-avatar img { border-radius: 100%; } .entry-author .author-description { margin-left: 30px; } .entry-author .author-name { font-size: 15px; font-weight: 500; margin-bottom: 13px; } .entry-author .author-biographical-info { margin-top: 15px; } .entry-author .author-social-networks .inner { display: inline-block; margin: 13px -9px 0; } .entry-author .author-social-networks a { display: block; float: left; padding: 6px 10px; font-size: 15px; line-height: 1; color: #ababab; } .entry-post-share { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .post-share.style-01 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .post-share.style-01 .share-label { font-weight: 500; margin-right: 15px; } .post-share.style-01 .share-icon { height: 52px; width: 52px; line-height: 52px; font-size: 18px; border-radius: 50%; text-align: center; cursor: pointer; color: #fff; } .post-share.style-02 .share-label { font-size: 14px; font-weight: 700; margin-right: 15px; } .post-share.style-02 .share-icon { font-size: 15px; } .post-share.style-02 .share-media { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; } .post-share .share-media { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; } .post-share .share-media:hover .share-list { -webkit-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); visibility: visible; opacity: 1; } .post-share .share-list { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); width: auto; white-space: nowrap; padding: 0 4px; text-align: center; background: #fff; border-radius: 5px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06); -webkit-filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06)); filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06)); z-index: 999; visibility: hidden; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .post-share .share-list:before { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; border-top: 8px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; } .post-share .share-list a { display: inline-block; font-size: 15px; padding: 10px 12px; color: #ababab; } .blog-nav-links { margin-top: 36px; } .blog-nav-links .nav-list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .blog-nav-links .nav-item { min-width: 0; line-height: 0; } .blog-nav-links .inner a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 120px; border-radius: 5px; overflow: hidden; } .blog-nav-links .inner a:hover .hover-bg { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .blog-nav-links .inner a h6 { display: block; word-wrap: break-word; width: 100%; color: #fff; } .blog-nav-links .inner a h6:before { color: #fff; } .blog-nav-links .inner .hover-bg { background-color: #333; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .blog-nav-links .inner .hover-bg.has-thumbnail:before { opacity: 0.5; background: #000; border-radius: 5px; } .blog-nav-links .inner h6 { position: relative; font-size: 18px; font-weight: 500; line-height: 1.56; margin: 0; } .blog-nav-links .inner h6:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; } .blog-nav-links .prev h6 { padding: 20px 30px 20px 50px; } .blog-nav-links .prev h6:before { left: 20px; content: '\f104'; } .blog-nav-links .next { text-align: right; } .blog-nav-links .next h6 { padding: 20px 50px 20px 30px; } .blog-nav-links .next h6:before { right: 20px; content: '\f105'; } @media (max-width: 1024px) { .entry-title { font-size: 30px; } .single-post.page-has-no-sidebar .entry-title { font-size: 34px; } } @media (max-width: 767px) { .entry-title { font-size: 26px; } .single-post.page-has-no-sidebar .entry-title { font-size: 28px; margin-bottom: 15px; } .single-post.page-has-no-sidebar .entry-post-meta { margin-bottom: 20px; } .single-post.page-has-no-sidebar .entry-post-feature { margin-bottom: 30px; } .single-post .entry-footer { text-align: center; } .single-post .entry-post-share { margin: 20px 0 0; text-align: center; } .entry-author .author-info { display: block; text-align: center; } .entry-author .author-avatar { margin: 0 auto 10px; } .entry-author .author-description { margin: 0; } } @media (max-width: 767px) { .blog-nav-links .nav-list { -ms-grid-columns: auto; grid-template-columns: auto; } } .single-portfolio .tm-button.tm-button-view-project { min-width: 190px; } .single-portfolio .tm-button.tm-button-view-project .button-icon { margin-left: 10px; font-size: 12px; } .single-portfolio .page-content { padding-bottom: 0; } .single-portfolio .page-content > .container { margin-bottom: 100px; } .entry-portfolio-title { font-size: 34px; line-height: 1.42; margin-bottom: 25px; } .entry-portfolio-details { margin-top: 55px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 66px 30px; } .entry-portfolio-details ul { margin: 0; padding: 0; } .entry-portfolio-details li { list-style-type: none; } .entry-portfolio-details .label { text-transform: uppercase; font-weight: 500; font-size: 14px; margin-bottom: 12px; } .entry-portfolio-details .value { display: block; font-size: 16px; line-height: 1.9; } .entry-portfolio-share { margin-top: 55px; } .entry-portfolio-share .share-label { font-size: 14px; text-transform: uppercase; margin-right: 17px; } .entry-portfolio-share .share-list .inner { margin: 0 -8px; } .entry-portfolio-share .share-list a { padding: 0 8px; font-size: 16px; } .entry-portfolio-link { margin-top: 88px; } .entry-portfolio-feature img { width: 100%; } .entry-portfolio-feature figure { margin: 0; position: relative; } .entry-portfolio-feature figcaption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 14px; padding: 10px; border-radius: 0 0 5px 5px; } .entry-portfolio-feature .medizin-grid-wrapper { margin-top: 20px; } .entry-portfolio-image + .entry-portfolio-image { margin-top: 30px; } .entry-portfolio-video + .entry-portfolio-feature, .entry-portfolio-feature + .entry-portfolio-video { padding-top: 30px; } .portfolio-nav-links.style-01 { margin: 128px 0 130px; } .portfolio-nav-links.style-01 .nav-list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 30px; } .portfolio-nav-links.style-01 .next { text-align: right; } .portfolio-nav-links.style-01 .next a { padding-right: 65px; } .portfolio-nav-links.style-01 .next h6:before { right: 0; content: '\f061'; } .portfolio-nav-links.style-01 .prev a { padding-left: 65px; } .portfolio-nav-links.style-01 .prev h6:before { left: 0; content: '\f060'; } .portfolio-nav-links.style-01 .inner { width: 100%; max-width: 430px; display: inline-block; font-size: 17px; } .portfolio-nav-links.style-01 a { position: relative; display: block; color: #777; } .portfolio-nav-links.style-01 h6 { font-size: 36px; font-weight: 500; line-height: 1.2; margin: 23px 0 0; } .portfolio-nav-links.style-01 h6:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; } .portfolio-nav-links.style-02 { margin: 123px 0 117px; } .portfolio-nav-links.style-02 .nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .portfolio-nav-links.style-02 .nav-line { width: 150px; height: 1px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: currentColor; margin: 0 30px; } .portfolio-nav-links.style-02 .nav-item * { font-size: 50px; line-height: 1.2; font-weight: 200; } .portfolio-nav-links.style-02 a { display: block; position: relative; cursor: pointer; } .portfolio-nav-links.style-02 a:hover .hover { visibility: visible; opacity: 1; } .portfolio-nav-links.style-02 a:hover .normal { visibility: hidden; opacity: 0; } .portfolio-nav-links.style-02 .hover { font-weight: 500; visibility: hidden; opacity: 0; } .portfolio-nav-links.style-02 .normal { position: absolute; top: 0; left: 5px; width: 100%; height: 100%; white-space: nowrap; } .portfolio-nav-links.style-02 .disabled { cursor: not-allowed; } .portfolio-nav-links.style-03 { margin: 152px 0 123px; text-align: center; } .portfolio-nav-links.style-03 .nav-text { font-size: 70px; line-height: 1.2; font-weight: 700; letter-spacing: 3px; margin-bottom: 22px; } .portfolio-nav-links.style-03 a { display: inline-block; } .portfolio-nav-links.style-03 a:hover .nav-text { -webkit-text-fill-color: currentColor; } .portfolio-nav-links.style-03 .post-title { font-size: 24px; line-height: 1.21; font-weight: 500; margin-bottom: 0; } .portfolio-nav-links.style-03 .post-title:after { position: relative; top: -3px; content: '\f061'; font-size: 12px; margin-left: 12px; } .related-portfolio { padding-top: 100px; } .related-portfolio .container { padding: 0; } .related-portfolio .post-permalink { display: block; } .related-portfolio .post-thumbnail img { width: 100%; } .related-portfolio-title { margin: 0 0 45px; text-align: center; font-size: 28px; } .single-portfolio-style-image-list .page-content { margin-top: 86px !important; } .single-portfolio-style-blank .page-content { padding-top: 0; padding-bottom: 0; } .single-portfolio-style-image-list-wide .page-content { margin-top: 86px !important; } .single-portfolio-style-image-list-wide .entry-portfolio-title { font-size: 36px; margin-bottom: 46px; max-width: 620px; } .single-portfolio-style-image-list-wide .entry-portfolio-feature img { max-width: 1045px; } .single-portfolio-style-image-list-wide .entry-portfolio-content { padding: 0 30px 0 35px; } .single-portfolio-style-image-list-wide .entry-portfolio-description, .single-portfolio-style-image-list-wide .entry-portfolio-details { max-width: 435px; } .single-portfolio-style-image-list-wide .entry-portfolio-image + .entry-portfolio-image { margin-top: 50px; } .single-portfolio.page-skin-dark { background: #111; } .single-portfolio.page-skin-dark .page-content { border-bottom: 1px solid #222; } .single-portfolio.page-skin-dark .entry-portfolio-title { color: #fff; } .single-portfolio.page-skin-dark .entry-portfolio-content { color: #777; } .single-portfolio.page-skin-dark .entry-portfolio-content h1, .single-portfolio.page-skin-dark .entry-portfolio-content h2, .single-portfolio.page-skin-dark .entry-portfolio-content h3, .single-portfolio.page-skin-dark .entry-portfolio-content h4, .single-portfolio.page-skin-dark .entry-portfolio-content h5, .single-portfolio.page-skin-dark .entry-portfolio-content h6 { color: #fff; } .single-portfolio.page-skin-dark .entry-portfolio-details .label { color: #fff; } .single-portfolio.page-skin-dark .entry-portfolio-details a { color: #fff; } .single-portfolio.page-skin-dark .tm-button.tm-button-view-project { border-color: #fff; color: #fff; } .single-portfolio.page-skin-dark .tm-button.tm-button-view-project:hover { background-color: #fff; color: #111; } .single-portfolio.page-skin-dark .portfolio-nav-links.style-01 h6 { color: #fff; } .single-portfolio.page-skin-dark .portfolio-nav-links.style-01 .inner > a:hover { color: #fff; } .single-portfolio.page-skin-dark .portfolio-nav-links.style-02 .nav-list { color: #fff; } .single-portfolio.page-skin-dark .portfolio-nav-links.style-03 .post-title, .single-portfolio.page-skin-dark .portfolio-nav-links.style-03 .nav-text { color: #fff; } @media (max-width: 991px) { .portfolio-nav-links.style-03 .nav-text { font-size: 50px; } } @media (max-width: 767px) { .portfolio-nav-links.style-01 .nav-list { -ms-grid-columns: auto; grid-template-columns: auto; } .portfolio-nav-links.style-01 h6 { font-size: 30px; } .portfolio-nav-links.style-02 { text-align: center; } .portfolio-nav-links.style-02 .nav-list { display: block; } .portfolio-nav-links.style-02 .nav-line { position: static; margin: 20px 0; display: inline-block; } .entry-portfolio-feature-wrap { margin-bottom: 50px; } .single-portfolio-style-image-list-wide .entry-portfolio-content { padding: 0; } .single-portfolio-style-image-list-wide .entry-portfolio-title { font-size: 40px; margin-left: 0; margin-bottom: 20px; } } @media (min-width: 1200px) { .single-portfolio-style-image-list-wide .page-content > .container { max-width: 100%; padding: 0; } .single-portfolio-style-image-list-wide .portfolio-details-content { max-width: 370px; margin-left: 130px; } .single-portfolio-style-image-list-wide .portfolio-feature-wrap { padding-left: 0; padding-right: 0; } } .single-ic_mega_menu.elementor-page .page-content { position: relative; margin: 0 100px 100px; } .archive-row-actions { margin-bottom: 10px; } .archive-result-count { color: #7e7e7e; margin: 0 0 20px; } .archive-result-count .count { font-weight: 500; color: #333; } .archive-form-filtering { text-align: right; margin: 0 0 20px; } .archive-form-filtering .medizin-fake-select-wrap { width: 262px; } .blog-archive-style-grid .page-content .container, .blog-archive-style-grid-02 .page-content .container, .blog-archive-style-list .page-content .container, .blog-archive-style-classic .page-content .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .tm-grid-portfolio-main .modern-grid { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } @media (max-width: 1199px) { .tm-grid-portfolio-main .modern-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .tm-grid-portfolio-main .modern-grid { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } body.search .search-page-search-form { margin-bottom: 30px; } .page-main-content .search-form { position: relative; } .page-main-content .search-form .search-submit { position: absolute; top: 0; right: 0; } .page-main-content .search-form .search-submit:hover { color: #fff; } .page-main-content .search-form .search-btn-icon { display: none; } .search-no-results .no-results { background: #fff; padding: 45px 30px 60px; border: 1px solid #eee; border-radius: 5px; } .search-no-results .no-results .page-title { margin-bottom: 21px; } .search-no-results .no-results .search-no-results-text { margin-bottom: 30px; } .error404 .page-404-content { text-align: center; } .error404 .page-404-content > .container > .row { padding-top: 100px; padding-bottom: 100px; } .error404 .branding__logo, .error404 .dark-logo { display: block; } .error404 .branding__logo { position: absolute; top: 35px; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .error404.admin-bar .branding__logo { top: 67px; } .error404 .error-image { margin-bottom: 22px; } .error404 .error-image img { max-width: 90%; } .error404 .error-404-title { font-size: 40px; font-weight: 500; line-height: 1.3; margin-bottom: 20px; } .error404 .error-404-text { font-size: 18px; line-height: 1.67; color: #696969; max-width: 770px; margin: 0 auto; } .error404 .error-buttons { margin: 35px -10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .error404 .error-buttons .tm-button-wrapper { padding: 10px; } .error404 .error-buttons .tm-button { min-width: 190px; } .error404 .error-search-form { margin: 57px 0 0; } .error404 .search-form { position: relative; margin: 0 auto; max-width: 570px; } .error404 .search-submit { position: absolute; top: 0; right: 0; } .error404 .search-submit .search-btn-icon { display: none; } @media (max-width: 1024px) { .error404 .error-404-title { font-size: 34px; } } @media (max-width: 767px) { .error404 .error-404-title { font-size: 28px; margin: 0 0 10px; } .error404 .error-404-text { font-size: 15px; } .error404 .error-search-form { margin: 25px 0 0; } } .page-template-blank .page-content { marin-top: 0; margin-bottom: 0; } .page-template-boxed { margin: 30px; background: #eee; } .page-template-boxed .site { background: #fff; } .page-content .widget-title { font-size: 20px; font-weight: 500; margin-bottom: 22px; } .page-content .widget + .widget { margin: 20px 0 0; } .page-sidebar .page-sidebar-inner { height: 100%; } .page-sidebar .widget { background: #f8f8f8; border-radius: 5px; padding: 25px 20px 32px; } .page-sidebar .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 0 !important; padding-right: 0 !important; } .page-sidebar input, .page-sidebar select, .page-sidebar textarea { background-color: #fff; border-color: #fff; } .page-sidebar input, .page-sidebar select { min-height: 40px; } .widget ul { margin: 0; padding: 0; list-style-type: none; } .widget li + li { margin-top: 10px; } .insight-core-bmw ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, .widget_categories ul ul, .widget_product_categories ul ul { margin-left: 10px; } .insight-core-bmw a:empty, .widget_nav_menu a:empty { display: none; } .insight-core-bmw .sub-menu, .widget_nav_menu .sub-menu { margin-top: 14px; } .page-sidebar .insight-core-bmw { padding: 0; border: 0; } .page-sidebar .insight-core-bmw li { margin-top: 0; } .page-sidebar .insight-core-bmw li + li { margin-top: -1px; } .page-sidebar .insight-core-bmw li:first-child > a { border-top-left-radius: 5px; border-top-right-radius: 5px; } .page-sidebar .insight-core-bmw li:last-child > a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .page-sidebar .insight-core-bmw li > a { position: relative; display: block; padding: 13px 30px; border: 1px solid #eee; } .page-sidebar .insight-core-bmw li > a:before { content: '\f111'; font-size: 4px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 16px; color: #ababab; } .page-sidebar .insight-core-bmw li:hover a, .page-sidebar .insight-core-bmw li.current-menu-item a { color: #fff; } .page-sidebar .insight-core-bmw li:hover a:before, .page-sidebar .insight-core-bmw li.current-menu-item a:before { color: #fff; } .widget_pages .children, .widget_archive .children, .widget_categories .children, .widget_product_categories .children { margin-top: 10px; } .widget_pages li a, .widget_archive li a, .widget_categories li a, .widget_product_categories li a { position: relative; padding-left: 15px; } .widget_pages li a:before, .widget_archive li a:before, .widget_categories li a:before, .widget_product_categories li a:before { content: '\f111'; font-size: 4px; position: absolute; top: 8px; left: 0; } .widget_pages li a:hover .count, .widget_archive li a:hover .count, .widget_categories li a:hover .count, .widget_product_categories li a:hover .count { color: currentColor; } .widget_pages .count, .widget_archive .count, .widget_categories .count, .widget_product_categories .count { color: #ababab; } .widget_recent_comments .comment-author-link { position: relative; padding-left: 24px; } .widget_recent_comments .comment-author-link:before { content: '\f27a'; font-size: 14px; line-height: 0; position: absolute; top: 9px; left: 0; } .widget_recent_entries .widget-title { margin-bottom: 9px; } .widget_recent_entries li { margin: 0 !important; } .widget_recent_entries li a { display: block; position: relative; font-size: 18px; font-weight: 700; line-height: 1.78; padding: 16px 0 15px 30px; color: #696969; } .widget_recent_entries li a:before, .widget_recent_entries li a:after { content: '\f30b'; position: absolute; top: 24px; left: 0; font-size: 15px; } .widget_recent_entries li a:after { opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .widget_recent_entries li a:hover:before { opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .widget_recent_entries li a:hover:after { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .widget_recent_entries li + li { border-top: 1px solid #eee; } .widget_recent_entries .post-date { position: relative; display: block; font-size: 15px; font-weight: 500; padding-left: 25px; margin-top: 17px; } .widget_recent_entries .post-date:before { font-size: 16px; content: '\f073'; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .widget_search form, .widget_product_search form { position: relative; } .widget_search .search-field, .widget_product_search .search-field { width: 100%; padding-right: 72px; background-color: #fff; border-color: #fff; color: #ababab; min-height: 40px; } .widget_search .search-submit, .widget_product_search .search-submit { position: absolute; top: 0; right: 0; padding: 0; border: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; background: transparent; color: #333; } .widget_search .search-btn-text, .widget_product_search .search-btn-text { display: none; } .widget_search .search-btn-icon, .widget_product_search .search-btn-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; } .widget .tagcloud { margin: -5px; } .widget .tagcloud a { display: block; float: left; font-size: 13px !important; font-weight: 400; line-height: 1.4; padding: 7px 15px; border-radius: 16px; background: #fff; color: #ababab; border: 0; margin: 5px; overflow: hidden; } .widget .tagcloud a:hover { color: #fff; } .widget_calendar td, .widget_calendar th { padding: 5px; background: #fff; border-color: #eee; } .widget_calendar .calendar_wrap { overflow-x: auto; } .widget_calendar caption { font-weight: 700; margin-bottom: 10px; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; } .widget_calendar #today { color: #fff; } .widget_calendar #today a { color: inherit; } .widget_rss .widget-title a { color: inherit; } .widget_rss li + li { margin-top: 25px; } .widget_rss li a { font-size: 15px; color: #333; line-height: 1.5; font-weight: 700; } .widget_rss .rsswidget { display: inline-block; } .widget_rss .rss-widget-icon { display: block; margin-right: 6px; } .widget_rss .rss-date { display: block; margin: 4px 0 8px; font-size: 14px; } .widget_rss .rssSummary { margin-bottom: 5px; } .medizin-wp-widget-posts .post-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .medizin-wp-widget-posts .post-item + .post-item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } .medizin-wp-widget-posts .post-widget-thumbnail { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 17px; width: 100px; border-radius: 3px; overflow: hidden; position: relative; } .medizin-wp-widget-posts .post-widget-thumbnail img { width: 100%; } .medizin-wp-widget-posts .post-widget-info { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .medizin-wp-widget-posts .post-widget-categories { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; margin-bottom: 10px; color: #ababab; } .medizin-wp-widget-posts .post-widget-categories a { color: inherit; display: inline-block; } .medizin-wp-widget-posts .post-widget-title { font-size: 15px; font-weight: 500; line-height: 1.74; margin-bottom: 0; } .medizin-wp-widget-posts .post-widget-title a { color: inherit; display: block; } .medizin-wp-widget-posts .post-date { display: block; font-size: 14px; color: #7e7e7e; margin-top: 6px; } .medizin-wp-widget-product-banner { padding: 0 !important; text-align: center; } .medizin-wp-widget-product-banner .banner-product-wrapper { background-position: center; background-repeat: no-repeat; background-size: cover; display: block; padding: 34px 30px 42px; border-radius: inherit; } .medizin-wp-widget-product-banner .banner-product-thumbnail { position: relative; } .medizin-wp-widget-product-banner .banner-product-title { font-size: 24px; line-height: 1.5; margin: 0; } .medizin-wp-widget-product-banner .banner-product-title a { color: inherit; } .medizin-wp-widget-product-banner .banner-product-category { font-size: 18px; text-transform: uppercase; color: #333; } .medizin-wp-widget-product-banner .product-banner-badge { position: absolute; top: 10px; right: 10px; z-index: 1; background: #ffd55a; color: #333; height: 74px; width: 74px; border-radius: 50%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .medizin-wp-widget-product-banner .product-banner-badge .badge-value { font-size: 20px; font-weight: 700; line-height: 1; } .medizin-wp-widget-product-banner .product-banner-badge .badge-text { margin-top: 4px; font-size: 16px; line-height: 1; } .medizin-wp-widget-product-banner .price, .medizin-wp-widget-product-banner .amount { font-size: 24px; line-height: 1; font-weight: 700; } .medizin-wp-widget-product-banner .price ins, .medizin-wp-widget-product-banner .amount ins { display: inline-block; vertical-align: middle; } .medizin-wp-widget-product-banner .price del, .medizin-wp-widget-product-banner .amount del { display: inline-block; vertical-align: middle; font-size: .584em; margin-top: 1px; } .medizin-wp-widget-product-banner .price del:before, .medizin-wp-widget-product-banner .amount del:before { margin-top: 0; } .medizin-wp-widget-product-banner .price del, .medizin-wp-widget-product-banner del .amount { color: #696969; } .medizin-wp-widget-product-banner .price { margin: 8px 0 0; } .medizin-wp-widget-product-banner .product-banner-button { margin: 18px 0 0; } .medizin-wp-widget-product-banner .product-banner-button .tm-button { min-width: 140px; } .medizin-wp-widget-product-badge input[type='checkbox'] { margin-right: 16px; } .fal, .far { font-family: "Font Awesome 5 Pro" !important; } .elementor-editor-active .page-header { pointer-events: none; } .elementor-editor-active .page-header * { pointer-events: none !important; } .elementor-element-editable.medizin-heading-wrapper-editing .tm-modern-heading { outline: 1px dashed #eee; } .elementor-element-editable.elementor-widget-tm-image-layers .artboard { outline: 2px dashed #d5dadf; } .elementor-element-editable.medizin-swiper-arrows-editing .tm-swiper .swiper-nav-button { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; opacity: 1 !important; visibility: visible !important; } .elementor-element-editable.medizin-map-marker-overlay-editing .medizin-map-overlay-content { display: block !important; } .elementor-widget-tm-flip-box.medizin-flip-box--flipped .elementor-widget-container .front-side { display: none; } .elementor-widget-tm-flip-box.medizin-flip-box--flipped .elementor-widget-container .back-side { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .dialog-widget.elementor-popup-modal .dialog-message { max-width: 90vw; } .dialog-widget.elementor-popup-modal .dialog-close-button { top: 14px; } .dialog-widget .dialog-close-button { font-size: 32px; } .dialog-widget .dialog-close-button i:before { content: '\f00d'; } @-webkit-keyframes tm-animation-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes tm-animation-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @-webkit-keyframes tm-loop-move-vertical { 0% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } } @keyframes tm-loop-move-vertical { 0% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } } .loop-move-vertical { -webkit-animation: 3s tm-loop-move-vertical linear infinite alternate; animation: 3s tm-loop-move-vertical linear infinite alternate; } @-webkit-keyframes tm-loop-move-horizontal { 0% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } } @keyframes tm-loop-move-horizontal { 0% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } } .loop-move-horizontal { -webkit-animation: 3s tm-loop-move-horizontal linear infinite alternate; animation: 3s tm-loop-move-horizontal linear infinite alternate; } @-webkit-keyframes tm-loop-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes tm-loop-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .loop-rotate { -webkit-animation: 3s tm-loop-rotate linear infinite; animation: 3s tm-loop-rotate linear infinite; } .medizin-animation-zoom-in .medizin-image { overflow: hidden; } .medizin-animation-zoom-in .medizin-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .medizin-animation-zoom-in .medizin-box:hover .medizin-image img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .medizin-animation-zoom-out .medizin-image { overflow: hidden; } .medizin-animation-zoom-out .medizin-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .medizin-animation-zoom-out .medizin-box:hover .medizin-image img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .medizin-animation-move-up .medizin-box .medizin-image { -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .medizin-animation-move-up .medizin-box:hover .medizin-image { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .medizin-animation-move-up-drop-shadow .medizin-box .medizin-image { position: relative; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .medizin-animation-move-up-drop-shadow .medizin-box .medizin-image:after { content: ''; position: absolute; bottom: 0; top: 50%; left: 10%; right: 10%; box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22); z-index: -1; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image:after { opacity: 1; } @-webkit-keyframes medizinAnimationFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes medizinAnimationFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .tmFadeInUp { -webkit-animation-name: medizinAnimationFadeInUp; animation-name: medizinAnimationFadeInUp; } .tmFadeInUp.animated { -webkit-animation-duration: 1s; animation-duration: 1s; } .medizin-grid .grid-item { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .medizin-grid .grid-item.animate { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in-out; transition: opacity 1s linear, -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out, opacity 1s linear; transition: transform 1s ease-in-out, opacity 1s linear, -webkit-transform 1s ease-in-out; } @-webkit-keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } body:not(.elementor-editor-active) .modern-grid .grid-item { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } body:not(.elementor-editor-active) .modern-grid .grid-item.animate { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in-out; transition: opacity 1s linear, -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out, opacity 1s linear; transition: transform 1s ease-in-out, opacity 1s linear, -webkit-transform 1s ease-in-out; } .medizin-grid-filter { padding-bottom: 61px; } .medizin-grid-filter .container { padding-left: 0; padding-right: 0; } .medizin-grid-wrapper .medizin-grid-filter-buttons { margin-left: -15px; margin-right: -15px; } .medizin-grid-wrapper.filter-style-01 .btn-filter { position: relative; display: inline-block; padding: 0; margin: 5px 17px; color: inherit; border-bottom: 1px solid transparent; } .medizin-grid-wrapper.filter-style-01 .btn-filter:hover .filter-counter { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .medizin-grid-wrapper.filter-style-01 .btn-filter.current { border-color: currentColor; } .medizin-grid-wrapper.filter-style-01 .btn-filter.current .filter-text { font-weight: 500; } .medizin-grid-wrapper.filter-style-01 .filter-text { font-size: 12px; font-weight: 500; line-height: 1.34; text-transform: uppercase; letter-spacing: 1.38px; } .medizin-grid-wrapper.filter-style-01 .filter-counter { position: absolute; top: 0; left: 50%; visibility: hidden; margin: 0 auto; min-width: 34px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 12px; background-color: #111; color: #fff; text-align: center; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .medizin-grid-wrapper.filter-style-01 .filter-counter:before { position: absolute; right: 0; bottom: -4px; left: 0; display: block; margin: 0 auto; width: 0; height: 0; border-top: 4px solid #111; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .medizin-grid-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #111; background: rgba(255, 255, 255, 0.3); opacity: 0; visibility: hidden; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-grid-loader.show { pointer-events: auto; z-index: 2; opacity: 1; visibility: visible; } .medizin-grid-loader .sk-wrap { margin: 0 auto; } .medizin-grid-loader .sk-circle { width: 80px; height: 80px; } .medizin-infinite-loader { display: none; margin: 0; } .medizin-infinite-loader .sk-wrap { margin: 0 auto; } .medizin-infinite-loader.show { display: inline-block; } .medizin-grid-pagination { padding-top: 50px; text-align: center; } .medizin-grid-pagination .pagination-wrapper { display: inline-block; } .medizin-grid-pagination .page-pagination { display: inline-block; } .medizin-grid-pagination .navigation-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #111; } .medizin-grid-pagination .navigation-buttons .nav-line { width: 150px; height: 1px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: currentColor; margin: 0 30px; } .medizin-grid-pagination .navigation-buttons .nav-link { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 34px; line-height: 1.2; font-weight: 500; } .medizin-grid-pagination .navigation-buttons .disabled { opacity: .5; cursor: not-allowed; } .medizin-load-more-button.tm-button { min-width: 250px; } .medizin-load-more-button.tm-button.style-border { border-color: #eee; } .medizin-load-more-button.tm-button.style-border:hover { border-color: transparent; } .medizin-grid-messages { margin: 50px 0; text-align: center; } .medizin-grid-sorting { margin-bottom: 10px; } .medizin-grid-sorting .result-count { margin: 0 0 20px; color: #7e7e7e; } .medizin-grid-sorting .result-count .count { font-weight: 500; color: #333; } .medizin-grid-sorting .ordering { text-align: right; margin: 0 0 20px; } .medizin-grid-sorting .ordering .medizin-fake-select-wrap { width: 260px; } .medizin-grid-sorting .ordering .medizin-fake-select-current .label:before { content: '\f036'; vertical-align: middle; font-size: 16px; } .medizin-grid-metro .grid-item-height .medizin-box, .medizin-grid-metro .grid-item-height .medizin-image { height: 100%; } .medizin-grid-metro .grid-item-height .medizin-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lazy-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .lazy-grid .grid-sizer { display: none; } .lazy-grid.loaded { display: block; } .lazy-grid.loaded .grid-sizer { display: block; } @media (max-width: 767px) { .medizin-grid-wrapper .medizin-grid-filter-buttons { display: block; } .medizin-grid-sorting { text-align: left; } .medizin-grid-sorting .ordering { text-align: left; } } .medizin-accordion .accordion-section.active > .accordion-header .closed-icon { display: block; } .medizin-accordion .accordion-section.active > .accordion-header .opened-icon { display: none; } .medizin-accordion .accordion-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 60px; cursor: pointer; } .medizin-accordion .accordion-title-wrapper { font-size: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .medizin-accordion .accordion-title { display: inline-block; margin-bottom: 0; color: inherit; font-size: 18px; } .medizin-accordion .accordion-icons { font-size: 20px; color: #8c89a2; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 0 10px; line-height: 0; } .medizin-accordion .accordion-icons .closed-icon { display: none; } .medizin-accordion .accordion-content { display: none; color: #7e7e7e; } .medizin-accordion.medizin-accordion-icon-left .accordion-header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medizin-accordion.medizin-accordion-icon-left .accordion-icons { margin-left: 0; margin: 0 10px 0 0; } .medizin-accordion-style-01 .medizin-accordion .accordion-section { border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 15px 50px rgba(51, 51, 51, 0.1); } .medizin-accordion-style-01 .medizin-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .medizin-accordion-style-01 .medizin-accordion .accordion-section.active .accordion-title, .medizin-accordion-style-01 .medizin-accordion .accordion-section.active .accordion-icons, .medizin-accordion-style-01 .medizin-accordion .accordion-section:hover .accordion-title, .medizin-accordion-style-01 .medizin-accordion .accordion-section:hover .accordion-icons { color: #fff; } .medizin-accordion-style-01 .medizin-accordion .accordion-header { padding: 10px 20px; } .medizin-accordion-style-01 .medizin-accordion .accordion-content { line-height: 1.6; padding: 25px 30px; } .medizin-accordion-style-02 .medizin-accordion .accordion-title { font-weight: 600; } .medizin-accordion-style-02 .medizin-accordion .accordion-section { border: 1px solid #eee; border-radius: 5px; overflow: hidden; } .medizin-accordion-style-02 .medizin-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .medizin-accordion-style-02 .medizin-accordion .accordion-section.active, .medizin-accordion-style-02 .medizin-accordion .accordion-section:hover { border-color: transparent !important; } .medizin-accordion-style-02 .medizin-accordion .accordion-section.active .accordion-title, .medizin-accordion-style-02 .medizin-accordion .accordion-section.active .accordion-icons, .medizin-accordion-style-02 .medizin-accordion .accordion-section:hover .accordion-title, .medizin-accordion-style-02 .medizin-accordion .accordion-section:hover .accordion-icons { color: #fff; } .medizin-accordion-style-02 .medizin-accordion .accordion-section.active { background: #fff; box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1); } .medizin-accordion-style-02 .medizin-accordion .accordion-header { padding: 10px 20px; } .medizin-accordion-style-02 .medizin-accordion .accordion-content { padding: 25px 30px; } .medizin-accordion-style-03 .medizin-accordion .accordion-section { border-bottom: 2px solid #eee; padding: 9px 0; } .medizin-accordion-style-03 .medizin-accordion .accordion-header { min-height: 64px; } .medizin-accordion-style-03 .medizin-accordion .accordion-title { font-size: 24px; font-weight: 600; } .medizin-accordion-style-03 .medizin-accordion .accordion-icons { color: #ababab; font-size: 24px; } .medizin-accordion-style-03 .medizin-accordion .accordion-content { padding: 0 0 25px; } @media (max-width: 1024px) { .medizin-accordion-style-03 .medizin-accordion .accordion-title { font-size: 21px; } } @media (max-width: 767px) { .medizin-accordion-style-03 .medizin-accordion .accordion-title { font-size: 18px; } } .tm-button { -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0s linear; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0s linear; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1.3; white-space: nowrap; cursor: pointer; border-width: 0; border-style: solid; border-radius: 5px; max-width: 100%; } .tm-button.tm-button-full-wide { width: 100% !important; } .tm-button .button-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tm-button .button-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; font-size: 16px; line-height: 1; } .tm-button .button-icon i { background: inherit; } .tm-button.icon-left .button-icon { margin-right: 14px; } .tm-button.icon-right .button-icon { margin-left: 14px; } .tm-button .button-badge { position: absolute; top: -15px; right: -15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 31px; min-width: 31px; padding: 4px; border-radius: 50%; font-size: 12px; font-weight: 700; letter-spacing: 0; background: #dc3131; color: #fff; } .tm-button.style-flat, .tm-button.style-border, .tm-button.style-thick-border { padding: 0 36px; min-height: 48px; border-radius: 26px; } .tm-button.style-flat.tm-button-lg, .tm-button.style-border.tm-button-lg, .tm-button.style-thick-border.tm-button-lg { padding: 0 42px; min-height: 52px; } .tm-button.style-flat.tm-button-sm, .tm-button.style-border.tm-button-sm, .tm-button.style-thick-border.tm-button-sm { padding: 0 28px; min-height: 44px; } .tm-button.style-flat.tm-button-xs, .tm-button.style-border.tm-button-xs, .tm-button.style-thick-border.tm-button-xs { padding: 0 20px; min-height: 40px; font-size: 14px; } .tm-button.style-flat { color: #fff; } .tm-button.style-flat:hover { color: #fff; } .tm-button.style-border { border-width: 1px; background-color: transparent; } .tm-button.style-border:hover { color: #fff; } .tm-button.style-thick-border { border-width: 2px; background-color: transparent; } .tm-button.style-thick-border:hover { color: #fff; } .tm-button.style-text { padding: 5px 0; } .tm-button.style-bottom-line .button-icon, .tm-button.style-left-line .button-icon { font-size: 11px; } .tm-button.style-bottom-line.tm-button-lg, .tm-button.style-left-line.tm-button-lg { font-size: 1.1em; } .tm-button.style-bottom-line.tm-button-sm, .tm-button.style-left-line.tm-button-sm { font-size: .9em; } .tm-button.style-bottom-line.tm-button-xs, .tm-button.style-left-line.tm-button-xs { font-size: .8em; } .tm-button.style-bottom-line .button-content-wrapper { position: relative; padding: 5px 0; } .tm-button.style-bottom-line .button-content-wrapper:before, .tm-button.style-bottom-line .button-content-wrapper:after { content: ''; position: absolute; left: 0; height: 1px; background: #ddd; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; bottom: 0; width: 100%; } .tm-button.style-bottom-line .button-content-wrapper:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .tm-button.style-left-line .button-content-wrapper { position: relative; padding: 0 0 0 62px; } .tm-button.style-left-line .button-content-wrapper:before, .tm-button.style-left-line .button-content-wrapper:after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; background: #ddd; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; width: 50px; top: 50%; margin-top: -1px; } .tm-button.style-left-line .button-content-wrapper:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .tm-button.style-flat, .tm-button.style-border, .tm-button.style-thick-border { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .tm-button.style-flat:before, .tm-button.style-flat:after, .tm-button.style-border:before, .tm-button.style-border:after, .tm-button.style-thick-border:before, .tm-button.style-thick-border:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; } .tm-button.style-flat:after, .tm-button.style-border:after, .tm-button.style-thick-border:after { opacity: 0; } .tm-button.style-border:before, .tm-button.style-border:after { top: -1px; left: -1px; right: -1px; bottom: -1px; } .tm-button.style-thick-border:before, .tm-button.style-thick-border:after { top: -2px; left: -2px; right: -2px; bottom: -2px; } .medizin-box:hover div.tm-button.style-bottom-line .button-content-wrapper:before, a.tm-button.style-bottom-line:hover .button-content-wrapper:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .medizin-box:hover div.tm-button.style-bottom-line .button-content-wrapper:after, a.tm-button.style-bottom-line:hover .button-content-wrapper:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .medizin-box:hover div.tm-button.style-left-line .button-content-wrapper:before, a.tm-button.style-left-line:hover .button-content-wrapper:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .medizin-box:hover div.tm-button.style-left-line .button-content-wrapper:after, a.tm-button.style-left-line:hover .button-content-wrapper:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .medizin-box:hover div.tm-button.style-flat:before, .medizin-box:hover div.tm-button.style-border:before, .medizin-box:hover div.tm-button.style-thick-border:before, a.tm-button.style-flat:hover:before, a.tm-button.style-border:hover:before, a.tm-button.style-thick-border:hover:before { opacity: 0; } .medizin-box:hover div.tm-button.style-flat:after, .medizin-box:hover div.tm-button.style-border:after, .medizin-box:hover div.tm-button.style-thick-border:after, a.tm-button.style-flat:hover:after, a.tm-button.style-border:hover:after, a.tm-button.style-thick-border:hover:after { opacity: 1; } .medizin-icon-wrap { line-height: 0; } .medizin-icon-view { display: inline-block; font-size: 60px; } .medizin-icon { display: inline-block; text-align: center; font-size: 60px; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; color: #818a91; } .medizin-icon i, .medizin-icon svg { width: 1em; height: 1em; position: relative; display: block; } .medizin-icon i { background: inherit; } .medizin-icon i:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .medizin-icon svg.svg-defs-gradient { position: absolute !important; width: 0 !important; height: 0 !important; } .medizin-solid-icon svg *[stroke^="#"], .medizin-solid-icon svg *[stroke^="url(#"] { stroke: currentColor; } .medizin-solid-icon svg *[fill^="#"], .medizin-solid-icon svg *[fill^="url(#"] { fill: currentColor; } .medizin-icon-view.second { display: none !important; } .medizin-view-stacked .medizin-icon-view { padding: .5em; background-color: #111; } .medizin-view-bubble .medizin-icon-wrap { position: relative; display: inline-block; padding-bottom: 21px; } .medizin-view-bubble .medizin-icon-view { border-radius: 50%; background-image: -webkit-linear-gradient(315deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%); background-image: linear-gradient(-225deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%); } .medizin-view-bubble .medizin-icon-view.first { padding: .84em; } .medizin-view-bubble .medizin-icon-view.second { display: inline-block !important; padding: .28em; position: relative; bottom: 21px; margin-left: 22px; } .medizin-view-bubble .medizin-icon-view .icon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .medizin-shape-circle .medizin-icon-view { border-radius: 50%; } .elementor-widget-tm-icon-box .tm-icon-box { position: relative; display: block; width: 100%; } .elementor-widget-tm-icon-box .tm-icon-box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; } .elementor-widget-tm-icon-box .tm-icon-box:hover:before { visibility: visible; opacity: 1; } .elementor-widget-tm-icon-box .tm-icon-box ul { margin: 0; } .elementor-widget-tm-icon-box .icon-box-wrapper { position: relative; z-index: 1; text-align: center; } .elementor-widget-tm-icon-box .medizin-icon-wrap, .elementor-widget-tm-icon-box .heading-wrap, .elementor-widget-tm-icon-box .description-wrap { line-height: 0; } .elementor-widget-tm-icon-box .heading, .elementor-widget-tm-icon-box .description { display: inline-block; } .elementor-widget-tm-icon-box .heading { font-size: 20px; margin-bottom: 0; } .elementor-widget-tm-icon-box .heading a { color: inherit; } .elementor-widget-tm-icon-box .tm-icon-box .medizin-icon { color: #333; } .elementor-widget-tm-icon-box .tm-icon-box:hover .heading-divider:after { width: 100%; } .elementor-widget-tm-icon-box .heading-divider-wrap { margin-top: 27px; } .elementor-widget-tm-icon-box .heading-divider { position: relative; height: 3px; } .elementor-widget-tm-icon-box .heading-divider:before, .elementor-widget-tm-icon-box .heading-divider:after { content: ''; position: absolute; left: 0; top: 0; } .elementor-widget-tm-icon-box .heading-divider:before { width: 100%; height: 1px; top: 1px; background: #eee; } .elementor-widget-tm-icon-box .heading-divider:after { width: 0; height: 3px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #111; } .elementor-widget-tm-icon-box .heading-wrap + .description-wrap { margin-top: 10px; } .elementor-widget-tm-icon-box .description { font-size: 15px; line-height: 1.74; } .elementor-widget-tm-icon-box .icon-box-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-widget-tm-icon-box .tm-button-wrapper { margin: 34px 0 0; line-height: 0; } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .tm-icon-box { padding: 32px 37px 48px; background: #fff; border-radius: 5px; } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .tm-icon-box:hover { box-shadow: 0 0 40px rgba(51, 51, 51, 0.1); } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .tm-icon-box .heading { font-size: 24px; font-weight: 500; line-height: 1.34; } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .tm-icon-box .tm-button.style-text { color: #8c89a2; } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .medizin-icon, .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .medizin-icon-view { font-size: 56px; } .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .heading-wrap + .description-wrap { margin-top: 18px; } .elementor-widget-tm-icon-box.medizin-icon-box-style-02 .tm-icon-box { padding: 51px 35px 50px; } .elementor-widget-tm-icon-box.medizin-icon-box-style-02 .tm-icon-box:after { pointer-events: none; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #111; opacity: 0; visibility: hidden; } .elementor-widget-tm-icon-box.medizin-icon-box-style-02 .tm-icon-box:hover { background: #fff; box-shadow: 0 16px 40px #ededed; } .elementor-widget-tm-icon-box.medizin-icon-box-style-02 .tm-icon-box:hover:after { opacity: 1; visibility: visible; } .elementor-widget-tm-icon-box.medizin-icon-box-style-03 .tm-icon-box .medizin-icon-view, .elementor-widget-tm-icon-box.medizin-icon-box-style-03 .tm-icon-box .medizin-icon { font-size: 48px; } .elementor-widget-tm-icon-box.medizin-icon-box-style-03 .tm-icon-box .heading { font-size: 24px; font-weight: 600; line-height: 1.5; } .elementor-widget-tm-icon-box.medizin-icon-box-style-03 .tm-icon-box .description-wrap { margin-top: 12px; } @media (min-width: 768px) { .elementor-widget-tm-icon-box.elementor-position-left .icon-box-wrapper, .elementor-widget-tm-icon-box.elementor-position-right .icon-box-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-tm-icon-box.elementor-position-left .medizin-icon-wrap, .elementor-widget-tm-icon-box.elementor-position-right .medizin-icon-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .elementor-widget-tm-icon-box.elementor-position-left .heading-wrap + .description-wrap, .elementor-widget-tm-icon-box.elementor-position-right .heading-wrap + .description-wrap { margin-top: 17px; } .elementor-widget-tm-icon-box.elementor-position-left.medizin-icon-box-style-03 .heading-wrap + .description-wrap, .elementor-widget-tm-icon-box.elementor-position-right.medizin-icon-box-style-03 .heading-wrap + .description-wrap { margin-top: 10px; } .elementor-widget-tm-icon-box.elementor-position-right .icon-box-wrapper { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-widget-tm-icon-box.elementor-position-right .medizin-icon-wrap { margin-left: 20px; } .elementor-widget-tm-icon-box.elementor-position-right.medizin-icon-box-style-03 .medizin-icon-wrap { margin-left: 35px; } .elementor-widget-tm-icon-box.elementor-position-left .icon-box-wrapper { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-tm-icon-box.elementor-position-left .medizin-icon-wrap { margin-right: 20px; } .elementor-widget-tm-icon-box.elementor-position-left.medizin-icon-box-style-03 .medizin-icon-wrap { margin-right: 35px; } .elementor-widget-tm-icon-box.elementor-position-top .medizin-icon-wrap { margin-bottom: 24px; } .elementor-widget-tm-icon-box.elementor-vertical-align-top .icon-box-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .elementor-widget-tm-icon-box.elementor-vertical-align-middle .icon-box-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elementor-widget-tm-icon-box.elementor-vertical-align-bottom .icon-box-wrapper { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (max-width: 767px) { .elementor-widget-tm-icon-box .medizin-icon-wrap { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; } } @media (max-width: 767px) { .elementor-widget-tm-icon-box.medizin-icon-box-style-01 .tm-icon-box { padding: 41px 30px 25px; } } .tm-image-box { position: relative; display: block; width: 100%; } .tm-image-box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; border-radius: inherit; } .tm-image-box:hover:before { visibility: visible; opacity: 1; } .tm-image-box .content-wrap { position: relative; z-index: 1; } .tm-image-box.image-position-top { text-align: center; } .tm-image-box.image-position-top .image { margin-bottom:15px; } .tm-image-box.image-position-left .content-wrap, .tm-image-box.image-position-right .content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tm-image-box.image-position-left .image, .tm-image-box.image-position-right .image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } .tm-image-box.image-position-left .content, .tm-image-box.image-position-right .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tm-image-box.image-position-left { text-align: left; } .tm-image-box.image-position-left .image { margin-right: 20px; } .tm-image-box.image-position-right { text-align: right; } .tm-image-box.image-position-right .content-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .tm-image-box.image-position-right .image { margin-left: 20px; } .tm-image-box.content-alignment-middle .content-wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tm-image-box.content-alignment-bottom .content-wrap { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .tm-image-box .image { display: inline-block; } .tm-image-box .content { width: 100%; } .tm-image-box .title { font-size: 20px; line-height: 1.5; margin-bottom: 0; } .tm-image-box .description { line-height: 1.6; margin-top: 14px; } .tm-image-box .tm-button-wrapper { margin: 15px 0 0; } .tm-image-box .tm-button.style-text { color: #8c89a2; } .tm-image-box.style-01 { padding: 38px 30px 29px; border-radius: 5px; background: #fff; } .tm-image-box.style-01:hover { z-index: 1; box-shadow: 0 0 40px rgba(51, 51, 51, 0.1); } .tm-image-box.style-02 { padding: 39px 30px 30px; border-radius: 10px; background: #f8f8f8; } .tm-image-box.style-02:before { background: #fff; } .tm-image-box.style-02:hover { z-index: 1; box-shadow: 0 14px 40px rgba(51, 51, 51, 0.1); } .tm-image-box.style-02 .title { font-size: 16px; font-weight: 600; line-height: 1.625; } .tm-image-box.style-02.image-position-top .image { margin-bottom: 17px; } .medizin-banner { display: block; width: 100%; } .medizin-banner .content-wrap { position: relative; } .medizin-banner .medizin-image img { width: 100%; } .medizin-banner .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-banner .title { font-size: 30px; font-weight: 300; background: #fff; padding: 6px 34px 7px; margin: 0; } @media (max-width: 1024px) { .medizin-banner .title { font-size: 26px; } } @media (max-width: 767px) { .medizin-banner .title { font-size: 22px; } } .elementor-widget-tm-image-layers .elementor-widget-container { font-size: 0; } .elementor-widget-tm-image-layers .artboard { display: inline-block; max-width: 100%; max-height: 100%; } .elementor-widget-tm-image-layers .layers-wrapper { position: relative; width: 100%; height: 100%; } .elementor-widget-tm-image-layers .layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-tm-image-layers .static-layer { position: static; top: auto; left: auto; right: auto; bottom: auto; } .medizin-light-gallery .medizin-box:hover .medizin-overlay { visibility: visible; opacity: .9; } .medizin-light-gallery .medizin-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; } .medizin-light-gallery .medizin-overlay > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; color: #fff; } .medizin-gallery-justified-content .medizin-box { position: relative; display: block; } .medizin-gallery-justified-content .medizin-box:hover .overlay, .medizin-gallery-justified-content .medizin-box:hover .overlay-content { visibility: visible; opacity: 1; } .medizin-gallery-justified-content .overlay, .medizin-gallery-justified-content .overlay-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; } .medizin-gallery-justified-content .overlay { background: rgba(0, 0, 0, 0.5); } .medizin-gallery-justified-content .overlay-content { text-align: center; } .medizin-gallery-justified-content .overlay-content .outer { display: table; width: 100%; height: 100%; } .medizin-gallery-justified-content .overlay-content .inner { display: table-cell; vertical-align: middle; padding: 20px; } .medizin-gallery-justified-content .title { font-size: 34px; line-height: 1.42; color: #fff; margin-bottom: 0; } .medizin-gallery-justified-content .description { color: #fff; } .medizin-gallery-justified-content .medizin-image img { width: 100%; } .medizin-modern-carousel .swiper-slide { overflow: visible !important; } .medizin-modern-carousel .slide-tags { margin-bottom: 10px; } .medizin-modern-carousel .slide-tag { display: inline-block; font-size: 12px; font-weight: 500; line-height: 1.4; text-transform: uppercase; letter-spacing: 1.38px; color: #fff; padding: 7px 13px 5px; margin-bottom: 5px; } .medizin-modern-carousel .description-wrap { margin-top: 10px; } .medizin-modern-carousel .slide-button.left-icon .button-icon { margin-right: 5px; } .medizin-modern-carousel .slide-button.right-icon .button-icon { margin-left: 5px; } .medizin-modern-carousel-style-01 .swiper-inner { margin: 0 -30px -60px; } .medizin-modern-carousel-style-01 .swiper-container { padding: 0 30px 60px; } .medizin-modern-carousel-style-01 .slide-wrapper { display: block; height: 100%; } .medizin-modern-carousel-style-01 .slide-wrapper:hover .slide-image { box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41); } .medizin-modern-carousel-style-01 .slide-image { position: relative; height: 100%; } .medizin-modern-carousel-style-01 .slide-image img { -o-object-fit: cover; object-fit: cover; height: 100%; } .medizin-modern-carousel-style-01 .slide-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(-180deg, transparent 0%, #000 100%); } .medizin-modern-carousel-style-01 .slide-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .medizin-modern-carousel-style-01 .slide-layers { padding: 30px 35px 38px; } .medizin-modern-carousel-style-01 .title { font-size: 22px; line-height: 1.46; color: #fff; margin-bottom: 0; } .medizin-modern-carousel-style-01 .description { color: #fff; } .medizin-modern-carousel-style-01 .button-wrap { margin: 10px 0 0; } .medizin-modern-carousel-style-01 .slide-button { font-size: 14px; font-weight: 700; color: #fff; } .medizin-modern-carousel-style-02 .swiper-inner { margin: 0 -30px -40px; } .medizin-modern-carousel-style-02 .swiper-container { padding: 0 30px 40px; } .medizin-modern-carousel-style-02 .swiper-slide-visible .slide-wrapper { box-shadow: 0 10px 30px rgba(51, 51, 51, 0.1); } .medizin-modern-carousel-style-02 .slide-wrapper { display: block; height: 100%; background: #fff; border-radius: 5px; } .medizin-modern-carousel-style-02 .slide-wrapper:hover .slide-button { color: #fff; } .medizin-modern-carousel-style-02 .slide-wrapper:hover .slide-button:after { -webkit-transform: none; -ms-transform: none; transform: none; } .medizin-modern-carousel-style-02 .slide-image { position: relative; border-radius: 5px 5px 0 0; overflow: hidden; } .medizin-modern-carousel-style-02 .slide-layers { padding: 30px 35px 86px; } .medizin-modern-carousel-style-02 .title { font-size: 24px; font-weight: 600; line-height: 1.34; margin-bottom: 0; } .medizin-modern-carousel-style-02 .button-wrap { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 5px 5px; overflow: hidden; } .medizin-modern-carousel-style-02 .slide-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 56px; width: 100%; font-size: 14px; font-weight: 700; border-radius: 0 0 5px 5px; text-align: center; border: 0; border-top: 1px solid #eee; } .medizin-modern-carousel-style-02 .slide-button .button-content-wrapper { position: relative; z-index: 1; } .medizin-modern-carousel-style-02 .slide-button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #20ad96; } .tm-modern-slider .slide-bg-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tm-modern-slider .slide-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #111; } .tm-modern-slider .container, .tm-modern-slider .row { height: 100%; } .tm-modern-slider .container { padding-left: 15px; padding-right: 15px; } .tm-modern-slider .slide-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 100%; } .tm-modern-slider .slide-layers { max-width: 600px; padding: 30px 0; } .tm-modern-slider .sub-title-wrap { margin: 0 0 15px; } .tm-modern-slider .sub-title { display: inline-block; font-size: 15px; font-weight: 600; line-height: 2; text-transform: uppercase; letter-spacing: 2px; color: #fff; margin-bottom: 0; } .tm-modern-slider .title { font-size: 50px; line-height: 1.4; color: #fff; margin-bottom: 0; } .tm-modern-slider .description-wrap { margin-top: 30px; } .tm-modern-slider .description { font-size: 20px; color: #fff; } .tm-modern-slider .button-wrap { margin-top: 34px; } .tm-modern-slider .tm-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 160px; } .medizin-slide-bg-animation-ken-burns .slide-bg-wrap { -webkit-transform: scale(1.35); -ms-transform: scale(1.35); transform: scale(1.35); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .medizin-slide-bg-animation-ken-burns.swiper-slide-active .slide-bg-wrap { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 11s cubic-bezier(0.1, 0.2, 0.7, 1); transition: -webkit-transform 11s cubic-bezier(0.1, 0.2, 0.7, 1); transition: transform 11s cubic-bezier(0.1, 0.2, 0.7, 1); transition: transform 11s cubic-bezier(0.1, 0.2, 0.7, 1), -webkit-transform 11s cubic-bezier(0.1, 0.2, 0.7, 1); } .slide-layer-transition .animated .slide-layer { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition: all 0.6s cubic-bezier(0.1, 0.2, 0.7, 1); transition: all 0.6s cubic-bezier(0.1, 0.2, 0.7, 1); } .slide-layer-transition .animated .slide-layer-wrap + .slide-layer-wrap .slide-layer { -webkit-transition-delay: .2s; transition-delay: .2s; } .slide-layer-transition .animated .slide-layer-wrap + .slide-layer-wrap + .slide-layer-wrap .slide-layer { -webkit-transition-delay: .4s; transition-delay: .4s; } .slide-layer-transition .slide-layer { opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .1s; transition: all .1s; } @media (max-width: 1024px) { .tm-modern-slider .title { font-size: 40px; } } @media (max-width: 767px) { .tm-modern-slider .title { font-size: 30px; } } .medizin-flip-box { min-height: 280px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .medizin-flip-box .layer { position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; text-align: center; } .medizin-flip-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .medizin-flip-box .layer-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medizin-flip-box .layer-content { padding: 35px; width: 100%; } .medizin-flip-box .image { margin: 0 0 20px 0; display: inline-block; width: 100%; } .medizin-flip-box .image img { width: 50%; } .medizin-flip-box .medizin-icon-wrap, .medizin-flip-box .heading-wrap { line-height: 0; } .medizin-flip-box .medizin-icon-wrap { margin-bottom: 30px; } .medizin-flip-box .medizin-icon-view { display: inline-block; font-size: 60px; } .medizin-flip-box .icon { color: #fff; } .medizin-flip-box .medizin-svg-icon { width: 60px; } .medizin-flip-box .heading { display: inline-block; color: #fff; font-size: 26px; margin-bottom: 0; } .medizin-flip-box .description-wrap { margin-top: 20px; } .medizin-flip-box .description { color: #fff; font-size: 16px; line-height: 1.875; } .medizin-flip-box .tm-button-wrapper { margin: 40px 0 0; } .medizin-flip-box .tm-button.style-flat { color: #111; } .medizin-flip-box .tm-button.style-flat:hover { color: #fff; } .medizin-flip-box .tm-button.style-flat:before { background: #fff; } .medizin-flip-box .tm-button.style-text { color: #fff; padding-bottom: 0; } .medizin-flip-box .tm-button.style-left-line, .medizin-flip-box .tm-button.style-bottom-line { color: #fff; } .medizin-flip-box .tm-button.style-left-line .button-content-wrapper:before, .medizin-flip-box .tm-button.style-bottom-line .button-content-wrapper:before { background: rgba(255, 255, 255, 0.4); } .medizin-flip-box .tm-button.style-left-line .button-content-wrapper:after, .medizin-flip-box .tm-button.style-bottom-line .button-content-wrapper:after { background: #fff; } .medizin-flip-box .tm-button.style-border, .medizin-flip-box .tm-button.style-thick-border { border-color: #fff; color: #fff; } .medizin-flip-box .tm-button.style-border:hover, .medizin-flip-box .tm-button.style-thick-border:hover { color: #111; } .medizin-flip-box .tm-button.style-border:after, .medizin-flip-box .tm-button.style-thick-border:after { background: #fff; } @media (max-device-width: 1024px) { .medizin-flip-box { cursor: pointer; } } .front-side { background-color: #111; } .back-side { background-color: #5758e0; box-shadow: 0 40px 40px -40px rgba(51, 51, 51, 0.13); display: block; } .elementor-flip-box__button.elementor-button { cursor: pointer; -ms-flex-item-align: center; -webkit-align-self: center; -ms-grid-row-align: center; align-self: center; margin-left: auto; margin-right: auto; border: solid 2px white; color: white; background: transparent; } .elementor-flip-box__button.elementor-button:hover { background: transparent; text-decoration: none; } .medizin-flip-box--3d .layer-inner { -webkit-transform: translateZ(90px) scale(0.91); transform: translateZ(90px) scale(0.91); } .medizin-flip-box--3d .overlay { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0.1px); transform: translateZ(0.1px); } .medizin-flip-box--effect-flip .medizin-flip-box { -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .medizin-flip-box--effect-flip .medizin-flip-box:hover .back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .medizin-flip-box--effect-flip .layer { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .medizin-flip-box--effect-flip .front-side { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .medizin-flip-box--effect-flip.medizin-flip-box--direction-right .back-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-right .medizin-flip-box:hover .front-side { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-left .back-side { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-left .medizin-flip-box:hover .front-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-up .back-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-up .medizin-flip-box:hover .front-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-down .back-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .medizin-flip-box--effect-flip.medizin-flip-box--direction-down .medizin-flip-box:hover .front-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .medizin-flip-box--effect-push .front-side { -webkit-transform: none; -ms-transform: none; transform: none; } .medizin-flip-box--effect-push.medizin-flip-box--direction-right .medizin-flip-box:hover .front-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .medizin-flip-box--effect-push.medizin-flip-box--direction-left .medizin-flip-box:hover .front-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .medizin-flip-box--effect-push.medizin-flip-box--direction-up .medizin-flip-box:hover .front-side { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } .medizin-flip-box--effect-push.medizin-flip-box--direction-down .medizin-flip-box:hover .front-side { -webkit-transform: translateX(0) translateY(100%); -ms-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%); } .medizin-flip-box--effect-slide .medizin-flip-box, .medizin-flip-box--effect-push .medizin-flip-box { overflow: hidden; } .medizin-flip-box--effect-slide .medizin-flip-box:hover .back-side, .medizin-flip-box--effect-push .medizin-flip-box:hover .back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .medizin-flip-box--effect-slide.medizin-flip-box--direction-right .back-side, .medizin-flip-box--effect-push.medizin-flip-box--direction-right .back-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .medizin-flip-box--effect-slide.medizin-flip-box--direction-left .back-side, .medizin-flip-box--effect-push.medizin-flip-box--direction-left .back-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .medizin-flip-box--effect-slide.medizin-flip-box--direction-up .back-side, .medizin-flip-box--effect-push.medizin-flip-box--direction-up .back-side { -webkit-transform: translateX(0) translateY(100%); -ms-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%); } .medizin-flip-box--effect-slide.medizin-flip-box--direction-down .back-side, .medizin-flip-box--effect-push.medizin-flip-box--direction-down .back-side { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } .medizin-flip-box--effect-zoom-out .medizin-flip-box .front-side { -webkit-transition: opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; transition: opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.35s, width 0.1ms; transition: transform 0.7s, opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; width: 100%; } .medizin-flip-box--effect-zoom-out .medizin-flip-box:hover .front-side { width: 0; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; transition: opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s; transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; } .medizin-flip-box--effect-zoom-in .medizin-flip-box .back-side { -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.7s; transition: opacity 0.5s 0.2s, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.5s 0.2s; transition: transform 0.7s, opacity 0.5s 0.2s, -webkit-transform 0.7s; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .medizin-flip-box--effect-zoom-in .medizin-flip-box:hover .back-side { -webkit-transition: opacity 0.5s, -webkit-transform 0.7s; transition: opacity 0.5s, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.5s; transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .medizin-flip-box--effect-fade .medizin-flip-box .back-side { opacity: 0; } .medizin-flip-box--effect-fade .medizin-flip-box:hover .back-side { opacity: 1; } .medizin-blog .grid-item { min-width: 0; } .medizin-blog .post-item { box-sizing: border-box; word-wrap: break-word; } .medizin-blog .post-title { font-size: 20px; font-weight: 500; line-height: 1.6; margin: 0; } .medizin-blog .post-title a { display: block; color: inherit; font-size: inherit; } .medizin-blog .post-meta { font-size: 14px; color: #7e7e7e; margin: 15px 0 0; } .medizin-blog .post-meta .inner { margin-left: -12px; margin-right: -12px; } .medizin-blog .post-meta .inner > div { display: inline-block; margin: 0 0 5px; padding: 0 12px; } .medizin-blog .post-author a { display: block; } .medizin-blog .post-author img { width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; margin-right: 6px; } .medizin-blog .meta-icon { margin-right: 6px; } .medizin-blog .post-excerpt { margin-top: 16px; } .medizin-blog .post-excerpt:first-child { margin-top: 0; } .medizin-blog .post-thumbnail { position: relative; } .medizin-blog .post-thumbnail img { border-radius: inherit; width: 100%; } .medizin-blog .post-categories { font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; line-height: 1.4; margin: 0 0 6px; } .medizin-blog .post-categories a { color: inherit; } .medizin-blog .post-overlay-categories { position: absolute; bottom: 10px; left: 10px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; } .medizin-blog .post-overlay-categories a { color: #fff; background: #e7a300; padding: 4px 11px 3px; display: inline-block; border-radius: 2px; } .medizin-blog .post-footer { margin: 36px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .medizin-blog .post-read-more { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .medizin-blog .post-overlay-content { position: absolute; bottom: 0; left: 0; right: 0; } .medizin-blog .post-overlay-title { margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 1.6; color: #fff; } .medizin-blog .post-overlay-title a { font-size: inherit; color: inherit; } .medizin-blog .post-overlay-meta { color: rgba(255, 255, 255, 0.8); font-size: 14px; } .medizin-blog .post-overlay-meta a { color: #fff; } .medizin-blog .post-overlay-meta { font-size: 14px; font-style: italic; margin: 0 -2px 6px; } .medizin-blog .post-overlay-meta a { font-weight: 500; } .medizin-blog .post-overlay-meta > div { display: inline-block; padding: 0 2px; margin-bottom: 5px; } .medizin-blog-overlay-style-float .post-overlay-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background-image: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.8) 100%); } .medizin-blog-overlay-style-float .post-overlay-info { position: absolute; right: 0; top: 0; left: 0; padding: 30px; text-align: center; } .medizin-blog-overlay-style-float .portfolio-overlay-title { font-size: 26px; } .medizin-blog-overlay-style-float .post-overlay-content { z-index: 1; } .medizin-blog-overlay-style-float .post-overlay-categories { z-index: 2; } .medizin-blog-overlay-style-float-02 .post-overlay-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background-image: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.8) 100%); } .medizin-blog-overlay-style-float-02 .post-overlay-info { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px; text-align: center; } .medizin-blog-overlay-style-float-02 .portfolio-overlay-title { font-size: 26px; } .medizin-blog-overlay-style-float-02 .post-overlay-content { z-index: 1; } .medizin-blog-overlay-style-float-02 .post-overlay-categories { z-index: 2; top: 10px; bottom: auto; } .medizin-blog-caption-style-01 .post-thumbnail { border-radius: 5px; overflow: hidden; } .medizin-blog-caption-style-01 .post-caption { padding: 15px 0 14px; } .medizin-blog-caption-style-01 .post-meta { margin: 0 0 7px; } .medizin-blog-caption-style-01 .post-title { font-weight: 400; } .medizin-blog-caption-style-01 .post-read-more { margin: 20px 0 0; } .medizin-blog-caption-style-01 .post-read-more .tm-button { font-size: 15px; } .medizin-blog-caption-style-01 .post-read-more .tm-button .button-icon { font-size: 15px; } .medizin-blog-caption-style-02 .post-wrapper { border-radius: 5px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); background: #fff; } .medizin-blog-caption-style-02 .post-thumbnail { border-top-left-radius: inherit; border-top-right-radius: inherit; } .medizin-blog-caption-style-02 .post-caption { padding: 26px 30px; } .medizin-blog-caption-style-02 .post.sticky .post-wrapper { background: #333; color: #fff; } .medizin-blog-caption-style-02 .post.sticky .post-title, .medizin-blog-caption-style-02 .post.sticky .post-meta { color: #fff; } .medizin-blog-caption-style-02 .post.sticky .post-read-more .tm-button .button-text { color: #fff; } .medizin-blog-caption-style-02 .post-meta { margin: 0 0 7px; } .medizin-blog-caption-style-02 .post-title { font-weight: 400; } .medizin-blog-caption-style-02 .post-read-more { margin: 20px 0 0; } .medizin-blog-caption-style-02 .post-read-more .tm-button { font-size: 15px; } .medizin-blog-caption-style-02 .post-read-more .tm-button .button-icon { font-size: 15px; } .medizin-blog-metro .post-thumbnail { width: 100%; height: 100%; } .medizin-blog-zigzag .medizin-grid { display: -ms-grid; display: grid; -ms-grid-columns: 270px minmax(270px, 500px) 270px; grid-template-columns: 270px minmax(270px, 500px) 270px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 50px 30px; grid-auto-flow: column; } .medizin-blog-zigzag .grid-item { min-width: 0; } .medizin-blog-zigzag .grid-item:nth-child(3n + 1) { margin: 162px 0 0; } .medizin-blog-zigzag .grid-item:nth-child(3n + 2) { margin: 55px 0 0; grid-column-end: 4; } .medizin-blog-zigzag .grid-item:nth-child(3n + 3) { grid-column-end: 3; } .medizin-blog-zigzag .post-wrapper { position: relative; background: #fff; box-shadow: 0 14px 59px rgba(0, 0, 0, 0.12); border-radius: 5px; overflow: hidden; } .medizin-blog-zigzag .post-caption { padding: 26px 20px 32px; } .medizin-blog-zigzag .post-thumbnail { position: relative; } .medizin-blog-zigzag .post-thumbnail img { width: 100%; } .medizin-blog-zigzag .post-title { font-size: 20px; line-height: 1.5; } .medizin-blog-zigzag .post-categories { font-size: 15px; color: #8c89a2; margin: 0 0 4px; } .medizin-blog-zigzag .post-meta { font-size: 14px; font-style: normal; margin: 13px 0 0; } .medizin-blog-zigzag .highlight-item .post-wrapper { box-shadow: none; } .medizin-blog-zigzag .highlight-item .post-thumbnail:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); } .medizin-blog-zigzag .highlight-item .post-thumbnail img { width: 100%; height: 680px; -o-object-fit: cover; object-fit: cover; } .medizin-blog-zigzag .highlight-item .post-categories { color: #fff; margin: 0 0 8px; } .medizin-blog-zigzag .highlight-item .post-categories a:hover { color: #fff; } .medizin-blog-zigzag .highlight-item .post-title { font-size: 34px; line-height: 1.42; color: #fff; } .medizin-blog-zigzag .highlight-item .post-title a:hover { color: #fff; } .medizin-blog-zigzag .highlight-item .post-meta { color: #fff; margin: 7px 0 0; } .medizin-blog-zigzag .highlight-item .post-meta a { color: #fff; } .medizin-blog-zigzag .highlight-item .post-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 38px 54px; } .medizin-blog-list-01 .post-item { margin: 0 0 50px; border-bottom: 1px solid #eee; } .medizin-blog-list-01 .post-item:last-child { margin: 0; } .medizin-blog-list-01 .post-title { font-size: 34px; line-height: 1.42; } .medizin-blog-list-01 .post-categories { margin: 0 0 17px; } .medizin-blog-list-01 .post-caption { padding-top: 32px; padding-bottom: 50px; } .medizin-blog-list-02 .post-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .medizin-blog-list-02 .post-thumbnail-wrapper { width: 45%; padding-right: 35px; } .medizin-blog-list-02 .post-item { margin: 0 0 42px; } .medizin-blog-list-02 .post-item:last-child { margin: 0; } .medizin-blog-list-02 .post-title { font-weight: 400; } .medizin-blog-list-02 .post-caption { width: 55%; padding: 0; } .medizin-blog-list-02 .post-categories { margin: 0 0 17px; } .medizin-blog-list-02 .post-caption { padding-top: 14px; } .medizin-blog-list-02 .has-post-thumbnail .post-caption { margin: 0; } .medizin-blog-list-03 .post-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .medizin-blog-list-03 .post-caption { padding: 0 !important; } .medizin-blog-list-03 .post-thumbnail-wrapper { width: 80px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 30px 0 0; } .medizin-blog-list-03 .post-thumbnail { border-radius: 5px; overflow: hidden; } .medizin-blog-list-03 .post-item + .post-item { margin: 20px 0 0; } .medizin-blog-list-03 .post-title { font-size: 15px; font-weight: 700; line-height: 1.78; } .medizin-blog-list-03 .post-title a { display: block; position: relative; padding: 0 0 0 30px; } .medizin-blog-list-03 .post-title a:before, .medizin-blog-list-03 .post-title a:after { content: '\f30b'; position: absolute; top: 5px; left: 0; font-size: 15px; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), 0s color linear; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), 0s color linear; } .medizin-blog-list-03 .post-title a:after { color: currentColor; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .medizin-blog-list-03 .post-title a:hover:before { opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .medizin-blog-list-03 .post-title a:hover:after { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .medizin-blog-list-03.medizin-blog-caption-style-02 .post-wrapper { padding: 20px; } .medizin-blog-one-left-featured .featured-post { padding-right: 45px; } .medizin-blog-one-left-featured .featured-post .post-overlay-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0.5; background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 11%, #000 80%); background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 11%, #000 80%); } .medizin-blog-one-left-featured .featured-post .post-overlay-meta { font-style: normal; margin: 0 -13px; } .medizin-blog-one-left-featured .featured-post .post-overlay-meta > div { padding: 0 13px; } .medizin-blog-one-left-featured .featured-post .post-overlay-info { padding: 20px 20px 15px; } .medizin-blog-one-left-featured .featured-post .post-overlay-categories { position: static; font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } .medizin-blog-one-left-featured .featured-post .post-overlay-categories a { background: none; padding: 0; } .medizin-blog-one-left-featured .featured-post .post-title { line-height: 1.42; } .medizin-blog-one-left-featured .featured-post .post-title a { font-size: 1.42em; } .medizin-blog-one-left-featured .featured-post .post-caption { padding: 20px 0 0; } .medizin-blog-one-left-featured .featured-post .post-excerpt { font-size: 14px; font-weight: 500; line-height: 2; margin-top: 10px; } .medizin-blog-one-left-featured .featured-post .post-read-more { margin-top: 11px; } .medizin-blog-one-left-featured .normal-posts { margin-left: -15px; border-left: 1px solid #272931; } .medizin-blog-one-left-featured .normal-posts .grid-item { padding: 20px 0 20px 30px; border-bottom: 1px solid #272931; } .medizin-blog-one-left-featured .normal-posts .grid-item:first-child { padding-top: 0; } .medizin-blog-one-left-featured .normal-posts .grid-item:last-child { padding-bottom: 0; border-bottom: 0; } .medizin-blog-one-left-featured .normal-posts .medizin-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medizin-blog-one-left-featured .normal-posts .post-thumbnail-wrap { -webkit-box-flex: 0; -webkit-flex: 0 0 36.333333%; -ms-flex: 0 0 36.333333%; flex: 0 0 36.333333%; max-width: 36.333333%; } .medizin-blog-one-left-featured .normal-posts .post-info { -webkit-box-flex: 0; -webkit-flex: 0 0 63.666667%; -ms-flex: 0 0 63.666667%; flex: 0 0 63.666667%; max-width: 63.666667%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medizin-blog-one-left-featured .normal-posts .post-caption { padding-left: 30px; } .medizin-blog-caption-style-03 .post-thumbnail { border-radius: 5px; overflow: hidden; } .medizin-blog-caption-style-03 .post-meta { margin: 0 0 5px; } .medizin-blog-caption-style-03 .tm-button.style-bottom-line .button-icon { font-size: 14px; } @media (max-width: 767px) { .medizin-blog-one-left-featured .featured-post { padding: 0; } .medizin-blog-one-left-featured .normal-posts { margin-left: 0; margin-top: 40px; } } @media (max-width: 543px) { .medizin-blog-one-left-featured .normal-posts .grid-item { padding: 20px 0 20px 20px; } .medizin-blog-one-left-featured .normal-posts .post-caption { padding: 0 0 0 20px; } } @media (max-width: 1024px) { .medizin-blog-zigzag .medizin-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -webkit-box-pack: normal; -webkit-justify-content: normal; -ms-flex-pack: normal; justify-content: normal; grid-auto-flow: row; } .medizin-blog-zigzag .grid-item { margin: 0 !important; } .medizin-blog-zigzag .grid-item:nth-child(3n + 2) { grid-column-end: unset; } .medizin-blog-zigzag .grid-item:nth-child(3n + 3) { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; } .medizin-blog-list-01 .post-title { font-size: 30px; } .medizin-blog-one-left-featured .post-title { font-size: 20px; } } @media (max-width: 767px) { .medizin-blog-zigzag .medizin-grid { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .medizin-blog-zigzag .grid-item { -ms-grid-column: unset !important; grid-column: unset !important; } .medizin-blog-list-01 .post-title { font-size: 26px; } .medizin-blog-list-02 .post-wrapper { display: block; } .medizin-blog-list-02 .post-thumbnail-wrapper { width: 100%; padding: 0; } .medizin-blog-list-02 .post-caption { width: 100%; padding-top: 30px; } .medizin-blog-one-left-featured .post-title { font-size: 16px; } } .tm-portfolio .post-wrapper { position: relative; } .tm-portfolio .post-thumbnail-wrapper { position: relative; } .tm-portfolio .post-title { font-size: 22px; margin-bottom: 0; } .tm-portfolio .post-title a { color: inherit; } .tm-portfolio .post-categories { font-size: 12px; font-weight: 500; line-height: 1.34; text-transform: uppercase; letter-spacing: 1.38px; margin: 13px 0 0; } .tm-portfolio .post-categories a { color: inherit; } .tm-portfolio .post-thumbnail { position: relative; } .tm-portfolio .post-thumbnail img { width: 100%; } .tm-portfolio.style-metro .post-thumbnail-wrapper .post-permalink, .tm-portfolio.style-metro .post-thumbnail-wrapper .post-thumbnail { width: 100%; height: 100%; } .tm-portfolio.style-metro .post-thumbnail-wrapper .post-permalink img, .tm-portfolio.style-metro .post-thumbnail-wrapper .post-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio-caption-style-01 .post-info { padding: 25px 20px; text-align: center; } .portfolio-caption-style-02 .post-info { padding: 48px 0 0; } .portfolio-caption-style-02 .post-title { font-size: 36px; } .portfolio-caption-style-02 .portfolio-excerpt { margin: 22px 0 0; max-width: 580px; } .portfolio-overlay-title { margin-bottom: 0; font-size: 22px; color: #fff; } .portfolio-overlay-title a { font-size: inherit; } .portfolio-overlay-categories { margin-top: 13px; color: rgba(255, 255, 255, 0.4); font-size: 12px; font-weight: 500; line-height: 1.34; text-transform: uppercase; letter-spacing: 1.38px; } .portfolio-overlay-group-01 .post-wrapper:hover .post-overlay { visibility: visible; opacity: 1; } .portfolio-overlay-group-01 .post-wrapper:hover .post-overlay-content { visibility: visible; opacity: 1; } .portfolio-overlay-group-01 .post-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; border-radius: inherit; background: rgba(0, 0, 0, 0.8); } .portfolio-overlay-group-01 .post-overlay-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .portfolio-overlay-group-01 .post-overlay-content-inner { display: table; width: 100%; height: 100%; text-align: center; } .portfolio-overlay-group-01 .post-overlay-info { display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px; } .portfolio-overlay-faded-02 .post-overlay-info { padding: 30px; } .portfolio-overlay-faded-02 .post-overlay { top: 20px; right: 20px; bottom: 20px; left: 20px; background: #fff; } .portfolio-overlay-movement .post-wrapper:hover .post-overlay { visibility: visible; opacity: 1; } .portfolio-overlay-movement .post-overlay { visibility: hidden; opacity: 0; max-width: 300px; background: #111; z-index: 1; position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; pointer-events: none; } .portfolio-overlay-movement .post-overlay-info { padding: 20px; } .portfolio-overlay-huge-on .site { background: #111; } .portfolio-overlay-huge.on .grid-item:not(:hover) .post-overlay { visibility: visible; opacity: 1; } .portfolio-overlay-huge.on .grid-item:hover .post-overlay-info { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } .portfolio-overlay-huge .post-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; border-radius: inherit; background: rgba(0, 0, 0, 0.85); } .portfolio-overlay-huge .post-overlay-content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .portfolio-overlay-huge .post-overlay-content { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 80%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; pointer-events: none; } .portfolio-overlay-huge .portfolio-overlay-title { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 60px; font-weight: 500; line-height: 1.2; margin: 0; color: #fff; } .portfolio-overlay-huge .post-overlay-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; } .portfolio-overlay-huge .portfolio-overlay-categories { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; padding-left: 86px; margin: 0 0 0 40px; color: #fff; } .portfolio-overlay-huge .portfolio-overlay-categories:before { content: ''; position: absolute; top: 7px; left: 0; width: 60px; height: 1px; background: currentColor; } .portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay { visibility: visible; opacity: 1; } .portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay-info { visibility: visible; opacity: 1; } .portfolio-overlay-faded-04 .post-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; border-radius: inherit; background-image: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(-180deg, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.4) 100%); } .portfolio-overlay-faded-04 .post-overlay-info { position: absolute; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; padding: 30px 44px 44px; } .portfolio-overlay-flat .post-wrapper:hover .post-overlay { visibility: visible; opacity: 1; } .portfolio-overlay-flat .post-wrapper:hover .post-overlay-info { visibility: visible; opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .portfolio-overlay-flat .post-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; border-radius: inherit; } .portfolio-overlay-flat .post-overlay-info { position: absolute; right: 30px; bottom: 0; left: 30px; min-height: 99px; visibility: hidden; opacity: 0; background: #fff; padding: 23px 90px 22px 25px; } .portfolio-overlay-flat .portfolio-overlay-title { color: #111; } .portfolio-overlay-flat .portfolio-overlay-categories { margin-top: 5px; color: rgba(17, 17, 17, 0.4); } .portfolio-overlay-flat .post-overlay-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 25px; height: 55px; width: 55px; line-height: 51px; text-align: center; border-radius: 50%; border: 2px solid #eee; font-size: 15px; color: #111; } .portfolio-overlay-float .post-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background-image: -webkit-linear-gradient(top, transparent 0%, transparent 40%, black 100%); background-image: linear-gradient(-180deg, transparent 0%, transparent 40%, black 100%); } .portfolio-overlay-float .post-overlay-info { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 44px 44px; text-align: center; } .portfolio-overlay-float .portfolio-overlay-title { font-size: 26px; } .portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-title, .portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-categories, .portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-title, .portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-categories, .portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-title, .portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-categories { opacity: 1; -webkit-transition: .5s ease-out .25s; transition: .5s ease-out .25s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-categories + .portfolio-overlay-title, .portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-title + .portfolio-overlay-categories, .portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-categories + .portfolio-overlay-title, .portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-title + .portfolio-overlay-categories, .portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-categories + .portfolio-overlay-title, .portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-title + .portfolio-overlay-categories { -webkit-transition-delay: .35s; transition-delay: .35s; } .portfolio-overlay-group-01 .portfolio-overlay-title, .portfolio-overlay-movement .portfolio-overlay-title, .portfolio-overlay-faded-04 .portfolio-overlay-title { opacity: 0; -webkit-transition: .25s ease-out 0s; transition: .25s ease-out 0s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .portfolio-overlay-group-01 .portfolio-overlay-categories, .portfolio-overlay-movement .portfolio-overlay-categories, .portfolio-overlay-faded-04 .portfolio-overlay-categories { opacity: 0; -webkit-transition: .25s ease-out 0s; transition: .25s ease-out 0s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .portfolio-overlay-colored-faded .portfolio-overlay-categories { margin: 0 0 13px; } .overlay-content-skin-light .portfolio-overlay-title, .overlay-content-skin-light .portfolio-overlay-categories { color: #fff !important; } .overlay-content-skin-dark .portfolio-overlay-title, .overlay-content-skin-dark .portfolio-overlay-categories { color: #111 !important; } @media (max-width: 991px) { .portfolio-overlay-huge .portfolio-overlay-title { font-size: 46px; } .portfolio-caption-style-02 .post-title { font-size: 30px; } } @media (max-width: 767px) { .portfolio-overlay-huge .portfolio-overlay-title { font-size: 32px; } .portfolio-overlay-huge .post-overlay-info { display: block; } .portfolio-overlay-huge .portfolio-overlay-categories { margin-left: 3px; margin-top: 10px; } .portfolio-caption-style-02 .post-title { font-size: 24px; } } .medizin-portfolio-carousel-01 .post-title { margin-bottom: 0; } .medizin-portfolio-carousel-01 .post-title a { color: inherit !important; } .medizin-portfolio-carousel-01 .post-categories { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; color: rgba(17, 17, 17, 0.4); } .medizin-portfolio-carousel-01 .post-categories a { color: inherit; } .medizin-portfolio-carousel-01 .post-wrapper:hover .post-thumbnail { box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41); } .medizin-portfolio-carousel-01 .swiper-slide-active .post-thumbnail { box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41); } .medizin-portfolio-carousel-01 .post-info { padding: 26px 0 0 0; } .medizin-portfolio-carousel-01 .post-title { font-size: 22px; margin-bottom: 9px; } .medizin-portfolio-carousel-02 .post-wrapper:hover .post-overlay:before { opacity: 1; } .medizin-portfolio-carousel-02 .post-wrapper:hover .post-overlay:after { opacity: 0; } .medizin-portfolio-carousel-02 .post-wrapper:hover .post-info { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-portfolio-carousel-02 .post-wrapper:hover .post-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .medizin-portfolio-carousel-02 .post-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .medizin-portfolio-carousel-02 .post-overlay:before, .medizin-portfolio-carousel-02 .post-overlay:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: .25s opacity linear; transition: .25s opacity linear; } .medizin-portfolio-carousel-02 .post-overlay:before { background-image: -webkit-linear-gradient(53deg, #4b33fb 0%, #b282ea 84%); background-image: linear-gradient(37deg, #4b33fb 0%, #b282ea 84%); opacity: 0; } .medizin-portfolio-carousel-02 .post-overlay:after { opacity: .8; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(-180deg, transparent 0%, #000 100%); } .medizin-portfolio-carousel-02 .post-info, .medizin-portfolio-carousel-02 .post-title { -webkit-transition: all .5s; transition: all .5s; } .medizin-portfolio-carousel-02 .post-thumbnail { overflow: hidden; } .medizin-portfolio-carousel-02 .post-info { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 30px 40px; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .medizin-portfolio-carousel-02 .post-title { font-size: 26px; color: #fff; margin-bottom: 0; -webkit-transform: translateY(-100%) translateY(-72px); -ms-transform: translateY(-100%) translateY(-72px); transform: translateY(-100%) translateY(-72px); } .medizin-portfolio-carousel-02 .portfolio-excerpt { font-size: 16px; line-height: 1.875; color: rgba(255, 255, 255, 0.62); margin-top: 33px; } .medizin-portfolio-carousel-02 .portfolio-read-more-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 55px; height: 55px; background: #fff; border-radius: 50%; font-size: 15px; color: #111; margin: 51px auto 0; } .medizin-product .added_to_cart { display: none !important; } .medizin-product .loop-product-stock .status-bar, .medizin-product .loop-product-stock .sold-bar { height: 8px; } .medizin-product .loop-product-stock .status-bar { background-color: #ededed; margin: 22px 0 10px; border-radius: 5px; } .medizin-product .loop-product-stock .sold-bar { background-image: -webkit-linear-gradient(215deg, #e7a300 0%, #e7a300 100%); background-image: linear-gradient(235deg, #e7a300 0%, #e7a300 100%); border-radius: 4px; } .medizin-product .product-stock-status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; } .medizin-product .product-stock-status .sold, .medizin-product .product-stock-status .available { font-size: 15px; } .medizin-product .product-stock-status .sold .label, .medizin-product .product-stock-status .available .label { font-weight: 400; color: #7e7e7e; } .medizin-product .product-stock-status .sold .value, .medizin-product .product-stock-status .available .value { font-weight: 700; color: #333; } .medizin-product .product-stock-status .sold { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 20px; } .medizin-product .product-stock-status .available { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .medizin-product .loop-product__category { font-size: 13px; font-weight: 400; color: #ababab; text-transform: uppercase; letter-spacing: 1px; margin: 0 -5px 5px; } .medizin-product .loop-product__category a { display: inline-block; color: inherit; padding: 0 5px; } .medizin-product.style-grid-01 .modern-grid { grid-gap: 30px; } .medizin-product.style-grid-01 .product-wrapper { position: relative; } .medizin-product.style-grid-01 .product-wrapper:hover .product-main-image img { -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .medizin-product.style-grid-01 .product-wrapper:hover .product-hover-image { z-index: 1; opacity: 1; visibility: visible; -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .medizin-product.style-grid-01 .product-thumbnail { position: relative; margin-bottom: 11px; } .medizin-product.style-grid-01 .thumbnail { position: relative; overflow: hidden; } .medizin-product.style-grid-01 .thumbnail img { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); width: 100%; } .medizin-product.style-grid-01 .product-hover-image { -webkit-transition: 0.25s opacity, 0.25s visibility, -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; } .medizin-product.style-grid-01 .product-actions { pointer-events: none; position: absolute; right: 0; left: 0; bottom: 0; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medizin-product.style-grid-01 .product-action { z-index: -1; pointer-events: auto; margin: 5px 10px 0 0; } .medizin-product.style-grid-01 .product-action:last-child { margin-right: 0; } .medizin-product.style-grid-01 .woocommerce_loop_add_to_cart_wrap a, .medizin-product.style-grid-01 .quick-view-icon, .medizin-product.style-grid-01 .woosw-btn, .medizin-product.style-grid-01 .wooscp-btn { position: relative; display: block; color: #fff; background: #333; box-shadow: 0 0 7px rgba(0, 0, 0, 0.09); border-radius: 50%; height: 48px; width: 48px; line-height: 48px; text-align: center; padding: 0 !important; margin: 0 !important; border: 0 !important; font-size: 0 !important; } .medizin-product.style-grid-01 .woocommerce_loop_add_to_cart_wrap a:before, .medizin-product.style-grid-01 .quick-view-icon:before, .medizin-product.style-grid-01 .woosw-btn:before, .medizin-product.style-grid-01 .wooscp-btn:before { font-size: 15px; line-height: inherit !important; } .medizin-product.style-grid-01 .woocommerce_loop_add_to_cart_wrap a:hover, .medizin-product.style-grid-01 .quick-view-icon:hover, .medizin-product.style-grid-01 .woosw-btn:hover, .medizin-product.style-grid-01 .wooscp-btn:hover { color: #fff; } .medizin-product.style-grid-01 .quick-view-icon:before { content: '\f002'; } .medizin-product.style-grid-01 .wooscp-btn:before { content: '\f012'; } .medizin-product.style-grid-01 .woosw-btn:before { content: '\f004'; } .medizin-product.style-grid-01 .woosw-btn.woosw-added:before { content: '\f004'; margin: 0; } .medizin-product.style-grid-01 .add_to_cart_button:before { content: '\f290'; } .medizin-product.style-grid-01 .add_to_cart_button.product_type_simple:before { font-size: 15px; display: inline-block; } .medizin-product.style-grid-01 .add_to_cart_button.product_type_simple.loading:before, .medizin-product.style-grid-01 .woosw-adding:before, .medizin-product.style-grid-01 .wooscp-btn-adding:before, .medizin-product.style-grid-01 .quick-view-btn.loading .quick-view-icon:before { -webkit-animation: adding-spin 1s linear infinite !important; animation: adding-spin 1s linear infinite !important; content: '\f3f4' !important; } .medizin-product.style-grid-01 .product-info { padding-bottom: 22px; } .medizin-product.style-grid-01 .woocommerce-loop-product__title { font-size: 18px; font-weight: 400; line-height: 1.67; margin-bottom: 0; } .medizin-product.style-grid-01 .woocommerce-loop-product__title a { display: block; color: inherit; } .medizin-product.style-grid-01 .price { font-size: 18px; display: block; margin: 6px 0 0; } .medizin-product.style-grid-01 .price > .price { margin: 0; } .medizin-product.style-grid-01 .star-rating { margin: 9px auto 0; } .medizin-product.style-grid-02 .product-wrapper { padding-top: 150px; } .medizin-product.style-grid-02 .product-info { position: absolute; top: 0; left: 0; z-index: 3; } .medizin-product.style-grid-02 .product-badges { position: static; margin-bottom: 1px; } .medizin-product.style-grid-02 .modern-grid { grid-gap: 30px; } .medizin-product.style-grid-02 .product-wrapper { position: relative; } .medizin-product.style-grid-02 .product-wrapper:hover .product-main-image img { -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .medizin-product.style-grid-02 .product-wrapper:hover .product-hover-image { z-index: 1; opacity: 1; visibility: visible; -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .medizin-product.style-grid-02 .product-thumbnail { position: relative; } .medizin-product.style-grid-02 .thumbnail { position: relative; overflow: hidden; } .medizin-product.style-grid-02 .thumbnail img { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); width: 100%; } .medizin-product.style-grid-02 .product-hover-image { -webkit-transition: 0.25s opacity, 0.25s visibility, -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1); transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1); position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; } .medizin-product.style-grid-02 .product-actions { pointer-events: none; position: absolute; right: 0; left: 0; bottom: 0; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medizin-product.style-grid-02 .product-action { z-index: -1; pointer-events: auto; margin: 5px 10px 0 0; } .medizin-product.style-grid-02 .product-action:last-child { margin-right: 0; } .medizin-product.style-grid-02 .woocommerce_loop_add_to_cart_wrap a, .medizin-product.style-grid-02 .quick-view-icon, .medizin-product.style-grid-02 .woosw-btn, .medizin-product.style-grid-02 .wooscp-btn { position: relative; display: block; color: #fff; background: #333; box-shadow: 0 0 7px rgba(0, 0, 0, 0.09); border-radius: 50%; height: 48px; width: 48px; line-height: 48px; text-align: center; padding: 0 !important; margin: 0 !important; border: 0 !important; font-size: 0 !important; } .medizin-product.style-grid-02 .woocommerce_loop_add_to_cart_wrap a:before, .medizin-product.style-grid-02 .quick-view-icon:before, .medizin-product.style-grid-02 .woosw-btn:before, .medizin-product.style-grid-02 .wooscp-btn:before { font-size: 15px; line-height: inherit !important; } .medizin-product.style-grid-02 .woocommerce_loop_add_to_cart_wrap a:hover, .medizin-product.style-grid-02 .quick-view-icon:hover, .medizin-product.style-grid-02 .woosw-btn:hover, .medizin-product.style-grid-02 .wooscp-btn:hover { color: #fff; } .medizin-product.style-grid-02 .quick-view-icon:before { content: '\f002'; } .medizin-product.style-grid-02 .wooscp-btn:before { content: '\f012'; } .medizin-product.style-grid-02 .woosw-btn:before { content: '\f004'; } .medizin-product.style-grid-02 .woosw-btn.woosw-added:before { content: '\f004'; margin: 0; } .medizin-product.style-grid-02 .add_to_cart_button:before { content: '\f290'; } .medizin-product.style-grid-02 .add_to_cart_button.product_type_simple:before { font-size: 15px; display: inline-block; } .medizin-product.style-grid-02 .add_to_cart_button.product_type_simple.loading:before, .medizin-product.style-grid-02 .woosw-adding:before, .medizin-product.style-grid-02 .wooscp-btn-adding:before, .medizin-product.style-grid-02 .quick-view-btn.loading .quick-view-icon:before { -webkit-animation: adding-spin 1s linear infinite !important; animation: adding-spin 1s linear infinite !important; content: '\f3f4' !important; } .medizin-product.style-grid-02 .woocommerce-loop-product__title { font-size: 18px; font-weight: 400; line-height: 1.67; margin-bottom: 0; } .medizin-product.style-grid-02 .woocommerce-loop-product__title a { display: block; color: inherit; } .medizin-product.style-grid-02 .price { font-size: 18px; display: block; margin: 6px 0 0; } .medizin-product.style-grid-02 .price > .price { margin: 0; } .medizin-product.style-grid-02 .star-rating { margin: 9px auto 0; } .woocommerce.woocommerce-loop-image-has-bg .medizin-product .product-badges { top: 10px; left: 10px; } .woocommerce.woocommerce-loop-image-has-bg .medizin-product .product-actions { left: 10px; bottom: 10px; } @media (max-width: 767px) { .woocommerce-loop-buttons-hide-on-mobile .medizin-product .product-actions { display: none; } } .medizin-product-list { margin: 0; padding: 0; } .medizin-product-list li { list-style-type: none; } .medizin-product-list .link { display: block; position: relative; padding: 0 0 0 16px; } .medizin-product-list .link:before { position: absolute; left: 0; } .medizin-product-list .product-title { font-size: 16px; font-weight: 400; line-height: 1.6; margin-bottom: 0; color: inherit; } .medizin-product-list-style-01 .medizin-product-list .link:before { content: '\f111'; font-size: 4px; top: 10px; } .medizin-product-list-style-02 .medizin-product-list .link { padding: 0 0 0 26px; } .medizin-product-list-style-02 .medizin-product-list .link:before { font-size: 14px; content: '\f30b'; top: 6px; } .medizin-product-banner { display: block; width: 100%; position: relative; border-radius: 5px; overflow: hidden; background-color: #eee; } .medizin-product-banner .medizin-image { width: 100%; height: 100%; } .medizin-product-banner .medizin-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .medizin-product-banner .product-banner-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 2; } .medizin-product-banner .banner-product-title { font-size: 24px; line-height: 1.5; margin: 0; } .medizin-product-banner .banner-product-category { font-size: 15px; text-transform: uppercase; color: #333; margin: 0 0 3px; } .medizin-product-banner .product-banner-badge { position: absolute; top: 40px; right: 35px; z-index: 1; background: #ffd55a; color: #333; height: 74px; width: 74px; border-radius: 50%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .medizin-product-banner .product-banner-badge .badge-value { font-size: 20px; font-weight: 700; line-height: 1; } .medizin-product-banner .product-banner-badge .badge-text { margin-top: 4px; font-size: 16px; line-height: 1; } .medizin-product-banner .best-selling-badge { top: auto; bottom: 35px; right: auto; left: 45%; } .medizin-product-banner .price, .medizin-product-banner .amount { font-size: 24px; line-height: 1; font-weight: 700; } .medizin-product-banner .price ins, .medizin-product-banner .amount ins { display: inline-block; vertical-align: middle; } .medizin-product-banner .price del, .medizin-product-banner .amount del { display: inline-block; vertical-align: middle; font-size: .584em; margin-top: 1px; } .medizin-product-banner .price del:before, .medizin-product-banner .amount del:before { margin-top: 0; } .medizin-product-banner .price del, .medizin-product-banner del .amount { color: #696969; } .medizin-product-banner .price { margin: 8px 0 0; } .medizin-product-banner .product-banner-button { margin: 28px 0 0; } @media (max-width: 1024px) { .medizin-product-banner .banner-product-title { font-size: 21px; } } @media (max-width: 767px) { .medizin-product-banner .banner-product-title { font-size: 18px; } .medizin-product-banner .product-banner-content { padding: 30px 20px 35px; } } .medizin-product-carousel-countdown { border: 2px solid #e7a300; border-radius: 5px; padding: 0 30px 48px; margin-top: 21px; } .medizin-product-carousel-countdown .product-countdown-header { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; background: #fff; -webkit-transform: translateY(-23px); -ms-transform: translateY(-23px); transform: translateY(-23px); padding: 5px 20px; } .medizin-product-carousel-countdown .product-countdown-heading { font-size: 30px; font-weight: 500; line-height: 1.2; margin-right: 18px; margin-bottom: 5px; } .medizin-product-carousel-countdown .countdown-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; background: #0d0d0d; border-radius: 30px; padding: 6px 24px; margin-bottom: 5px; } .medizin-product-carousel-countdown .countdown-label { font-size: 20px; line-height: 1; margin-right: 18px; } .medizin-product-carousel-countdown .countdown-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 24px; line-height: 1; font-weight: 700; } .medizin-product-carousel-countdown .countdown-content .text { display: none; } .medizin-product-carousel-countdown .countdown-content > div + div { position: relative; margin-left: 10px; padding-left: 10px; } .medizin-product-carousel-countdown .countdown-content > div + div:before { content: ':'; position: absolute; top: -2px; left: -4px; } @media (max-width: 1024px) { .medizin-product-carousel-countdown .product-countdown-heading { font-size: 26px; } } @media (max-width: 767px) { .medizin-product-carousel-countdown { padding: 0 20px 25px; } .medizin-product-carousel-countdown .product-countdown-heading { font-size: 22px; } .medizin-product-carousel-countdown .product-countdown-header { padding-left: 10px; padding-right: 10px; } .medizin-product-carousel-countdown .countdown-label { font-size: 16px; } .medizin-product-carousel-countdown .countdown-content { font-size: 18px; } } .medizin-product-categories .product-cat-wrapper { height: 100%; position: relative; display: block; border-radius: 5px; padding: 25px 30px 30px; background: #f8f8f8; text-align: center; } .medizin-product-categories .product-cat-name { font-size: 18px; font-weight: 400; margin: 12px 0 0; } @media (max-width: 767px) { .medizin-product-categories .product-cat-wrapper { padding: 25px 20px 30px; } } .tm-product-brands .image { -webkit-transition: all .3s linear; transition: all .3s linear; } .tm-product-brands.hover-grayscale .image { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .3; } .tm-product-brands.hover-grayscale .item:hover .image { -webkit-filter: none; filter: none; opacity: 1; } .tm-product-brands.hover-opacity .image { opacity: .23; } .tm-product-brands.hover-opacity .item:hover .image { opacity: 1; } .tm-product-brands.hover-faded .item:hover .image { opacity: .2; } .tm-product-brands.hover-blackwhite .item:hover .image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .tm-client-logo .image { -webkit-transition: all .3s linear; transition: all .3s linear; } .tm-client-logo.hover-grayscale .image { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .3; } .tm-client-logo.hover-grayscale .item:hover .image { -webkit-filter: none; filter: none; opacity: 1; } .tm-client-logo.hover-opacity .image { opacity: .23; } .tm-client-logo.hover-opacity .item:hover .image { opacity: 1; } .tm-client-logo.hover-faded .item:hover .image { opacity: .2; } .tm-circle-progress-chart .chart-number { margin-bottom: 0; } .tm-circle-progress-chart .tm-svg { line-height: 0; } .tm-circle-progress-chart .tm-svg * { stroke: currentColor; } .tm-circle-progress-chart .chart-wrap { line-height: 0; } .tm-circle-progress-chart .chart { position: relative; display: inline-block; width: 214px; height: 214px; } .tm-circle-progress-chart .chart canvas { position: absolute; top: 0; left: 0; } .tm-circle-progress-chart .inner-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tm-circle-progress-chart .chart-number { font-size: 24px; font-weight: 500; color: #111; margin-bottom: 0; } .tm-google-map { position: relative; } .tm-google-map .map { height: 100px; } .tm-google-map .style-signal .animated-dot { position: relative; width: 20px; height: 20px; } .tm-google-map .style-signal .middle-dot { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 3px; left: 3px; background: currentColor; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .tm-google-map .style-signal .middle-dot:after { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ' '; background: currentColor; border-radius: 50%; z-index: 100; opacity: 0; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .tm-google-map .style-signal .signal { position: absolute; left: -40px; top: -40px; opacity: 0; width: 100px; height: 100px; border-radius: 50%; pointer-events: none; background: currentColor; -webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s; animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .tm-google-map .style-signal .signal-1 { -webkit-animation-delay: .78s; animation-delay: .78s; } .tm-google-map .style-signal .signal-2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .medizin-map-overlay-template { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .medizin-map-overlay-always .medizin-map-overlay-content { display: block !important; } .medizin-map-overlay-content { display: none; position: absolute; bottom: 100%; right: 50%; width: 360px; -webkit-transform: translate(150px, 15px); -ms-transform: translate(150px, 15px); transform: translate(150px, 15px); padding-bottom: 40px; max-width: 90vw; } .medizin-map-overlay-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 20px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.21); } .medizin-map-overlay-info:before { content: ''; position: absolute; bottom: 27px; right: 141px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid #fff; } .gmap-marker-wrap { padding: 20px; } .map-marker-title { font-size: 20px; margin-bottom: 10px; } .map-marker-image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .map-marker-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .map-marker-description { font-size: 15px; font-weight: 400; line-height: 1.79; color: #777; } .map-marker-description a { color: #111; } @-webkit-keyframes animationSignal { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 1% { opacity: .14; } 20% { opacity: .14; } 60% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes animationSignal { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 1% { opacity: .14; } 20% { opacity: .14; } 60% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @media (max-width: 767px) { .medizin-map-overlay-content { width: 370px !important; -webkit-transform: translate(50%, 15px); -ms-transform: translate(50%, 15px); transform: translate(50%, 15px); } .medizin-map-overlay-info:before { right: 50%; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .map-marker-image { display: none; } } .tm-modern-heading { max-width: 100%; } .tm-modern-heading .heading-primary-wrap, .tm-modern-heading .heading-secondary-wrap { line-height: 1; } .tm-modern-heading .heading-primary, .tm-modern-heading .heading-secondary, .tm-modern-heading .heading-description, .tm-modern-heading .heading-divider { display: inline-block; margin-bottom: 0; } .tm-modern-heading a { display: block; color: inherit; font-size: inherit; } .tm-modern-heading a:hover { color: inherit; font-size: inherit; } .tm-modern-heading mark span { margin-left: 5px; } .tm-modern-heading .heading-description-wrap { margin-top: 25px; } .tm-modern-heading .heading-description-wrap:first-child { margin-top: 0; } .tm-modern-heading .heading-secondary-wrap { margin-bottom: 10px; } .tm-modern-heading .heading-divider-wrap { line-height: 0; margin-top: 10px; } .tm-modern-heading .heading-divider { height: 2px; width: 100px; background: #111; } .medizin-link-animate-border .heading-primary a:hover mark:before { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .medizin-link-animate-border .heading-primary a:hover mark:after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .medizin-link-animate-border .heading-primary a mark { position: relative; display: inline-block; line-height: 1; padding: 3px 0; } .medizin-link-animate-border .heading-primary a mark:before, .medizin-link-animate-border .heading-primary a mark:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e0e0e0; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .medizin-link-animate-border .heading-primary a mark:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .medizin-link-animate-border .heading-primary a mark:after { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .medizin-link-animate-border-02 .heading-primary a:hover mark:before { width: 100%; left: 0; right: auto; } .medizin-link-animate-border-02 .heading-primary a mark { position: relative; display: inline-block; line-height: 1; padding: 3px 0; } .medizin-link-animate-border-02 .heading-primary a mark:before { content: ''; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #e0e0e0; } @-webkit-keyframes gradationSignal { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes gradationSignal { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .tm-gradation { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tm-gradation .count-wrap { position: relative; width: 50px; height: 50px; margin: 0 0 53px; } .tm-gradation .count-wrap:before, .tm-gradation .count-wrap:after { content: ''; position: absolute; left: -25px; top: -25px; opacity: 0; width: 100px; height: 100px; border-radius: 50%; pointer-events: none; border: 1px solid #ababab; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-timing-function: cubic-bezier(0, 0.55, 0.55, 1); animation-timing-function: cubic-bezier(0, 0.55, 0.55, 1); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .tm-gradation .count-wrap:after { -webkit-animation-delay: .75s; animation-delay: .75s; } .tm-gradation .count { position: absolute; top: 50%; left: 0; width: 50px; height: 50px; line-height: 48px; border-radius: 50%; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; background: #fff; border: 2px solid #e8e8e8; color: #333; font-size: 18px; font-weight: 700; } .tm-gradation .item { width: 25%; padding: 0 15px; position: relative; } .tm-gradation .item:last-child .line:before { display: none; } .tm-gradation .item:hover .count { border-color: transparent; color: #fff; } .tm-gradation .item:hover .count-wrap:before, .tm-gradation .item:hover .count-wrap:after { -webkit-animation-name: gradationSignal; animation-name: gradationSignal; } .tm-gradation .line:before { content: ''; position: absolute; top: 25px; left: 15px; border-top: 1px solid #ededed; width: 100%; height: 1px; } .tm-gradation .title { font-size: 18px; line-height: 1.67; margin-bottom: 9px; } @media (max-width: 767px) { .tm-gradation { display: block; } .tm-gradation .item { width: 100%; } .tm-gradation .item + .item { margin-top: 50px; } .tm-gradation .count-wrap { margin-bottom: 25px; } .tm-gradation .line:before { display: none; } } .medizin-timeline.style-01 { position: relative; } .medizin-timeline.style-01 .timeline-line { position: absolute; left: 50%; margin-left: -1px; height: 100%; border-left: 2px solid #e2e2e8; } .medizin-timeline.style-01 .timeline-list { padding: 44px 0 47px; } .medizin-timeline.style-01 .timeline-item { position: relative; } .medizin-timeline.style-01 .timeline-item + .timeline-item { margin-top: 87px; } .medizin-timeline.style-01 .timeline-item:nth-child(even) .content-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medizin-timeline.style-01 .timeline-item:nth-child(even) .content-header { text-align: left; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .medizin-timeline.style-01 .timeline-item:nth-child(even) .content-main { text-align: right; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .medizin-timeline.style-01 .timeline-dot { position: absolute; top: 2px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 30px; height: 30px; border-radius: 50%; } .medizin-timeline.style-01 .timeline-dot:before, .medizin-timeline.style-01 .timeline-dot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid currentColor; border-radius: 50%; } .medizin-timeline.style-01 .timeline-dot:before { width: 30px; height: 30px; opacity: .3; } .medizin-timeline.style-01 .timeline-dot:after { width: 13px; height: 13px; border-width: 3px; background: #fff; } .medizin-timeline.style-01 .content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -30px; margin-right: -30px; } .medizin-timeline.style-01 .image img { border-radius: 5px; } .medizin-timeline.style-01 .content-header, .medizin-timeline.style-01 .content-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding: 0 30px; } .medizin-timeline.style-01 .content-header { text-align: right; justify-self: flex-start; } .medizin-timeline.style-01 .content-main { text-align: left; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-size: 18px; line-height: 2; } .medizin-timeline.style-01 .content-main h4 { font-size: 24px; margin-bottom: 22px; } .medizin-timeline.style-01 .content-inner { max-width: 500px; } .medizin-timeline.style-01 .title { font-size: 24px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 56px; } .medizin-timeline.style-01 .text { margin-bottom: 25px; } .medizin-timeline.style-01 .timeline-date { font-size: 50px; line-height: 1; color: #ababab; margin: 0 0 30px; } .medizin-timeline.style-01 .timeline-date > div { display: inline-block; } @media (max-width: 767px) { .medizin-timeline.style-01 .timeline-line { left: 15px; } .medizin-timeline.style-01 .timeline-item { padding-left: 50px; } .medizin-timeline.style-01 .timeline-item + .timeline-item { margin-top: 40px; } .medizin-timeline.style-01 .timeline-dot { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .medizin-timeline.style-01 .content-wrap { display: block; } .medizin-timeline.style-01 .content-header, .medizin-timeline.style-01 .content-main { display: block; width: 100%; text-align: left !important; } .medizin-timeline.style-01 .content-header { margin-bottom: 40px; } .medizin-timeline.style-01 .title { margin-bottom: 30px; } } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-header, body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-main { opacity: 0; } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-header { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-main { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-header { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-main { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item.animate .content-header, body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item.animate .content-main { opacity: 1; -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; } @media (max-width: 767px) { body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-header, body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-main { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-header, body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-main { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } } .tm-attribute-list { font-size: 0; } .tm-attribute-list .inner { display: inline-block; } .tm-attribute-list.layout-block .list { display: block; } .tm-attribute-list.layout-block .item + .item { margin-top: 35px; } .tm-attribute-list.layout-inline .list { margin-left: -14px; margin-right: -14px; } .tm-attribute-list.layout-inline .item { display: inline-block; padding: 3px 14px; } .tm-attribute-list.layout-columns .list { position: relative; min-height: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .tm-attribute-list.layout-columns .item { padding: 2px 15px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .tm-attribute-list.layout-columns .item:nth-child(2) ~ .item { margin-top: 60px; } .tm-attribute-list .item { font-size: 0; text-align: left; } .tm-attribute-list .name { margin-bottom: 0; } .tm-attribute-list .value { font-size: 16px; line-height: 1.45; margin-top: 11px; } .tm-attribute-list.style-01 .list { grid-row-gap: 36px; } .tm-attribute-list.style-01 .name { font-size: 20px; line-height: 1.2; font-weight: 500; } .tm-attribute-list.style-02 .name { font-size: 20px; line-height: 1.2; font-weight: 500; } .tm-attribute-list.style-02 .item + .item { position: relative; } .tm-attribute-list.style-02 .item + .item:before { content: ''; position: absolute; background: rgba(238, 238, 238, 0.15); } .tm-attribute-list.style-02.layout-inline .list { margin-left: 0; margin-right: 0; } .tm-attribute-list.style-02.layout-inline .item { padding: 3px 40px; } .tm-attribute-list.style-02.layout-inline .item + .item:before { top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 30px; width: 1px; } .tm-attribute-list.style-02.layout-block .list { grid-row-gap: 36px; } .tm-attribute-list.style-02.layout-block .item + .item { padding-top: 40px; } .tm-attribute-list.style-02.layout-block .item + .item:before { top: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; } .tm-attribute-list.style-02.layout-columns .item { padding-top: 18px; padding-bottom: 18px; } .medizin-list { font-size: 0; max-width: 100%; } .medizin-list .item { font-size: 0; } .medizin-list .list-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medizin-list .link { display: inline-block; padding: 0; -webkit-transition: none; transition: none; } .medizin-list .icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; margin-right: 10px; line-height: 1; } .medizin-list .text { font-size: 15px; margin-bottom: 0; } .medizin-list-layout-block .item + .item { margin-top: 10px; } .medizin-list-layout-inline .medizin-list { margin-left: -15px; margin-right: -15px; } .medizin-list-layout-inline .medizin-list .item { display: inline-block; padding: 0 15px; margin-bottom: 12px; } .medizin-list-layout-columns .medizin-list { position: relative; min-height: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .medizin-list-layout-columns .item { padding: 0 15px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .medizin-list-layout-columns .item:nth-child(2) ~ .item { margin-top: 11px; } .medizin-list-style-icon-border .medizin-icon { border: 2px solid currentColor; border-radius: 50%; padding: 0.313em; } .medizin-pricing .medizin-pricing-features { margin: 0; padding: 0; } .medizin-pricing .medizin-pricing-features li { list-style-type: none; } .medizin-pricing .medizin-pricing-ribbon { position: absolute; top: -10px; right: 23px; padding: 3px 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background: #33ac2e; color: #fff; } .medizin-pricing-style-01 { text-align: center; } .medizin-pricing-style-01 .inner { position: relative; height: 100%; margin: 0 auto; background-color: #fff; padding: 75px 30px 61px; } .medizin-pricing-style-01 .medizin-pricing-header { z-index: 1; position: relative; margin-bottom: 39px; } .medizin-pricing-style-01 .tm-button { width: 180px; max-width: 100%; } .medizin-pricing-style-01 .price-wrap-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-pricing-style-01 .medizin-pricing-price { font-size: 60px; font-weight: 500; line-height: .8; margin: 0; } .medizin-pricing-style-01 .medizin-pricing-currency { font-size: 24px; font-weight: 500; line-height: 1; margin-bottom: 0; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-right: 3px; } .medizin-pricing-style-01 .medizin-pricing-period { font-size: 15px; font-weight: 300; font-style: italic; margin-bottom: 0; color: #ababab; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .medizin-pricing-style-01 .title { font-size: 24px; line-height: .8; } .medizin-pricing-style-01 .medizin-pricing-features { font-size: 15px; max-width: 270px; margin: 29px auto 0; } .medizin-pricing-style-01 .medizin-pricing-features li { position: relative; display: block; padding: 7px 0; } .medizin-pricing-style-01 .medizin-pricing-features li i { font-size: 16px; margin-right: 5px; } .medizin-pricing-style-01 .medizin-pricing-footer { padding-top: 42px; } .medizin-pricing-style-02 .medizin-pricing .inner { position: relative; height: 100%; margin: 0 auto; background-color: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); padding: 25px 30px 37px; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-header { z-index: 1; position: relative; margin-bottom: 26px; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-body { margin-top: 33px; padding-top: 22px; border-top: 1px solid #eee; } .medizin-pricing-style-02 .medizin-pricing .tm-button { width: 100%; } .medizin-pricing-style-02 .medizin-pricing .price-wrap { color: #111; } .medizin-pricing-style-02 .medizin-pricing .price-wrap-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-price { font-size: 40px; line-height: 1; font-weight: 600; margin: 0; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-currency { font-size: 40px; line-height: 1; font-weight: 600; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-period { display: block; font-size: 15px; margin: 15px 0 0; color: #777; } .medizin-pricing-style-02 .medizin-pricing .title { font-size: 18px; line-height: .8; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-features { font-size: 15px; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-features li { position: relative; display: block; padding: 6px 0; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-features li i { font-size: 12px; margin-right: 14px; } .medizin-pricing-style-02 .medizin-pricing .medizin-pricing-footer { padding-top: 30px; } .tm-instagram { position: relative; } .tm-instagram br { display: none; } .tm-instagram:hover .instagram-user-name { opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8); transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8); } .tm-instagram .instagram-user-name { -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.2, 1); transition: all 0.6s cubic-bezier(0, 0, 0.2, 1); padding: 10px 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; box-shadow: 0 47px 30px rgba(0, 0, 0, 0.21); font-size: 16px; min-width: 190px; text-align: center; border-radius: 1px; } .tm-instagram .grid-item:hover .overlay { opacity: 1; visibility: visible; } .tm-instagram .image { position: relative; } .tm-instagram .image img { width: 100%; } .tm-instagram .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.7); } .tm-instagram .image-meta { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; margin: 0; padding: 5px; font-size: 12px; color: #fff; } .tm-instagram .likes, .tm-instagram .comments { position: relative; display: inline-block; } .tm-instagram .likes:before, .tm-instagram .comments:before { margin-right: 4px; } .tm-instagram .likes:before { content: '\f004'; } .tm-instagram .comments { margin-left: 5px; } .tm-instagram .comments:before { content: '\f4ad'; } .tm-twitter.style-list .tweet { position: relative; padding-left: 38px; } .tm-twitter.style-list .tweet + .tweet { margin-top: 40px; } .tm-twitter.style-list .tweet:before { content: '\f099'; position: absolute; top: 3px; left: 0; font-size: 18px; line-height: 1; color: rgba(0, 0, 0, 0.16); } .tm-twitter.style-list .tweet .tweet-text { font-size: 16px; line-height: 1.5; } .tm-twitter.style-list .tweet .tweet-date { display: inline-block; margin-top: 8px; font-size: 14px; } .tm-social-networks { line-height: 0; } .tm-social-networks ul { display: inline-block; padding: 0; margin: 0 -8px; } .tm-social-networks li { margin: 0; } .tm-social-networks br { display: none; } .tm-social-networks .item { list-style-type: none; } .tm-social-networks .link { display: inline-block; padding: 5px 8px; -webkit-transition: none; transition: none; } .tm-social-networks.layout-list { display: block; } .tm-social-networks.layout-inline .item { display: inline-block; } .tm-social-networks.layout-two-columns ul { margin: 0 -10px; width: 100%; } .tm-social-networks.layout-two-columns .item { display: block; float: left; width: 50%; } .tm-social-networks.layout-two-columns .link { padding: 5px 10px; } .tm-social-networks.style-icons { font-size: 16px; } .tm-social-networks.style-large-icons { font-size: 20px; } .tm-social-networks.style-large-icons ul { margin: 0 -12px; } .tm-social-networks.style-large-icons .link { padding: 5px 12px; } .tm-social-networks.style-flat-rounded-icon ul { margin: -10px; } .tm-social-networks.style-flat-rounded-icon li { float: left; margin: 10px; } .tm-social-networks.style-flat-rounded-icon .item:hover .link { color: #fff; } .tm-social-networks.style-flat-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; color: #fff; border-radius: 50%; position: relative; } .tm-social-networks.style-flat-rounded-icon .link-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tm-social-networks.style-solid-rounded-icon ul { margin: -10px; } .tm-social-networks.style-solid-rounded-icon li { float: left; margin: 10px; } .tm-social-networks.style-solid-rounded-icon .item:hover .link { color: #fff; border-color: transparent; } .tm-social-networks.style-solid-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; background: transparent; color: #696969; border: 1px solid #e0e0e0; border-radius: 50%; position: relative; } .tm-social-networks.style-solid-rounded-icon .link-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tm-social-networks.style-icon-title .link-icon { font-size: 16px; min-width: 16px; margin-right: 10px; } .tm-social-networks.style-title { line-height: 1.2; } .tm-social-networks.style-title .link { line-height: 1; padding: 0; margin-left: 8px; margin-right: 8px; } .tm-team-member .name a { color: inherit; } .medizin-team-member-style-01 .tm-team-member:hover .overlay, .medizin-team-member-style-01 .tm-team-member:hover .social-networks { opacity: 1; visibility: visible; } .medizin-team-member-style-01 .photo { position: relative; border-radius: 5px; } .medizin-team-member-style-01 .photo img { width: 100%; border-radius: inherit; } .medizin-team-member-style-01 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; z-index: 0; } .medizin-team-member-style-01 .info { text-align: center; padding: 24px 0 0; } .medizin-team-member-style-01 .name { font-size: 18px; font-weight: 500; margin-bottom: 0; } .medizin-team-member-style-01 .position { margin-top: 10px; font-size: 15px; color: #7e7e7e; } .medizin-team-member-style-01 .description { margin-top: 10px; } .medizin-team-member-style-01 .social-networks { position: absolute; bottom: 15px; left: 10px; right: 10px; text-align: center; opacity: 0; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-team-member-style-01 .social-networks a { display: inline-block; font-size: 14px; color: #696969; background: #fff; border-radius: 50%; text-align: center; width: 40px; height: 40px; line-height: 40px; margin: 5px 3px; } .medizin-team-member-style-01 .social-networks a:hover { color: #fff; } .medizin-team-member-style-02 .tm-team-member { position: relative; } .medizin-team-member-style-02 .tm-team-member:hover .photo { box-shadow: 0 55px 40px -40px rgba(51, 51, 51, 0.25); } .medizin-team-member-style-02 .tm-team-member:hover .overlay, .medizin-team-member-style-02 .tm-team-member:hover .info, .medizin-team-member-style-02 .tm-team-member:hover .social-networks { opacity: 1; visibility: visible; } .medizin-team-member-style-02 .photo { position: relative; } .medizin-team-member-style-02 .photo img { width: 100%; } .medizin-team-member-style-02 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(17, 17, 17, 0.8); z-index: 0; } .medizin-team-member-style-02 .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 27px; z-index: 2; opacity: 0; visibility: hidden; } .medizin-team-member-style-02 .name { font-size: 20px; color: #fff; margin-bottom: 0; } .medizin-team-member-style-02 .position { margin-top: 8px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; color: rgba(255, 255, 255, 0.4); } .medizin-team-member-style-02 .description { color: #fff; margin-top: 10px; } .medizin-team-member-style-02 .social-networks { position: absolute; top: 20px; left: 20px; right: 20px; text-align: right; opacity: 0; visibility: hidden; } .medizin-team-member-style-02 .social-networks a { display: inline-block; font-size: 18px; line-height: 0; color: #fff; padding: 10px 8px; } .medizin-team-member-style-03 .tm-team-member { position: relative; } .medizin-team-member-style-03 .tm-team-member:hover .overlay, .medizin-team-member-style-03 .tm-team-member:hover .info, .medizin-team-member-style-03 .tm-team-member:hover .social-networks { opacity: 1; visibility: visible; } .medizin-team-member-style-03 .photo { position: relative; } .medizin-team-member-style-03 .photo img { width: 100%; } .medizin-team-member-style-03 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.7); z-index: 0; } .medizin-team-member-style-03 .info { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 30px 30px 27px; z-index: 2; opacity: 0; visibility: hidden; text-align: center; } .medizin-team-member-style-03 .name { font-size: 24px; color: #fff; margin-bottom: 0; } .medizin-team-member-style-03 .position { margin: 0 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.38px; color: #fff; } .medizin-team-member-style-03 .description { color: #fff; margin-top: 10px; } .medizin-team-member-style-03 .social-networks { position: absolute; bottom: 33px; left: 0; width: 100%; text-align: center; opacity: 0; visibility: hidden; } .medizin-team-member-style-03 .social-networks a { display: inline-block; font-size: 20px; line-height: 0; color: #fff; padding: 10px 8px; } .tm-team-member-carousel .tm-team-member { position: relative; } .tm-team-member-carousel .tm-team-member:hover .photo { box-shadow: 0 55px 40px -40px rgba(51, 51, 51, 0.25); } .tm-team-member-carousel .tm-team-member:hover .overlay, .tm-team-member-carousel .tm-team-member:hover .info, .tm-team-member-carousel .tm-team-member:hover .social-networks { opacity: 1; visibility: visible; } .tm-team-member-carousel .photo { position: relative; } .tm-team-member-carousel .photo img { width: 100%; } .tm-team-member-carousel .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(17, 17, 17, 0.8); z-index: 0; } .tm-team-member-carousel .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 27px; z-index: 2; opacity: 0; visibility: hidden; } .tm-team-member-carousel .name { font-size: 20px; color: #fff; margin-bottom: 0; } .tm-team-member-carousel .position { margin-top: 8px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; color: rgba(255, 255, 255, 0.4); } .tm-team-member-carousel .description { color: #fff; margin-top: 10px; } .tm-team-member-carousel .social-networks { position: absolute; top: 20px; left: 20px; right: 20px; text-align: right; opacity: 0; visibility: hidden; } .tm-team-member-carousel .social-networks a { display: inline-block; font-size: 18px; line-height: 0; color: #fff; padding: 10px 8px; } .elementor-widget-tm-testimonial { text-align: center; } .elementor-widget-tm-testimonial .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-tm-testimonial.align-left { text-align: left; } .elementor-widget-tm-testimonial.align-right { text-align: right; } .elementor-widget-tm-testimonial .testimonial-main-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-tm-testimonial .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-tm-testimonial.layout-image-inline .image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 30px 0 0; } .elementor-widget-tm-testimonial.layout-image-inline .info { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .elementor-widget-tm-testimonial.layout-image-inline.align-right .info { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-widget-tm-testimonial.layout-image-inline.align-right .image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 0 30px; } .elementor-widget-tm-testimonial.layout-image-inline.align-right .testimonial-item { text-align: right; } .elementor-widget-tm-testimonial.layout-image-stacked .image { margin: 0 0 28px; } .elementor-widget-tm-testimonial.layout-image-stacked .info { display: inline-block; } .elementor-widget-tm-testimonial.layout-image-stacked .position { margin-top: 8px; } .elementor-widget-tm-testimonial.layout-image-above .image { margin-bottom: 20px; } .elementor-widget-tm-testimonial.layout-image-above .cite { display: block; margin-top: 46px; } .elementor-widget-tm-testimonial.layout-image-above .position { margin-top: 11px; } .elementor-widget-tm-testimonial.layout-image-top .swiper-slide { padding: 70px 0 0; } .elementor-widget-tm-testimonial.layout-image-top .testimonial-item { padding-top: 100px !important; } .elementor-widget-tm-testimonial.layout-image-top .image { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .elementor-widget-tm-testimonial.layout-image-top .image img { width: 140px; height: 140px; } .elementor-widget-tm-testimonial.layout-image-top .info { padding: 34px 0 0; } .elementor-widget-tm-testimonial.layout-image-top-02 .image { margin: 0 0 30px; } .elementor-widget-tm-testimonial.layout-image-top-02 .image img { width: 124px; height: 124px; } .elementor-widget-tm-testimonial.layout-image-top-02 .info { padding: 21px 0 0; } .elementor-widget-tm-testimonial.layout-image-left .testimonial-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-tm-testimonial.layout-image-left .image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 30px 0 0; } .elementor-widget-tm-testimonial.layout-image-left .image img { width: 70px; height: 70px; } .elementor-widget-tm-testimonial.layout-image-left .info { padding: 34px 0 0; } .elementor-widget-tm-testimonial.image-position-above .info { padding: 0 0 20px; } .elementor-widget-tm-testimonial.image-position-below .info { padding: 20px 0 0; } .elementor-widget-tm-testimonial.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-tm-testimonial.image-position-bottom .content-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-tm-testimonial.image-position-bottom .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-widget-tm-testimonial.image-position-bottom .info { padding: 60px 0 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .elementor-widget-tm-testimonial.image-position-bottom.align-center .info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-tm-testimonial .image img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-tm-testimonial .text { font-size: 18px; font-weight: 500; line-height: 1.67; color: #696969; } .elementor-widget-tm-testimonial .cite { font-style: normal; } .elementor-widget-tm-testimonial .title { font-size: 20px; font-weight: 500; margin-bottom: 14px; } .elementor-widget-tm-testimonial .testimonial-rating { font-size: 14px; color: #fb0; letter-spacing: 2px; margin-bottom: 11px; } .elementor-widget-tm-testimonial .name { font-size: 20px; line-height: 1.3; margin-bottom: 0; } .elementor-widget-tm-testimonial .position { display: block; font-size: 15px; color: rgba(51, 51, 51, 0.7); } .medizin-testimonial-cite-layout-inline .name { display: inline-block; } .medizin-testimonial-cite-layout-inline .position { display: inline-block; margin: 0 0 0 13px; } .medizin-testimonial-style-01 .testimonial-item { position: relative; padding: 77px 80px 106px; background-image: -webkit-linear-gradient(215deg, #e6eef5 0%, #edeff6 100%); background-image: linear-gradient(235deg, #e6eef5 0%, #edeff6 100%); border-radius: 5px; } .medizin-testimonial-style-01 .testimonial-item:before { content: ''; position: absolute; top: 58px; right: 49px; width: 60px; height: 48px; background: url("assets/images/testimonial-icon.png") no-repeat center; } .medizin-testimonial-style-01 .image img { width: 90px; height: 90px; } .medizin-testimonial-style-01 .text { font-size: 24px; line-height: 1.5; font-weight: 400; color: #333; } .medizin-testimonial-style-01.image-position-below .info { padding: 40px 0 0; } .medizin-testimonial-style-02 .testimonial-item { position: relative; padding: 56px 40px 55px; background-image: -webkit-linear-gradient(222deg, #f6fafe 0%, #edeff6 82%); background-image: linear-gradient(228deg, #f6fafe 0%, #edeff6 82%); border-radius: 5px; } .medizin-testimonial-style-02 .testimonial-item:before { content: ''; position: absolute; top: 44px; right: 38px; width: 34px; height: 28px; background: url("assets/images/testimonial-icon.png") no-repeat center; background-size: 100% auto; } .medizin-testimonial-style-02 .image img { width: 90px; height: 90px; } .medizin-testimonial-style-02 .title { margin-bottom: 21px; } .medizin-testimonial-style-02 .text { font-size: 18px; line-height: 1.67; font-weight: 400; color: #333; } .medizin-testimonial-style-02.image-position-below .info { padding: 32px 0 0; } .medizin-testimonial-pagination.style-01 { display: inline-block; width: 315px; max-width: 100%; margin-bottom: 34px; } .medizin-testimonial-pagination.style-01 .swiper-slide .image { margin-bottom: 0; } .medizin-testimonial-pagination.style-01 .swiper-slide .image img { width: 85px; height: 85px; border-radius: 50%; } .medizin-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) { cursor: pointer; } .medizin-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) img { opacity: .4; } @media (max-width: 1024px) { .elementor-widget-tm-testimonial.medizin-testi monial-style-01 .testimonial-item { padding: 77px 40px 106px; } .elementor-widget-tm-testimonial.medizin-testi monial-style-01 .text { font-size: 21px; } } @media (max-width: 767px) { .elementor-widget-tm-testimonial.medizin-testimonial-style-01 .testimonial-item { padding: 77px 30px 106px; } .elementor-widget-tm-testimonial.medizin-testimonial-style-01 .text { font-size: 18px; } .elementor-widget-tm-testimonial.medizin-testimonial-style-02 .testimonial-item { padding: 46px 30px 45px; } } .elementor-widget-tm-testimonial-grid .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-tm-testimonial-grid.align-left { text-align: left; } .elementor-widget-tm-testimonial-grid.align-right { text-align: right; } .elementor-widget-tm-testimonial-grid .testimonial-main-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-tm-testimonial-grid .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-tm-testimonial-grid.layout-image-inline .avatar { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 20px 0 0; } .elementor-widget-tm-testimonial-grid.layout-image-inline .info { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .info { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .avatar { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 0 20px; } .elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .testimonial-item { text-align: right; } .elementor-widget-tm-testimonial-grid.layout-image-stacked .avatar { margin: 0 0 28px; } .elementor-widget-tm-testimonial-grid.layout-image-stacked .info { display: inline-block; } .elementor-widget-tm-testimonial-grid.layout-image-above .avatar { margin-bottom: 20px; } .elementor-widget-tm-testimonial-grid.layout-image-above .cite { display: block; margin-top: 46px; } .elementor-widget-tm-testimonial-grid.image-position-above .info { padding: 0 0 19px; } .elementor-widget-tm-testimonial-grid.image-position-below .info { padding: 19px 0 0; } .elementor-widget-tm-testimonial-grid.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-tm-testimonial-grid.image-position-bottom .content-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-tm-testimonial-grid.image-position-bottom .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-widget-tm-testimonial-grid.image-position-bottom .info { padding: 60px 0 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .elementor-widget-tm-testimonial-grid.image-position-bottom.align-center .info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-tm-testimonial-grid .thumbnail { margin-bottom: 38px; } .elementor-widget-tm-testimonial-grid .avatar img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-tm-testimonial-grid .text { font-style: italic; } .elementor-widget-tm-testimonial-grid .cite { font-style: normal; } .elementor-widget-tm-testimonial-grid .title { font-size: 21px; margin-bottom: 14px; } .elementor-widget-tm-testimonial-grid .testimonial-rating { font-size: 12px; color: #f5a623; letter-spacing: 4px; margin-bottom: 10px; } .elementor-widget-tm-testimonial-grid .name { display: block; font-size: 18px; line-height: 1.34; margin-bottom: 0; } .elementor-widget-tm-testimonial-grid .position { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; margin-top: 6px; } @-webkit-keyframes video-bounce-up { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } 50% { -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes video-bounce-up { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } 50% { -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .tm-popup-video { position: relative; } .tm-popup-video .video-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tm-popup-video .video-poster { position: relative; } .tm-popup-video .video-play-icon { width: 90px; height: 90px; background: transparent; border: 3px solid #111; position: relative; border-radius: 50%; } .tm-popup-video .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1; margin-left: 2px; z-index: 2; } .tm-popup-video .icon:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid #111; } .tm-popup-video .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .tm-popup-video .video-poster-caption { margin-top: 21px; font-size: 16px; font-style: italic; text-align: center; } .tm-popup-video.type-poster .video-poster { border-radius: 5px; } .tm-popup-video.type-poster .medizin-image { border: 0 solid transparent; position: relative; border-radius: inherit; } .tm-popup-video.type-poster .medizin-image img { border-radius: inherit; } .tm-popup-video.type-poster .video-play-icon { border-color: #fff; } .tm-popup-video.type-poster .icon:before { border-left-color: #fff; } .tm-popup-video.type-poster .video-button { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tm-popup-video.type-poster.poster-full-wide .video-link { display: block; } .tm-popup-video.type-poster.poster-full-wide .video-poster img { width: 100%; } .tm-popup-video.type-button { line-height: 0; } .tm-popup-video.type-button .video-link:hover .video-play { -webkit-animation: 1s video-bounce-up; animation: 1s video-bounce-up; } .tm-popup-video.type-button > a { display: inline-block; text-align: center; } .medizin-text-animate-line .video-link:hover .video-text:after { width: 100%; left: 0; right: auto; } .medizin-text-animate-line .video-text { position: relative; padding-bottom: 5px; } .medizin-text-animate-line .video-text:before, .medizin-text-animate-line .video-text:after { content: ''; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .medizin-text-animate-line .video-text:before { width: 100%; background: rgba(0, 0, 0, 0.2); } .medizin-popup-video-icon-position-top .video-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medizin-popup-video-icon-position-top .video-play { margin: 0 0 20px; } .medizin-popup-video-icon-position-left .video-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medizin-popup-video-icon-position-left .video-play { margin: 0 20px 0 0; } .medizin-popup-video-icon-position-right .video-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medizin-popup-video-icon-position-right .video-play { margin: 0 0 0 20px; } @-webkit-keyframes hozirontalMove { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes hozirontalMove { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .tm-separator { line-height: 0; font-size: 0; } .tm-separator.vertical-line .inner { position: relative; display: inline-block; width: 1px; height: 150px; } .tm-separator.vertical-line .inner:before, .tm-separator.vertical-line .inner:after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: currentColor; } .tm-separator.vertical-line.play-animate { overflow: hidden; } .tm-separator.vertical-line.play-animate .inner { background: none !important; } .tm-separator.vertical-line.play-animate .inner:before, .tm-separator.vertical-line.play-animate .inner:after { -webkit-animation: hozirontalMove 1.3s linear infinite !important; animation: hozirontalMove 1.3s linear infinite !important; } .tm-separator.vertical-line.play-animate .inner:after { -webkit-animation-delay: .3s; animation-delay: .3s; } .tm-separator.horizontal-line .inner { display: inline-block; width: 120px; max-width: 100%; height: 2px; background: currentColor; } .tm-table { overflow-x: auto; } .tm-table table { margin: 0; border-collapse: separate; } .tm-table.style-01 th { font-size: 20px; font-weight: 600; color: #b2b2b2; } .tm-table.style-01 td, .tm-table.style-01 th { text-align: left; border: 0; padding: 36px 10px 36px; } .tm-table.style-01 tr th, .tm-table.style-01 tr td { border-bottom: 1px solid #eee; } .tm-table.style-01 tr:nth-child(2n) td { background: none; } .has-admin-bar.fp-enabled { height: calc(100% - 32px) !important; } .tm-full-page .fp-section:not(.page-footer-wrapper) .elementor-section-stretched { left: 0 !important; } .full-page-share-list { position: fixed; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 60px; padding-top: 110px; } .full-page-share-list .stalk { position: absolute; top: 0; left: 7px; padding-left: 63px; font-size: 15px; line-height: 17px; text-transform: uppercase; letter-spacing: 2px; color: #111; -webkit-transform: translateX(-50%) translateY(100%) rotate(-90deg); -ms-transform: translateX(-50%) translateY(100%) rotate(-90deg); transform: translateX(-50%) translateY(100%) rotate(-90deg); } .full-page-share-list .stalk:before { content: ''; position: absolute; top: 8px; left: 0; width: 50px; height: 1px; background: #ddd; } .full-page-share-list a { display: block; font-size: 17px; } .full-page-share-list a + a { margin-top: 22px; } .full-page-numbers { position: fixed; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 48px; color: #111; } .full-page-numbers .numbers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .full-page-numbers .numbers .current { font-size: 70px; font-weight: 300; line-height: .6; } .full-page-numbers .numbers .total { position: relative; padding-left: 28px; font-size: 27px; line-height: 1; } .full-page-numbers .numbers .total:before { position: absolute; content: ''; width: 1px; left: 12px; bottom: 0; height: 64px; background: #ccc; } .full-page-numbers .title { font-size: 18px; font-weight: 500; text-align: center; margin-top: 12px; } [data-fp-section-skin='light'] #fp-nav ul li a span, [data-fp-section-skin='light'] .fp-slidesNav ul li a span { background: #fff; } [data-fp-section-skin='light'] .full-page-share-list .stalk { color: #fff; } [data-fp-section-skin='light'] .full-page-share-list .stalk:before { background: rgba(221, 221, 221, 0.27); } [data-fp-section-skin='light'] .full-page-share-list a { color: #fff; } [data-fp-section-skin='light'] .full-page-numbers { color: #fff; } [data-fp-section-skin='light'] .full-page-numbers .total:before { background: rgba(204, 204, 204, 0.2); } .tm-view-demo { text-align: center; } .tm-view-demo .medizin-box { position: relative; display: block; } .tm-view-demo .image { box-shadow: 0 0 40px rgba(51, 51, 51, 0.1); border-radius: 5px; } .tm-view-demo .image > img { width: 100%; border-radius: inherit; } .tm-view-demo .heading { font-size: 20px; line-height: 1.5; margin: 29px 0 0; } .tm-view-demo .badge { position: absolute; top: -15px; right: -15px; z-index: 2; } .medizin-shape .shape { color: #111; } .medizin-shape svg { height: auto; } .medizin-shape-circle .shape { width: 50px; height: 50px; border-radius: 50%; background: currentColor; } .medizin-shape-border-circle .shape { width: 50px; height: 50px; border-radius: 50%; border: 3px solid currentColor; } .wpcf7 .wpcf7-response-output { margin: 30px 0 0; padding: 15px 20px; border: 0; color: #fff; } .wpcf7 .wpcf7-validation-errors { background: #f0ad4e; } .wpcf7 .wpcf7-mail-sent-ok { background: #5cb85c; } .wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; color: #d9534f; font-size: 12px; } .medizin-contact-form-7 .wpcf7-form br { display: none; } .medizin-contact-form-7 .form-item { position: relative; } .medizin-contact-form-7 .form-item.has-icon .wpcf7-text, .medizin-contact-form-7 .form-item.has-icon .wpcf7-date { padding-right: 40px; } .medizin-contact-form-7 .form-icon { font-size: 18px; color: #ccc; position: absolute; top: 14px; right: 17px; line-height: 0; } .medizin-contact-form-7 .wpcf7-textarea { height: 150px; } .medizin-contact-form-7 .ajax-loader { display: none !important; } .medizin-contact-form-7 .form-submit { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .medizin-button-align-start .form-submit { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .medizin-button-align-center .form-submit { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .medizin-button-align-end .form-submit { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .medizin-button-align-stretch .form-submit input[type='submit'], .medizin-button-align-stretch .form-submit button { text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .medizin-mailchimp-form .form-title, .medizin-mailchimp-form .form-description { display: none; } .medizin-mailchimp-form input[type='email']::-webkit-input-placeholder { color: inherit; } .medizin-mailchimp-form input[type='email']:-moz-placeholder { color: inherit; } .medizin-mailchimp-form input[type='email']::-moz-placeholder { color: inherit; } .medizin-mailchimp-form input[type='email']:-ms-input-placeholder { color: inherit; } .medizin-mailchimp-form .button-icon:before { content: '\f178'; } .medizin-mailchimp-form-style-01 .form-item-wrap { position: relative; } .medizin-mailchimp-form-style-01 input[type='email'] { padding-right: 150px; } .medizin-mailchimp-form-style-01 .form-submit { border: 0 !important; background: transparent; position: absolute; top: 0; right: 0; padding: 0 36px; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; color: #fff; } .medizin-mailchimp-form-style-01 .button-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .medizin-mailchimp-form-style-01 .form-description { margin-top: 24px; } .medizin-mailchimp-form-style-01 .button-icon { display: none; } .medizin-mailchimp-form-style-02 .form-item-wrap { position: relative; } .medizin-mailchimp-form-style-02 input[type='email'] { padding-left: 0; padding-right: 65px; min-height: 50px; border: 0; border-radius: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.25); background: none; font-size: 24px; color: #333; } .medizin-mailchimp-form-style-02 input[type='email']:focus { background: none; } .medizin-mailchimp-form-style-02 .form-submit { border: 0 !important; border-radius: 0; background: transparent; position: absolute; top: 0; right: 0; width: 50px; height: 100%; padding: 0; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; color: #333; } .medizin-mailchimp-form-style-02 .button-icon { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 30px; } .medizin-mailchimp-form-style-02 .form-description { color: #fff; margin-top: 24px; } .medizin-mailchimp-form-style-02 .button-text { display: none; } .elementor-section-gap-beside-no > .elementor-container > .elementor-row { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-section-gap-beside-no > .elementor-column-gap-narrow > .elementor-row { margin-left: -5px; margin-right: -5px; } .elementor-section-gap-beside-no > .elementor-column-gap-default > .elementor-row { margin-left: -10px; margin-right: -10px; } .elementor-section-gap-beside-no > .elementor-column-gap-extended > .elementor-row { margin-left: -15px; margin-right: -15px; } .elementor-section-gap-beside-no > .elementor-column-gap-wide > .elementor-row { margin-left: -20px; margin-right: -20px; } .elementor-section-gap-beside-no > .elementor-column-gap-wider > .elementor-row { margin-left: -30px; margin-right: -30px; } .elementor-section.elementor-section-content-align-left > .elementor-container { margin-left: 0; margin-right: 0; } .elementor-section.elementor-section-content-align-right > .elementor-container { margin-left: 0; margin-right: 0; float: right; width: 100%; } .elementor-section .elementor-container > .elementor-row > .elementor-column > .elementor-element-populated { padding-top: 0; padding-bottom: 0; } .elementor-section .elementor-widget:not(:last-child) { margin-bottom: 0; } .elementor-section.elementor-inner-section { margin-left: 0; margin-right: 0; } .elementor-widget-accordion .elementor-accordion .elementor-accordion-item { border-color: #eee; } .elementor-widget-accordion .elementor-accordion .elementor-tab-title { font-size: 18px; } .elementor-widget-accordion .elementor-accordion .elementor-tab-title a { color: inherit; } .elementor-widget-accordion .elementor-accordion .elementor-accordion-icon { position: relative; top: 3px; font-size: 16px; } .elementor-widget-accordion .elementor-accordion .elementor-tab-content { border-color: #eee; font-size: 16px; line-height: 1.75; } .elementor-accordion-style-02 .elementor-accordion .elementor-accordion-item { border-top: 0; border-left: 0; border-right: 0; } .elementor-accordion-style-02 .elementor-accordion .elementor-tab-title { padding: 17px 0 21px; } .elementor-accordion-style-02 .elementor-accordion .elementor-tab-content { padding: 22px 0 33px; } .elementor-accordion-style-03 .elementor-accordion .elementor-accordion-item { border: 0 !important; } .elementor-accordion-style-03 .elementor-accordion .elementor-tab-content { border: 0 !important; padding: 16px 0 33px; } .elementor-accordion-style-03 .elementor-accordion .elementor-tab-title { padding: 15px 0; font-size: 24px; } .elementor-accordion-style-03 .elementor-accordion .elementor-tab-title a { border-bottom: 2px solid currentColor; padding-bottom: 4px; } .elementor-accordion-style-03 .elementor-accordion .elementor-accordion-icon { top: 9px; } .elementor-element .elementor-button.elementor-button { border-radius: 5px; } .elementor-element .elementor-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-element .elementor-button.elementor-size-xs { font-size: 13px; min-height: 40px; padding: 2px 18px; } .elementor-element .elementor-button.elementor-size-sm { font-size: 14px; min-height: 48px; padding: 5px 24px; } .elementor-element .elementor-button.elementor-size-md { font-size: 14px; min-height: 52px; padding: 5px 30px; } .elementor-element .elementor-button.elementor-size-lg { font-size: 15px; min-height: 56px; padding: 5px 36px; } .elementor-element .elementor-button.elementor-size-xl { font-size: 16px; min-height: 60px; padding: 5px 42px; } .elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper { font-size: 64px; font-weight: 400; color: #333; } .elementor-widget-counter .elementor-counter .elementor-counter-title { font-size: 12px; font-weight: 700; line-height: 2; text-transform: uppercase; letter-spacing: 2px; margin-top: 17px; color: #ababab; } .elementor-widget-countdown.medizin-countdown-style-01 .elementor-countdown-digits { font-size: 18px; font-weight: 700; line-height: 1; } .elementor-widget-countdown.medizin-countdown-style-01 .elementor-countdown-item { vertical-align: middle; padding: 0; line-height: 1; } .elementor-widget-countdown.medizin-countdown-style-01 .elementor-countdown-item + .elementor-countdown-item { position: relative; } .elementor-widget-countdown.medizin-countdown-style-01 .elementor-countdown-item + .elementor-countdown-item:before { position: absolute; top: 50%; left: -8px; content: ':'; font-size: 18px; font-weight: 700; color: #3f3a64; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .elementor-element .elementor-form-fields-wrapper { position: relative; } .elementor-element .elementor-field.elementor-field::-webkit-input-placeholder { opacity: 1; } .elementor-element .elementor-field.elementor-field:-moz-placeholder { opacity: 1; } .elementor-element .elementor-field.elementor-field::-moz-placeholder { opacity: 1; } .elementor-element .elementor-field.elementor-field:-ms-input-placeholder { opacity: 1; } .elementor-element .elementor-field-group .elementor-field-textual:focus { box-shadow: none; } .elementor-form-no-wrap .elementor-form-fields-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .elementor-field-group.elementor-col-fit { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-field-group.elementor-col-custom { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .elementor-form { } .elementor-form .elementor-button.elementor-size-xs { min-height: 40px; } .elementor-form .elementor-button.elementor-size-sm { min-height: 48px; } .elementor-form .elementor-button.elementor-size-md { min-height: 52px; } .elementor-form .elementor-button.elementor-size-lg { min-height: 56px; } .elementor-form .elementor-button.elementor-size-xl { min-height: 60px; } .elementor-form .elementor-field-textual.elementor-size-xs, .elementor-form .elementor-field-textual.elementor-size-sm, .elementor-form .elementor-field-textual.elementor-size-md, .elementor-form .elementor-field-textual.elementor-size-lg, .elementor-form .elementor-field-textual.elementor-size-xl { border-radius: 5px; } .elementor-form .elementor-field-textual.elementor-size-xs { min-height: 40px; } .elementor-form .elementor-field-textual.elementor-size-sm { min-height: 48px; font-size: 16px; } .elementor-form .elementor-field-textual.elementor-size-md { min-height: 52px; padding: 3px 20px; } .elementor-form .elementor-field-textual.elementor-size-lg { min-height: 56px; } .elementor-form .elementor-field-textual.elementor-size-xl { min-height: 60px; } .elementor-form .elementor-message-success:before { content: '\f00c'; } .elementor-field-group .elementor-select-wrapper:before { display: none; } .elementor-widget-animated-headline .elementor-headline { margin-bottom: 0; } .elementor-widget-animated-headline .elementor-headline-plain-text { display: inline !important; } .elementor-widget-animated-headline .elementor-headline-text-wrapper { display: inline-block !important; } .elementor-widget-animated-headline .elementor-headline-animation-type-clip .elementor-headline-text-wrapper { padding: 0; } .elementor-element .elementor-widget-heading.elementor-widget-heading .elementor-heading-title > a:hover { color: inherit; } .elementor-widget-icon .elementor-icon-wrapper { line-height: 0; } .elementor .elementor-progress-wrapper, .elementor .elementor-progress-bar { border-radius: 0; } .elementor .elementor-progress-wrapper { background: #f5f5f5; } .elementor .elementor-progress-percentage-outside .elementor-widget-container { position: relative; } .elementor .elementor-progress-percentage-outside .elementor-progress-wrapper { position: static; } .elementor .elementor-progress-percentage-outside .elementor-progress-percentage { position: absolute; top: 9px; right: 0; padding-right: 0; font-size: 16px; line-height: 1; color: #111; } .elementor .elementor-widget-tabs .elementor-tab-title { font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1.47em; letter-spacing: 1.38px; color: #777; } .elementor .elementor-widget-tabs .elementor-tab-title.elementor-active { color: #111; } .elementor .elementor-widget-tabs .elementor-tab-title a { color: inherit; } .elementor .elementor-widget-tabs .elementor-tab-mobile-title, .elementor .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active, .elementor .elementor-widget-tabs .elementor-tab-title:before, .elementor .elementor-widget-tabs .elementor-tab-title:after, .elementor .elementor-widget-tabs .elementor-tab-content, .elementor .elementor-widget-tabs .elementor-tabs-content-wrapper { border-color: #111; } .elementor-widget-wp-widget-nav_menu ul, .elementor-widget-wp-widget-insight-core-bmw ul { margin: 0; padding: 0; list-style-type: none; } .has-large-font-size, .has-huge-font-size { line-height: 1.3; margin-bottom: 18px; } .wp-block-cover, .wp-block-pullquote, .wp-block-preformatted, .wp-block-group, .wp-block-group.has-background, .wp-block-archives, .wp-block-categories, .wp-block-calendar { margin-bottom: 30px; } .wp-block-button { margin-bottom: 30px; } .wp-block-button .wp-block-button__link { padding: 16px 41px; } .wp-block-button.is-style-outline .wp-block-button__link { border-color: currentColor !important; background-color: transparent; padding: 14px 41px; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .wp-block-calendar { overflow-x: auto; } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar td, .wp-block-calendar th { padding: 5px; } .wp-block-calendar table caption { font-weight: 700; margin-bottom: 10px; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: #111; } .wp-block-calendar #today { color: #fff; } .wp-block-calendar #today a { color: inherit; } .wp-block-calendar tfoot td { border: 1px solid rgba(0, 0, 0, 0.08); } .wp-block-calendar tfoot a { color: #111; } .wp-block-cover, .wp-block-cover-image { color: #fff; } .wp-block-cover a, .wp-block-cover-image a { color: #fff; } .wp-block-cover a:hover, .wp-block-cover-image a:hover { color: #fff; text-decoration: underline; } .wp-block-embed { margin: 0 0 40px; } .wp-block-embed.is-type-video .wp-block-embed__wrapper:before { display: none !important; } .wp-block-embed.is-type-video .embed-responsive { margin: 0; } .wp-block-image { margin: 0; } .wp-block-image .alignleft { margin-right: 2em; } .wp-block-image .alignright { margin-left: 2em; } .wp-block-image figcaption { margin: 0; color: inherit; font-size: .9em; } figure.wp-block-image { margin-bottom: 2em; } figure.wp-block-image.alignleft { margin-right: 2em; } figure.wp-block-image.alignright { margin-left: 2em; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized, figure.wp-block-image { margin-top: 40px; margin-bottom: 40px; } } .wp-block-latest-comments { padding: 0; margin: 0 0 30px; } .wp-block-latest-comments__comment { margin-bottom: 30px; } .wp-block-latest-posts { margin: 0 0 30px; padding: 0; } .wp-block-latest-posts li { margin-bottom: 16px; } .wp-block-pullquote { border-top-color: #111; border-bottom-color: #111; color: #111; } .wp-block-pullquote p { line-height: 1.3; margin-bottom: 18px; } .wp-block-quote { border-color: #111; } .wp-block-column .wp-block-quote { margin: 0 0 30px !important; } .wp-block-search { margin: 0 0 30px; } .wp-block-search label { display: none; } .wp-block-search .wp-block-search__input { width: auto; } .wp-block-search .wp-block-search__button { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .wp-block-search { display: block; } .wp-block-search .wp-block-search__input { width: 100%; } .wp-block-search .wp-block-search__button { margin-left: 0; margin-top: 10px; } } .wp-block-separator { border: 0; height: 2px; background: #111; } .wp-block-separator.is-style-wide { height: 1px; } .wp-block-separator.is-style-dots { color: #111; } .wp-block-table { margin: 0; } .wp-block-tag-cloud { margin: 0 0 30px; } .wp-block-tag-cloud a { display: block; float: left; font-size: 13px !important; font-weight: 500; line-height: 1.5; padding: 7px 15px 6px; border-radius: 3px; background: #f5f5f5; color: #ababab; border: 0; margin: 5px; overflow: hidden; } .wp-block-tag-cloud a:hover { color: #fff; } .elementor-col-66 .content-inner{max-width:450px!important} :root { --height: calc( 80vh - 50px ); --width: 450px; } #news-slider{ margin-top: 0px; } .post-slide{ background: #fff; margin: 20px 15px 20px; border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #393939; } .post-slide .post-img{ position: relative; overflow: hidden; border-radius: 10px; margin: -12px 15px 8px 15px; margin-left: -10px; } .post-slide .post-img img{ width: 100%; height: auto; transform: scale(1,1); transition:transform 0.2s linear; } .post-slide:hover .post-img img{ transform: scale(1.1,1.1); } .post-slide .over-layer{ width:100%; height:100%; position: absolute; top:0; left:0; opacity:0; background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%); transition:all 0.50s linear; } .post-slide:hover .over-layer{ opacity:1; text-decoration:none; } .post-slide .over-layer i{ position: relative; top:45%; text-align:center; display: block; color:#fff; font-size:25px; } .post-slide .post-content{ background:#fff; padding: 2px 20px 40px; border-radius: 15px; } .post-slide .post-title{ font-size:15px; font-weight:bold; color:#333; display: inline-block; text-transform:uppercase; transition: all 0.3s ease 0s; } .post-slide .post-title a:hover{ text-decoration: none; color:#3498db; } .post-slide .post-description{ line-height:24px; color:#808080; margin-bottom:25px; } .post-slide .post-date{ color:#a9a9a9; font-size: 14px; } .post-slide .post-date i{ font-size:20px; margin-right:8px; color: #CFDACE; } .post-slide .read-more{ padding: 7px 20px; float: right; font-size: 12px; background: #2196F3; color: #ffffff; box-shadow: 0px 10px 20px -10px #1376c5; border-radius: 25px; text-transform: uppercase; } .post-slide .read-more:hover{ background: #3498db; text-decoration:none; color:#fff; } .owl-controls .owl-buttons{ text-align:center; margin-top:20px; } .owl-controls .owl-buttons .owl-prev{ background: #fff; position: absolute; top:-13%; left:15px; padding: 0 18px 0 15px; border-radius: 50px; box-shadow: 3px 14px 25px -10px #393939; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-next{ background: #fff; position: absolute; top:-13%; right: 15px; padding: 0 15px 0 18px; border-radius: 50px; box-shadow: -3px 14px 25px -10px #393939; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after{ content:"\f104"; font-family: FontAwesome; color: #333; font-size:30px; } .owl-controls .owl-buttons .owl-next:after{ content:"\f105"; } @media only screen and (max-width:1280px) { .post-slide .post-content{ padding: 0px 15px 25px 15px; } } .left-form input[type="text"], .left-form input[type="email"], .left-form input[type="url"], .left-form input[type="password"], .left-form input[type="search"], .left-form input[type="number"], .left-form input[type="tel"], .left-form select, .left-form textarea, .woocommerce .select2-container--default .select2-selection--single, .woocommerce .select2-container--default .select2-search--dropdown .select2-search__field, .elementor-field-group .elementor-field-textual { color: #717171; border-color: #e8e8e8; background-color: #fff;} span.tour{border: 1px solid #d5d5d5; padding: 5px 14px; border-radius: 20px; margin:2px 2px 2px 6px;} .fa.fa-map-marker.tour{font-size: 22px; color: #1a9398;} .starting-price{ float:right; position:relative;}.starting-price:before{ content: '\f156';position: absolute;font-family: "Font Awesome 5 Free";font-size: 45px;color: #ffc600;left: -35px;top: -5px;} .starting{color: #bbb;font-size: 15px;font-weight: 600;display: block;} .starting-price .price{ color:#ee2814;font-size: 30px;} .notes1 {background: #c8d9e2;color: #565656;} .notes {position: relative;border-radius: 4px;display: block;font-size: 14px;margin: 16px 0;padding: 12px 15px 12px 15px;}
Copyright ©2021 || Defacer Indonesia