html {
   overflow-x: hidden;
}

#wpadminbar {
   z-index: 99999999;
}

.admin-bar .navbar {
   top: 32px;
}

/* General
-------------------------------------------------------- */
.transition-fade {
   opacity: 1;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.loader {
   display: inline-block;
   width: 2em;
   height: 2em;
   color: inherit;
   vertical-align: middle;
   pointer-events: none;
   border-right: .1em solid #ffffff;
   border-radius: 100%;
   -webkit-animation: loader 800ms linear infinite;
   animation: loader 800ms linear infinite;
}

.loader:before,
.loader:after {
   content: '';
   width: 2em;
   height: 2em;
   display: block;
   position: absolute;
   top: calc(50% - 1em);
   left: calc(50% - 1em);
   border-left: 0.12em solid #ffffff;
   border-radius: 100%;
   animation: loader 400ms linear infinite reverse;
}

.loader:after {
   width: 1em;
   height: 1em;
   top: calc(50% - .5em);
   left: calc(50% - .5em);
   border: 0;
   border-right: .12em solid #ffffff;
   -webkit-animation: none;
   animation: none;
}

@-webkit-keyframes loader {
   from {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }

   to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}

@keyframes loader {
   from {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }

   to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}

html.is-animating .preloader {
   display: block !important;
   transition: 0.4s;
   opacity: 1;
}

body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
   padding-top: 70px;
   font-family: 'Raleway', sans-serif;
}

body.navbar-transparent {
   padding-top: 0;
}

.main-content {
   flex: 1;
}

a {
   color: #194076;
}

a:hover {
   text-decoration: none;
}

/* Helpers
-------------------------------------------------------- */

.margin-bottom {
   margin-bottom: 40px;
}

.animate {
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.section-overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.2;
   z-index: 1;
}

/*
.animated:not([data-animation="none"]){
   //opacity: 0;
}
*/

strong.product-model {
   position: absolute;
   left: auto;
   right: 50px;
   top: 30px;
   font-size: 25px;
   color: #417bb0;
}

strong.product-model.big {
   right: 40px;
}

strong.product-model.Qube {
   right: 24px;
   color: #3aaa35;
}

strong.product-model.Smart {
   right: 24px;
   color: #ffd137;
}

strong.product-model.Modular {
   right: 20px;
   color: #114973;
}

strong.product-model.big.Qube {
   right: 12px;
}

strong.product-model.big.Smart {
   right: 12px;
}

strong.product-model.big.Modular {
   right: 6px;
}

.product-logo-img-panel {
   left: -10px;
   position: relative;
}

.product-details-logo.Qube .product-logo-img-panel {
   left: -40px;
}

.single-products .list-group-item {
   padding: 1.20rem 1.00rem;
}

/* Product Sticky Menu
-------------------------------------------------------- */
#main-menu {
   z-index: 99999999;
}

.product-menu-container,
.faq-menu-container {
   top: 120px;
   padding: 20px;
}

h2.section-title.products.sticky-top {
   background-color: #ffffff;
   top: 75px;
}

body.admin-bar h2.section-title.products.sticky-top {
   background-color: #ffffff;
   top: 110px;
}

.dropdown-item.sub-item {
   padding: .25rem 1.5rem .25rem 3rem;
}

.dropdown-item.last {
   margin-bottom: 30px;
}

#product-menu,
#product-menu>ul,
#faq-menu,
#faq-menu>ul {
   margin: 0 auto;
   list-style: none;
   padding: 10px;
}

#product-menu>li,
#product-menu>ul>li,
.product-submenu>li,
#faq-menu>li,
#faq-menu>ul>li {
   padding: 10px;
   transform: translateX(-100%);
   transition: transform 0.5s, opacity 2s;
   opacity: 0;
}

#product-menu>li.show,
.product-submenu>li.show,
#faq-menu>li.show {
   opacity: 1;
   transform: translateX(0%);
}

#product-menu li a,
#faq-menu li a {
   border-bottom: 1px solid #ddd;
   color: #7b7a7e;
}

#product-menu li a i,
#faq-menu li a i {
   margin-right: 20px;
}

#product-menu>li.active a,
#faq-menu>li.active a {
   font-weight: bold;
   color: #194076;
}

/* Buttons
-------------------------------------------------------- */

.schenker-btn {
   position: relative;
   background: none;
   border: none;
   border-radius: 0;
   font-size: 18px;
   cursor: pointer;
   background: rgb(155, 210, 215);
   margin: 0;
   padding: 10px 25px;
   box-shadow: 6px 6px 0 0 #184076;
}

.schenker-btn span {
   display: block;
}

.schenker-btn::before,
.schenker-btn::after {
   content: "";
   width: 0;
   height: 2px;
   position: absolute;
   transition: all 0.2s linear;
   background: rgb(24, 64, 118);
}

.schenker-btn span::before,
.schenker-btn span::after {
   content: "";
   width: 2px;
   height: 0;
   position: absolute;
   transition: all 0.2s linear;
   background: rgb(24, 64, 118);
}

.schenker-btn:hover {
   box-shadow: none;
}

.schenker-btn:hover::before,
.schenker-btn:hover::after {
   width: 100%;
}

.schenker-btn:hover span::before,
.schenker-btn:hover span::after {
   height: 100%;
}

/*----- button 1 -----*/
.btn-1::before,
.btn-1::after {
   transition-delay: 0.2s;
}

.btn-1 span::before,
.btn-1 span::after {
   transition-delay: 0s;
}

.btn-1::before {
   right: 0;
   top: 0;
}

.btn-1::after {
   left: 0;
   bottom: 0;
}

.btn-1 span::before {
   left: 0;
   top: 0;
}

.btn-1 span::after {
   right: 0;
   bottom: 0;
}

.btn-1:hover::before,
.btn-1:hover::after {
   transition-delay: 0s;
}

.btn-1:hover span::before,
.btn-1:hover span::after {
   transition-delay: 0.2s;
}

/*--- Button 2 -------*/


.btn-2::before,
.btn-2::after {
   transition-delay: 0s;
}

.btn-2 span::before,
.btn-2 span::after {
   transition-delay: 0.2s;
}

.btn-2::before {
   right: 0;
   top: 0;
}

.btn-2::after {
   left: 0;
   bottom: 0;
}

.btn-2 span::before {
   left: 0;
   top: 0;
}

.btn-2 span::after {
   right: 0;
   bottom: 0;
}

.btn-2:hover::before,
.btn-2:hover::after {
   transition-delay: 0.2s;
}

.btn-2:hover span::before,
.btn-2:hover span::after {
   transition-delay: 0s;
}


/*----- button 3 -----*/
.btn-3::after {
   left: 0;
   bottom: 0;
   transition-delay: 0.6s;
}

.btn-3 span::after {
   transition-delay: 0.4s;
   right: 0;
   bottom: 0
}

.btn-3::before {
   right: 0;
   top: 0;
   transition-delay: 0.2s;
}

.btn-3 span::before {
   transition-delay: 0s;
   left: 0;
   top: 0;
}

.btn-3:hover::after {
   transition-delay: 0s;
}

.btn-3:hover span::after {
   transition-delay: 0.2s;
}

.btn-3:hover::before {
   transition-delay: 0.4s;
}

.btn-3:hover span::before {
   transition-delay: 0.6s;
}

/*----- button 4 -----*/
.btn-4::after {
   right: 0;
   bottom: 0;
   transition-duration: 0.4s;
}

.btn-4 span::after {
   right: 0;
   bottom: 0;
   transition-duration: 0.4s;
}

.btn-4::before {
   left: 0;
   top: 0;
   transition-duration: 0.4s;
}

.btn-4 span::before {
   left: 0;
   top: 0;
   transition-duration: 0.4s;
}

/*----- button 5 -----*/
.btn-5::after {
   left: 0;
   bottom: 0;
   transition-duration: 0.4s;
}

.btn-5 span::after {
   right: 0;
   top: 0;
   transition-duration: 0.4s;
}

.btn-5::before {
   right: 0;
   top: 0;
   transition-duration: 0.4s;
}

.btn-5 span::before {
   left: 0;
   bottom: 0;
   transition-duration: 0.4s;
}

/*----- button 6 -----*/
.btn-6::before {
   left: 50%;
   top: 0;
   transition-duration: 0.4s;
}

.btn-6::after {
   left: 50%;
   bottom: 0;
   transition-duration: 0.4s;
}

.btn-6 span::before {
   left: 0;
   top: 50%;
   transition-duration: 0.4s;
}

.btn-6 span::after {
   right: 0;
   top: 50%;
   transition-duration: 0.4s;
}

.btn-6:hover::before,
.btn-6:hover::after {
   left: 0;
}

.btn-6:hover span::before,
.btn-6:hover span::after {
   top: 0;
}

/* Utilities
-------------------------------------------------------- */

