/*!
Theme Name: Medizin
Theme URI: https://medizin.thememove.com
Author: ThemeMove
Author URI: https://thememove.com
Description: Medizin - Medical WooCommerce Theme
Version: 1.2.3
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
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Settings
# Tools
# Vendor
# Generic
# Elements
# Objects
# Components
# Trumps
--------------------------------------------------------------*/
/*
Settings store all variables, config switches, etc.
Split up into logical sections, the smaller and simpler the better.
*/
/*
Tools store all Sass functionality.
If your tooling is simplistic enough, you can do something like:
  tools.mixins
If your tooling is more complex you can split it up like:
  tools.grid
  tools.typography
  etc.
*/
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-carousel .product-thumbnail, .medizin-product.style-grid-02 .product-thumbnail, .medizin-product.style-grid-03 .product-thumbnail, .medizin-product-categories .product-cat-name, .tm-gradation .count, .medizin-list .icon, .medizin-list .text, .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, .medizin-product-widget.style-01 .product-thumbnail {
  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;
    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-carousel .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, .sale-on-top:before, .widget_recent_comments .comment-author-link:before, .widget_recent_entries .post-date:before, .dialog-widget .dialog-close-button i, .medizin-banner-categories .button:after, .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-carousel .woocommerce_loop_add_to_cart_wrap a:before,
.medizin-product.style-carousel .quick-view-icon:before,
.medizin-product.style-carousel .woosw-btn:before,
.medizin-product.style-carousel .wooscp-btn:before, .medizin-product.style-grid-01 .add_to_cart_button.product_type_simple:before, .medizin-product.style-carousel .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, .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; }

/*
Generic rules are project-agnostic.
These can be copied from any project to the next
*/
*,
*: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;
  /* firefox font smoothing css */ }

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: flex;
  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 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-xs-12 {
  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 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    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 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    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 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    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 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    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 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    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 {
  order: -1; }

.col-xs-last {
  order: 1; }

@media (min-width: 544px) {
  .col-sm-first {
    order: -1; }
  .col-sm-last {
    order: 1; } }

@media (min-width: 768px) {
  .col-md-first {
    order: -1; }
  .col-md-last {
    order: 1; } }

@media (min-width: 992px) {
  .col-lg-first {
    order: -1; }
  .col-lg-last {
    order: 1; } }

@media (min-width: 1200px) {
  .col-xl-first {
    order: -1; }
  .col-xl-last {
    order: 1; } }

@media (min-width: 1920px) {
  .col-xxl-first {
    order: -1; }
  .col-xxl-last {
    order: 1; } }

.row-xs-top {
  align-items: flex-start; }

.row-xs-center {
  align-items: center; }

.row-xs-bottom {
  align-items: flex-end; }

@media (min-width: 544px) {
  .row-sm-top {
    align-items: flex-start; }
  .row-sm-center {
    align-items: center; }
  .row-sm-bottom {
    align-items: flex-end; } }

@media (min-width: 768px) {
  .row-md-top {
    align-items: flex-start; }
  .row-md-center {
    align-items: center; }
  .row-md-bottom {
    align-items: flex-end; } }

@media (min-width: 992px) {
  .row-lg-top {
    align-items: flex-start; }
  .row-lg-center {
    align-items: center; }
  .row-lg-bottom {
    align-items: flex-end; } }

@media (min-width: 1200px) {
  .row-xl-top {
    align-items: flex-start; }
  .row-xl-center {
    align-items: center; }
  .row-xl-bottom {
    align-items: flex-end; } }

@media (min-width: 1920px) {
  .row-xxl-top {
    align-items: flex-start; }
  .row-xxl-center {
    align-items: center; }
  .row-xxl-bottom {
    align-items: flex-end; } }

.row-xs-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media (min-width: 544px) {
  .row-sm-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 768px) {
  .row-md-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 992px) {
  .row-lg-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 1200px) {
  .row-xl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 1920px) {
  .row-xxl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.row-xs-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse; }

@media (min-width: 544px) {
  .row-sm-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; } }

@media (min-width: 768px) {
  .row-md-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; } }

@media (min-width: 992px) {
  .row-lg-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; } }

@media (min-width: 1200px) {
  .row-xl-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; } }

@media (min-width: 1920px) {
  .row-xxl-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; } }

.col-xs-top {
  align-self: flex-start; }

.col-xs-center {
  align-self: center; }

.col-xs-bottom {
  align-self: flex-end; }

@media (min-width: 544px) {
  .col-sm-top {
    align-self: flex-start; }
  .col-sm-center {
    align-self: center; }
  .col-sm-bottom {
    align-self: flex-end; } }

@media (min-width: 768px) {
  .col-md-top {
    align-self: flex-start; }
  .col-md-center {
    align-self: center; }
  .col-md-bottom {
    align-self: flex-end; } }

@media (min-width: 992px) {
  .col-lg-top {
    align-self: flex-start; }
  .col-lg-center {
    align-self: center; }
  .col-lg-bottom {
    align-self: flex-end; } }

@media (min-width: 1200px) {
  .col-xl-top {
    align-self: flex-start; }
  .col-xl-center {
    align-self: center; }
  .col-xl-bottom {
    align-self: flex-end; } }

@media (min-width: 1920px) {
  .col-xxl-top {
    align-self: flex-start; }
  .col-xxl-center {
    align-self: center; }
  .col-xxl-bottom {
    align-self: flex-end; } }

/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: https://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-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;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-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;
    -moz-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; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.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; }

/**
 * top tooltip
 */
.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%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.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%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

/**
 * right tooltip
 */
.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);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.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);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * top-left tooltip
 */
.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%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--top-left:after {
  margin-left: 14px; }

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

/**
 * top-right tooltip
 */
.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);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--top-right:after {
  margin-left: -14px; }

.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom-left tooltip
 */
.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%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 14px; }

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

/**
 * bottom-right tooltip
 */
.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);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--bottom-right:after {
  margin-left: -14px; }

.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
[class*="hint--"] {
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */
.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; }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) hint--no-animate
 * 	2) hint--bounce
 *
 */
.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-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);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-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); }

/*
 *  Usage:
 *
      <div class="sk-rotating-plane"></div>
 *
 */
.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background: currentColor;
  margin: 40px auto;
  animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*
 *  Usage:
 *
      <div class="sk-double-bounce">
        <div class="sk-child sk-double-bounce1"></div>
        <div class="sk-child sk-double-bounce2"></div>
      </div>
 *
 */
.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;
    animation: sk-doubleBounce 2.0s infinite ease-in-out; }
  .sk-double-bounce .sk-double-bounce2 {
    animation-delay: -1.0s; }

@keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-wave">
        <div class="sk-rect sk-rect1"></div>
        <div class="sk-rect sk-rect2"></div>
        <div class="sk-rect sk-rect3"></div>
        <div class="sk-rect sk-rect4"></div>
        <div class="sk-rect sk-rect5"></div>
      </div>
 *
 */
.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;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    animation-delay: -0.8s; }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } }

/*
 *  Usage:
 *
      <div class="sk-wandering-cubes">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
      </div>
 *
 */
.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;
    animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
  .sk-wandering-cubes .sk-cube2 {
    animation-delay: -0.9s; }

@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg); } }

/*
 *  Usage:
 *
      <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  background: currentColor;
  border-radius: 100%;
  animation: sk-pulseScaleOut 1.0s infinite ease-in-out; }

@keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

/*
 *  Usage:
 *
      <div class="sk-chasing-dots">
        <div class="sk-child sk-dot1"></div>
        <div class="sk-child sk-dot2"></div>
      </div>
 *
 */
.sk-chasing-dots {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  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%;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
  .sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s; }

@keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-three-bounce">
        <div class="sk-child sk-bounce1"></div>
        <div class="sk-child sk-bounce2"></div>
        <div class="sk-child sk-bounce3"></div>
      </div>
 *
 */
.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;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    animation-delay: -0.16s; }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
      </div>
 *
 */
.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%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    animation-delay: -0.1s; }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-cube-grid">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
        <div class="sk-cube sk-cube3"></div>
        <div class="sk-cube sk-cube4"></div>
        <div class="sk-cube sk-cube5"></div>
        <div class="sk-cube sk-cube6"></div>
        <div class="sk-cube sk-cube7"></div>
        <div class="sk-cube sk-cube8"></div>
        <div class="sk-cube sk-cube9"></div>
      </div>
 *
 */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }
  .sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background: currentColor;
    float: left;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .sk-cube-grid .sk-cube1 {
    animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    animation-delay: 0.0s; }
  .sk-cube-grid .sk-cube8 {
    animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    animation-delay: 0.2s; }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1); }
  35% {
    transform: scale3D(0, 0, 1); } }

/*
 *  Usage:
 *
      <div class="sk-fading-circle">
        <div class="sk-circle1 sk-circle"></div>
        <div class="sk-circle2 sk-circle"></div>
        <div class="sk-circle3 sk-circle"></div>
        <div class="sk-circle4 sk-circle"></div>
        <div class="sk-circle5 sk-circle"></div>
        <div class="sk-circle6 sk-circle"></div>
        <div class="sk-circle7 sk-circle"></div>
        <div class="sk-circle8 sk-circle"></div>
        <div class="sk-circle9 sk-circle"></div>
        <div class="sk-circle10 sk-circle"></div>
        <div class="sk-circle11 sk-circle"></div>
        <div class="sk-circle12 sk-circle"></div>
      </div>
 *
 */