.section-line {
   width: 230px;
   height: 1px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03c4b4+0,85bc0d+100 */
   background: #33abb6;
   /* Old browsers */
   background: -moz-linear-gradient(left, #33abb6 0%, #002946 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #33abb6 0%, #002946 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #33abb6 0%, #002946 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ABB6', endColorstr='#002946', GradientType=1);
   /* IE6-9 */

}

.section-line.white {
   background: #ffffff;
   /* Old browsers */
}

.header-section {
   padding: 200px 0 100px;
   height: 100vh;
   position: relative;
   background-color: black;
   width: 100%;
   overflow: hidden;
}


.header-section video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 0;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.header-section .container {
   position: relative;
   z-index: 2;
}

.header-section .cta-title {
   font-size: 40px;
   margin-bottom: 20px;
}

.second-content-section h3 {
   margin: 60px 0 30px;
}

.second-content-section h3:first-child {
   margin: 0 0 30px;
}

.masthead {
   padding: 5rem;
   position: relative;
   background-color: #ffb800;
   background-image: url(./img/overlay.svg), linear-gradient(45deg, #8386e3 0%, #9bd2d7 50%, #33abb6 100%);
   background-size: cover;
   z-index: 0;
}

.masthead .wave {
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 100%;
}

.masthead .wave.top {
   top: -1px;
   left: 0;
   transform: rotate(180deg);
}

.masthead-title {
   font-size: 62px;
}

.progress.round {
   width: 250px;
   height: 250px;
   line-height: 250px;
   background: none;
   margin: 0 auto;
   position: relative;
   box-shadow: -8px 1px 10px rgba(0, 0, 0, 0.5);
   border-radius: 130px;
   z-index: 2;
}

.progress.round:after {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 30px solid #8386e3;
   position: absolute;
   top: 0;
   left: 0;
}

.progress.round>span {
   width: 50%;
   height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   z-index: 3;
}

.progress.round .progress-left {
   left: 0;
}

.progress.round .progress-bar {
   width: 100%;
   height: 100%;
   background: none;
   border-width: 30px;
   border-style: solid;
   position: absolute;
   top: 0;
}

.progress.round .progress-left .progress-bar {
   left: 100%;
   border-top-right-radius: 130px;
   border-bottom-right-radius: 130px;
   border-left: 0;
   -webkit-transform-origin: center left;
   transform-origin: center left;
}

.progress.round .progress-right {
   right: 0;
}

.progress.round .progress-right .progress-bar.Out {
   animation: loading-0 1.8s linear backwards !important;
}

.no-animation {
   animation: none;
}

.progress.round .progress-right .progress-bar.In {
   animation: loading-1 1.8s linear forwards;
}

.progress.round .progress-right .progress-bar {
   left: -100%;
   border-top-left-radius: 130px;
   border-bottom-left-radius: 130px;
   border-right: 0;
   -webkit-transform-origin: center right;
   transform-origin: center right;
}

.progress.round .progress-value {
   width: 90%;
   height: 90%;
   border-radius: 20%;
   background: #ffffff;
   position: absolute;
   top: 1%;
   left: 8%;
}

.progress.blue .progress-bar {
   border-color: #049dff;
}

.progress.yellow .progress-bar {
   border-color: #fdba04;
}

.progress.pink .progress-bar {
   border-color: #ed687c;
}

.progress.green .progress-bar {
   border-color: #9bd2d7;
}

@keyframes loading-0 {
   0% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}

@keyframes loading-1 {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }
}

@keyframes loading-2 {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
   }
}

@keyframes loading-3 {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
   }
}

@keyframes loading-4 {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(36deg);
      transform: rotate(36deg);
   }
}

@keyframes loading-5 {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(126deg);
      transform: rotate(126deg);
   }
}

.title-line-4.white {
   background-color: #fff;
}

.title-line-4.align-center {
   width: 34px;
   height: 2px;
   float: none;
   padding: 0px;
   margin: 0 auto 60px auto;
}

.title-line-4.align-center.less-margin {
   margin: 0 auto 15px auto;
}

.section-overlay {
   position: relative;
   width: 100%;
   padding: 0px;
   margin: 0px;
   left: 0px;
   top: 0px;
   float: left;
   z-index: 2;
}

/* Menu
-------------------------------------------------------- */
#bs4navbar .navbar-nav {
   margin-top: 0.5rem !important;
   margin-left: auto !important;
   margin-right: 0px !important;
}

.navbar-transparent .bg-primary {
   background: transparent !important;
   backdrop-filter: blur(50px);
}

.navbar-transparent.is-scrolled .bg-primary {
   background: rgb(25, 64, 118, 0.9) !important;
}

.navbar-transparent.is-scrolled .navbar-brand {
   width: 200px;
   display: inline-block;
}

.navbar-brand {
   width: 250px;
   position: absolute;
   left: 50px;
}

.navbar-brand img {
   width: 90%;
}

#bs4navbar .nav-link {
   font-size: 16px;
   font-weight: 600;
   color: #ffffff !important;
   padding-right: 1.2rem !important;
   padding-left: 1.2rem !important;
   padding-top: 1rem !important;
}

#bs4navbar .nav-link::after {
   width: 12px;
   height: 12px;
   display: block;
   background: transparent;
   background-repeat: no-repeat;
   content: '';
   position: relative;
   top: -12px;
   left: 100%;

}

#bs4navbar .nav-link.dropdown-toggle::after {
   border: .4em solid transparent;
   border-top: .35em solid #fff;
   border-bottom: 0;
}

#bs4navbar .nav-link.active::after,
.current-menu-ancestor a::after {
   width: 12px;
   height: 12px;
   display: block;
   background-image: url('./img/menu-active-rect.png');
   background-repeat: no-repeat;
   content: '';
   position: relative;
   top: -12px;
   left: 100%;
}

#bs4navbar .nav-link:not(.dropdown-toggle):hover:after {
   width: 12px;
   height: 12px;
   display: block;
   background-image: url('./img/menu-active-rect.png');
   background-repeat: no-repeat;
   content: '';
   position: relative;
   top: -12px;
   left: 100%;
}

.dropdown:hover>.dropdown-menu {
   display: block;
}

.menu-item .dropdown-menu {
   top: 90%;
}

.single-post #bs4navbar .nav-link,
.page-template-no-slider #bs4navbar .nav-link {
   color: #114973 !important;
}

.single-post.is-scrolled #bs4navbar .nav-link,
.page-template-no-slider.is-scrolled #bs4navbar .nav-link {
   color: #ffffff !important;
}

.products-menu .dropdown-menu,
.products-menu .dropdown-menu.marine-watermakers {
   background: url('./img/products-menu/marine-watermakers.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.wiki {
   background: url('./img/products-menu/wiki.png') #fff;
   background-size: 195px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.zen {
   background: url('./img/products-menu/zen.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.smart {
   background: url('./img/products-menu/smart.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.modular {
   background: url('./img/products-menu/modular.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.portable-watermakers {
   background: url('./img/products-menu/portable-watermakers.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.aquatrek {
   background: url('./img/products-menu/aquatrek.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-menu.accessories {
   background: url('./img/products-menu/accessories.png') #fff;
   background-size: 210px;
   background-position: 80px 60px;
   background-repeat: no-repeat;
   min-width: 280px;
}

.products-menu .dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
   font-weight: bold;
   color: #184076;
   background: none;
}

.product-details-tab .nav-link {
   border: 1px solid #eee;
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem;
   background-color: #184076;
   color: #fff;
}

.dropdown-item.sub-item:after {
   display: none !important;
}

.lang-menu {
   display: flex;
}

.current-lang {
   position: relative;
   top: 15px;
   left: -15px;
   color: #ffffff;
}

.dot-menu {
   position: relative;
   top: 6px;
   left: 25px;
}

.dot-menu__checkbox {
   display: none;
}

.dot-menu__label:before,
.dot-menu__label:after {
   content: "";
   position: absolute;
   width: 4px;
   height: 4px;
   border-radius: 10px;
   background-color: #ffffff;
   -webkit-transition: .8s;
   transition: .8s;
   left: 25px;
   -webkit-transition: .2s;
   transition: .2s;
}

.dot-menu__label:after {
   top: 35px;
}

.dot-menu__label:before {
   top: 15px;
}

.dot-menu__checkbox:checked~.dot-menu__label:before,
.dot-menu__checkbox:checked~.dot-menu__label span:before,
.dot-menu__checkbox:checked~.dot-menu__label:after {
   background-color: #ffffff;
   top: 25px;
}

.dot-menu__checkbox:checked~.dot-menu__label span:before {
   width: 15px;
   left: 15px;
}

.dot-menu__label {
   cursor: pointer;
   width: 60px;
   height: 60px;
   display: block;
   text-indent: -9999em;
}

.dot-menu__label span:before {
   content: "";
   position: absolute;
   width: 4px;
   height: 4px;
   border-radius: 5px;
   background-color: #ffffff;
   -webkit-transition: .8s;
   transition: .8s;
   left: 25px;
   top: 25px;
}

.btn-lang-selector {
   background: transparent;
   border: unset;
   color: #ffffff;
   position: relative;
   top: -47px;
   left: 60px;
}

.btn-lang-selector:hover {
   color: #ffffff;
}

.dropdown-lang {
   top: 10px;
   right: 50px;
   left: auto;
   position: absolute;
}

.dropdown-lang-menu {
   top: 60px;
   left: auto;
   right: -20px;
}

.dropdown-lang-menu .dropdown-item {
   color: #16181b;
}

.dropdown-lang-menu .dropdown-item:hover {
   color: #16181b;
   text-decoration: none;
   background-color: rgba(255, 255, 255, 0.8);
}

.dropdown-lang-toggle:after {
   display: none;
}

.btn-lang-selector:focus {
   outline-style: none;
}

.form-control {
   background: transparent;
   border: none;
}

.icon-search {
   color: #fff !important;
   background: transparent;
   border: none;
   font-size: 26px;
   margin-right: 10px
}

::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #fff !important;
}

::-moz-placeholder {
   /* Firefox 19+ */
   color: #fff !important;
}

:-ms-input-placeholder {
   /* IE 10+ */
   color: #fff !important;
}

:-moz-placeholder {
   /* Firefox 18- */
   color: #fff !important;
}

.navbar-social a {
   display: inline-block;
   color: #fff;
   font-size: 20px;
   padding: 10px;
}

a.btn {
   color: #194076;
   font-weight: bold;
}

a.btn:hover {
   color: #194076;
}

/* Slider
-------------------------------------------------------- */
.carousel,
.carousel-inner,
.carousel-item {
   height: 100vh;
}

.slider-big .carousel-caption {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.slider-big h1,
.slider-big h3,
.header-section h1 {
   width: 40%;
   color: #ffffff !important;
   font-size: 55px;
   font-weight: 700;
}

.slider-big .carousel-action {
   position: relative;
   top: 5px;
}

.slider-big .carousel-text p {
   margin-top: 2rem;
   font-weight: 400;
   font-size: 1.8rem;
}

.slider-big .carousel-text a {
   color: #ffffff;
   display: inline-block;
   text-shadow: 1px 1px 1px #000;
}

.page-template-pressroom .slider-big .carousel-text a {
   text-shadow: none;
}

.slider-big .carousel-text a:hover {
   text-decoration: none;
}

.slider-big .carousel-line,
.simple-line {
   width: 60px;
   height: 1px;
   background: rgba(255, 255, 255, 0.8);
   display: inline-block;
   position: relative;
   top: -4px;
   left: 10px;
}

.slider-big .carousel-arrow {
   width: 28px;
   height: auto;
   position: relative;
   top: 0px;
   left: 15px;
}

/* Vertical carousel indicators
   ----------------------------------------------*/

.carousel-indicators .carousel-content {
   display: none;
}

.carousel-line-indicator {
   width: 25px;
   height: 1px;
   background: rgba(255, 255, 255, 0.8);
   display: inline-block;
   position: relative;
   top: -8px;
   left: 10px;
}

.carousel-number {
   font-style: italic;
   font-size: 18px;
   font-weight: 200;
   line-height: 1.2;
}

.carousel-indicators .active .carousel-content,
.carousel-indicators li:hover .carousel-content {
   display: block;
}

.carousel-indicators {
   position: absolute;
   top: 190px;
   left: auto;
   right: 50px;
   z-index: 15;
   list-style: decimal;
   text-align: center;
   display: block;
   color: #fff;
   text-indent: 0;
   margin: 0 auto;
}

.carousel-indicators li {
   display: block;
   width: 18px;
   height: 18px;
   margin-bottom: 10px;
   background-color: transparent;
   background-position: center center;
   background-image: url('./img/slider-indicator.png');
   background-repeat: no-repeat;
   text-indent: -100px;
}

.carousel-indicators li .carousel-number {
   position: relative;
   top: -2px;
}

.carousel-indicators .active,
.carousel-indicators li:hover .carousel-content {
   background-color: transparent;
   width: 18px;
   height: 18px;
   margin-bottom: 10px;
   background-image: url('./img/slider-indicator-active.png');
   background-repeat: no-repeat;
}


/* Mouse animate icon
   ------------------------------------------------------- */
.mouse-icon {
   border: 2px solid #ffffff;
   border-radius: 16px;
   height: 40px;
   width: 24px;
   display: block;
   z-index: 10;
   opacity: 0.7;
   position: absolute;
   bottom: 60px;
   left: calc(50% - 12px);
}

.mouse-icon .wheel {
   -webkit-animation-name: drop;
   -webkit-animation-duration: 1s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-play-state: running;
   -webkit-animation-name: drop;
   animation-name: drop;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-play-state: running;
   animation-play-state: running;
}

.mouse-icon .wheel {
   position: relative;
   border-radius: 10px;
   background: #ffffff;
   width: 2px;
   height: 6px;
   top: 4px;
   margin-left: auto;
   margin-right: auto;
}

@-webkit-keyframes drop {
   0% {
      top: 5px;
      opacity: 0;
   }

   30% {
      top: 10px;
      opacity: 1;
   }

   100% {
      top: 25px;
      opacity: 0;
   }
}

@keyframes drop {
   0% {
      top: 5px;
      opacity: 0;
   }

   30% {
      top: 10px;
      opacity: 1;
   }

   100% {
      top: 25px;
      opacity: 0;
   }
}

.section-category {
   position: relative;
   font-size: 14px;
   color: #3E3E3E;
   line-height: 14px;
}

.section-title {
   font-size: 52px;
   color: #194076;
   font-weight: bold;
   line-height: 62px;
   padding: 20px 40px 20px 0;
}

.section-title.sm {
   font-size: 32px;
   color: #194076;
   font-weight: bold;
   line-height: 42px;
}

.section-category::after,
.section-title.products::after {
   content: '';
   width: 150px;
   height: 1px;
   position: absolute;
   top: 6px;
   margin-left: 10px;
   background: #002946;
   background: -moz-linear-gradient(left, #33abb6 0%, #002946 100%);
   background: -webkit-linear-gradient(left, #33abb6 0%, #002946 100%);
   background: linear-gradient(to right, #33abb6 0%, #002946 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33abb6', endColorstr='#002946', GradientType=1);
}

.section-title.products::after {
   top: 52px;
   width: 300px;
   height: 3px;
}

.section-category.text-white:after {
   content: '';
   width: 150px;
   height: 1px;
   position: absolute;
   top: 6px;
   margin-left: 10px;
   background: #ffffff;
}

.section-category.text-white.small:after {
   display: none;
}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
   color: #194076;

   a {
      color: #194076;

      &:hover {
         text-decoration: none;
      }
   }
}

.section-image {
   position: relative;
   height: 450px;
}

.section-link {
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 45px;
   background: #ffffff;
   width: 200px;
   height: 100px;
}

.section-link:after {
   content: '';
   width: 26px;
   height: 26px;
   background-image: url(./img/blue-arrow.png);
   background-size: cover;
   background-position: center center;
   position: absolute;
   top: 41px;
   right: 40px;
}

.section-link.text-white::after {
   background-image: url(./img/white-arrow-small.png) !important;
}

.section-link a {
   position: relative;
   left: -24px;
   top: -3px;
   color: #194076
}

.section-link:hover {
   background-color: #194076;
   color: #ffffff;
}

.section-link.text-white:hover {
   background-color: #ffffff;
   color: #194076;
}

.section-link.text-white a,
.section-link:hover a {
   color: #ffffff;
}

.section-link.text-white:hover a {
   color: #194076;
}

.section-link:hover:after {
   background-image: url(./img/white-arrow-small.png) !important;
}

.section-link.text-white:hover:after {
   background-image: url(./img/blue-arrow.png) !important;
}

.section-link-v2 {
   bottom: 0;
   right: 0;
   background: #fff;
   color: #194076;

   a {
      color: #194076;
      padding: 2rem;
   }

   img {
      padding: 0 1rem;
   }

   img:last-child {
      display: none;
   }

   &:hover {
      color: #fff;
      background-color: #194076;

      img:last-child {
         display: inline-block;
      }

      img:first-child {
         display: none;
      }
   }
}

.section-link-v2:hover a {
   color: #fff;
}

.section-link-v2.text-white {
   border: 4px solid #ffffff;
   color: #fff;
   background-color: #194076;

   a {
      color: #fff;
   }

   &:hover {
      background-color: #ffffff;
   }
}

.section-link-v2.text-white:hover a {
   color: #194076;
}

.fa-schenker-arrow:before {
   content: ' ';
   width: 30px;
   height: 30px;
   background-size: contain;
   display: inline-block;
   position: relative;
   top: 8px;
   left: 8px;
   background-image: url(./img/white-arrow-small.png) !important;
}

.fa-schenker-arrow.blue:before {
   background-image: url(./img/blue-arrow.png) !important;
}

.fa-schenker-icon {
   width: 55px;
   height: 55px;
   background-size: contain;
   display: inline-block;
   position: relative;
}

.schenker-icon-label {
   left: 0;
   right: 0;
   bottom: 0px;
   text-transform: uppercase;
   font-weight: bold;
   color: #ffffff;
   background-color: #184076;
   width: 80%;
   margin: 0 auto;
   padding: 5px;
   box-shadow: 4px 4px 0 0 #9bd2d7
}

.fa-schenker-icon.xs {
   width: 20px;
   height: 20px;
}

.fa-schenker-icon-industry {
   background-image: url(./img/custom-icons/icon-1.png);
}

.fa-schenker-icon-patents {
   background-image: url(./img/custom-icons/icon-2.png);
}

.fa-schenker-icon-industry.white {
   background-image: url(./img/custom-icons/icon-1-white.png);
}

.fa-schenker-icon-patents.white {
   background-image: url(./img/custom-icons/icon-2-white.png);
}

.fa-schenker-icon-boat {
   bottom: 25px;
   width: 130px;
   height: 130px;
   background-color: #194076;
}

.fa-schenker-icon.filled {
   background-color: #194076;
}

.fa-schenker-icon.filled.products {
   background-color: #17a2b8;
}

.fa-schenker-icon.filled.white,
.fa-schenker-icon-boat.white {
   background-color: #ffffff;
}

.fa-schenker-icon-boat.group {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/group.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/group.svg);
      mask-image:  url(./img/custom-icons/group.svg);*/
}

.fa-schenker-icon-boat.xxs {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/xxs.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/xxs.svg);
      mask-image:  url(./img/custom-icons/boats/xxs.svg);*/
}

.fa-schenker-icon-boat.xs {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/xs.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/xs.svg);
      mask-image:  url(./img/custom-icons/boats/xs.svg);*/
}

.fa-schenker-icon-boat.xs2 {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/xs-2.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/xs-2.svg);
      mask-image:  url(./img/custom-icons/boats/xs-2.svg);*/
}

.fa-schenker-icon-boat.sm {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/sm-2.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/sm-2.svg);
      mask-image:  url(./img/custom-icons/boats/sm-2.svg);*/
}

.fa-schenker-icon-boat.md {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/md-2.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/md-2.svg);
      mask-image:  url(./img/custom-icons/boats/md-2.svg);*/
}

.fa-schenker-icon-boat.lg {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/lg-2.svg);
   /* -webkit-mask-image:  url(./img/custom-icons/boats/lg-2.svg);
      mask-image:  url(./img/custom-icons/boats/lg-2.svg); */
}

.fa-schenker-icon-boat.xl {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/xl.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/xl.svg);
      mask-image:  url(./img/custom-icons/boats/xl.svg);*/
}