.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%;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
  .sk-fading-circle .sk-circle2 {
    transform: rotate(30deg); }
  .sk-fading-circle .sk-circle3 {
    transform: rotate(60deg); }
  .sk-fading-circle .sk-circle4 {
    transform: rotate(90deg); }
  .sk-fading-circle .sk-circle5 {
    transform: rotate(120deg); }
  .sk-fading-circle .sk-circle6 {
    transform: rotate(150deg); }
  .sk-fading-circle .sk-circle7 {
    transform: rotate(180deg); }
  .sk-fading-circle .sk-circle8 {
    transform: rotate(210deg); }
  .sk-fading-circle .sk-circle9 {
    transform: rotate(240deg); }
  .sk-fading-circle .sk-circle10 {
    transform: rotate(270deg); }
  .sk-fading-circle .sk-circle11 {
    transform: rotate(300deg); }
  .sk-fading-circle .sk-circle12 {
    transform: rotate(330deg); }
  .sk-fading-circle .sk-circle2:before {
    animation-delay: -1.1s; }
  .sk-fading-circle .sk-circle3:before {
    animation-delay: -1s; }
  .sk-fading-circle .sk-circle4:before {
    animation-delay: -0.9s; }
  .sk-fading-circle .sk-circle5:before {
    animation-delay: -0.8s; }
  .sk-fading-circle .sk-circle6:before {
    animation-delay: -0.7s; }
  .sk-fading-circle .sk-circle7:before {
    animation-delay: -0.6s; }
  .sk-fading-circle .sk-circle8:before {
    animation-delay: -0.5s; }
  .sk-fading-circle .sk-circle9:before {
    animation-delay: -0.4s; }
  .sk-fading-circle .sk-circle10:before {
    animation-delay: -0.3s; }
  .sk-fading-circle .sk-circle11:before {
    animation-delay: -0.2s; }
  .sk-fading-circle .sk-circle12:before {
    animation-delay: -0.1s; }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

/*
 *  Usage:
 *
      <div class="sk-folding-cube">
        <div class="sk-cube1 sk-cube"></div>
        <div class="sk-cube2 sk-cube"></div>
        <div class="sk-cube4 sk-cube"></div>
        <div class="sk-cube3 sk-cube"></div>
      </div>
 *
 */
.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg); }
  .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1); }
  .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    transform-origin: 100% 100%; }
  .sk-folding-cube .sk-cube2 {
    transform: scale(1.1) rotateZ(90deg); }
  .sk-folding-cube .sk-cube3 {
    transform: scale(1.1) rotateZ(180deg); }
  .sk-folding-cube .sk-cube4 {
    transform: scale(1.1) rotateZ(270deg); }
  .sk-folding-cube .sk-cube2:before {
    animation-delay: 0.3s; }
  .sk-folding-cube .sk-cube3:before {
    animation-delay: 0.6s; }
  .sk-folding-cube .sk-cube4:before {
    animation-delay: 0.9s; }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*
Elements are rules for classless HTML tags.
There can exist no classes at this layer, only further into our triangle.
*/
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;
    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;
    transform-origin: right;
    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 {
    transform-origin: left;
    transform: scaleX(0) translateZ(0);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .link-transition-02:hover:before {
    transform: scaleX(0) translateZ(0);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .link-transition-02:hover:after {
    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 {
  /* Firefox 18- */
  color: inherit; }

::-moz-placeholder {
  /* Firefox 19+ */
  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%; }

/* Remove box shadow from input on ios */
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%;
    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;
    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 {
    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%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    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%;
    transform: translate(-50%, -50%) scale(0);
    transition: 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 {
      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%;
  /* Make sure images are scaled correctly. */
  height: auto;
  /* Adhere to container width. */
  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;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  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; } }

/*
Objects are "formless", in other words invisible to the user, no cosmetics
  Eg. wrappers, grid systems, etc.
This is the first layer of classes and should be agnostically named
  Eg. list-inline, ui-list, etc.
*/
/* Text meant only for screen readers. */
.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;
    /* Above WP toolbar. */ }

.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; }

/**
 * Add margin top for media only.
 */
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: flex;
  flex-wrap: wrap;
  align-items: stretch;
  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 {
      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: 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: flex;
  flex-wrap: wrap;
  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%;
        transform: translateY(-50%);
        width: 1px;
        height: 20px;
        background: #dedfe2; }

.top-bar-right .top-bar-wrap {
  justify-content: flex-end; }

.top-bar-center .top-bar-wrap {
  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%;
      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 {
    justify-content: flex-start; } }

@media (max-width: 767px) {
  .hide-top-bar-on-mobile .page-top-bar {
    display: none; } }

.top-bar-04 {
  background-color: #f2f4f9 !important;
  font-family: CircularStd;
  display: flex;
  justify-content: center; }
  .top-bar-04 .row-eq-height {
    width: 1200px; }
  .top-bar-04 .top-bar-text {
    display: flex; }
    .top-bar-04 .top-bar-text .top-bar-tag-04 {
      color: #4e97fd;
      background-color: white;
      border-radius: 5px;
      margin-right: 10px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px;
      font-weight: 500; }
    .top-bar-04 .top-bar-text .top-bar-tag-04:hover {
      color: white;
      background: #fe5b34; }
    .top-bar-04 .top-bar-text .text-04 {
      font-size: 14px;
      color: #696969; }
  .top-bar-04 .top-bar-left .top-bar-wrap {
    justify-content: flex-end; }
  .top-bar-04 .info-text:after {
    content: url("assets/images/togger-icon.png");
    margin-left: 5px; }

@keyframes headerSlideDown {
  0% {
    transform: translateY(-100%); }
  100% {
    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: 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);
    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 {
      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: flex;
  margin: 0 -15px;
  align-items: center;
  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 {
  justify-content: center; }

.header-right {
  justify-content: flex-end; }

.header-right-inner {
  display: flex;
  margin: 0 -14px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0; }
  .header-right-inner > .header-icon,
  .header-right-inner > div {
    padding: 0 14px; }

.header-search-form .search-form {
  position: relative;
  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;
    flex-shrink: 0;
    width: 170px; }
  .header-search-form .search-form.search-form-categories .search-field {
    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%;
  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;
    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: flex;
    align-items: center;
    height: 30px; }
  .page-open-components:hover .circle-one {
    transform: translateX(18px); }
  .page-open-components:hover .circle-three {
    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: inline-flex;
    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;
    transform: translateZ(0);
    transition: 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 {
      transform-origin: right;
      transform: scaleX(1) translateZ(0);
      transition: 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 {
      transform-origin: left;
      transform: scaleX(0) translateZ(0);
      transition: 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 {
      transform-origin: left; }
    .page-open-main-menu .burger-icon-bottom:after {
      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);
    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;
    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: flex;
  align-items: center;
  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: flex;
  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;
    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;
      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);
    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: 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;
    transform: translateY(30px);
    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;
    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: flex;
  align-items: center;
  height: 100%; }

.header-01 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 25%; }

.header-01 .page-navigation {
  flex-grow: 1; }

.header-01 .header-right {
  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 {
  flex-grow: 1; }

.header-02 .page-header-inner {
  padding-top: 6px;
  padding-bottom: 6px; }

.header-02 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%; }

.header-02 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 25%; }

.header-02 .page-navigation {
  flex-grow: 1; }

.header-02 .header-right {
  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 {
  flex-grow: 1; }

.header-03 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px 0; }

.header-03 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 25%; }

.header-03 .header-right {
  flex-shrink: 0;
  width: 75%;
  justify-content: stretch;
  margin: 0; }

.header-03 .header-right-outer {
  display: flex;
  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 {
  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: inline-flex;
    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: flex;
  align-items: center;
  height: 100%; }

.header-04 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0; }

.header-04 .page-navigation {
  flex-grow: 1;
  margin-left: 25px; }

.header-04 .header-right {
  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 {
  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: flex;
  align-items: center;
  height: 100%; }

.header-05 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0; }

.header-05 .header-right {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1; }

@media (min-width: 1600px) {
  .header-05 .container-fluid {
    padding-left: 100px;
    padding-right: 100px; } }

.header-06 {
  font-family: CircularStd !important;
  justify-content: center;
  font-weight: 500;
  display: flex; }
  .header-06 .menu--primary .menu__container > li > a {
    color: #696969 !important; }
  .header-06 .menu--primary .menu__container > li > a:hover {
    color: #4e97fd !important;
    text-decoration: none !important; }
  .header-06 .menu--primary li:hover a {
    text-decoration: none !important; }
  .header-06 .col-xs-12 {
    display: flex;
    justify-content: center; }
  .header-06 .page-header-inner {
    padding-top: 6px;
    padding-bottom: 6px; }
  .header-06 .header-wrap {
    align-items: center;
    height: 100%;
    width: 1170px;
    display: flex; }
  .header-06 .branding {
    display: flex;
    align-items: center;
    flex-shrink: 0; }
  .header-06 .page-navigation {
    flex-grow: 1;
    width: 70%; }
  .header-06 .header-right {
    flex-shrink: 0; }
  .header-06 .header-search-form {
    width: 250px;
    max-width: 100%; }
  .header-06 #mini-cart {
    margin-right: 27px;
    margin-top: -20px;
    margin-left: -5px; }
    .header-06 #mini-cart .mini-cart-icon:before {
      background-color: #f2f4f9;
      padding: 17px;
      border-radius: 50%; }
    .header-06 #mini-cart .mini-cart-icon {
      font-size: 16px; }
  .header-06 .mini-cart .mini-cart-icon:after {
    top: -2px !important;
    left: 30px !important; }
  .header-06 .fa-search {
    font-size: 16px;
    border-right: 1px solid #f2f4f9;
    padding-right: 24px;
    padding-bottom: 17px;
    padding-top: 17px;
    margin-top: -17px; }
  .header-06 .page-header-inner > .container > .row > .col-xs-12 {
    position: static; }
  .mobile-menu .header-06 .branding {
    flex-grow: 1; }

.simple-footer {
  background: #222;
  color: rgba(255, 255, 255, 0.5);
  padding: 26px 0;
  font-size: 16px; }
  .simple-footer .footer-text {
    text-align: center; }

@keyframes show-animation {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes hide-animation {
  0% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(20px);
    opacity: 0; } }

.desktop-menu {
  /* Switch to desktop layout
	-----------------------------------------------
		These transform the menu tree from
		collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  /* ...end */ }
  .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: rgba(0, 0, 0, 0); }
  .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;
      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: flex;
      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 {
        animation: show-animation .25s; }
      .desktop-menu .sm-simple .children.hide-animation {
        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; }
    .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; }