.fa-schenker-icon-boat.xxl {
   width: 130px;
   height: 130px;
   background: url(./img/custom-icons/boats/xxl.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/boats/xxl.svg);
      mask-image:  url(./img/custom-icons/boats/xxl.svg);*/
}

.fa-schenker-icon-kg {
   -webkit-mask-image: url(./img/custom-icons/kg.svg);
   mask-image: url(./img/custom-icons/kg.svg);
}

.fa-schenker-icon-membranes {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/membranes-2.svg);
   /*-webkit-mask-image:  url(./img/custom-icons/membranes.svg);
      mask-image:  url(./img/custom-icons/membranes.svg);*/
}

.fa-schenker-icon-filters {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/filters.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.fa-schenker-icon-filters {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/filters.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.fa-schenker-icon-inlet-hose {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/inlet-hose.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.fa-schenker-icon-discharge-hose {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/discharge-hose.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.fa-schenker-icon-permeate-hose {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/permeate-hose.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.fa-schenker-icon-suction-capacity {
   background-position: bottom center !important;
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background: url(./img/custom-icons/suction-capacity.png);
   background-size: 30px;
   position: relative;
   top: 5px;
}

.section-parallax {
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 100px;
   padding-bottom: 100px;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

/* Our Company Two Columns
   -------------------------------------------------------- */
.our-company .two-columns {
   margin-top: 80px
}

.our-company .section-image {
   position: relative;
   height: 450px;
}

.our-company .two-columns p {
   font-weight: 300;
}


/* Benefits
   -------------------------------------------------------- */
.benefits .section-parallax {
   padding-top: 50px;
   padding-bottom: 50px;
}

.benefit-detail {
   margin: 0 auto;
}

.benefit-detail h2,
.benefit-detail h3 {
   text-align: center;
   color: #ffffff;
   font-size: 22px;
   font-weight: bold;
   width: 250px;
   height: 70px;
   margin-top: 30px;
}

.benefit-detail h3 {
   font-size: 16px;
   font-weight: normal;
}

.scale-5 {
   transform: scale(0.5);
}

.scale-8 {
   transform: scale(0.8);
}

.scale-9 {
   transform: scale(0.5);
}

.scale-up-1 {
   transform: scale(1.1);
}

.scale-up-2 {
   transform: scale(1.2);
}

.benefit-detail .progress.round {
   width: 200px;
   height: 200px;
   line-height: 200px;
   margin: 0 auto;
   top: 0;
   left: 0;
   right: 0;
   box-shadow: 6px 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.benefit-detail .progress.round:after {
   border: 15px solid #1b4278;
}

.benefit-detail.home .progress.round:after {
   border: 15px solid #72a2e8;
}

.benefit-detail .progress.round .progress-bar {
   width: 100%;
   height: 100%;
   background: none;
   border-width: 15px;
   border-style: solid;
   position: absolute;
   top: 0;
}

.benefit-detail .progress.round .progress-right .progress-bar {
   border-right: transparent;
}

.benefit-detail .progress .progress-value {
   top: 5px;
   left: 10px;
   border-radius: 50%;
}

.benefit-detail .progress .progress-value img {
   width: 75%;
   height: auto;
   text-align: center;
   display: block;
   left: 0;
   right: 0;
   margin: 40px auto;
}

.schenker-feature-box {
   width: 100%;
   padding: 0px;
   padding: 20px;
}

.schenker-feature-box a {
   font-weight: bold;
}

.schenker-feature-box,
.schenker-feature-box p {
   color: #194076;
   font-size: 14px;
}

.schenker-feature-box-1,
.schenker-feature-box-3,
.schenker-feature-box-6,
.schenker-feature-box-8 {
   background: #ffffff;

}

.schenker-feature-box-2,
.schenker-feature-box-4,
.schenker-feature-box-5,
.schenker-feature-box-7 {
   background: #dadada;

}


/*
   .schenker-feature-box.highlight, .schenker-feature-box.highlight-1{
   background: #e6e6e6;
}

.schenker-feature-box.highlight-4, .schenker-feature-box.highlight-8{
background: #dadada;
}
*/

.schenker-feature-box .text-holder {
   min-height: 500px;
}

.schenker-feature-box .title-1 {
   font-size: 36px;
}

.schenker-feature-box .title-2 {
   font-size: 30px;
   min-height: 70px;
   font-weight: bold;
   margin-bottom: 26px;
   letter-spacing: 0.4px;
}

.parallax-benefit-section {
   width: 100%;
   padding: 0px;
   margin: 0px;
   text-align: center;
   background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url('./img/other-benefits-bg-2.jpg');
   background-attachment: fixed;
   background-origin: initial;
   background-clip: initial;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 100% 0;
   background-position: center;
   z-index: 1;
   position: relative;
   top: -50px;
   margin-bottom: -80px;
}

.parallax-benefit-section a {
   color: #aaaaaa;
   font-weight: bold;
}

/* Products Card
-------------------------------------------------------- */
.fa-spin-fast {
   -webkit-animation: fa-spin-fast 0.2s infinite linear;
   animation: fa-spin-fast 0.2s infinite linear;
}

@-webkit-keyframes fa-spin-fast {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
   }
}

@keyframes fa-spin-fast {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
   }
}

.material-card {
   position: relative;
   height: 0;
   padding-bottom: calc(100% - 16px);
   margin-top: 6em;
   margin-bottom: 6em;
}

.material-card:nth-child(1) {
   margin-top: 0;
}

.material-card h2 {
   position: absolute;
   top: calc(100% - 16px);
   left: 0;
   width: 100%;
   padding: 10px 16px;
   color: #fff;
   font-size: 1.4em;
   line-height: 1.6em;
   margin: 0;
   z-index: 10;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.material-card h2 span {
   display: block;
}

.material-card h2 strong {
   font-weight: 400;
   display: block;
   font-size: 0.9rem;
   text-wrap: pretty;
   text-align: center;
   height: 4rem;
   margin-top: 1rem;
}

.material-card h2:before,
.material-card h2:after {
   content: ' ';
   position: absolute;
   left: 0;
   top: -16px;
   width: 0;
   border: 8px solid;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.material-card h2:after {
   top: auto;
   bottom: 0;
}

@media screen and (max-width: 767px) {
   .material-card.mc-active {
      padding-bottom: 0;
      height: auto;
   }
}

.material-card.mc-active h2 {
   top: 0;
   padding: 30px 70px;
}

.material-card.mc-active h2 span {
   display: inline-block !important;
}

.material-card.mc-active h2 strong {
   position: relative;
   left: -50px;
   top: 18px;
   width: 320px;
   font-size: 13.5px;
   font-weight: bold;
   text-align: center;
}

.material-card.mc-active h2 img {
   display: none !important;
   transform: scale(0.8);
}

.material-card.mc-active h2:before {
   top: 0;
}

.material-card.mc-active h2:after {
   bottom: -16px;
}

.material-card .mc-content {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 16px;
   left: 16px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;

   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

.material-card .mc-btn-action {
   position: absolute;
   right: 16px;
   bottom: -10px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 5px solid;
   width: 54px;
   height: 54px;
   line-height: 44px;
   text-align: center;
   color: #ffffff !important;
   cursor: pointer;
   z-index: 20;
   outline: none;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.material-card.mc-active .mc-btn-action {
   transform: scale(0.8);
   top: 15px;
}

.material-card .mc-description {
   position: absolute;
   top: 100%;
   right: 30px;
   left: 30px;
   bottom: 55px;
   overflow: hidden;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all 1.2s;
   -moz-transition: all 1.2s;
   -ms-transition: all 1.2s;
   -o-transition: all 1.2s;
   transition: all 1.2s;
   color: #ffffff;
}

.material-card .mc-footer {
   height: 0;
   overflow: hidden;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.material-card .mc-footer h4 {
   position: absolute;
   top: 100px;
   left: 30px;
   padding: 0;
   margin: 0;
   font-size: 16px;
   font-weight: 700;
   -webkit-transition: all 1.4s;
   -moz-transition: all 1.4s;
   -ms-transition: all 1.4s;
   -o-transition: all 1.4s;
   transition: all 1.4s;
   color: #ffffff !important;
}

.material-card .mc-footer p {
   width: 100%;
   height: 45px;
   padding: 0 30px;
   text-align: center;
}

.material-card .mc-footer a {
   position: relative;
   right: calc(-100% + 170px);
   font-size: 14px;
   padding: 14px 10px;
   color: #fff;
   text-decoration: none;
   top: 200px;
}

.material-card .mc-footer a:hover {
   color: #fff;
}

.material-card:hover .img-container>img {
   transform: scale(1.1) translateY(-50%);
}

.material-card .img-container {
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   z-index: 3;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.material-card.mc-active .img-container {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   left: 0;
   top: 12px;
   width: 60px;
   height: 60px;
   z-index: 20;
}

.material-card.mc-active .mc-content {
   padding-top: 5.6em;
}

@media screen and (max-width: 767px) {
   .material-card.mc-active .mc-content {
      position: relative;
      margin-right: 16px;
   }

}

.material-card.mc-active .mc-description {
   top: 50px;
   padding-top: 9.6em;
   opacity: 1;
   filter: alpha(opacity=100);
}

@media screen and (max-width: 767px) {
   .material-card.mc-active .mc-description {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      padding: 80px 30px 50px 30px;
      bottom: 0;
   }

   .material-card.mc-active h2 {
      padding: 20px 0px;
   }

   .material-card.mc-active h2 strong {
      left: 0;
      top: 8px;
      width: 100%;
   }
}

.material-card.mc-active .mc-footer {
   overflow: visible;
   position: absolute;
   top: calc(100% - 16px);
   left: 16px;
   right: 0;
   height: 112px;
   padding-top: 20px;
}

.material-card.mc-active .mc-footer a {
   display: inline-block;
   top: 4px;
}

.material-card.mc-active .mc-footer h4 {
   top: -32px;
}

.material-card.Indigo h2 {
   background-color: #345183;
}

.material-card.Indigo h2:after {
   border-top-color: #345183;
   border-right-color: #345183;
   border-bottom-color: transparent;
   border-left-color: transparent;
}

.material-card.Indigo h2:before {
   border-top-color: transparent;
   border-right-color: #1A237E;
   border-bottom-color: #1A237E;
   border-left-color: transparent;
}

.material-card.Indigo.mc-active h2:before {
   border-top-color: transparent;
   border-right-color: #345183;
   border-bottom-color: #345183;
   border-left-color: transparent;
}

.material-card.Indigo.mc-active h2:after {
   border-top-color: #1A237E;
   border-right-color: #1A237E;
   border-bottom-color: transparent;
   border-left-color: transparent;
}

.material-card.Indigo .mc-btn-action {
   background-color: #345183;
}

.material-card.Indigo .mc-btn-action:hover {
   background-color: #345183;
}

.material-card.Indigo .mc-footer h4 {
   color: #184076;
}

.material-card.Indigo .mc-footer a {
   background-color: #184076;
}

.material-card.Indigo.mc-active .mc-content {
   background-color: #E8EAF6;
}

.material-card.Indigo.mc-active .mc-footer {
   background-color: #eeeeee;
}

.material-card.Indigo.mc-active .mc-btn-action {
   border-color: #E8EAF6;
}

/* Grid Related Products
-------------------------------------------------------- */

.related-products .section-title.sm {
   font-size: 24px;
}

.related-products-carousel {
   height: unset;
}

/* News
-------------------------------------------------------- */
.pre-news.section-parallax {
   min-height: 400px;
}

.news {
   position: relative;
   top: -150px;
   margin-bottom: -100px;
}

.news-container {
   background-color: #ffffff;
}

.news .section-title {
   font-size: 25px;
   line-height: 0px;
   padding: 20px 40px 20px 0;
}

.news .news-content {
   padding: 10px 20px;
}

.news .section-link {
   left: -70px;
}

/* Suppliers
-------------------------------------------------------- */
.suppliers .section-parallax {
   padding-top: 50px;
   padding-bottom: 10px;
}

.suppliers-content {
   position: relative;
   top: -185px;
   left: 135px;
}

.suppliers+footer {
   margin-top: 0 !important;
}

/* Contacts https://bootsnipp.com/snippets/Q0k96
-------------------------------------------------------- */
.wpcf7 label {
   display: block;
   width: 100%;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
   display: block;
   width: 100%;
   padding: 0.5rem 0.75rem;
   font-size: 1rem;
   line-height: 1.25;
   color: #464a4c;
   background-color: transparent;
   background-image: none;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: none;
   border-bottom: 2px solid rgba(0, 0, 0, 0.15);
   -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
   -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.wpcf7 textarea::-ms-expand,
.wpcf7 input::-ms-expand {
   background-color: transparent;
   border: 0;
}

.wpcf7 select:focus,
.wpcf7 textarea:focus,
.wpcf7 input:focus {
   color: #464a4c;
   background-color: #fff;
   border-color: #5cb3fd;
   outline: none;
}

.wpcf7 textarea::-webkit-input-placeholder,
.wpcf7 input::-webkit-input-placeholder {
   color: #636c72;
   opacity: 1;
}

.wpcf7 textarea::-moz-placeholder,
.wpcf7 input::-moz-placeholder {
   color: #636c72;
   opacity: 1;
}

.wpcf7 textarea:-ms-input-placeholder,
.wpcf7 input:-ms-input-placeholder {
   color: #636c72;
   opacity: 1;
}

.wpcf7 textarea::placeholder,
.wpcf7 input::placeholder {
   color: #636c72;
   opacity: 1;
}

.wpcf7 textarea:disabled,
.wpcf7 textarea[readonly],
.wpcf7 input:disabled,
.wpcf7 input[readonly] {
   background-color: #eceeef;
   opacity: 1;
}

.wpcf7 textarea:disabled,
.wpcf7 input:disabled {
   cursor: not-allowed;
}

select.wpcf7 textarea:not([size]):not([multiple]),
select.wpcf7 input:not([size]):not([multiple]) {
   height: calc(2.25rem + 2px);
}

select.wpcf7 textarea:focus::-ms-value,
select.wpcf7 input:focus::-ms-value {
   color: #464a4c;
   background-color: #fff;
}

.wpcf7 input[type="submit"] {
   cursor: pointer !important;
   margin-top: 0.5rem;
   display: inline-block;
   font-weight: normal;
   line-height: 1.25;
   text-align: center;
   white-space: nowrap;
   display: block;
   width: 100%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   padding: 0.5rem 1rem;
   font-size: 1rem;
   border-radius: 0.25rem;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   color: #292b2c;
   background-color: #fff;
   border-color: #ccc;
}

.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="submit"]:hover {
   text-decoration: none;
}

.form-label-group {
   position: relative;
   margin-bottom: 1rem;
}

.form-label-group>label {
   position: absolute;
   top: 25px;
   left: 0;
   display: block;
   width: 100%;
   margin-bottom: 0;
   /* Override default `<label>` margin */
   line-height: 1.5;
   color: #495057;
   border: 1px solid transparent;
   border-radius: .25rem;
   transition: all .1s ease-in-out;
}

.form-label-group>label.active,
.form-label-group>label.filled {
   top: -5px;
}

.form-label-group>label.success {
   color: #3f9442;
   font-weight: bold;
}

.form-label-group>label.error {
   color: #cc0a0a;
   font-weight: bold;
}

.department {
   padding: 30px 0 40px;
   margin-bottom: 30px;
   background-color: #f9f9f9;
   text-align: center;
   overflow: hidden;
   position: relative;
}

.department .picture {
   display: inline-block;
   height: 130px;
   width: 130px;
   margin-bottom: 20px;
   z-index: 1;
   position: relative;
}

.department .picture::before {
   content: "";
   width: 100%;
   height: 0;
   border-radius: 50%;
   background-color: #184076;
   position: absolute;
   bottom: 135%;
   right: 0;
   left: 0;
   opacity: 0.9;
   transform: scale(3);
   transition: all 0.3s linear 0s;
}

.department:hover .picture::before {
   height: 100%;
}

.department .picture::after {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #184076;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.department .picture img {
   width: 100%;
   height: auto;
   border-radius: 50%;
   transform: scale(1);
   transition: all 0.9s ease 0s;
}

.department:hover .picture img {
   box-shadow: 0 0 0 14px #f7f5ec;
   transform: scale(0.7);
}

.department .title {
   display: block;
   font-size: 15px;
   color: #4e5052;
   text-transform: capitalize;
}

.department .contacts {
   width: 100%;
   padding: 0;
   margin: 0;
   background-color: #1369ce;
   position: absolute;
   bottom: -100px;
   left: 0;
   transition: all 0.5s ease 0s;
}

.department:hover .contacts {
   bottom: 0;
}

.department .contacts li {
   display: inline-block;
}

.department .contacts li a {
   display: block;
   padding: 10px;
   font-size: 17px;
   color: white;
   transition: all 0.3s ease 0s;
   text-decoration: none;
}

.department .contacts li a:hover {
   color: #1369ce;
   background-color: #f7f5ec;
}

ul.contact-list {
   margin: 20px auto;
   max-width: 300px;
}

/* Products Detail Card (Horizontal Version)
-------------------------------------------------------- */
.img-fluid.product-logo-header {
   max-width: 220px;
   margin: 0 auto;
   display: block;
}

.text-indent {
   text-indent: -9999999px;
   display: inline-block;
}

.img-fluid.product-logo-img-panel {
   max-width: 180px;
}

.product-info-details h5 {
   font-size: 0.85rem;
   font-weight: bold;
   color: #194076;
}

.product-head {
   background-color: #9bd2d7;
   background-image: -webkit-linear-gradient(rgb(155, 210, 215), rgb(131, 134, 227));
   background-image: -o-linear-gradient(rgb(155, 210, 215), rgb(131, 134, 227));
   background-image: linear-gradient(rgb(155, 210, 215), rgb(131, 134, 227));
   border-radius: 10px 10px 0 0;
   padding: 20px 25px;
}

.product-body {
   background-color: #8386e3;
   border-radius: 0 0 10px 10px;
   padding: 0 20px 30px 20px;
   color: #fff;
}

.schenker-action-btn {
   top: -20px;
   text-align: right;
}

.product-image-section:hover img {
   transform: scale(1.1);
   /*translateY(-50%)*/
}

.middle {
   position: relative;
   z-index: 9;
   top: 100px;
}

.home .middle {
   transform: translateY(-50%);
   top: 50%;
}


#wpsl-radius .wpsl-dropdown {
   min-width: 100px;
}

/* Footer
-------------------------------------------------------- */

.footer {
   background-image: linear-gradient(rgb(25, 64, 118, 1), rgb(25, 64, 118, 0.9)), url(./img/footer-bg.jpg);
   background-image: linear-gradient(rgb(25, 64, 118, 1), rgb(25, 64, 118, 0.7)), url(./img/footer-bg.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4 {
   color: #ffffff;
}

.footer h3 {
   font-size: 1.17em;
}

.footer-logo {
   width: 75%;
}

.footer a {
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   color: #ffffff;
   font-size: 14px;
}

.footer h3>a {
   font-size: inherit;
   cursor: pointer;
}

.footer a:hover {
   text-decoration: none;
   color: #ffffff;
}

.footer .schenker-social-wrap ul {
   list-style: none;
   display: inline-block;
   margin: 0;
   padding: 0;
   vertical-align: middle;
}

.footer .schenker-social-wrap ul {
   margin: 0;
   width: 100%;
}

.footer .schenker-social-wrap li {
   margin: 10px 20px 10px 0;
   display: inline-block;
}

.footer .schenker-social-wrap li>a {
   color: #ffffff;
   font-size: 24px;
}

.footer .schenker-social-wrap li>a:hover {
   color: #ffffff;
}

.footer .menu ul {
   list-style: none;
}

.footer .schenker-footer-menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   vertical-align: middle;
}

.footer .schenker-footer-menu li {
   text-transform: uppercase;
   padding: 4px 0;
}

.footer .schenker-footer-menu li>ul>li::before {
   content: "- ";
   color: #ffffff;
}

.footer .current-menu-ancestor a:after {
   background: none;
}

.footer .schenker-footer-menu li>ul>li {
   margin-left: 10px;
}

.footer .schenker-footer-menu li>a:hover {
   color: #ffffff;
}

.footer .copyright,
.footer .credits {
   display: block;
   padding: 20px 0 0;
   color: #ffffff;
   font-family: 'Source Sans Pro', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
   font-size: 15px;
   line-height: 22px;
   font-weight: normal;
   font-style: normal;
}

.footer .kw-icon-heart {
   color: #ffffff;
}

.footer .credits a {
   color: #ffffff;
}

.footer .credits a:hover {
   color: #ffffff;
}

/* Comments
-------------------------------------------------------- */
#comments {
   margin-bottom: 40px;
}

.comments {
   padding-top: 40px;
}

.comments textarea {
   width: 100%;
}

.comments label {
   min-width: 80px;
}

.comments ul,
.comments ol {
   list-style-type: none;
}

.comment-author img {
   border-radius: 999px;
   width: 50px;
}

.comment .reply {
   border-bottom: 1px solid #ccc;
   margin-bottom: 30px;
   padding-bottom: 10px;
}


/* Input & textarea
-------------------------------------------------------- */
input,
textarea {
   padding: 5px 10px;
   border: 1px solid #ccc
}


/* Schenker Gallery
-------------------------------------------------------- */

.schenker-gallery {
   background: transparent;
}

.schenker-gallery-cell {
   width: 70%;
   height: 200px;
   /* flex-box, center image in cell */
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
}

.schenker-gallery-cell img {
   display: block;
   max-width: 100%;
   max-height: 100%;
   /* dim unselected */
   opacity: 0.7;
   -webkit-transform: scale(0.85);
   transform: scale(0.85);
   -webkit-filter: blur(5px);
   filter: blur(5px);
   -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
   transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}

/* brighten selected image */
.schenker-gallery-cell.is-selected img {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-filter: none;
   filter: none;
}

/* fullscreen */
.schenker-gallery.is-fullscreen .schenker-gallery-cell {
   height: 100%;
}

@media screen and (min-width: 1200px) {

   /* Product Details Tab
   -------------------------------------------------------- */
   .product-details-tab {
      position: relative;
      top: 14px;
   }

   .product-details-tab.Aquatrek {
      position: relative;
      top: 5px;
   }
}

@media screen and (min-width: 768px) {
   .schenker-gallery-cell {
      height: 400px;
   }
}

@media screen and (min-width: 960px) {
   .schenker-gallery-cell {
      width: 60%;
   }
}

/* buttons, no circle */
.flickity-prev-next-button {
   width: 60px;
   height: 60px;
   background: transparent;
   opacity: 0.6;
}

.flickity-prev-next-button:hover {
   background: transparent;
   opacity: 1;
}

/* arrow color */
.flickity-prev-next-button .arrow {
   fill: white;
}

.flickity-prev-next-button.no-svg {
   color: white;
}

/* closer to edge */
.flickity-prev-next-button.previous {
   left: 0;
}

.flickity-prev-next-button.next {
   right: 0;
}

/* hide disabled button */
.flickity-prev-next-button:disabled {
   display: none;
}

.flickity-enabled.is-fullscreen {
   z-index: 99999999;
}

.flickity-fullscreen-button {
   position: absolute;
   padding: 12px;
   right: 15px;
   top: 120px;
}

.flickity-fullscreen-button-exit {
   position: absolute;
   padding: 12px;
   display: none;
   top: 25px;
   right: 25px;
}

.is-fullscreen .section-title {
   color: #ffffff;
}

.is-fullscreen .product-details-logo {
   display: block !important;
   position: absolute;
   bottom: 70px;
   right: 10px !important;
   z-index: 999999999;
}

.product-details-logo img {
   width: 100%;
   height: auto;
}

.product-details-logo .product-model {
   color: #ffffff !important;
   right: 40px;
}

.product-details-logo .product-model.big {
   right: 20px;
}

.is-fullscreen strong.product-model {
   position: inherit !important;
   display: block !important;
   left: auto;
}

.product-details-logo.Smart,
.product-details-logo.Modular {
   right: 110px;
   color: #ffffff;
}

.product-details-logo .product-model.Smart {
   right: 2px;
}

.product-details-logo .product-model.Modular {
   right: -6px;
}

.product-details-logo .product-model.big.Smart {
   color: #ffffff;
   right: -6px;
}

.product-details-logo .product-model.big.Modular {
   color: #ffffff;
   right: -14px;
}

.product-details-logo .product-model.big.Aquatrek {
   right: 6px;
   top: 20px;
}

@media screen and (min-width:768px) and (max-width: 1199px) {
   .product-details-tab .nav-item {
      width: 50%;
   }
}

/* Widgets
-------------------------------------------------------- */
.widget_search .screen-reader-text {
   display: block;
}

.widget_search #s {
   width: 70%;
   float: left;
}

.widget_search #searchsubmit {
   width: 30%;
   float: left;
   background: #fff;
}


/* pagination
-------------------------------------------------------- */
.pagination {
   margin-bottom: 40px
}

.page-numbers {
   display: inline-block;
   padding: 10px 15px;
   border: 1px solid #ddd;
   margin-right: 4px;
}


@media (max-width:1540px) {
   .navbar-brand {
      position: relative;
      left: auto;
   }
}

@media (min-width:1024px) and (max-width:1092px) {
   #bs4navbar .nav-link {
      font-size: 12px;
      font-weight: 600;
      color: #ffffff !important;
      padding-right: 1rem !important;
      padding-left: 1rem !important;
      padding-top: 1rem !important;
   }

   .dot-menu {
      top: 4px;
      left: 65px;
   }

   .btn-lang-selector {
      font-size: 12px;
      font-weight: 600;
      top: -50px;
      left: 65px;
   }

   .progress.round {
      transform: scale(0.7);
   }

}

@media (min-width:1093px) and (max-width:1440px) {

   .navbar-brand {
      width: 150px;
      position: absolute;
      left: 25px;
   }

   .navbar-transparent.is-scrolled .navbar-brand {
      width: 150px;
      display: inline-block;
   }

   #bs4navbar .nav-link {
      font-size: 13px;
      font-weight: 600;
      color: #ffffff !important;
      padding-right: 0.8rem !important;
      padding-left: 0.8rem !important;
      padding-top: 0.8rem !important;
   }
}

@media (min-width:1440px) and (max-width:1540px) {

   .navbar-brand {
      width: 200px;
      position: absolute;
      left: 50px;
   }

   .navbar-transparent.is-scrolled .navbar-brand {
      width: 200px;
      display: inline-block;
   }

   #bs4navbar .nav-link {
      font-size: 16px;
      font-weight: 600;
      color: #ffffff !important;
      padding-right: 1rem !important;
      padding-left: 1rem !important;
      padding-top: 1rem !important;
   }

}

/* --------------------------------------------------------
Tablet
-------------------------------------------------------- */
@media (max-width:992px) {
   .navbar-transparent .bg-primary {
      background: rgb(25, 64, 118, 1) !important;
      max-width: 100vw;
   }

   .navbar-social {
      flex-direction: row;
   }

   .section-title {
      font-size: 40px;
      line-height: 50px;
      padding: 20px 40px 0px 0px;
   }

   .dropdown:hover>.dropdown-menu {
      display: none;
   }

   .dropdown:hover>.dropdown-menu.show {
      display: block;
   }

   .dot-menu,
   .btn-lang-selector {
      display: none;
   }

   .header-section .section-title {
      width: 80%;
   }

   .section-title.products::after {
      top: 48px;
      width: 80px;
      height: 3px;
   }

   h1.section-title.products::after {
      width: 50px;
   }

   .section-category.text-white:after,
   .section-category:after {
      width: 100px;
   }

   .dropdown-lang {
      position: relative;
      top: 0;
      left: 0;
   }

   .slider-big h1,
   .slider-big h3,
   .header-section h1 {
      width: 65%;
      font-size: 40px;
   }

   .carousel-indicators {
      top: 100px;
      right: 10px;
   }

   .news .section-link {
      left: auto;
      right: 0;
   }

   .schenker-feature-box-1,
   .schenker-feature-box-4,
   .schenker-feature-box-5,
   .schenker-feature-box-8 {
      background: #ffffff;

   }

   .schenker-feature-box-2,
   .schenker-feature-box-3,
   .schenker-feature-box-6,
   .schenker-feature-box-7 {
      background: #dadada;

   }

   #product-menu li:not(:last-child) {
      margin-right: .5rem;
   }

   #product-menu li {
      display: inline-block;
   }

   #product-menu>li,
   #product-menu>ul>li,
   .product-submenu>li {
      padding: 2px;
   }

   .card-header-tabs {
      width: 100%;
      margin: 0.5rem auto;

      li {
         width: 100%;
      }
   }


   .product-features .card-header {
      text-align: center;
   }

   .product-features .card-header img {
      float: none;
      width: 100%;
      left: 0;
      margin-bottom: 1rem;
   }

   strong.product-model {
      margin: 1rem 0;
      position: relative;
      display: inline-block;
      left: -3rem;
      top: 1rem;
   }

   body.admin-bar h2.section-title.products.sticky-top {
      top: 100px;
      z-index: 1;
   }

   h2.section-title.products.sticky-top {
      top: 40px;
      z-index: 1;
   }

   .page-template-marine-watermaers-products .middle {
      width: 80% !important;
      top: auto;
      margin: 25px auto !important;
      display: block !important;
   }

}

/* --------------------------------------------------------
Smartphone
-------------------------------------------------------- */
@media (max-width: 320px) {
   .navbar-brand {
      width: 215px;
   }

   .carousel-line {
      display: none !important;
   }
}

@media (max-width: 570px) {
   #wpsl-search-wrap #wpsl-all-dealers-btn {
      margin-bottom: 5px;
   }
}

@media (max-width: 675px) {
   #wpsl-search-wrap #wpsl-all-dealers-btn {
      float: left;
      margin: 15px 5px 0 5px;
   }
}

@media (max-width:767px) {

   .admin-bar .navbar {
      top: 46px;
      background-color: transparent;
   }

   .bg-primary {
      background: rgb(25, 64, 118, 1) !important;
   }

   .slider-big h1,
   .slider-big h3 {
      font-size: 35px;
   }

   .header-section h1 {
      font-size: 35px;
   }

   .suppliers-content {
      position: relative;
      top: 0;
      left: 0;
   }

   .masthead {
      padding: 3rem;
   }

   .schenker-cta .section-content {
      text-align: text-right !important;
   }

   .gallery figure {
      flex: auto;
   }

   .popup figure {
      top: 50%;
      left: 50%;
   }

   .popup.pop figure {
      margin: 50px 0 0 -230px;
   }

   .popup figure img {
      width: 350px;
      height: auto;
      margin-left: 350px;
   }

   .popup.pop figure figcaption {
      width: 50%;
      padding: 90px 20px 20px;
      left: 350px;
   }

   .product-menu-container,
   .faq-menu-container {
      background-color: #ffffff;
      top: 50px;
      max-height: 400px;
      z-index: 9999999;
   }

   body.admin-bar h2.section-title.products.sticky-top {
      top: 215px;
   }

   h2.section-title.products.sticky-top {
      top: 215px;
      z-index: 1;
   }

   h2.section-title.products.sticky-top.Smart,
   h2.section-title.products.sticky-top.Aquatrek {
      background-color: #ffffff;
      top: 210px;
   }

   h2.section-title.products.sticky-top.Modular {
      background-color: #ffffff;
      top: 270px;
   }

   /* BEGIN V42 */
   h2.section-title.products.sticky-top.Zen {
      background-color: #ffffff;
      top: 235px;
   }

   body.admin-bar h2.section-title.products.sticky-top.Zen {
      top: 235px;
   }

   h2.section-title.products.sticky-top.Wiki {
      background-color: #ffffff;
      top: 55px;
   }

   body.admin-bar h2.section-title.products.sticky-top.Wiki {
      top: 55px;
   }

   /* END V42 */
   h2.section-title.products.sticky-top.Aquatrek {
      background-color: #ffffff;
      top: 215px;
   }

   body.admin-bar h2.section-title.products.sticky-top.Modular {
      background-color: #ffffff;
      top: 270px;
   }

   .flickity-fullscreen-button {
      top: 28px;
   }

   .schenker-feature-box .text-holder {
      min-height: 0;
   }

   .schenker-feature-box-1,
   .schenker-feature-box-3,
   .schenker-feature-box-5,
   .schenker-feature-box-7 {
      background: #ffffff;

   }

   .schenker-feature-box-2,
   .schenker-feature-box-4,
   .schenker-feature-box-6,
   .schenker-feature-box-8 {
      background: #dadada;

   }

   #wpsl-wrap #wpsl-result-list #wpsl-stores {
      height: auto !important;
      overflow: auto !important;
   }

   #wpsl-gmap {
      margin: 0 auto !important;
   }

   #wpsl-wrap #wpsl-result-list ul li {
      padding: 10px 20px;
   }

   .is-fullscreen .product-details-logo {
      right: auto;
      left: auto;
      width: 80%;
      margin: 0 auto;
   }

   .product-details-logo .product-model {
      right: 46px;
      font-size: 36px;
   }

   .product-details-logo .product-model.big {
      right: 30px;
   }

   .product-details-logo .product-model.Smart {
      right: -12px;
      top: 16px;
   }

   .product-details-logo .product-model.big.Smart {
      right: -38px;

   }

   .product-details-logo .product-model.Modular {
      right: -24px;
      top: 10px;
   }

   .product-details-logo .product-model.big.Modular {
      right: -30px;
      font-size: 34px;
      top: 22px;
   }

   #product-menu.modular {
      padding: 0;
   }

}


/* general wordpress style
-------------------------------------------------------- */
.post img {
   max-width: 100%;
   height: auto;
}

.line {
   width: 50%;
   margin: 20px auto;
   height: 3px;
   background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(33.33333333333333%, transparent), color-stop(33.33333333333333%, #ffffff), color-stop(66.66666666666666%, #ffffff), color-stop(66.66666666666666%, transparent), color-stop(99.99999999999999%, transparent));
   background: linear-gradient(to left, transparent 0%, transparent 33.33333333333333%, #ffffff 33.33333333333333%, #ffffff 66.66666666666666%, transparent 66.66666666666666%, transparent 99.99999999999999%);
}

.line.italy {
   background: -webkit-gradient(linear, right top, left top, from(#ce2b37), color-stop(33.33333333333333%, #ce2b37), color-stop(33.33333333333333%, #f1f2f1), color-stop(66.66666666666666%, #f1f2f1), color-stop(66.66666666666666%, #009246), color-stop(99.99999999999999%, #009246));
   background: linear-gradient(to left, #ce2b37 0%, #ce2b37 33.33333333333333%, #f1f2f1 33.33333333333333%, #f1f2f1 66.66666666666666%, #009246 66.66666666666666%, #009246 99.99999999999999%);
}

/* WordPress Core Styles
-------------------------------------------------------------- */
.gallery-caption {
   padding: 5px;
   font-size: 10px;
}

.bypostauthor {
   border-left: 3px solid #ddd;
   padding-left: 20px;
}

.alignnone {
   margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto 5px auto;
}

.alignright {
   float: right;
   margin: 5px 0 20px 20px;
}

.alignleft {
   float: left;
   margin: 5px 20px 20px 0;
}

a img.alignright {
   float: right;
   margin: 5px 0 20px 20px;
}

a img.alignnone {
   margin: 5px 20px 20px 0;
}

a img.alignleft {
   float: left;
   margin: 5px 20px 20px 0;
}

a img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   background: #fff;
   border: 1px solid #f0f0f0;
   max-width: 96%;
   /* Image does not overflow the content area */
   padding: 5px 3px 10px;
   text-align: center;
}

.wp-caption.alignnone {
   margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
   margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
   margin: 5px 0 20px 20px;
}

.wp-caption img {
   border: 0 none;
   height: auto;
   margin: 0;
   max-width: 98.5%;
   padding: 0;
   width: auto;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   margin: 0;
   padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   white-space: nowrap;
   height: 1px;
   width: 1px;
   overflow: hidden;
}

.screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
   /* Above WP toolbar. */
}

/*
* gallery
* ------------------------ */

.gallery {
   position: relative;
   z-index: 2;
   padding: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}

.gallery.pop {
   -webkit-filter: blur(10px);
   filter: blur(10px);
}

.gallery figure {
   -ms-flex-preferred-size: 25%;
   flex-basis: 25%;
   padding: 10px;
   overflow: hidden;
   border-radius: 10px;
   cursor: pointer;
}

.gallery figure img {
   width: 100%;
   height: 100%;
   -webkit-box-shadow: 1px 1px 5px 2px rgb(228, 232, 232);
   -moz-box-shadow: 1px 1px 5px 2px rgb(228, 232, 232);
   box-shadow: 1px 1px 5px 2px rgb(228, 232, 232);
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

.gallery figure figcaption {
   display: none;
}

.popup {
   position: fixed;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.75);
   opacity: 0;
   -webkit-transition: opacity .5s ease-in-out .2s;
   transition: opacity .5s ease-in-out .2s;
}

.popup.pop {
   opacity: 1;
   -webkit-transition: opacity .2s ease-in-out 0s;
   transition: opacity .2s ease-in-out 0s;
}

.popup.pop figure {
   margin-top: 75px;
   opacity: 1;
}

.popup figure {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   margin-top: 30px;
   opacity: 0;
   -webkit-animation: poppy 500ms linear both;
   animation: poppy 500ms linear both;
}

.popup figure img {
   position: relative;
   z-index: 2;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 6px 30px rgba(0, 0, 0, 0.4);
}

.popup figure figcaption {
   position: absolute;
   bottom: 49px;
   background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.78));
   background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78));
   z-index: 2;
   width: 100%;
   border-radius: 0;
   padding: 100px 20px 20px 20px;
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 32px;
}