/**
 * Better display on page load.
 */
.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: flex;
  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;
  transform: translate3d(0, 30px, 0);
  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 {
  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;
      transform: translateZ(0);
      transition: 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 {
        transform-origin: right;
        transform: scaleX(1) translateZ(0);
        transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
      .page-open-mobile-menu .burger-icon > span:after {
        transform-origin: left;
        transform: scaleX(0) translateZ(0);
        transition: 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 {
      transform-origin: left; }
    .page-open-mobile-menu .burger-icon-bottom:after {
      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);
    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;
    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;
  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;
    transform: translateZ(0);
    transition: 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 {
      transform-origin: right;
      transform: scaleX(1) translateZ(0);
      transition: 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 {
      transform-origin: left;
      transform: scaleX(0) translateZ(0);
      transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .page-close-mobile-menu .burger-icon-top {
    transform: rotate(-45deg); }
  .page-close-mobile-menu .burger-icon-bottom {
    transform: rotate(225deg); }
    .page-close-mobile-menu .burger-icon-bottom:before {
      transform-origin: left; }
    .page-close-mobile-menu .burger-icon-bottom:after {
      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);
    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;
    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: flex;
  padding: 0 15px 0 30px;
  height: 80px;
  align-items: center; }

.page-mobile-menu-logo {
  flex-grow: 1; }

.page-mobile-menu-opened {
  overflow: hidden; }
  .page-mobile-menu-opened.mobile-menu-push-to-right .site {
    transform: translateX(350px); }
  .page-mobile-menu-opened.mobile-menu-push-to-left .site {
    transform: translateX(-350px); }

.mobile-menu-push-to-left .page-mobile-main-menu > .inner {
  float: right;
  transform: translateX(100%); }

.mobile-menu-slide-to-left .page-mobile-main-menu > .inner {
  float: right;
  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;
    transition: all .3s;
    padding-top: 80px;
    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 {
      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;
    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%;
      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%;
        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 {
    transform: translate(-50%, -50%); }
  .page-scroll-up .arrow-bottom {
    transform: translate(-50%, 80px); }
  .page-scroll-up.show {
    bottom: 30px;
    opacity: 1;
    visibility: visible; }
  .page-scroll-up:hover .arrow-top {
    transform: translate(-50%, -80px); }
  .page-scroll-up:hover .arrow-bottom {
    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;
  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;
    transform: translateZ(0);
    transition: 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 {
      transform-origin: right;
      transform: scaleX(1) translateZ(0);
      transition: 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 {
      transform-origin: left;
      transform: scaleX(0) translateZ(0);
      transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .popup-close-button .burger-icon-top {
    transform: rotate(-45deg); }
  .popup-close-button .burger-icon-bottom {
    transform: rotate(225deg); }
    .popup-close-button .burger-icon-bottom:before {
      transform-origin: left; }
    .popup-close-button .burger-icon-bottom:after {
      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);
    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;
    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 {
  transition: all .5s ease-in-out;
  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;
    transition-delay: 0s; }
    .page-popup.open .popup-close-button {
      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: flex;
  align-items: center;
  height: 100%; }

.page-search-popup .search-form {
  position: relative;
  color: #086ad8;
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  transform: translate(0, 50px);
  transition: all .5s ease-in-out, opacity .5s linear;
  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;
  transform: none;
  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: flex;
  height: 30px;
  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: '';
      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;
  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;
    transform-origin: 50% 50%; }
  .page-close-off-sidebar:before {
    transform: rotate(-45deg); }
  .page-close-off-sidebar:after {
    transform: rotate(45deg); }
  .page-close-off-sidebar:hover:before, .page-close-off-sidebar:hover:after {
    transform: none; }

.page-off-sidebar-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  padding: 0 50px;
  height: 85px;
  align-items: center; }

.page-off-sidebar-logo {
  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;
    transition: all .3s;
    overflow-y: auto;
    padding-top: 85px;
    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 {
      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%; } }

/*
Components are the stuff of UI. Eg. buttons, special titles, etc.
These get much more explicitly named: eg. products-list, etc.
*/
.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: flex;
  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 {
  user-select: none !important; }

.text-stroke-01 {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -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 {
    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: flex;
    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: grid; }
  .modern-grid.flex-item .grid-item {
    display: flex; }
  .modern-grid .grid-item {
    min-width: 0;
    min-height: 0; }

.grid-width-2 {
  grid-column: span 2; }

.grid-height-2 {
  grid-row: span 2; }

@media (max-width: 767px) {
  .grid-width-2 {
    grid-column: span 1; }
  .grid-height-2 {
    grid-row: span 1; } }

@media (min-width: 768px) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr); }
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr); }
  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr); }
  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr); }
  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr); }
  .grid-sm-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 {
    grid-template-columns: repeat(1, 1fr); }
  .grid-md-2 {
    grid-template-columns: repeat(2, 1fr); }
  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr); }
  .grid-md-4 {
    grid-template-columns: repeat(4, 1fr); }
  .grid-md-5 {
    grid-template-columns: repeat(5, 1fr); }
  .grid-md-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 {
    grid-template-columns: repeat(1, 1fr); }
  .grid-lg-2 {
    grid-template-columns: repeat(2, 1fr); }
  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr); }
  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr); }
  .grid-lg-5 {
    grid-template-columns: repeat(5, 1fr); }
  .grid-lg-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;
  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: flex;
    align-self: start; }
  .tm-swiper.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
    display: flex;
    align-self: center; }
  .tm-swiper.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
    display: flex;
    align-self: flex-end; }
  .tm-swiper.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
    display: flex;
    justify-content: flex-start; }
  .tm-swiper.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
    display: flex;
    justify-content: center; }
  .tm-swiper.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
    display: flex;
    justify-content: flex-end; }
  .tm-swiper[data-autoplay='1'] .swiper-wrapper {
    transition-timing-function: linear !important; }
  .tm-swiper.highlight-centered-items .swiper-slide {
    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: flex;
    align-items: flex-end;
    justify-content: center; }
  .tm-swiper .swiper-pagination-inner {
    pointer-events: auto; }
  .tm-swiper .swiper-pagination {
    position: relative;
    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%;
      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 {
    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 {
    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 {
    transform: translate(-40px, -11px) rotate(-90deg); }
  .tm-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next {
    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%;
      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: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; }
  .tm-swiper .swiper-nav-button {
    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;
    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;
    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%;
      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%;
    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;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: .5; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.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%;
      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: flex;
    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;
      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;
      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;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 12px;
  font-weight: 700; }

.medizin-progress .single-progress-bar + .single-progress-bar {
  margin: 50px 0 0; }

/*@import "tab-panel";*/
.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: flex !important;
  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 {
  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: flex; }
  .entry-author .author-avatar {
    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 {
  flex-shrink: 0; }

.post-share.style-01 {
  display: inline-flex;
  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: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer; }

.post-share .share-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer; }
  .post-share .share-media:hover .share-list {
    transform: translate(-50%, -20px);
    visibility: visible;
    opacity: 1; }

.post-share .share-list {
  position: absolute;
  bottom: 100%;
  left: 50%;
  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);
  filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  user-select: none; }
  .post-share .share-list:before {
    position: absolute;
    top: 100%;
    left: 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: grid;
    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: flex;
    align-items: center;
    min-height: 120px;
    border-radius: 5px;
    overflow: hidden; }
    .blog-nav-links .inner a:hover .hover-bg {
      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;
    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%;
      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 {
    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: grid;
  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: grid;
    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%;
      transform: translateY(-50%);
      font-size: 24px; }

.portfolio-nav-links.style-02 {
  margin: 123px 0 117px; }
  .portfolio-nav-links.style-02 .nav-list {
    display: flex;
    align-items: center;
    justify-content: center; }
  .portfolio-nav-links.style-02 .nav-line {
    width: 150px;
    height: 1px;
    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 {
    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 {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px; }

@media (max-width: 1199px) {
  .tm-grid-portfolio-main .modern-grid {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 767px) {
  .tm-grid-portfolio-main .modern-grid {
    grid-template-columns: repeat(1, 1fr); } }

body.search .search-page-search-form {
  margin-bottom: 30px; }

.search-results-heading {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 30px; }

.search-results-section + .search-results-section {
  border-top: 1px solid #eee;
  padding-top: 50px;
  margin-top: 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: flex;
  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: flex;
  flex-wrap: wrap;
  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; } }

.hp5-custom-banner .elementor-element-populated {
  border-radius: 5px;
  overflow: hidden; }

.hp5-custom-banner .badge {
  position: relative;
  background-color: #E4573D;
  color: #fff;
  padding: 5px 25px; }
  .hp5-custom-banner .badge:after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14.5px 15px 14.5px 0;
    border-color: transparent #f6efea transparent transparent; }
  .hp5-custom-banner .badge:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14.5px 0 14.5px 15px;
    border-color: transparent transparent transparent #f6efea; }

.hp5-banner-slider rs-module {
  border-radius: 5px; }

body.has-badge-on-top header,
body.has-badge-on-top .page-content {
  transform: translateY(140px);
  transition: all .5s ease-in-out; }
  @media (max-width: 767px) {
    body.has-badge-on-top header,
    body.has-badge-on-top .page-content {
      transform: translateY(340px); } }

body.has-badge-on-top #page-footer {
  margin-top: 140px; }

body.has-badge-on-top.hidden-badge header,
body.has-badge-on-top.hidden-badge .page-content {
  transform: translateY(0); }

body.has-badge-on-top.hidden-badge #page-footer {
  margin-top: 0; }

.sale-on-top {
  display: block;
  position: fixed !important;
  top: -220px !important;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: all .5s ease-in-out; }
  @media (max-width: 767px) {
    .sale-on-top {
      top: -420px !important; } }
  .admin-bar .sale-on-top {
    top: 32px; }
  .sale-on-top:before {
    display: flex;
    content: '\f00d';
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    color: #000;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
  .hidden-badge .sale-on-top {
    display: none; }

.page-template-blank .page-content {
  marin-top: 0;
  margin-bottom: 0; }

.page-template-boxed {
  margin: 30px;
  background: #eee; }
  .page-template-boxed .site {
    background: #fff; }

/*
Widgets
*/
.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[type='text'],
.page-sidebar input[type='email'],
.page-sidebar input[type='url'],
.page-sidebar input[type='password'],
.page-sidebar input[type='search'],
.page-sidebar input[type='number'],
.page-sidebar input[type='tel'],
.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%;
        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;
      transform: translateX(-100%); }
    .widget_recent_entries li a:hover:before {
      opacity: 0;
      visibility: hidden;
      transform: translateX(100%); }
    .widget_recent_entries li a:hover:after {
      opacity: 1;
      visibility: visible;
      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;
    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;
  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%;
  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: flex;
  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 {
  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 {
  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: flex;
    align-items: center;
    justify-content: center;
    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 {
  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'; }

/* Loop Animations */
@keyframes tm-animation-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg); }
  20% {
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    transform: translateX(3px) rotate(2deg); }
  40% {
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    transform: translateX(2px) rotate(1deg); }
  60% {
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    transform: translateX(2px) rotate(1deg); }
  80% {
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    transform: translateX(1px) rotate(0); }
  100% {
    transform: translateX(-1px) rotate(0); } }

@keyframes tm-loop-move-vertical {
  0% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 5px, 0); } }

.loop-move-vertical {
  animation: 3s tm-loop-move-vertical linear infinite alternate; }

@keyframes tm-loop-move-horizontal {
  0% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: translate3d(5px, 0, 0); } }

.loop-move-horizontal {
  animation: 3s tm-loop-move-horizontal linear infinite alternate; }

@keyframes tm-loop-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

.loop-rotate {
  animation: 3s tm-loop-rotate linear infinite; }

/* Hover Animations */
.medizin-animation-zoom-in .medizin-image {
  overflow: hidden; }
  .medizin-animation-zoom-in .medizin-image img {
    width: 100%;
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); }

.medizin-animation-zoom-in .medizin-box:hover .medizin-image img {
  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%;
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    transform: scale3d(1.1, 1.1, 1.1); }

.medizin-animation-zoom-out .medizin-box:hover .medizin-image img {
  transform: scale3d(1, 1, 1); }

.medizin-animation-move-up .medizin-box .medizin-image {
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }

.medizin-animation-move-up .medizin-box:hover .medizin-image {
  transform: translateY(-10px); }

.medizin-animation-move-up-drop-shadow .medizin-box .medizin-image {
  position: relative;
  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;
    transition: opacity .3s linear; }

.medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image {
  transform: translateY(-10px); }
  .medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image:after {
    opacity: 1; }

/* Entrance Animations */
@keyframes medizinAnimationFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.tmFadeInUp {
  animation-name: medizinAnimationFadeInUp; }
  .tmFadeInUp.animated {
    animation-duration: 1s; }

/* Entrance Grid Animation */
.medizin-grid .grid-item {
  opacity: 0;
  transform: translate3d(0, 30px, 0); }
  .medizin-grid .grid-item.animate {
    transform: none;
    opacity: 1;
    transition: transform 1s ease-in-out, opacity 1s linear; }

@-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;
  transform: translate3d(0, 30px, 0); }
  body:not(.elementor-editor-active) .modern-grid .grid-item.animate {
    transform: none;
    opacity: 1;
    transition: transform 1s ease-in-out, opacity 1s linear; }

.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;
    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;
  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: flex;
  align-items: 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: flex;
    align-items: center;
    color: #111; }
    .medizin-grid-pagination .navigation-buttons .nav-line {
      width: 150px;
      height: 1px;
      flex-shrink: 0;
      background: currentColor;
      margin: 0 30px; }
    .medizin-grid-pagination .navigation-buttons .nav-link {
      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%;
  object-fit: cover; }

.lazy-grid {
  display: grid;
  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: flex;
  align-items: center;
  min-height: 60px;
  cursor: pointer; }

.medizin-accordion .accordion-title-wrapper {
  font-size: 0;
  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;
  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 {
  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 {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0s linear;
  position: relative;
  display: inline-flex;
  align-items: 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: flex;
    align-items: center; }
  .tm-button .button-icon {
    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: inline-flex;
    align-items: 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;
      transform-origin: right;
      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 {
      transform-origin: left;
      transform: scaleX(0) translateZ(0);
      transition: 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;
      transform-origin: right;
      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 {
      transform-origin: left;
      transform: scaleX(0) translateZ(0);
      transition: 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;
    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; }

/**
 * Animate for style bottom line.
 */
.medizin-box:hover div.tm-button.style-bottom-line .button-content-wrapper:before,
a.tm-button.style-bottom-line:hover .button-content-wrapper:before {
  transform: scaleX(0) translateZ(0);
  transition: 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 {
  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; }

/**
 * Animate for style left line.
 */
.medizin-box:hover div.tm-button.style-left-line .button-content-wrapper:before,
a.tm-button.style-left-line:hover .button-content-wrapper:before {
  transform: scaleX(0) translateZ(0);
  transition: 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 {
  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; }

/**
 * Animate for style flat, border, thick border.
 */
.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;
  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%;
      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: 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%;
    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%;
  /**
		 * Hover background
		 */ }
  .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%;
    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 {
  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: flex; }
  .elementor-widget-tm-icon-box.elementor-position-left .medizin-icon-wrap, .elementor-widget-tm-icon-box.elementor-position-right .medizin-icon-wrap {
    display: inline-flex;
    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;
    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;
    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 {
    align-items: flex-start; }
  .elementor-widget-tm-icon-box.elementor-vertical-align-middle .icon-box-wrapper {
    align-items: center; }
  .elementor-widget-tm-icon-box.elementor-vertical-align-bottom .icon-box-wrapper {
    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: 29px; }
  .tm-image-box.image-position-left .content-wrap, .tm-image-box.image-position-right .content-wrap {
    display: flex; }
  .tm-image-box.image-position-left .image, .tm-image-box.image-position-right .image {
    flex-shrink: 0;
    max-width: 50%; }
  .tm-image-box.image-position-left .content, .tm-image-box.image-position-right .content {
    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 {
      flex-direction: row-reverse; }
    .tm-image-box.image-position-right .image {
      margin-left: 20px; }
  .tm-image-box.content-alignment-middle .content-wrap {
    align-items: center; }
  .tm-image-box.content-alignment-bottom .content-wrap {
    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: flex;
    align-items: center;
    justify-content: center; }
  .medizin-banner .title {
    font-size: 30px;
    font-weight: 300;
    background: #fff;
    padding: 6px 34px 7px;
    margin: 0; }
  .medizin-banner.style-02 {
    overflow: hidden; }
    .medizin-banner.style-02 .content {
      flex-direction: column;
      justify-content: space-between; }
    .medizin-banner.style-02 .medizin-box {
      overflow: hidden; }
    .medizin-banner.style-02 .title {
      padding: 6px 0; }
    .medizin-banner.style-02 .sub-title {
      text-align: center;
      display: inline-block;
      padding: 8px 10px; }
    .medizin-banner.style-02 .title {
      background-color: transparent; }
    .medizin-banner.style-02 .button {
      justify-self: end;
      margin-top: auto; }

@media (max-width: 1024px) {
  .medizin-banner .title {
    font-size: 26px; } }

@media (max-width: 767px) {
  .medizin-banner .title {
    font-size: 22px; } }

.medizin-banner-categories {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .medizin-banner-categories .text-wrap {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    max-width: 50%; }
  .medizin-banner-categories .categories-name {
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .medizin-banner-categories .button {
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
    max-width: 120px;
    height: 40px; }
    .medizin-banner-categories .button:after {
      content: '\f105';
      margin-left: 10px;
      font-size: 20px; }

.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: 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%;
    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 {
    object-fit: cover;
    height: 100%; }

.medizin-modern-carousel-style-01 .slide-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%); }

.medizin-modern-carousel-style-01 .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  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 {
      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: inline-flex;
  align-items: 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;
    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: flex;
  align-items: 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: inline-flex;
  min-width: 160px; }

.medizin-slide-bg-animation-ken-burns .slide-bg-wrap {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  backface-visibility: hidden; }

.medizin-slide-bg-animation-ken-burns.swiper-slide-active .slide-bg-wrap {
  transform: scale(1);
  transition: transform 11s cubic-bezier(0.1, 0.2, 0.7, 1); }

.slide-layer-transition .animated .slide-layer {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  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 {
  transition-delay: .2s; }

.slide-layer-transition .animated .slide-layer-wrap + .slide-layer-wrap + .slide-layer-wrap .slide-layer {
  transition-delay: .4s; }

.slide-layer-transition .slide-layer {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  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;
  /**
	 * Default back side background is dark then
	 * Reset all buttons style to light skin.
	 */ }
  .medizin-flip-box .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease-in-out;
    -o-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: flex;
    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;
  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;
  -o-transition: transform 0.7s, opacity 0.35s, width 0.1ms;
  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;
  -o-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;
  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;
  -o-transition: transform 0.7s, opacity 0.5s 0.2s;
  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;
  -o-transition: transform 0.7s, opacity 0.5s;
  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: #4e97fd;
    padding: 4px 11px 3px;
    display: inline-block;
    border-radius: 2px; }

.medizin-blog .post-footer {
  margin: 36px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.medizin-blog .post-read-more {
  flex-grow: 1; }

/* Overlay styles */
.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: 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: 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: grid;
  grid-template-columns: 270px minmax(270px, 500px) 270px;
  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: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); }

.medizin-blog-zigzag .highlight-item .post-thumbnail img {
  width: 100%;
  height: 680px;
  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: 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: flex; }

.medizin-blog-list-03 .post-caption {
  padding: 0 !important; }

.medizin-blog-list-03 .post-thumbnail-wrapper {
  width: 80px;
  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;
      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;
      transform: translateX(-100%); }
    .medizin-blog-list-03 .post-title a:hover:before {
      opacity: 0;
      visibility: hidden;
      transform: translateX(100%); }
    .medizin-blog-list-03 .post-title a:hover:after {
      opacity: 1;
      visibility: visible;
      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: 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: flex;
    flex-wrap: wrap; }
  .medizin-blog-one-left-featured .normal-posts .post-thumbnail-wrap {
    flex: 0 0 36.333333%;
    max-width: 36.333333%; }
  .medizin-blog-one-left-featured .normal-posts .post-info {
    flex: 0 0 63.666667%;
    max-width: 63.666667%;
    display: flex;
    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 {
    grid-template-columns: repeat(2, 1fr);
    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) {
      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 {
    grid-template-columns: repeat(1, 1fr); }
  .medizin-blog-zigzag .grid-item {
    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%;
    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; }

/*
 * Overlay: faded + faded-02
 */
.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;
  transform: translate3d(0, 0, 0);
  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 {
  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: flex;
  justify-content: center; }

.portfolio-overlay-huge .post-overlay-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 80%;
  transform: translate(-50%, -50%);
  z-index: 99;
  pointer-events: none; }

.portfolio-overlay-huge .portfolio-overlay-title {
  flex-grow: 1;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: #fff; }

.portfolio-overlay-huge .post-overlay-info {
  display: flex;
  align-items: center;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden; }

.portfolio-overlay-huge .portfolio-overlay-categories {
  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: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0) 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;
  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%;
  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: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0) 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;
  transition: .5s ease-out .25s;
  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 {
  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;
  transition: .25s ease-out 0s;
  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;
  transition: .25s ease-out 0s;
  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 {
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  justify-content: center; }

.medizin-portfolio-carousel-02 .post-wrapper:hover .post-title {
  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;
    transition: .25s opacity linear; }
  .medizin-portfolio-carousel-02 .post-overlay:before {
    background-image: linear-gradient(37deg, #4b33fb 0%, #b282ea 84%);
    opacity: 0; }
  .medizin-portfolio-carousel-02 .post-overlay:after {
    opacity: .8;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%); }

.medizin-portfolio-carousel-02 .post-info,
.medizin-portfolio-carousel-02 .post-title {
  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;
  transform: translateY(100%); }

.medizin-portfolio-carousel-02 .post-title {
  font-size: 26px;
  color: #fff;
  margin-bottom: 0;
  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: inline-flex;
  justify-content: 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: linear-gradient(235deg, #4e97fd 0%, #77ccfd 100%);
  border-radius: 4px; }

.medizin-product .product-stock-status {
  display: flex;
  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 {
    flex-grow: 1;
    margin-right: 20px; }
  .medizin-product .product-stock-status .available {
    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, .medizin-product.style-carousel .modern-grid {
  grid-gap: 30px; }

.medizin-product.style-grid-01 .product-wrapper, .medizin-product.style-carousel .product-wrapper {
  position: relative; }
  .medizin-product.style-grid-01 .product-wrapper:hover .product-main-image img, .medizin-product.style-carousel .product-wrapper:hover .product-main-image img {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }
  .medizin-product.style-grid-01 .product-wrapper:hover .product-hover-image, .medizin-product.style-carousel .product-wrapper:hover .product-hover-image {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }

.medizin-product.style-grid-01 .product-thumbnail, .medizin-product.style-carousel .product-thumbnail {
  position: relative;
  margin-bottom: 11px; }

.medizin-product.style-grid-01 .thumbnail, .medizin-product.style-carousel .thumbnail {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 275px; }
  .medizin-product.style-grid-01 .thumbnail img, .medizin-product.style-carousel .thumbnail img {
    transform: perspective(1px) translateZ(0);
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    width: auto;
    heigh: auto; }

.medizin-product.style-grid-01 .product-hover-image, .medizin-product.style-carousel .product-hover-image {
  transition: 0.25s opacity, 0.25s visibility, 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, .medizin-product.style-carousel .product-actions {
  pointer-events: none;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap; }

.medizin-product.style-grid-01 .product-action, .medizin-product.style-carousel .product-action {
  z-index: -1;
  pointer-events: auto;
  margin: 5px 10px 0 0; }
  .medizin-product.style-grid-01 .product-action:last-child, .medizin-product.style-carousel .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, .medizin-product.style-carousel .woocommerce_loop_add_to_cart_wrap a,
.medizin-product.style-carousel .quick-view-icon,
.medizin-product.style-carousel .woosw-btn,
.medizin-product.style-carousel .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, .medizin-product.style-carousel .woocommerce_loop_add_to_cart_wrap a:before,
  .medizin-product.style-carousel .quick-view-icon:before,
  .medizin-product.style-carousel .woosw-btn:before,
  .medizin-product.style-carousel .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, .medizin-product.style-carousel .woocommerce_loop_add_to_cart_wrap a:hover,
  .medizin-product.style-carousel .quick-view-icon:hover,
  .medizin-product.style-carousel .woosw-btn:hover,
  .medizin-product.style-carousel .wooscp-btn:hover {
    color: #fff; }

.medizin-product.style-grid-01 .quick-view-icon:before, .medizin-product.style-carousel .quick-view-icon:before {
  content: '\f002'; }

.medizin-product.style-grid-01 .wooscp-btn:before, .medizin-product.style-carousel .wooscp-btn:before {
  content: '\f012'; }

.medizin-product.style-grid-01 .woosw-btn:before, .medizin-product.style-carousel .woosw-btn:before {
  content: '\f004'; }

.medizin-product.style-grid-01 .woosw-btn.woosw-added:before, .medizin-product.style-carousel .woosw-btn.woosw-added:before {
  content: '\f004';
  margin: 0; }

.medizin-product.style-grid-01 .add_to_cart_button:before, .medizin-product.style-carousel .add_to_cart_button:before {
  content: '\f290'; }

.medizin-product.style-grid-01 .add_to_cart_button.product_type_simple:before, .medizin-product.style-carousel .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, .medizin-product.style-carousel .add_to_cart_button.product_type_simple.loading:before,
.medizin-product.style-carousel .woosw-adding:before,
.medizin-product.style-carousel .wooscp-btn-adding:before,
.medizin-product.style-carousel .quick-view-btn.loading .quick-view-icon:before {
  animation: adding-spin 1s linear infinite !important;
  content: '\f3f4' !important; }

.medizin-product.style-grid-01 .product-info, .medizin-product.style-carousel .product-info {
  padding-bottom: 22px; }

.medizin-product.style-grid-01 .woocommerce-loop-product__title, .medizin-product.style-carousel .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, .medizin-product.style-carousel .woocommerce-loop-product__title a {
    display: block;
    color: inherit; }

.medizin-product.style-grid-01 .price, .medizin-product.style-carousel .price {
  font-size: 18px;
  display: block;
  margin: 6px 0 0; }
  .medizin-product.style-grid-01 .price > .price, .medizin-product.style-carousel .price > .price {
    margin: 0; }

.medizin-product.style-grid-01 .star-rating, .medizin-product.style-carousel .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 {
    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;
    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;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .medizin-product.style-grid-02 .thumbnail img {
    transform: perspective(1px) translateZ(0);
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    width: auto;
    height: auto; }

.medizin-product.style-grid-02 .product-hover-image {
  transition: 0.25s opacity, 0.25s visibility, 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: flex;
  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 {
  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; }

.medizin-product.style-grid-03 .product-wrapper {
  font-family: CircularStd !important;
  padding-top: 150px;
  background: #ffffff;
  padding-right: 7%;
  padding-bottom: 6%;
  border-radius: 5px; }

.medizin-product.style-grid-03 .product-info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin-top: 5%;
  margin-left: 7%;
  padding-right: 7%; }

.medizin-product.style-grid-03 .woosw-content-item--price, .medizin-product.style-grid-03 .tr-price, .medizin-product.style-grid-03 .price, .medizin-product.style-grid-03 .amount {
  font-weight: 400 !important; }

.medizin-product.style-grid-03 .price {
  display: flex; }
  .medizin-product.style-grid-03 .price ins {
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    color: #4e97fd; }
    .medizin-product.style-grid-03 .price ins bdi {
      font-size: 24px;
      line-height: 1.5;
      color: #4e97fd; }
  .medizin-product.style-grid-03 .price del {
    font-size: 13px;
    line-height: 1.62;
    color: #cccccc; }
  .medizin-product.style-grid-03 .price ins + del {
    margin-left: 0 !important; }

.medizin-product.style-grid-03 .product-badges {
  position: static;
  margin-bottom: 1px; }

.medizin-product.style-grid-03 .modern-grid {
  grid-gap: 30px; }

.medizin-product.style-grid-03 .product-wrapper {
  position: relative; }
  .medizin-product.style-grid-03 .product-wrapper:hover .product-main-image img {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }
  .medizin-product.style-grid-03 .product-wrapper:hover .product-hover-image {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }

.medizin-product.style-grid-03 .product-thumbnail {
  position: relative;
  margin-left: 7%;
  padding-top: 10%; }

.medizin-product.style-grid-03 .thumbnail {
  display: flex;
  position: relative;
  overflow: hidden;
  justify-content: center;
  height: 275px;
  align-items: center; }
  .medizin-product.style-grid-03 .thumbnail img {
    transform: perspective(1px) translateZ(0);
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    width: auto;
    height: auto; }

.medizin-product.style-grid-03 .product-hover-image {
  transition: 0.25s opacity, 0.25s visibility, 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-03 .product-actions {
  pointer-events: none;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap; }

.medizin-product.style-grid-03 .product-action {
  z-index: -1;
  pointer-events: auto;
  margin: 5px 10px 0 0; }
  .medizin-product.style-grid-03 .product-action:last-child {
    margin-right: 0; }

.medizin-product.style-grid-03 .loop-product__category {
  font-size: 14px;
  line-height: 1.86;
  color: #ababab;
  text-transform: uppercase; }

.medizin-product.style-grid-03 .woocommerce-loop-product__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0; }
  .medizin-product.style-grid-03 .woocommerce-loop-product__title a {
    display: block;
    color: inherit; }

.medizin-product.style-grid-03 .loop-product-stock {
  margin-left: 7%; }

.medizin-product.style-grid-03 .price {
  font-size: 24px;
  display: block;
  margin: 6px 0 0; }
  .medizin-product.style-grid-03 .price > .price {
    margin: 0; }

.medizin-product.style-grid-03 .star-rating {
  margin: 9px auto 0; }

.medizin-product.style-grid-03 .loop-product-stock .status-bar,
.medizin-product.style-grid-03 .loop-product-stock .sold-bar {
  height: 8px; }

.medizin-product.style-grid-03 .loop-product-stock .status-bar {
  background-color: #ededed;
  margin: 22px 0 10px;
  border-radius: 5px; }

.medizin-product.style-grid-03 .loop-product-stock .sold-bar {
  background-image: linear-gradient(235deg, #4e97fd 0%, #77ccfd 100%);
  border-radius: 4px; }

.medizin-product.style-grid-03 .product-stock-status {
  display: flex;
  flex-wrap: wrap;
  font-size: 0; }
  .medizin-product.style-grid-03 .product-stock-status .sold,
  .medizin-product.style-grid-03 .product-stock-status .available {
    font-size: 12px;
    line-height: 21px; }
    .medizin-product.style-grid-03 .product-stock-status .sold .label,
    .medizin-product.style-grid-03 .product-stock-status .available .label {
      font-weight: 400;
      color: #7e7e7e; }
    .medizin-product.style-grid-03 .product-stock-status .sold .value,
    .medizin-product.style-grid-03 .product-stock-status .available .value {
      font-weight: 700;
      color: #333333; }
  .medizin-product.style-grid-03 .product-stock-status .sold {
    flex-grow: 1;
    margin-right: 20px; }
  .medizin-product.style-grid-03 .product-stock-status .available {
    flex-shrink: 0; }

.medizin-product.style-grid-03 .out-of-stock {
  margin-top: 60px; }

@media (min-width: 768px) {
  .medizin-product.style-carousel .swiper-nav-button.swiper-button-next {
    position: absolute;
    right: 0;
    top: -90px;
    opacity: 1 !important;
    visibility: visible !important; }
  .medizin-product.style-carousel .swiper-nav-button.swiper-button-prev {
    position: absolute;
    right: 50px;
    top: -90px;
    opacity: 1 !important;
    visibility: visible !important; } }

.elementor-widget-tm-product-carousel h3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee; }

.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%;
      object-fit: cover; }
  .medizin-product-banner .product-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    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: flex;
    align-items: center;
    justify-content: center;
    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; }
  .medizin-product-banner.style-02 .product-banner-content {
    padding: 40px; }
    @media (max-width: 991px) {
      .medizin-product-banner.style-02 .product-banner-content {
        padding: 20px; } }
  .medizin-product-banner.style-02 .banner-product-title {
    max-width: 250px; }
    @media (max-width: 767px) {
      .medizin-product-banner.style-02 .banner-product-title {
        max-width: 150px; } }
  .medizin-product-banner.style-02 .content-bototm {
    position: absolute;
    bottom: 40px; }
    .medizin-product-banner.style-02 .content-bototm p {
      margin-bottom: 5px; }
    @media (max-width: 767px) {
      .medizin-product-banner.style-02 .content-bototm .product-banner-button {
        margin-top: 10px; } }

@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 .product-carousel-countdown-style-01 {
  border: 2px solid #4e97fd;
  border-radius: 5px;
  padding: 0 30px 48px;
  margin-top: 21px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .product-countdown-header {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 17px;
    background: #fff;
    transform: translateY(-23px);
    padding: 5px 20px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .product-countdown-heading {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 18px;
    margin-bottom: 5px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-wrap {
    display: inline-flex;
    align-items: center;
    color: #fff;
    background: #e4573d;
    border-radius: 30px;
    padding: 6px 24px;
    margin-bottom: 5px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-label {
    font-size: 20px;
    line-height: 1;
    margin-right: 18px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-content {
    display: flex;
    font-size: 24px;
    line-height: 1;
    font-weight: 700; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-content .text {
      display: none; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-content > div + div {
      position: relative;
      margin-left: 10px;
      padding-left: 10px; }
      .medizin-product-carousel-countdown .product-carousel-countdown-style-01 .countdown-content > div + div:before {
        content: ':';
        position: absolute;
        top: -2px;
        left: -4px; }

@media (max-width: 1024px) {
  .medizin-product-carousel-countdown .medizin-product-carousel-countdown .product-countdown-heading {
    font-size: 26px; } }

@media (max-width: 767px) {
  .medizin-product-carousel-countdown .medizin-product-carousel-countdown {
    padding: 0 20px 25px; }
    .medizin-product-carousel-countdown .medizin-product-carousel-countdown .product-countdown-heading {
      font-size: 22px; }
    .medizin-product-carousel-countdown .medizin-product-carousel-countdown .product-countdown-header {
      padding-left: 10px;
      padding-right: 10px; }
    .medizin-product-carousel-countdown .medizin-product-carousel-countdown .countdown-label {
      font-size: 16px; }
    .medizin-product-carousel-countdown .medizin-product-carousel-countdown .countdown-content {
      font-size: 18px; } }

.medizin-product-carousel-countdown .product-carousel-countdown-style-02 {
  font-family: CircularStd !important; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .product-countdown-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 48px;
    justify-content: center; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .product-countdown-heading {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.65;
    width: 100%;
    color: #333333;
    text-align: center; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #333333;
    border-radius: 30px;
    padding: 6px 24px;
    margin-bottom: 5px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-label {
    font-size: 24px;
    line-height: 1.5;
    color: white;
    margin-right: 18px; }
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-content {
    display: flex;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: #77ccfd; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-content .text {
      display: none; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-content > div + div {
      position: relative;
      margin-left: 10px;
      padding-left: 10px; }
      .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .countdown-content > div + div:before {
        content: ':';
        position: absolute;
        top: -2px;
        left: -4px; }
  @media (max-width: 1024px) {
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .medizin-product-carousel-countdown .product-countdown-heading {
      font-size: 26px; } }

@media (max-width: 1024px) and (max-width: 767px) {
  .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .medizin-product-carousel-countdown {
    padding: 0 20px 25px; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .medizin-product-carousel-countdown .product-countdown-heading {
      font-size: 22px; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .medizin-product-carousel-countdown .product-countdown-header {
      padding-left: 10px;
      padding-right: 10px; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .medizin-product-carousel-countdown .countdown-label {
      font-size: 16px; }
    .medizin-product-carousel-countdown .product-carousel-countdown-style-02 .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 {
  transition: all .3s linear; }

.tm-product-brands.hover-grayscale .image {
  filter: grayscale(100%);
  opacity: .3; }

.tm-product-brands.hover-grayscale .item:hover .image {
  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 {
  filter: grayscale(100%); }

.tm-client-logo .image {
  transition: all .3s linear; }

.tm-client-logo.hover-grayscale .image {
  filter: grayscale(100%);
  opacity: .3; }

.tm-client-logo.hover-grayscale .item:hover .image {
  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%;
  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;
    animation-fill-mode: forwards;
    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;
      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;
    animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite; }
  .tm-google-map .style-signal .signal-1 {
    animation-delay: .78s; }
  .tm-google-map .style-signal .signal-2 {
    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;
  transform: translate(150px, 15px);
  padding-bottom: 40px;
  max-width: 90vw; }

.medizin-map-overlay-info {
  display: flex;
  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 {
  flex-shrink: 0;
  margin-right: 20px; }

.map-marker-content {
  flex-grow: 1; }

.map-marker-description {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.79;
  color: #777; }
  .map-marker-description a {
    color: #111; }

@keyframes animationSignal {
  0% {
    opacity: 0;
    transform: scale(0); }
  1% {
    opacity: .14; }
  20% {
    opacity: .14; }
  60% {
    transform: scale(1);
    opacity: 0; } }

@media (max-width: 767px) {
  .medizin-map-overlay-content {
    width: 370px !important;
    transform: translate(50%, 15px); }
  .medizin-map-overlay-info:before {
    right: 50%;
    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 {
  transform: scaleX(0) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.medizin-link-animate-border .heading-primary a:hover mark:after {
  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;
    transform-origin: right;
    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 {
    transform-origin: left; }
  .medizin-link-animate-border .heading-primary a mark:after {
    transform: scaleX(0) translateZ(0);
    transition: 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;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #e0e0e0; }

@keyframes gradationSignal {
  0% {
    opacity: 1;
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

.tm-gradation {
  margin: 0 -15px;
  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;
      transform-origin: 50% 50%;
      animation-timing-function: cubic-bezier(0, 0.55, 0.55, 1);
      animation-duration: 2s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite; }
    .tm-gradation .count-wrap:after {
      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;
    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 {
      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 {
      flex-direction: row-reverse; }
    .medizin-timeline.style-01 .timeline-item:nth-child(even) .content-header {
      text-align: left;
      justify-content: flex-end; }
    .medizin-timeline.style-01 .timeline-item:nth-child(even) .content-main {
      text-align: right;
      justify-content: flex-start; }
  .medizin-timeline.style-01 .timeline-dot {
    position: absolute;
    top: 2px;
    left: 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%;
      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: flex;
    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: 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;
    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;
    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 {
  transform: translateX(-100px); }

body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item .content-main {
  transform: translateX(100px); }

body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-header {
  transform: translateX(100px); }

body:not(.elementor-editor-active) .medizin-timeline .medizin-entrance-animation-queue .item:nth-child(even) .content-main {
  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;
  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 {
    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 {
    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: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
  .tm-attribute-list.layout-columns .item {
    padding: 2px 15px;
    flex-grow: 1;
    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;
      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;
      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: flex;
    align-items: center; }
  .medizin-list .link {
    display: inline-block;
    padding: 0;
    transition: none; }
  .medizin-list .icon {
    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: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.medizin-list-layout-columns .item {
  padding: 0 15px;
  flex-grow: 1;
  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: flex;
    align-items: flex-start;
    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;
    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;
    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: flex;
  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-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;
    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%;
    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%;
    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: flex;
  align-items: 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%;
  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: flex;
    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 {
    flex-shrink: 0;
    margin: 0 30px 0 0; }
  .elementor-widget-tm-testimonial.layout-image-inline .info {
    display: inline-flex;
    align-items: center;
    text-align: left; }
  .elementor-widget-tm-testimonial.layout-image-inline.align-right .info {
    text-align: right;
    flex-direction: row-reverse; }
  .elementor-widget-tm-testimonial.layout-image-inline.align-right .image {
    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%;
    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: flex; }
  .elementor-widget-tm-testimonial.layout-image-left .image {
    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: inline-flex;
    flex-direction: column;
    height: 100%;
    width: 100%; }
  .elementor-widget-tm-testimonial.image-position-bottom .content {
    flex-grow: 1; }
  .elementor-widget-tm-testimonial.image-position-bottom .info {
    padding: 60px 0 0;
    flex-shrink: 0; }
  .elementor-widget-tm-testimonial.image-position-bottom.align-center .info {
    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: 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: 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 .style-01 .testimonial-item {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%; }

.elementor-widget-tm-testimonial-grid .style-01.align-left {
  text-align: left; }

.elementor-widget-tm-testimonial-grid .style-01.align-right {
  text-align: right; }

.elementor-widget-tm-testimonial-grid .style-01 .testimonial-main-content {
  display: flex;
  justify-content: center; }

.elementor-widget-tm-testimonial-grid .style-01 .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-inline .avatar {
  flex-shrink: 0;
  margin: 0 20px 0 0; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-inline .info {
  display: inline-flex;
  align-items: center;
  text-align: left; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-inline.align-right .info {
  text-align: right;
  flex-direction: row-reverse; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-inline.align-right .avatar {
  flex-shrink: 0;
  margin: 0 0 0 20px; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-inline.align-right .testimonial-item {
  text-align: right; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-stacked .avatar {
  margin: 0 0 28px; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-stacked .info {
  display: inline-block; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-above .avatar {
  margin-bottom: 20px; }

.elementor-widget-tm-testimonial-grid .style-01.layout-image-above .cite {
  display: block;
  margin-top: 46px; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-above .info {
  padding: 0 0 19px; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-below .info {
  padding: 19px 0 0; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-bottom .testimonial-main-content {
  height: 100%; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-bottom .content-wrap {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-bottom .content {
  flex-grow: 1; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-bottom .info {
  padding: 60px 0 0;
  flex-shrink: 0; }

.elementor-widget-tm-testimonial-grid .style-01.image-position-bottom.align-center .info {
  justify-content: center; }

.elementor-widget-tm-testimonial-grid .style-01 .thumbnail {
  margin-bottom: 38px; }

.elementor-widget-tm-testimonial-grid .style-01 .avatar img {
  width: 90px;
  height: 90px;
  border-radius: 50%; }

.elementor-widget-tm-testimonial-grid .style-01 .text {
  font-style: italic; }

.elementor-widget-tm-testimonial-grid .style-01 .cite {
  font-style: normal; }

.elementor-widget-tm-testimonial-grid .style-01 .title {
  font-size: 21px;
  margin-bottom: 14px; }

.elementor-widget-tm-testimonial-grid .style-01 .testimonial-rating {
  font-size: 12px;
  color: #f5a623;
  letter-spacing: 4px;
  margin-bottom: 10px; }

.elementor-widget-tm-testimonial-grid .style-01 .name {
  display: block;
  font-size: 18px;
  line-height: 1.34;
  margin-bottom: 0; }

.elementor-widget-tm-testimonial-grid .style-01 .position {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  margin-top: 6px; }

.elementor-widget-tm-testimonial-grid .style-02 {
  font-family: CircularStd !important; }
  .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(151, 151, 151, 0.37); }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item:hover {
      border: none; }
      .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item:hover .thumbnail {
        opacity: 1; }
      .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item:hover .testimonial-main-content {
        opacity: 0; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.align-left {
      text-align: left; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.align-right {
      text-align: right; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .testimonial-main-content {
      display: flex;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 12%;
      margin-top: 12%;
      padding-right: 13%; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .content-wrap {
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 100%;
      background: url("assets/images/Quote.png") no-repeat top right; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-inline .avatar {
      flex-shrink: 0;
      margin: 0 20px 0 0; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-inline .info {
      display: inline-flex;
      align-items: center;
      text-align: left; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-inline.align-right .info {
      text-align: right;
      flex-direction: row-reverse; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-inline.align-right .avatar {
      flex-shrink: 0;
      margin: 0 0 0 20px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-inline.align-right .testimonial-item {
      text-align: right; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-stacked .avatar {
      margin: 0 0 28px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-stacked .info {
      display: inline-block; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-above .avatar {
      margin-bottom: 20px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.layout-image-above .cite {
      display: block;
      margin-top: 46px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-above .info {
      padding: 0 0 19px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-below .info {
      padding: 19px 0 0; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-bottom .testimonial-main-content {
      height: 100%; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-bottom .content-wrap {
      display: inline-flex;
      flex-direction: column;
      height: 100%;
      width: 100%; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-bottom .content {
      flex-grow: 1; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-bottom .info {
      padding: 60px 0 0;
      flex-shrink: 0; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item.image-position-bottom.align-center .info {
      justify-content: center; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .thumbnail {
      opacity: 0; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .avatar img {
      width: 60px;
      height: 60px;
      border-radius: 50%; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .text {
      font-style: normal;
      font-size: 20px;
      line-height: 1.6;
      color: #696969; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .cite {
      font-style: normal; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .title {
      font-size: 20px;
      margin-bottom: 14px;
      line-height: 1;
      margin-top: 10px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .testimonial-rating {
      font-size: 12px;
      color: #f5a623;
      letter-spacing: 4px;
      margin-bottom: 10px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .name {
      display: block;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 0;
      margin-top: 56px; }
    .elementor-widget-tm-testimonial-grid .style-02 .testimonial-item .position {
      display: block;
      font-size: 15px;
      font-weight: 400;
      margin-top: 12px;
      line-height: 1.2;
      color: #7e7e7e; }

.elementor-widget-tm-testimonial-grid .style-03 {
  font-family: CircularStd !important; }
  .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 460px;
    overflow: hidden; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.align-left {
      text-align: left; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.align-right {
      text-align: right; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .testimonial-main-content {
      display: flex;
      justify-content: center;
      background: white;
      border-radius: 5px;
      border: 1px solid rgba(151, 151, 151, 0.37);
      height: 100%;
      background: url("assets/images/Quote.png") no-repeat 87% 10%; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .content-wrap {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      padding-top: 13%;
      padding-right: 13%;
      padding-left: 13%;
      margin-bottom: 13%;
      width: 100%;
      max-width: 100%;
      height: 100%;
      overflow: hidden; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-inline .avatar {
      flex-shrink: 0;
      margin: 0 20px 0 0; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-inline .info {
      display: inline-flex;
      align-items: center;
      text-align: left; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-inline.align-right .info {
      text-align: right;
      flex-direction: row-reverse; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-inline.align-right .avatar {
      flex-shrink: 0;
      margin: 0 0 0 20px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-inline.align-right .testimonial-item {
      text-align: right; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-stacked .avatar {
      margin: 0 0 28px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-stacked .info {
      display: inline-block; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-above .avatar {
      margin-bottom: 20px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.layout-image-above .cite {
      display: block;
      margin-top: 46px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-above .info {
      padding: 0 0 19px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-below .info {
      padding: 19px 0 0; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-bottom .testimonial-main-content {
      height: 100%; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-bottom .content-wrap {
      display: inline-flex;
      flex-direction: column;
      height: 100%;
      width: 100%; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-bottom .content {
      flex-grow: 1; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-bottom .info {
      padding: 60px 0 0;
      flex-shrink: 0; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item.image-position-bottom.align-center .info {
      justify-content: center; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .thumbnail {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 460px;
      overflow: hidden; }
      .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .thumbnail img {
        width: auto;
        height: 100%;
        border-radius: 5px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .avatar img {
      width: 60px;
      height: 60px;
      border-radius: 50%; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .text {
      font-style: normal;
      font-size: 20px;
      line-height: 1.6;
      color: #696969; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .cite {
      font-style: normal; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .title {
      font-size: 20px;
      margin-bottom: 14px;
      line-height: 1;
      margin-top: 10px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .testimonial-rating {
      font-size: 12px;
      color: #f5a623;
      letter-spacing: 4px;
      margin-bottom: 10px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .name {
      display: block;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 0;
      margin-top: 56px; }
    .elementor-widget-tm-testimonial-grid .style-03 .testimonial-item .position {
      display: block;
      font-size: 15px;
      font-weight: 400;
      margin-top: 12px;
      line-height: 1.2;
      color: #7e7e7e; }

@keyframes video-bounce-up {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1.15, 1.15); }
  50% {
    transform: scale(0.85, 0.85); }
  100% {
    transform: scale(1, 1); } }

.tm-popup-video {
  position: relative; }
  .tm-popup-video .video-link {
    display: inline-flex;
    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%;
    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;
      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: flex;
    align-items: 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 {
      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;
    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: flex;
  flex-direction: column;
  align-items: center; }

.medizin-popup-video-icon-position-top .video-play {
  margin: 0 0 20px; }

.medizin-popup-video-icon-position-left .video-button {
  display: flex;
  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: flex;
  align-items: center;
  flex-direction: row-reverse; }

.medizin-popup-video-icon-position-right .video-play {
  margin: 0 0 0 20px; }

@keyframes hozirontalMove {
  0% {
    transform: translateY(-100%); }
  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 {
        animation: hozirontalMove 1.3s linear infinite !important; }
      .tm-separator.vertical-line.play-animate .inner:after {
        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%;
  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;
    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%;
  transform: translate(0, -50%);
  left: 48px;
  color: #111; }
  .full-page-numbers .numbers {
    display: flex;
    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: flex; }

.medizin-button-align-start .form-submit {
  justify-content: flex-start; }

.medizin-button-align-center .form-submit {
  justify-content: center; }

.medizin-button-align-end .form-submit {
  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;
  transform: none;
  color: #fff; }

.medizin-mailchimp-form-style-01 .button-icon {
  position: absolute;
  top: 50%;
  left: 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;
  transform: none;
  color: #333; }

.medizin-mailchimp-form-style-02 .button-icon {
  position: absolute;
  top: 50%;
  right: 0;
  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; }

/* Remove Gap Beside Of Section */
.elementor-section-gap-beside-no > .elementor-container > .elementor-row {
  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: inline-flex;
  align-items: center;
  text-align: 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;
      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 {
  /* Firefox 18- */
  opacity: 1; }

.elementor-element .elementor-field.elementor-field::-moz-placeholder {
  /* Firefox 19+ */
  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; }

/* Helper class */
.elementor-form-no-wrap .elementor-form-fields-wrapper {
  flex-wrap: nowrap; }

.elementor-field-group.elementor-col-fit {
  flex-grow: 1; }

.elementor-field-group.elementor-col-custom {
  flex-shrink: 0; }

.elementor-form {
  /**
	 * Use Font Awesome instead of eicons.
	 */ }
  .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; }

.tm-testimonial-advanced {
  border: 1px solid rgba(151, 151, 151, 0.37);
  border-radius: 5px; }
  .tm-testimonial-advanced .testimonial-content {
    overflow: hidden;
    margin-left: 12%;
    margin-top: 45px;
    margin-bottom: 40px;
    padding-right: 13%;
    background: url("assets/images/Quote.png") no-repeat 87% 0; }
    .tm-testimonial-advanced .testimonial-content .testimonial-avatar {
      margin-bottom: 16px; }
      .tm-testimonial-advanced .testimonial-content .testimonial-avatar img {
        width: 60px;
        height: 60px; }
    .tm-testimonial-advanced .testimonial-content .title-wrap .title {
      font-family: CircularStd;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      color: #333333;
      margin-bottom: 16px; }
    .tm-testimonial-advanced .testimonial-content .description-wrap .description {
      font-family: CircularStd;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.6;
      color: #696969; }
    .tm-testimonial-advanced .testimonial-content .cite-space {
      height: 56px; }
    .tm-testimonial-advanced .testimonial-content .cite-wrap .cite-name {
      font-family: CircularStd;
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      color: #333333; }
    .tm-testimonial-advanced .testimonial-content .cite-wrap .cite-position {
      margin-top: 12px;
      font-family: CircularStd;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.2;
      color: #7e7e7e; }

.medizin-product-widget.style-01 .modern-grid {
  grid-gap: 30px; }

.medizin-product-widget.style-01 .grid-item {
  margin-bottom: 15px; }

.medizin-product-widget.style-01 .product-wrapper {
  position: relative; }
  .medizin-product-widget.style-01 .product-wrapper:hover .product-main-image img {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }
  .medizin-product-widget.style-01 .product-wrapper:hover .product-hover-image {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }

.medizin-product-widget.style-01 .product-thumbnail {
  position: relative;
  margin-bottom: 11px;
  display: inline-block;
  vertical-align: top; }

.medizin-product-widget.style-01 .thumbnail {
  position: relative;
  overflow: hidden;
  display: inline-block;
  justify-content: center;
  align-items: center; }
  .medizin-product-widget.style-01 .thumbnail img {
    transform: perspective(1px) translateZ(0);
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    width: auto;
    heigh: auto; }

.medizin-product-widget.style-01 .product-hover-image {
  transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden; }

.medizin-product-widget.style-01 .product-info {
  display: inline-block;
  padding-bottom: 22px;
  vertical-align: top;
  width: calc(100% - 160px); }

.medizin-product-widget.style-01 .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 0; }
  .medizin-product-widget.style-01 .woocommerce-loop-product__title a {
    display: block;
    color: inherit; }

.medizin-product-widget.style-01 .price {
  font-size: 18px;
  display: block;
  margin: 6px 0 0; }
  .medizin-product-widget.style-01 .price > .price {
    margin: 0; }
  .medizin-product-widget.style-01 .price ins,
  .medizin-product-widget.style-01 .price ins bdi {
    color: #4E97FD !important; }

.medizin-product-widget.style-01 .star-rating {
  margin: 9px auto 0; }

.medizin-product-widget.style-01 .loop-product__category {
  display: none; }

.medizin-product-widget.style-01 .swiper-button-prev {
  position: absolute;
  right: 40px;
  top: -60px;
  opacity: 1 !important;
  visibility: visible !important; }

.medizin-product-widget.style-01 .swiper-button-next {
  position: absolute;
  right: 0;
  top: -60px;
  opacity: 1 !important;
  visibility: visible !important; }

.elementor-widget-tm-product-widget .product-widget-title {
  border-bottom: 2px solid #EDEDED; }

.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 {
    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; }

/*# sourceMappingURL=assets/scss/sourcemap/style.css.map */