.popup figure figcaption small {
   font-size: 11px;
   display: block;
   text-transform: uppercase;
   margin-top: 12px;
   text-indent: 3px;
   opacity: .7;
   letter-spacing: 1px;
}

.popup figure .shadow {
   position: relative;
   z-index: 1;
   top: -15px;
   margin: 0 auto;
   background-position: center bottom;
   background-repeat: no-repeat;
   width: 98%;
   height: 50px;
   opacity: .6;
   -webkit-filter: blur(15px) contrast(2);
   filter: blur(15px) contrast(2);
}

.popup .close {
   position: absolute;
   z-index: 3;
   top: 10px;
   right: 10px;
   width: 25px;
   height: 25px;
   cursor: pointer;
   background: url(#close);
   border-radius: 25px;
   background: rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.popup .close svg {
   width: 100%;
   height: 100%;
}

@-webkit-keyframes poppy {
   0% {
      -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
   }

   3.4% {
      -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
      transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
   }

   4.3% {
      -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
      transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
   }

   4.7% {
      -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
      transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
   }

   6.81% {
      -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
      transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
   }

   8.61% {
      -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
      transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
   }

   9.41% {
      -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
      transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
   }

   10.21% {
      -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
      transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
   }

   12.91% {
      -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
      transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
   }

   13.61% {
      -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
      transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
   }

   14.11% {
      -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
      transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
   }

   17.22% {
      -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
      transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
   }

   17.52% {
      -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
      transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
   }

   18.72% {
      -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
      transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
   }

   21.32% {
      -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
      transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
   }

   24.32% {
      -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
      transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
   }

   25.23% {
      -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
      transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
   }

   28.33% {
      -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
      transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
   }

   29.03% {
      -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
      transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
   }

   29.93% {
      -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
      transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
   }

   35.54% {
      -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
      transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
   }

   36.74% {
      -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
      transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
   }

   39.44% {
      -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
      transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
   }

   41.04% {
      -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
      transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
   }

   44.44% {
      -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
      transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
   }

   52.15% {
      -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
      transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
   }

   59.86% {
      -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
      transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
   }

   61.66% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
      transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
   }

   63.26% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
      transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
   }

   75.28% {
      -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
      transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
   }

   83.98% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
   }

   85.49% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
   }

   90.69% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
   }

   100% {
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
   }
}

@keyframes poppy {
   0% {
      -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
   }

   3.4% {
      -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
      transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
   }

   4.3% {
      -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
      transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
   }

   4.7% {
      -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
      transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
   }

   6.81% {
      -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
      transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
   }

   8.61% {
      -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
      transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
   }

   9.41% {
      -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
      transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
   }

   10.21% {
      -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
      transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
   }

   12.91% {
      -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
      transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
   }

   13.61% {
      -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
      transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
   }

   14.11% {
      -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
      transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
   }

   17.22% {
      -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
      transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
   }

   17.52% {
      -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
      transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
   }

   18.72% {
      -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
      transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
   }

   21.32% {
      -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
      transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
   }

   24.32% {
      -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
      transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
   }

   25.23% {
      -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
      transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
   }

   28.33% {
      -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
      transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
   }

   29.03% {
      -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
      transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
   }

   29.93% {
      -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
      transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
   }

   35.54% {
      -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
      transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
   }

   36.74% {
      -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
      transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
   }

   39.44% {
      -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
      transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
   }

   41.04% {
      -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
      transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
   }

   44.44% {
      -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
      transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
   }

   52.15% {
      -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
      transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
   }

   59.86% {
      -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
      transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
   }

   61.66% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
      transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
   }

   63.26% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
      transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
   }

   75.28% {
      -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
      transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
   }

   83.98% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
   }

   85.49% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
   }

   90.69% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
      transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
   }

   100% {
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
   }
}

/*
* counter
* ----------------------------- */

.masthead+.counters {
   margin-top: -120px;
}

.counter-box {
   display: block;
   background: rgba(5, 111, 146, 1);
   background-image: linear-gradient(171.8deg, rgb(35, 75, 125) 13.5%, rgb(57, 165, 173) 78.6%);
   border-radius: 20px;
   -webkit-box-shadow: 5px 5px 20px 2px rgba(117, 183, 199, 1);
   -moz-box-shadow: 5px 5px 20px 2px rgba(117, 183, 199, 1);
   box-shadow: 5px 5px 20px 2px rgba(117, 183, 199, 1);
   padding: 40px 20px 37px;
   text-align: center;
}

.counter-box p {
   margin: 5px 0 0;
   padding: 0;
   color: #ffffff;
   font-size: 18px;
   font-weight: 500;
}

.counter-box i {
   font-size: 60px;
   margin: 0 0 15px;
   color: #ffffff;
}

.counter {
   display: block;
   font-size: 32px;
   font-weight: 700;
   color: #ffffff;
   line-height: 28px;
}



/*
* FAQS
* ------------------------------------------------- */

#accordion .panel {
   border-radius: 0;
   border: 0;
   margin-top: 0px;
}

#accordion a.accordion-toggle {
   display: block;
   padding: 15px 30px;
   border-bottom: 1px solid #184076;
   text-decoration: none;
   text-transform: uppercase;
   background-color: #184076;
   color: #ffffff;
}

#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
   background-color: #184076;
   color: #ffffff;
   transition: all 0.2s ease-in;
}

#accordion .panel-heading a.collapsed:hover::after,
#accordion .panel-heading a.collapsed:focus::after {
   color: #ffffff;
}

#accordion .panel-heading {
   padding: 0;
   border-radius: 0px;
   text-align: center;
}

#accordion .panel-heading a:not(.collapsed) {
   color: #ffffff;
   background-color: #184076;
   transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::after {
   font-family: 'FontAwesome';
   content: '\f00d';
   float: right;
   color: #ffffff;
   font-weight: lighter;
   transform: rotate(0deg);
   transition: all 0.2s ease-in;
}

#accordion .panel-heading .accordion-toggle.collapsed::after {
   color: #ffffff;
   transform: rotate(-135deg);
   transition: all 0.2s ease-in;
}

#wpsl-wrap {
   margin-bottom: -20px;
}

.wpsl-search {
   margin-bottom: 0;
}

#wpsl-search-wrap {
   padding: 25px;
}

.wpsl-directions {
   display: none;
   visibility: hidden;
}

#wpsl-search-wrap div label {
   line-height: normal;
}

#wpsl-category,
.wpsl-input,
.wpsl-select-wrap {
   margin-bottom: 0;
}

#wpsl-search-wrap .wpsl-input label,
#wpsl-search-wrap div label {
   margin-top: 8px;
}

#wpsl-all-dealers-btn {
   padding: 7px 10px;
   line-height: 1.428571429;
   font-weight: 400;
   color: #7c7c7c;
   background-color: #e6e6e6;
   background-repeat: repeat-x;
   background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
   box-shadow: 0 1px 2px rgba(64, 64, 64, .1);
   text-transform: none !important;
   border: 1px solid #d2d2d2;
   border-radius: 3px;
   display: table-cell;
}

#wpsl-search select,
#wpsl-search-wrap select {
   min-height: 40px;
}

/** ZOOM JS **/
img[data-action="zoom"],
img.zoom-in {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
   position: relative;
   z-index: 99999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

img.zoom-img {
   cursor: pointer;
   cursor: -webkit-zoom-out;
   cursor: -moz-zoom-out;
}

.zoom-overlay {
   z-index: 9999;
   background: #fff;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   filter: "alpha(opacity=0)";
   opacity: 0;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
   filter: "alpha(opacity=100)";
   opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
   cursor: default;
}

#wpsl-gmap img[src*="green"] {
   display: none !important;
}

/* YOUTUBE IFRAME EMBED FIX HEIGHT */
.wp-block-embed iframe {
   max-width: 100%;
   max-height: 300px;
   box-shadow: 8px 8px 20px 0 #184076;
}

@media (max-width: 768px) {

   .page-template-tutorials .wp-block-embed {
      height: 235px;
   }

   .page-template-tutorials .wp-block-embed iframe,
   .page-template-tutorials .wp-block-embed object,
   .page-template-tutorials .wp-block-embed embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 220px;
      box-shadow: 8px 8px 20px 0 #184076;
   }


}

.single-post article.post a:not(.schenker-btn, h2 a) {
   text-decoration: underline;
   font-weight: bold;
}

.widget article.post a:not(.schenker-btn, h2 a) {
   text-decoration: none;
   font-weight: 500;
}

.country-select {
   width: 100%;
}


.page-template-pressroom {

   .header-section h1,
   .slider-big .carousel-text a {
      color: #194076 !important;
   }

   .slider-big .carousel-line,
   .simple-line {
      background-color: #194076;
   }
}