:root {
    --tms-default-border-radius: 4px;
}

@media (max-width: 991px) {
    main#maincontent {
        overflow: hidden;
    }
}
:root {
    --tms-ci-color-primary: #53a392;
    --tms-ci-color-secondary: #fff;
    --tms-ci-text-color-dark: #000;
    --tms-ci-text-color-light: #fff;
    --tms-text-link-color: var(--tms-ci-color-primary);
    --tms-text-link-color-hover: var(--tms-ci-color-primary);
    --tms-text-color-on-primary-ci-color: var(--tms-ci-color-secondary);

    --tms-green: #d4021c;
    --tms-red: #3a9c2d;
    --tms-gray-20: hsl(0, 0%, 20%); /* dark */
    --tms-gray-30: hsl(0, 0%, 30%); /* Kontrast: 3 zu 1 */
    --tms-gray-40: hsl(0, 0%, 40%);
    --tms-gray-45: hsl(0, 0%, 45%); /* WCAG: No contrast errors */
    --tms-gray-50: hsl(0, 0%, 50%);
    --tms-gray-60: hsl(0, 0%, 60%);
    --tms-gray-70: hsl(0, 0%, 70%); /* Kontrast: 4,5 zu 1 */
    --tms-gray-80: hsl(0, 0%, 80%);
    --tms-gray-85: hsl(0, 0%, 85%);
    --tms-gray-90: hsl(0, 0%, 90%);
    --tms-gray-95: hsl(0, 0%, 95%); /* light */
    --tms-default-gray-text: #777;
    --tms-default-gray-border-dark: var(--tms-gray-80);
    --tms-default-gray-border-light: #ddd;

    --tms-btn-hover-bg-color: #47c3a9;
    --tms-btn-hover-color: var(--tms-text-color-on-primary-ci-color);

    --tms-nav-desktop-bg-color-level0: #fff;
    --tms-bg-color-fuersprecher: inherit;

    /* Settings not related to color */
    --tms-border-radius: var(--tms-default-border-radius);
}
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}.page-header.type2{background-color:#0083c1;color:#fff;border:0}
.page-header.type2 .header.panel>.header.links>li>a{color:#fff}
.page-header.type2 .header.panel>.header.links>li>a:hover{color:#fff}
.page-header.type2 .minicart-wrapper{position:absolute;top:50%;right:15px;margin-top:-20px}
.page-header.type2 .minicart-wrapper .action.showcart:before,.page-header.type2 .minicart-wrapper .action.showcart.active:before{color:#fff}
.page-header.type2 .minicart-wrapper .action.showcart .counter.qty{color:#000}

@media only screen and (max-width:767px){
    .page-header.type2 .logo{height:40px;float:left;margin:10px 0}
    .page-header.type2 .logo img{max-width:100%;max-height:100%;width:auto}
    .page-header.type2 .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right}
    .page-header.type2 .block-search{float:none;margin-bottom:0}
    .page-header.type2 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:15px}
    .page-header.type2 .block-search .label:before{color:#fff;cursor:pointer}
    .page-header.type2 .nav-toggle:before{color:#fff}
}
@media all and (min-width:768px),print{
    header.page-header.sticky-header.type2 .minicart-wrapper .action.showcart:before{color:#fff}
    header.page-header.sticky-header.type2 .minicart-wrapper .action.showcart .counter.qty{color:#000}
    .page-header.type2{background-color:#0083c1;color:#fff;border-top:0}
    .page-header.type2>.panel.wrapper{background-color:#008acc;color:#fff}
    .page-header.type2 .panel.header .switcher{border-left:1px solid rgba(255,255,255,0.5);padding:0 15px;text-transform:uppercase}
    .page-header.type2 .panel.header .switcher:first-child{border-left:0;padding-left:0}
    .page-header.type2 .panel.header .switcher:last-child{padding-right:0}
    .page-header.type2 .panel.header .header.links>li>a{color:#fff}
    .page-header.type2 .panel.header .header.links>li>a:hover{color:#fff}
    .page-header.type2 .customer-welcome .action.switch{color:#fff}
    .page-header.type2 .nav-sections{background-color:#006fa4;color:#fff}
    .page-header.type2 .navigation .level0.parent>a:after{line-height:46px}
    .page-header.type2 .navigation .level0>.level-top{color:#fff;font-weight:700}
    .page-header.type2 .block-search input{background-color:#006393;color:#ddd}
    .page-header.type2 .block-search .action.search{border-left:1px solid rgba(255,255,255,0.2);padding:0 12px}
    .page-header.type2 .block-search .action.search:focus:before{color:#fff}
    .page-header.type2 .block-search .action.search:before,.page-header.type2 .block-search .action.search:hover:before{color:#fff}
    .page-header.type2 .block-search .action.search:hover{border-left-width:1px}
    .page-header.type2 .custom-block{height:40px;line-height:40px;position:absolute;top:50%;right:60px;margin-top:-20px;font-size:14px;color:#fff}
    .page-header.type2 .custom-block>*{display:inline-block;vertical-align:middle}
    .page-header.type2 .custom-block>a{font-size:12px;color:#fff}
}
.action.compare.no-display {
    display: none !important;
}
body > p {
    display: none;
}
.toolbar .modes > a {
    text-decoration: none;
}
.toolbar-amount {display: none;}
.clearer {
    clear:both;
}
@media (min-width: 1200px) {
    .col-xl-2-4 {
        width: 20%;
    }
    .col-xl-9-6 {
        width: 80%;
    }
}
@media (max-width: 1199px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .layout-1280 .navigation, .layout-1280 .page-wrapper > .breadcrumbs .items, .layout-1280 .page-header .header.panel, .layout-1280 .header.content, .layout-1280 .footer.content, .layout-1280 .page-wrapper > .widget, .layout-1280 .page-wrapper > .page-bottom, .layout-1280 .block.category.event, .layout-1280 .top-container, .layout-1280 .page-main {
        max-width: 1280px;
    }
    .layout-1280 .container {
        max-width: 1280px;
        width: 100%;
    }
}
.swatch-input {display: none;}
.btn-default {
    color: #fff;
    font-weight: 400;
    background-image: none;
    background-color: #08c;
    text-shadow: none;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
    width: 100%;
}
@media (min-width: 768px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 1140px;
    }
}
.prev-next-products {
    float: right;
}
.prev-next-products .product-nav em:before {
    margin: 0;
}
.prev-next-products .product-nav.product-next .product-pop:before {
    right: 21px;
}
.prev-next-products .product-nav.product-prev .product-pop:before {
    left: 27px;
}
.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb;
}
.homepage-bar .col-lg-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 14px;
    padding-bottom: 14px;
}
.homepage-bar .col-lg-4:first-child {
    border-left: 0;
}
.homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}
.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}
.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}
.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1;
}
.image-link {
    display: block;
    position: relative;
}
.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.image-link:hover:before {
    opacity: 0.1;
    visibility: visible;
}
.image-link img {
    width: 100%;
    display: block;
}
.border-radius .image-link:before {
    border-radius: 8px;
}

.custom-support {
    text-align: left;
}
.custom-support em[class*=icon-] {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px;
}
.custom-support div.content {
    margin-left: 76px;
}
.custom-support div.content>h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}
.custom-support div.content>em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}
.custom-support div.content>p {
    color: #666;
    font-size: 14px;
}

.photo-instagrams .image-link {position: relative;}
.photo-instagrams .image-link .content {display: none;position: absolute;left: 0;right: 0;top: 0;background-color: rgba(255, 0, 0, 0.5);text-align: center;height: 100%;vertical-align: middle;font-size: 35px;color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s;}
.photo-instagrams .image-link:hover .content{opacity: 1;visibility: visible;}
.photo-instagrams .image-link .content i {position: absolute;top: calc(50% - 18px);left: calc(50% - 24.5px);display: inline-block;vertical-align: middle;}
.parallax-wrapper {
    position: relative;
}
.parallax-wrapper .overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 50px 0;
}
.parallax-slider {
    text-align: center;
}
.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1;
}
.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}
.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
.brands-slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}
.customer-account-login .account-social-login, .customer-account-create .account-social-login  {display: none;}
.customer-account-login .block-customer-login .account-social-login, .customer-account-create .form-create-account .account-social-login{display: block;width: 100%;position:relative;margin: 50px 0;}
.customer-account-login .block-customer-login .account-social-login:before,
.customer-account-create .form-create-account .account-social-login:before {
    content: '';
    position:absolute;
    height: 1px;
    background-color: #dfdfdf;
    z-index: 3;
    top: 0;
    left: 25px;
    right: 25px;
}
.customer-account-login .block-customer-login .account-social-login:before {
    left: 0;
    right: 0;
}
.customer-account-login .block-customer-login .account-social-login:after,
.customer-account-create .form-create-account .account-social-login:after {
    content: 'or';
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 4;
    text-align: center;
    border: #dfdfdf solid 1px;
    border-radius: 100%;
    line-height: 43px;
    color: #777;
    left: 0;
    top: -22px;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
}
.customer-account-login .account-social-login .block-content, .customer-account-create .account-social-login {padding-top: 50px;}
.form.create.account .account-social-login .actions-toolbar {
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .nav-open .page-wrapper {
        position: fixed;
        z-index: 3;
    }
}
@media (max-width: 991px) {
    .homepage-bar .col-lg-4 {
        border: 0;
        text-align: left !important;
    }
    .parallax {
        background-position: center center !important;
        background-attachment: initial;
    }
}
@media (max-width: 767px) {
    .parallax-slider .owl-carousel h2 {
        font-size: 40px;
    }
    .parallax-slider .owl-carousel p {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .parallax-slider .owl-carousel a {
        font-size: 13px;
    }
}
/*=============== Demo 1 Homepage Slider ===============*/
.owl-banner-carousel .content.type1 h2{font-size:60px}
.owl-banner-carousel .content.type1 p{font-size:25px}
.owl-banner-carousel .content.type1 a{font-size:16px}

@media (max-width:1199px){
    .owl-banner-carousel .content.type1 h2{font-size:48px}
    .owl-banner-carousel .content.type1 p{font-size:20px}
    .owl-banner-carousel .content.type1 a{font-size:13px}
}
@media (max-width:991px){
    .owl-banner-carousel .content.type1 h2{font-size:36px}
    .owl-banner-carousel .content.type1 p{font-size:15px}
    .owl-banner-carousel .content.type1 a{font-size:10px}
}
@media (max-width:767px){
    .owl-banner-carousel .content.type1 h2{font-size:24px}
    .owl-banner-carousel .content.type1 p{display:none}
    .owl-banner-carousel .content.type1 a{font-size:8px}
}
/*=============== Demo 3 Homepage Slider ===============*/
#banner-slider-demo-3 .slide1-content em{font-size:26.26px;margin:0 10px}
#banner-slider-demo-3 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
#banner-slider-demo-3 .slide1-content p{font-size:23.64px}
#banner-slider-demo-3 .slide2-content em{font-size:26.26px;margin-left:8px}
#banner-slider-demo-3 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
#banner-slider-demo-3 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
#banner-slider-demo-3 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
#banner-slider-demo-3 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
#banner-slider-demo-3 .slide3-content em{font-size:26.26px}
#banner-slider-demo-3 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
#banner-slider-demo-3 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
@media (max-width:991px){
    #banner-slider-demo-3 .slide1-content img.quote{width:30px}
    #banner-slider-demo-3 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-3 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-3 .slide1-content p{font-size:18px}
    #banner-slider-demo-3 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-3 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-3 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-3 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-3 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-3 .slide3-content em{font-size:20px}
    #banner-slider-demo-3 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-3 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
}
@media (max-width:640px){
    #banner-slider-demo-3 .slide1-content img.quote{width:15px}
    #banner-slider-demo-3 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-3 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-3 .slide1-content p{font-size:14px}
    #banner-slider-demo-3 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-3 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-3 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-3 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-3 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-3 .slide3-content em{font-size:14px}
    #banner-slider-demo-3 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-3 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
}
/*=============== Demo 8 Homepage Slider ===============*/
#banner-slider-demo-8 .slide1-content em{font-size:26.26px;margin:0 10px}
#banner-slider-demo-8 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
#banner-slider-demo-8 .slide1-content p{font-size:23.64px}
#banner-slider-demo-8 .slide2-content em{font-size:26.26px;margin-left:8px}
#banner-slider-demo-8 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
#banner-slider-demo-8 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
#banner-slider-demo-8 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
#banner-slider-demo-8 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
#banner-slider-demo-8 .slide3-content em{font-size:26.26px}
#banner-slider-demo-8 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
#banner-slider-demo-8 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
@media (max-width:991px){
    #banner-slider-demo-8 .slide1-content img.quote{width:30px}
    #banner-slider-demo-8 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-8 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-8 .slide1-content p{font-size:18px}
    #banner-slider-demo-8 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-8 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-8 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-8 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-8 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-8 .slide3-content em{font-size:20px}
    #banner-slider-demo-8 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-8 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
}
@media (max-width:640px){
    #banner-slider-demo-8 .slide1-content img.quote{width:15px}
    #banner-slider-demo-8 .slide1-content em{font-size:12px;margin:0 3px}
    #banner-slider-demo-8 .slide1-content h2{font-size:23px;margin:1px 0 5px}
    #banner-slider-demo-8 .slide1-content p{font-size:14px}
    #banner-slider-demo-8 .slide2-content em{font-size:12px;margin-left:3px}
    #banner-slider-demo-8 .slide2-content h2{font-size:23px;margin:0 0 5px}
    #banner-slider-demo-8 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:5px}
    #banner-slider-demo-8 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-8 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-8 .slide3-content em{font-size:12px}
    #banner-slider-demo-8 .slide3-content h2{font-size:23px;margin-bottom:8px;margin-top:5px;}
    #banner-slider-demo-8 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
}
/*=============== Demo 4 Homepage Slider ===============*/
#banner-slider-demo-4 .slide1-content em{font-size:26.26px;margin:0 10px}
#banner-slider-demo-4 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
#banner-slider-demo-4 .slide1-content p{font-size:23.64px}
#banner-slider-demo-4 .slide2-content em{font-size:26.26px;margin-left:8px}
#banner-slider-demo-4 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
#banner-slider-demo-4 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
#banner-slider-demo-4 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
#banner-slider-demo-4 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
#banner-slider-demo-4 .slide3-content em{font-size:26.26px}
#banner-slider-demo-4 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
#banner-slider-demo-4 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
@media (max-width:991px){
    #banner-slider-demo-4 .slide1-content img.quote{width:30px}
    #banner-slider-demo-4 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-4 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-4 .slide1-content p{font-size:18px}
    #banner-slider-demo-4 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-4 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-4 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-4 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-4 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-4 .slide3-content em{font-size:20px}
    #banner-slider-demo-4 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-4 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
}
@media (max-width:640px){
    #banner-slider-demo-4 .slide1-content img.quote{width:15px}
    #banner-slider-demo-4 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-4 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-4 .slide1-content p{font-size:14px}
    #banner-slider-demo-4 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-4 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-4 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-4 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-4 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-4 .slide3-content em{font-size:14px}
    #banner-slider-demo-4 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-4 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
}
.slider-with-side {
    margin: 0 -8px;
}
.slider-with-side .slider-area {
    padding: 0 8px;
    float: left;
    width: 72.3%;
}
.slider-with-side .slider-area .item .content .ribbon {
    right: 13px;
    top: 16px;
}
.slider-with-side .slider-area .item .content .ribbon em {
    font-size: 14px;
    margin: 0;
    margin-right: 63px;
}
.slider-with-side .slider-area .item .content .ribbon h3 {
    font-size: 33px;
    margin: 0;
    margin-right: 14px;
}
.slider-with-side .slider-area .item .content .ribbon h5 {
    font-size: 18px;
    margin: 0;
    margin-top: -3px;
}
.slider-with-side .slider-area .item .content .text-area h2 {
    display: inline-block;
    padding: 7px 50px 7px 11px;
    font-size: 42.7px;
    margin-bottom: 4px;
}
.slider-with-side .slider-area .item .content .text-area p {
    display: inline-block;
    padding: 12px 17px 12px 13px;
    font-size: 17.58px;
    margin: 0;
}
@media (max-width: 1199px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 11px;
        top: 11px;
    }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 13px;
        margin-right: 60px;
    }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 30px;
        margin-right: 12px;
    }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 16px;
        margin-top: -2px;
    }
    .slider-with-side .slider-area .item .content .text-area h2 {
        padding: 6px 45px 6px 10px;
        font-size: 38px;
    }
    .slider-with-side .slider-area .item .content .text-area p {
        padding: 10px 15px 10px 11px;
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 3px;
        top: 3px;
    }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 8px;
        margin-right: 40px;
    }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 22px;
        margin-right: 7px;
    }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 10px;
        margin-top: -1px;
    }
    .slider-with-side .slider-area .item .content .text-area h2 {
        padding: 4px 38px 4px 7px;
        font-size: 22px;
    }
    .slider-with-side .slider-area .item .content .text-area p {
        padding: 6px 11px 6px 8px;
        font-size: 9px;
    }
}
@media (max-width: 480px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 3px;
        top: 1px;
    }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 6px;
        margin-right: 22px;
    }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 14px;
        margin-right: 2px;
    }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 6px;
        margin-top: -1px;
    }
    .slider-with-side .slider-area .item .content .text-area p {
        display: none;
    }
}
.slider-with-side .side-area {
    padding: 0 8px 0 7px;
    float: left;
    width: 27.7%;
}
.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
    margin-bottom: 9px;
    position: relative;
    overflow: hidden;
}
.slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s;
}
.slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible;
}
.slider-with-side .side-area .item1 .content {
    position: absolute;
    bottom: 17px;
    left: 15px;
    text-align: left;
}
.slider-with-side .side-area .item1 .content em {
    font-size: 27.45px;
    margin: 0;
    margin-bottom: 2px;
    display: block;
    margin-left: 4px;
}
.slider-with-side .side-area .item1 .content h2 {
    font-size: 35.16px;
    margin: 0;
    margin-bottom: 14px;
}
.slider-with-side .side-area .item1 .content a {
    font-size: 15.08px;
    margin: 0;
    margin-left: 4px;
    display: block;
}
.slider-with-side .side-area .item2 .content {
    position: absolute;
    bottom: 17px;
    left: 21px;
    text-align: left;
}
.slider-with-side .side-area .item2 .content h2 {
    font-size: 33.86px;
    margin: 0;
    margin-bottom: 12px;
}
.slider-with-side .side-area .item2 .content p {
    font-size: 18.34px;
    margin: 0;
    margin-left: 1px;
}
.slider-with-side .side-area .item2 .content a {
    font-size: 13px;
    border: 0;
    text-shadow: none;
    padding: 8px 10px 8px 15px;
    margin: 13px 0 0 25px;
}
.slider-with-side .side-area .item3 {
    margin: 0 !important;
}
.slider-with-side .side-area .item3 .content {
    position: absolute;
    bottom: 17px;
    left: 19px;
    text-align: left;
}
.slider-with-side .side-area .item3 .content h2 {
    font-size: 32px;
    margin: 0;
}
.slider-with-side .side-area .item3 .content p {
    font-size: 20px;
    margin: 0;
    margin-bottom: 17px;
}
.slider-with-side .side-area .item3 .content a {
    font-size: 16px;
    margin: 0;
}
@media (max-width: 1199px) {
    .slider-with-side .side-area .item1 .content {
        bottom: 15px;
        left: 13px;
    }
    .slider-with-side .side-area .item1 .content em {
        font-size: 22px;
        margin-left: 2px;
    }
    .slider-with-side .side-area .item1 .content h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .slider-with-side .side-area .item1 .content a {
        font-size: 13px;
        margin-left: 2px;
    }
    .slider-with-side .side-area .item2 {
        margin-bottom: 8px;
    }
    .slider-with-side .side-area .item2 .content {
        bottom: 15px;
        left: 15px;
    }
    .slider-with-side .side-area .item2 .content h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .slider-with-side .side-area .item2 .content p {
        font-size: 13px;
    }
    .slider-with-side .side-area .item2 .content a {
        font-size: 12px;
        padding: 7px 8px 7px 13px;
        margin: 5px 0 0 25px;
    }
    .slider-with-side .side-area .item3 .content {
        bottom: 15px;
        left: 15px;
    }
    .slider-with-side .side-area .item3 .content h2 {
        font-size: 28px;
    }
    .slider-with-side .side-area .item3 .content p {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .slider-with-side .side-area .item3 .content a {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .slider-with-side .slider-area {
        padding: 0 8px;
        float: none;
        width: 100%;
    }
    .slider-with-side .side-area {
        padding: 0;
        float: none;
        width: 100%;
    }
    .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
        padding: 8px;
        width: 33.33%;
        float: left;
        margin: 0;
    }
    .slider-with-side .side-area .item1 .content {
        bottom: 20px;
        left: 20px;
    }
    .slider-with-side .side-area .item2 .content {
        bottom: 20px;
        left: 15px;
    }
    .slider-with-side .side-area .item3 .content {
        bottom: 20px;
        left: 20px;
    }
}
@media (max-width: 767px) {
    .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
        padding: 8px;
        width: 100%;
        float: none;
    }
    .slider-with-side .side-area img {
        width: 100%;
    }
    .slider-with-side .side-area .item1 .content {
        bottom: 30px;
        left: 25px;
    }
    .slider-with-side .side-area .item2 .content {
        bottom: 30px;
        left: 25px;
    }
    .slider-with-side .side-area .item3 .content {
        bottom: 30px;
        left: 25px;
    }
}
.banner-content-6 {
    padding: 290px 0 80px;
    line-height: 1;
}
.banner-content-6 .text-content em {
    font-size: 26.26px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.banner-content-6 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px;
}
.banner-content-6 .text-content p {
    margin: 0;
}
.banner-content-6 .text-content p span {
    font-size: 23.64px;
    padding-left: 5px;
    line-height: 2;
}
.banner-content-6 .text-content p a {
    font-size: 16px;
    padding: 10px 35px;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 125px;
}
@media(max-width:767px){
    .banner-content-6 .text-content em {
        font-size: 16.26px;
    }
    .banner-content-6 .text-content h2 {
        font-size: 54.12px;
    }
    .banner-content-6 .text-content p span {
        font-size: 13.64px;
    }
    .banner-content-6 .text-content p a {
        font-size: 12px;
        padding: 7px 15px;
    }
}
.filter-title-type-2 {
    font-size: 19px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.filter-title-type-2 span {
    display: table-cell;
    position: relative;
}
.filter-title-type-2 span.title-line:after {
    content: "";
    width: 100%;
    border-top: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}
.one-product .filterproduct-title {
    background: #fff;
    text-align: center;
    color: #333;
    font-weight: 700;
    line-height: 50px;
}
.one-product .products-grid {
    margin: 0;
    background-color: #fff;
    padding-bottom: 20px;
}
.one-product .product-item-info .product-item-details {
    padding-top: 20px;
}
.one-product .owl-dots {
    margin-top: 0;
}
.shop-features {
    text-align: center;
}
.shop-features [class*=" porto-icon-"], .shop-features [class^="porto-icon-"] {
    color: #333;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 28px;
}
.shop-features h3 {
    color: #121214;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 20px 0 10px;
}
.shop-features p {
    color: #777;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 20px;
}
.shop-features a {
    margin: 0;
    font-size: 14px;
}
.wishlist-index-index .products-grid .product-item .product-item-inner {
    margin: 9px 0 0;
    padding: 10px;
    position: relative;
}
.products-grid.wishlist .product-item .tocart {
    height: auto;
    line-height: 30px;
    min-width: 120px;
    padding: 0 11px;

}
@media (min-width: 992px){
.wishlist-index-index .products-grid .product-items .product-item {
    width: 24%;
}
}

.hide-addtocart .products-grid .product-item-actions .actions-primary, .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary {
    display: none;
}
.hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist,
.hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare,
.hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist,
.hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare {
    display: none;
}
.owl-middle-outer-narrow .owl-theme .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -22px;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
    position: absolute;
    color: #3d3734;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev {
    left: -60px;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next {
    right: -60px;
}
.owl-bottom-narrow .owl-controls {
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%;
}
.filterproducts-tab .data.items {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
    margin-left: -15px;
    margin-right: -15px;
}
.filterproducts-tab .data.items > .item.title {
    box-sizing: border-box;
    float: none;
    width: 100%;
}
.filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch {
    color: #08c;
}
.filterproduct-title > a {
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}
.catalogsearch-result-index .sidebar.sidebar-main:before {
    display: none;
}
.sidebar .custom-block {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url(../../frontend/Smartwave/porto_ehs/de_DE/images/bkg_4.png) bottom no-repeat;
}
.products.wrapper .product-item .product-item-photo .qty-box {
    position: absolute;
    bottom: 30px;
    left: 0;
}
.products.wrapper .product-item .qty-box {
    display: block;
    width: 88px;
    margin: 0 auto 5px;
}
.products.wrapper.products-list .product-item .qty-box {
    margin: 0 0 5px;
}
.products.wrapper .product-item .qty-box input {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border: solid 1px #dfdfdf;
}
.products.wrapper .product-item .qty-box .qtyminus,.products.wrapper .product-item .qty-box .qtyplus {
    position: relative;
    border: solid 1px #dfdfdf;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-right: -1px;
}
.products.wrapper .product-item .qty-box .qtyplus {
    float: right;
    margin-right: 0;
    margin-left: -1px;
}
.products-grid .product-item .has-qty {
    margin-top: 37px;
}
.product-info-main .custom-block {
    border-bottom: solid 1px #e6e6e6;
    padding: 23px 0 25px;
    margin-bottom: 25px;
}
.product-info-main .custom-block .item:first-child {
    border-left: 0;
    padding-left: 0;
}
.product-info-main .custom-block .item {
    border-left: 1px solid #e6e6e6;
    display: inline-block;
    padding: 0 10px;
    text-align: left;
}
.product-info-main .custom-block i {
    font-size: 34px;
    display: inline-block;
    vertical-align: middle;
}
.product-info-main .custom-block .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}
.product-info-main .custom-block .text-area h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #7a7d82;
    margin: 0;
    margin-bottom: 5px;
}
@media (min-width: 768px){
    .filterproducts-tab .data.items {
        position: relative;
        z-index: 1;
        border-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        background: url(../../frontend/Smartwave/porto_ehs/de_DE/images/slider-bar.png) right 10px no-repeat;
    }
    .filterproducts-tab .data.items:before, .filterproducts-tab .data.items:after {
        content: '';
        display: table;
    }
    .filterproducts-tab .data.items:after {
        clear: both;
    }
    .filterproducts-tab .data.items > .item.title {
        float: left;
        width: auto;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .filterproducts-tab .data.items > .item.title a.switch {
        color: #313131;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 15px;
        border-left: 1px solid #ddd;
    }
    .filterproducts-tab .data.items > .item.title:first-child a.switch {
        padding-left: 0;
        border: 0;
    }
    .filterproducts-tab .data.items > .item.content {
        margin-top: 30px;
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        width: 100%;
    }
}
@media (max-width: 768px){
    .filterproducts-tab .data.items > .item.title {
        padding: 10px;
        border-top: 1px solid #eee;
    }
    .filterproducts-tab .data.items > .item.title a.switch {
        color: #313131;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
}

.grid-images {
    text-align: center;
}
.grid-images .row {
    margin-left: -10px;
    margin-right: -10px;
}
.grid-images .col-md-4, .grid-images .col-md-8 {
    padding-left: 10px;
    padding-right: 10px;
}
.grid-images img {
    max-width: 100%;
}
.grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {
    opacity: 1;
    filter: alpha(Opacity=100);
    visibility: visible;
    transition: all 0.2s;
}
.grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {
    opacity: 0.8;
    filter: alpha(Opacity=80);
    visibility: visible;
}
.grid-images .grid1 {
    margin-bottom: 10px;
}
@media (max-width: 1199px) {
    .grid-images .grid1 {
        margin-bottom: 9px;
    }
}
@media (max-width: 767px) {
    .grid-images .grid2 {
        margin-bottom: 9px;
    }
}
@media (min-width: 992px){
    .lg-order-12 {
        -webkit-order: 12;
		-moz-order: 12;
		-ms-flex-order: 12;
		order: 12;
    }
}
@media (min-width: 768px){
    .md-order-12 {
        -webkit-order: 12;
		-moz-order: 12;
		-ms-flex-order: 12;
		order: 12;
    }
}
.side-custom-menu {
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden;
}
.side-custom-menu h2 {
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 13px 13px 12px;
    background-color: #f5f5f5;
    line-height: 1;
    margin: 0;
}
.side-custom-menu ul {
    padding: 0 12px;
    margin: 0;
    list-style: none;
}
.side-custom-menu ul li {
    text-align: left;
    padding: 12px 4px;
    border-top: 1px solid #ddd;
    margin: 0;
    line-height: 1;
}
.side-custom-menu ul li:first-child {
    border: 0;
}
.side-custom-menu ul li a {
    color: #777;
    font-size: 15px;
    line-height: 1;
    display: block;
}
.home-side-menu-type2{margin-bottom:50px}
.home-side-menu-type2>h2{font-size:15px;font-weight:600;color:#333;margin-bottom:15px;margin-top:0;}
.home-side-menu-type2>h2>i.icon-menu:before{margin-left:0}
.side-menu-type2.side-block{border-top:1px solid #ddd}
.side-menu-type2.side-block ul.category-sidebar{padding:0;list-style:none}
.side-menu-type2.side-block ul.category-sidebar ul{list-style:none;margin:0;display:none;padding-left:1.5em}
.side-menu-type2.side-block ul.category-sidebar>li{padding-left:12px;display:block;line-height:40px;border-bottom:1px solid #ddd}
.side-menu-type2.side-block ul.category-sidebar li{position:relative}
.side-menu-type2.side-block ul.category-sidebar a{font-size:13px;color:#777}
.side-menu-type2.side-block ul.category-sidebar a:hover{color:#000;text-decoration:none}
.side-menu-type2.side-block ul.category-sidebar>li>a{font-size:15px}
.side-menu-type2.side-block ul.category-sidebar ul>li{line-height:40px;border-top:1px solid #ddd}
.side-menu-type2.side-block ul.category-sidebar ul>li:first-child{border-top:0}
.featured-box-2{margin:30px 0}
.featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px}
.featured-box-2 h3 em{font-size:18px}
.featured-box-2 p{font-size:14px;margin-bottom:10px}
.featured-box-2 a{font-size:14px}
.social-icons [class^="porto-icon-"] {
    color: #fff;
}
.sidebar-title {
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    line-height: 1;
}
.f-left {
    float: left !important;
}
.f-right {
    float: right !important;
}
.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
    text-decoration: none;
}
body.boxed {
    padding: 24px 0 17px;
    background: url(../../frontend/Smartwave/porto_ehs/de_DE/images/boxed_bg.png) repeat;
}
body.boxed .page-wrapper {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}
.fotorama .fotorama__fullscreen-icon {
    display: block;
}
.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    background: none;
    color: #08c;
}
.fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before {
    font-family: 'porto-icons';
    display: block;
    text-align: center;
}
.fotorama .fotorama__arr .fotorama__arr__arr {
    height: auto;
}
.fotorama__arr--next .fotorama__arr__arr:before {
    content: "\f809";
    font-size: 35px;
    line-height: 1;
}

.fotorama__arr--prev .fotorama__arr__arr:before {
    content: "\f80a";
    font-size: 35px;
    line-height: 1;
}
.fotorama__thumb__arr--left .fotorama__thumb__arr:before {
    content: "\f80a";
    font-size: 30px;
    line-height: 1;
}

.fotorama__thumb__arr--right .fotorama__thumb__arr:before {
    content: "\f809";
    font-size: 30px;
    line-height: 1;
}
.fotorama__zoom-in:before {
    content: "\f85a";
    font-size: 20px;
    line-height: 50px;
}
.fotorama__zoom-out:before {
    content: "\f85b";
    font-size: 20px;
    line-height: 50px;
}
.fotorama__fullscreen-icon:before {
    content: "\f859";
    font-size: 20px;
    line-height: 50px;
}
.fotorama__stage {
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}
.gallery-placeholder-preview {
    border: 1px solid #ddd;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}

.fotorama__nav--thumbs .fotorama__thumb {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    background-color: #fff;
}
.fotorama__nav .fotorama__thumb__arr {
    padding-bottom: 0;
}
.fotorama__nav .fotorama__thumb-border {
    border-radius: 5px;
}
.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    border: 3px solid #fff !important;
}
.fotorama__stage__shaft {
    border: 3px solid #fff;
    box-sizing: border-box;
    max-width: 100%;
}
.main-product-detail {
    background-color: #efefef;
    padding: 71px 0;
}
.weltpixel-quickview-catalog-product-view .main-product-detail {
    padding: 0;
}
.weltpixel-quickview-catalog-product-view .page-main {
    padding: 0 15px;
}
.custom-block-tab {
    background-color: #fff;
    border: #e4e4e4 solid 1px;
    padding: 30px 20px 40px;
    margin-top: 3px;
}
.move-product-tab .owl-top-narrow .owl-theme .owl-controls {
    top: -25px;
}
.move-product-tab .products-grid .owl-carousel .product-item {
    margin-bottom: 10px;
    padding: 10px 0 6px;
    overflow: hidden;
}
.move-product-tab .product-items .product-item-info .product-item-photo {
    max-width: 30%;
    float: left;
    margin-right: 10px;
}
.move-product-tab .product-items .product-item-details {
    margin-left: calc(31% + 15px);
    text-align: left;
    padding: 0;
}
.move-product-tab .product-items .product-reviews-summary {
    display: block;
    background: none;
    margin-top: 0;
}
.move-product-tab .product-items .price-box {
    margin-bottom: 0;
}
.main-upsell-product-detail {
    background-color: #f4f4f4;
    padding: 60px 0 45px;
    margin-top: -60px;
}
.main-upsell-product-detail .block.upsell .title strong {
    background-color: #f4f4f4;
}
.message {
    border-radius: 5px;
}
@media (max-width: 1199px) {
    body.boxed .page-wrapper {
        width: 980px;
    }
}
@media (max-width: 991px) {
    body.boxed .page-wrapper {
        width: 750px;
    }
}
@media (max-width: 767px) {
    body.boxed .page-wrapper {
        width: 630px;
    }
    .sm-clearer {
        clear: both;
    }
}
@media (max-width: 640px) {
    body.boxed .page-wrapper {
        width: 460px;
    }
}
@media (max-width: 480px) {
    body.boxed .page-wrapper {
        width: 300px;
    }
}

.block.block-border {
    border-radius: 7px;
    overflow: hidden;
}
.block.block-border .block-title {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    border-radius: 7px 7px 0 0;
    margin: 0;
}
.block.block-border .block-content {
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb;
}
.category-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.42857143;
}
.category-sidebar li {
    position: relative;
    margin: 0;
}
.category-sidebar ul {
    display: none;
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
}
.category-sidebar li > .expand-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 32px;
}
.category-sidebar li > a:not(.expand-icon) {
    color: #777;
    font-size: 13px;
    line-height: 2.5;
}
@media (max-width: 1199px) {
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
        width: 728px;
        width: calc(75vw - 19.5px);
    }
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0 > a {
        font-size: 13px;
        line-height: 34px;
    }
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
        line-height: 34px;
    }
    .home-side-menu h2.side-menu-title {
        padding: 9px 15px;
    }
}
@media (max-width: 991px) {
    .home-side-menu {
        display: none;
    }
}

.cms-index-index blockquote.testimonial{background-color:#08c;border:0;border-radius:10px;color:#fff;font-family:Georgia,serif;font-style:italic;margin:0;padding:10px 50px;position:relative;font-size:1.2em;line-height:1.3}
.cms-index-index blockquote.testimonial:before{left:10px;top:0;color:#fff;content:"\201C";font-size:80px;font-style:normal;line-height:1;position:absolute}
.cms-index-index blockquote.testimonial:after{right:10px;bottom:-0.5em;color:#fff;content:"\201D";font-size:80px;font-style:normal;line-height:1;position:absolute}
.cms-index-index .testimonial-arrow-down{border:15px solid transparent;border-top-color:#08c;border-bottom:0;height:0;margin:0 0 0 25px;width:0}
.cms-index-index .testimonial-author{margin:8px 0 0 8px}
.cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto}
.cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto}
.cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px}
.cms-index-index .testimonial-author p >strong{color:#111;display:block;padding-top:7px;font-size:14px}
.cms-index-index .testimonial-author span{color:#666;display:block;font-size:12px}

.block.block-subscribe.home-sidebar-block{border:1px solid #ddd;border-top:5px solid #08c;border-radius:7px;background-color:#fbfbfb;text-align:center;padding:30px 28px 5px}
.block.block-subscribe.home-sidebar-block .block-title strong{font-size:16px;color:#313131;font-weight:700;text-transform:uppercase;padding:30px 0 20px}
.block.block-subscribe.home-sidebar-block .block-content p{line-height:1.8}
.block.block-subscribe.home-sidebar-block label.label{display: none}

.block.block-subscribe.home-sidebar-block .newsletter .control{padding:10px 10px 40px 10px;position:relative}
.block.block-subscribe.home-sidebar-block .newsletter .control input{padding:5px 60px 5px 10px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fefefe;line-height:16px;height:34px}
.block.block-subscribe.home-sidebar-block button.subscribe{width:50px;height:34px;padding:0;line-height:32px;height:32px;background-color:#fefefe;color:#515151;border:0;border-left:1px solid #d3d3d3;border-radius:0 5px 5px 0;position:absolute;right:11px;top:11px}

.shop-features h2.shop-features-title{position:relative;text-align:center;margin:30px 0}
.shop-features h2.shop-features-title:before{content:"";background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.2),transparent);height:1px;width:100%;display:block;position:absolute;top:50%}
.shop-features h2.shop-features-title span{background-color:#fff;display:inline-block;position:relative;z-index:1;padding:0 12px;color:#313131;font-weight:700;font-size:15px;line-height: 33px;vertical-align: top;}

.homepage-grid-banner{padding:0}
.homepage-grid-banner *{transition:all 0.2s}
.homepage-grid-banner .row{margin-left:-4px;margin-right:-4px}
.homepage-grid-banner .col-md-1,.homepage-grid-banner .col-md-2,.homepage-grid-banner .col-md-3,.homepage-grid-banner .col-md-4,.homepage-grid-banner .col-md-5,.homepage-grid-banner .col-md-6,.homepage-grid-banner .col-md-7,.homepage-grid-banner .col-md-8,.homepage-grid-banner .col-md-9,.homepage-grid-banner .col-md-10,.homepage-grid-banner .col-md-11,.homepage-grid-banner .col-md-12{padding-left:4px;padding-right:4px}
.homepage-grid-banner .col-md-margin{margin-bottom:8px}
.homepage-grid-banner img{width:100%}
.homepage-grid-banner .content a{font-size:16px;margin-right:5px;}
.homepage-grid-banner .content a.btn-default{font-size:13px;margin:0;border:0;padding-right:3px;color:#fff}
.homepage-grid-banner .ribbon{width:33.5%;height:22.3%}
.homepage-grid-banner .ribbon:before{content:"";position:absolute;right:0;top:0;border:150px solid #08c;border-right:0;border-bottom:0;border-left:200px solid transparent;}
.homepage-grid-banner .ribbon>div{width:90%}
.homepage-grid-banner .ribbon em{font-size:14px}
.homepage-grid-banner .ribbon h4{font-size:33px;line-height:1;margin:0}
.homepage-grid-banner .ribbon h5{font-size:18px;line-height:1;margin:0}
.homepage-grid-banner .grid1,.homepage-grid-banner .grid2,.homepage-grid-banner .grid3,.homepage-grid-banner .grid4{cursor:pointer;overflow:hidden;min-height:50px}
.homepage-grid-banner .grid1:before,.homepage-grid-banner .grid2:before,.homepage-grid-banner .grid3:before,.homepage-grid-banner .grid4:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s}
.homepage-grid-banner .grid1:hover:before,.homepage-grid-banner .grid2:hover:before,.homepage-grid-banner .grid3:hover:before,.homepage-grid-banner .grid4:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible}
.homepage-grid-banner .grid1 .content h2{font-size:70.72px;line-height:1;margin:0 0 5px 0;}
.homepage-grid-banner .grid1 .content p{font-size:29.47px;line-height:1;margin:0;margin-bottom:10px;margin-right:4px}
.homepage-grid-banner .grid2 .content h3{font-size:28.88px;line-height:1;margin:0 0 5px 0;}
.homepage-grid-banner .grid2 .content h2{font-size:28.88px;line-height:1;margin:0 0 5px 0;}
.homepage-grid-banner .grid2 .content p{font-size:17.58px;line-height:1;margin:0;margin-bottom:15px}
.homepage-grid-banner .grid3 .content h2{font-size:46px;line-height:1;margin:0}
.homepage-grid-banner .grid3 .content h5{font-size:16px;line-height:1;margin:0;margin-bottom:30px}
.homepage-grid-banner .grid3 .content p{font-size:16px;line-height:1;margin:0;margin-bottom:5px}
.homepage-grid-banner .grid3 .content h4{font-size:22.72px;line-height:1;margin-top:20px;margin-bottom:0}
.homepage-grid-banner .grid3 .content h4>span{font-size:17.66px;line-height:1}
.homepage-grid-banner .grid3 .content h3{font-size:37.71px;line-height:1;margin:0;margin-bottom:15px}
.homepage-grid-banner .grid3 .content h3>span{font-size:25.14px;line-height:1}
.homepage-grid-banner .grid4 .content h2{font-size:33.86px;line-height:1.2;margin:0;margin-bottom:15px}
.homepage-grid-banner .grid4 .content p{font-size:19.75px;line-height:1.2;margin:0;margin-bottom:17px}

@media (max-width:1199px){
    .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px}
    .homepage-grid-banner .col-md-1,.homepage-grid-banner .col-md-2,.homepage-grid-banner .col-md-3,.homepage-grid-banner .col-md-4,.homepage-grid-banner .col-md-5,.homepage-grid-banner .col-md-6,.homepage-grid-banner .col-md-7,.homepage-grid-banner .col-md-8,.homepage-grid-banner .col-md-9,.homepage-grid-banner .col-md-10,.homepage-grid-banner .col-md-11,.homepage-grid-banner .col-md-12{padding-left:3px;padding-right:3px}
    .homepage-grid-banner .col-md-margin{margin-bottom:7px}
    .homepage-grid-banner .content a.btn-default{font-size:11px}
    .homepage-grid-banner .grid1 .content h2{font-size:55.16px}
    .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px}
    .homepage-grid-banner .grid2 .content h3{font-size:22.53px}
    .homepage-grid-banner .grid2 .content h2{font-size:22.53px}
    .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h2{font-size:35.88px}
    .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px}
    .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px}
    .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px}
    .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px}
    .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px}
    .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px}
}

@media (max-width:991px){
    .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px}
    .homepage-grid-banner .col-md-1,.homepage-grid-banner .col-md-2,.homepage-grid-banner .col-md-3,.homepage-grid-banner .col-md-4,.homepage-grid-banner .col-md-5,.homepage-grid-banner .col-md-6,.homepage-grid-banner .col-md-7,.homepage-grid-banner .col-md-8,.homepage-grid-banner .col-md-9,.homepage-grid-banner .col-md-10,.homepage-grid-banner .col-md-11,.homepage-grid-banner .col-md-12{padding-left:2px;padding-right:3px}
    .homepage-grid-banner .col-md-margin{margin-bottom:4px}
    .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px}
    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
    .homepage-grid-banner .grid2 .content h3{font-size:17.33px}
    .homepage-grid-banner .grid2 .content h2{font-size:17.33px}
    .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h2{font-size:27.6px}
    .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px}
    .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px}
    .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px}
    .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px}
    .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px}
    .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px}
}

@media (max-width:767px){
    .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 540px;
        margin: 0 auto;
    }
    .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px}
    .homepage-grid-banner .col-md-1,.homepage-grid-banner .col-md-2,.homepage-grid-banner .col-md-3,.homepage-grid-banner .col-md-4,.homepage-grid-banner .col-md-5,.homepage-grid-banner .col-md-6,.homepage-grid-banner .col-md-7,.homepage-grid-banner .col-md-8,.homepage-grid-banner .col-md-9,.homepage-grid-banner .col-md-10,.homepage-grid-banner .col-md-11,.homepage-grid-banner .col-md-12{padding-left:10px;padding-right:10px}
    .homepage-grid-banner .col-md-margin{margin-bottom:0}
    .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px}
    .homepage-grid-banner img{margin-bottom:20px}
    .homepage-grid-banner .grid1 .content h2{font-size:70.72px}
    .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px}
    .homepage-grid-banner .grid2 .content h3{font-size:28.88px}
    .homepage-grid-banner .grid2 .content h2{font-size:28.88px}
    .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h2{font-size:46px}
    .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px}
    .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px}
    .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px}
    .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px}
    .homepage-grid-banner .grid4 .content h2{font-size:35px}
    .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px}
}

@media (max-width:640px){
    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
}

@media (max-width:480px){
    .homepage-grid-banner .grid1 .content h2{font-size:25px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
}

.single-image {
    display: block;
    position: relative;
    overflow: hidden;
}
.single-image img {
    max-width: 100%;
    transition: 0.5s ease;
}
.single-image img {
    width: 100%;
}
.single-image:hover img {
    transform: scale(1.2);
}

#banner-slider-demo-11 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px}
#banner-slider-demo-11 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-5px}
#banner-slider-demo-11 .slide-1 .text-content p {margin:0}
#banner-slider-demo-11 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px}
#banner-slider-demo-11 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px}
#banner-slider-demo-11 .slide-2 em{font-size:26.26px;margin:0;margin-bottom:10px}
#banner-slider-demo-11 .slide-2 .text-content h2{font-size:51.67px}
#banner-slider-demo-11 .slide-2 .text-content p {margin:0}
#banner-slider-demo-11 .slide-2 .text-content p span{font-size:23.64px}
#banner-slider-demo-11 .slide-2 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px}

@media (max-width:767px){
    #banner-slider-demo-11 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-11 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-11 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-11 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-11 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px}
    #banner-slider-demo-11 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px}
    #banner-slider-demo-11 .slide-2 .text-content p span{font-size:12px;display:block}
    #banner-slider-demo-11 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
}

.flex-owl-slider .owl-item:first-child .item {
    border-left-color: transparent;
}
.flex-owl-slider .owl-item .item {
    border-left: 1px solid #e3e4e4;
}
.owl-no-narrow .owl-controls {
    display: none;
}
@media (max-width:640px){
    .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart {
        width: 40px;
        padding: 0 12px;
    }
    .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span {
        display: none;
    }
}
@media (max-width: 991px) {
    .sm-bd-0 {
        border: 0!important;
    }
}

.fancybox-close {
    background: transparent;
    right: 10px;
    top: 10px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    height: 20px;
}
.fancybox-close:hover {
    text-decoration: none;
}
.fancybox-close:before {
    content: '\f819';
    font-family: 'porto-icons';
}

/* Previous/Next Product links on Product View Page*/

/* Previous/Next Product links on Product View Page*/

/* Category Banner */
.page-wrapper > .category-banner{background-color:transparent}
.page-wrapper > .category-banner .banner-image{width:100%}
.category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff}
.category-banner .banner-text h2{font-size:50px;color:#fff}
.category-banner .banner-text p{font-size:26px;font-weight:300}
.category-boxed-banner.owl-theme .owl-controls{margin-top:-40px;position:relative;height:30px}
.category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative}
.category-boxed-banner .owl-item .item img{width:100%}
.category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%}
.category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1}
.category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4}
.category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px;}

.full-width-image-banner{height:375px;position:relative;z-index:3}
.full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:0.65;filter:alpha(opacity=65)}
.full-width-image-banner .content{margin-top:-36px}
.full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1}
.full-width-image-banner p{margin:0;font-size:16px}

.no-margin {
    margin: 0 !important;
}

@media (max-width:1199px){
    .category-banner .banner-text h2{font-size:45px}
    .category-banner .banner-text p{font-size:23px}
    .category-boxed-banner .banner-text h2{font-size:38px}
    .category-boxed-banner .banner-text p{font-size:17px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px}
}
@media (max-width:991px){
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{font-size:16px}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{font-size:12px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px}
}
@media (max-width:767px){
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{display:none}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{display:none}
}
@media (max-width:640px){
    .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px}

    .full-width-image-banner{height:200px}
    .full-width-image-banner .content{margin-top:-16px}
    .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1}
    .full-width-image-banner p{display:none}
}
@media (max-width:480px){
    .category-banner .banner-text h2{font-size:14px}
    .category-boxed-banner .banner-text h2{font-size:14px}

    .full-width-image-banner{height:150px}
    .full-width-image-banner .content{margin-top:-13px}
    .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1}
    .full-width-image-banner p{display:none}
}
/* Category Banner */

/****************** Demo 12 ***************/
#banner-slider-demo-12 .item img {
    width: 100%;
}
#banner-slider-demo-12 .item .content {
    position: absolute;
    right: 4.3%;
    bottom: 20.5%;
}
#banner-slider-demo-12 .item .content>span {
    font-size: 21px;
    font-weight: 300;
    color: #303030;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
}
#banner-slider-demo-12 .item .content>a.btn-default {
    font-size: 13px;
}
/****************** Demo 13 ***************/
#parallax_01 .parallax-content-13 img.quote{}
#parallax_01 .parallax-content-13 em{font-size:26.26px;margin:0 10px}
#parallax_01 .parallax-content-13 h2{font-size:79.12px;margin:5px 0 10px}
#parallax_01 .parallax-content-13 p{font-size:23.64px}
#parallax_02{padding:250px 0}
#parallax_02 .parallax-content-13 .text-content em{font-size:26.26px;margin:0}
#parallax_02 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px}
#parallax_02 .parallax-content-13 .text-content p {margin:0}
#parallax_02 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px}
#parallax_02 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px}
#parallax_03{padding:250px 0}
#parallax_03 .parallax-content-13 .text-content em{font-size:26.26px;margin:0;margin-left:5px}
#parallax_03 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px}
#parallax_03 .parallax-content-13 .text-content p {margin:0}
#parallax_03 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px}
#parallax_03 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:125px;margin-top:5px}
#parallax_04 .parallax-content-13 img.quote{}
#parallax_04 .parallax-content-13 em{font-size:26.26px;margin:0 10px}
#parallax_04 .parallax-content-13 h2{font-size:61px;margin:5px 0 10px;letter-spacing:-3px}
#parallax_04 .parallax-content-13 p{font-size:18px}
#parallax_04 .parallax-content-13 a.btn.btn-default{font-size:16px;padding:8px 35px}

@media (max-width:767px){
    #parallax_01 .parallax-content-13 img.quote{width:20px}
    #parallax_01 .parallax-content-13 em{font-size:12px;margin:0 5px}
    #parallax_01 .parallax-content-13 h2{font-size:35px;margin:4px 0 7px}
    #parallax_01 .parallax-content-13 p{font-size:11px;margin:0}
    #parallax_02{padding:50px 0}
    #parallax_02 .parallax-content-13 .text-content em{font-size:12px}
    #parallax_02 .parallax-content-13 .text-content h2{font-size:35px;letter-spacing:-2px}
    #parallax_02 .parallax-content-13 .text-content p span{font-size:12px;padding-left:6px;display:block}
    #parallax_02 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px}
    #parallax_03{padding:50px 0}
    #parallax_03 .parallax-content-13 .text-content em{font-size:12px;margin:0;margin-left:1px}
    #parallax_03 .parallax-content-13 .text-content h2{font-size:30px;letter-spacing:-1px}
    #parallax_03 .parallax-content-13 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #parallax_03 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px}
    #parallax_04 .parallax-content-13 img.quote{width:20px}
    #parallax_04 .parallax-content-13 em{font-size:12px;margin:0 5px}
    #parallax_04 .parallax-content-13 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px}
    #parallax_04 .parallax-content-13 p{font-size:10px}
    #parallax_04 .parallax-content-13 a.btn.btn-default{font-size:10px;padding:5px 20px}
}

#banner-slider-demo-14 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px}
#banner-slider-demo-14 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-6px}
#banner-slider-demo-14 .slide-1 .text-content p {margin:0}
#banner-slider-demo-14 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px}
#banner-slider-demo-14 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px}
#banner-slider-demo-14 .slide-2 em{font-size:26.26px;margin:0;margin-left:5px}
#banner-slider-demo-14 .slide-2 .text-content h2{font-size:79.12px;letter-spacing:-6px}
#banner-slider-demo-14 .slide-2 .text-content p {margin:0}
#banner-slider-demo-14 .slide-2 .text-content p span{font-size:23.64px;padding-left:6px}
#banner-slider-demo-14 .slide-2 .text-content a{font-size:15.76px;padding:10px 0;margin-top:10px}

@media (max-width:767px){
    #banner-slider-demo-14 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-14 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-14 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-14 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-14 .slide-2 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-14 .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-14 .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-14 .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px}
}

.image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658}
.image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%}

.overlay{background-color:#000;opacity:0.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute}

#banner-slider-demo-15 .content em{font-size:18px}
#banner-slider-demo-15 .content h2{font-size:44px}
#banner-slider-demo-15 .content hr{margin:10px 0}
#banner-slider-demo-15 .content a{font-size:16px}

.img-desc-home15{margin-top:-88px;padding:0 25px}
.img-desc-home15 h3{font-size:24px}
.img-desc-home15 hr{width:90px;margin:15px 0}
.img-desc-home15 p{font-size:15px}
.img-desc-home15 a{font-size:15px}
@media (max-width:991px){
    .img-desc-home15{margin-top:-65px;padding:0 16px}
    .img-desc-home15 h3{font-size:16px}
    .img-desc-home15 hr{width:60px;margin:10px 0}
    .img-desc-home15 p{font-size:10px}
    .img-desc-home15 a{font-size:10px}
}
@media (max-width:767px){
    #banner-slider-demo-15 .content em{font-size:9px}
    #banner-slider-demo-15 .content h2{font-size:22px}
    #banner-slider-demo-15 .content hr{margin:5px 0;}
    #banner-slider-demo-15 .content a{font-size:8px}

    .img-desc-home15{margin-top:-88px;padding:0 25px}
    .img-desc-home15 h3{font-size:24px}
    .img-desc-home15 hr{width:90px;margin:15px 0}
    .img-desc-home15 p{font-size:15px}
    .img-desc-home15 a{font-size:15px}
}

.top-newsletter .newsletter button.subscribe {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    color: #000;
    padding: 0 15px;
    background-color: transparent;
    border: 0;
}
.top-newsletter .newsletter input {
    width: 300px;
    height: 30px;
    border-radius: 0;
    line-height: 16px;
    padding: 7px 50px 7px 15px;
}
.top-newsletter .newsletter label {
    display: none;
}
@media (max-width:1199px){
    .top-newsletter #newsletter{width:270px}
}
@media (max-width:991px){
    .top-newsletter #newsletter{width:160px}
}
@media (min-width: 992px){
    .a-left-sm {
        text-align: left;
    }
    .a-right-sm {
        text-align: right;
    }
}

.owl-banner-carousel .content-17.type1 em{font-size:20px;margin-bottom:-5px;margin-left:9px}
.owl-banner-carousel .content-17.type1 h2{font-size:65px;margin-bottom:0}
.owl-banner-carousel .content-17.type1 p{font-size:37px}
.owl-banner-carousel .content-17.type1 a{font-size:15px}
.owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;color:#fff;border-radius:50%}
@media (max-width:1199px){
    .owl-banner-carousel .content-17.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px}
    .owl-banner-carousel .content-17.type1 h2{font-size:58px}
    .owl-banner-carousel .content-17.type1 p{font-size:32px}
    .owl-banner-carousel .content-17.type1 a{font-size:14px}
    .owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px}
}
@media (max-width:991px){
    .owl-banner-carousel .content-17.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px}
    .owl-banner-carousel .content-17.type1 h2{font-size:50px}
    .owl-banner-carousel .content-17.type1 p{font-size:26px}
    .owl-banner-carousel .content-17.type1 a{font-size:12px}
    .owl-banner-carousel .content-17.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px}
}
@media (max-width:767px){
    .owl-banner-carousel .content-17.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px}
    .owl-banner-carousel .content-17.type1 h2{font-size:28px}
    .owl-banner-carousel .content-17.type1 p{display:none}
    .owl-banner-carousel .content-17.type1 a{display:none}
}

#banner-slider-demo-18 .content-1{position:absolute;left:50%;top:50%;padding:30px 20px 15px;text-align:left;margin-left:-163px;margin-top:-95px}
#banner-slider-demo-18 .content-1>div{display:inline-block;vertical-align:middle}
#banner-slider-demo-18 .content-1>div:first-child{padding-right:10px}
#banner-slider-demo-18 .content-1 p{font-size:23px;line-height:1;margin-bottom:0;margin-left:7px;font-weight:300}
#banner-slider-demo-18 .content-1 h3{font-size:73px;font-weight:600;line-height:1;margin:0}
#banner-slider-demo-18 .content-1 h3 b{font-weight:800;margin-top:-23px;display:block}
#banner-slider-demo-18 .content-1 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px}
#banner-slider-demo-18 .content-1 h4{font-size:32px;line-height:1;margin:0;font-weight:700}
#banner-slider-demo-18 .content-1 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px}
#banner-slider-demo-18 .content-2{position:absolute;right:28px;bottom:28px;text-align:left}
#banner-slider-demo-18 .content-2>div{display:inline-block;vertical-align:middle;padding:20px 15px}
#banner-slider-demo-18 .content-2>div:first-child{margin:-6px 0;padding-left:25px}
#banner-slider-demo-18 .content-2 p{font-size:20px;line-height:1;margin-bottom:0;margin-left:2px;font-weight:300}
#banner-slider-demo-18 .content-2 h3{font-size:54px;font-weight:600;line-height:1;margin:0}
#banner-slider-demo-18 .content-2 h3 b{font-weight:800}
#banner-slider-demo-18 .content-2 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px}
#banner-slider-demo-18 .content-2 h4{font-size:32px;line-height:1;margin:0;font-weight:700}
#banner-slider-demo-18 .content-2 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px}
#banner-slider-demo-18 .content-2 a{font-size:13px;margin-right:-10px}
@media (max-width:991px){
    #banner-slider-demo-18 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px}
    #banner-slider-demo-18 .content-1>div:first-child{padding-right:7px}
    #banner-slider-demo-18 .content-1 p{font-size:16px;margin-left:5px}
    #banner-slider-demo-18 .content-1 h3{font-size:58px}
    #banner-slider-demo-18 .content-1 h3 b{margin-top:-17px}
    #banner-slider-demo-18 .content-1 em{font-size:14px;margin-right:3px}
    #banner-slider-demo-18 .content-1 h4{font-size:26px}
    #banner-slider-demo-18 .content-1 h5{font-size:14px;margin-top:-2px}
    #banner-slider-demo-18 .content-2{right:20px;bottom:20px}
    #banner-slider-demo-18 .content-2>div{padding:15px 10px}
    #banner-slider-demo-18 .content-2>div:first-child{margin:-2px 0;padding-left:20px}
    #banner-slider-demo-18 .content-2 p{font-size:15px;margin-left:1px}
    #banner-slider-demo-18 .content-2 h3{font-size:38px}
    #banner-slider-demo-18 .content-2 em{font-size:12px;margin-right:2px}
    #banner-slider-demo-18 .content-2 h4{font-size:26px}
    #banner-slider-demo-18 .content-2 h5{font-size:13px;margin-top:-2px}
    #banner-slider-demo-18 .content-2 a{font-size:10px;margin-right:-6px}
}
@media (max-width:640px){
    #banner-slider-demo-18 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px}
    #banner-slider-demo-18 .content-1>div:first-child{padding-right:2px}
    #banner-slider-demo-18 .content-1 p{font-size:7px;margin-left:2px}
    #banner-slider-demo-18 .content-1 h3{font-size:22px}
    #banner-slider-demo-18 .content-1 h3 b{margin-top:-6px}
    #banner-slider-demo-18 .content-1 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-18 .content-1 h4{font-size:12px}
    #banner-slider-demo-18 .content-1 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-18 .content-2{right:8px;bottom:8px}
    #banner-slider-demo-18 .content-2>div{padding:3px 6px}
    #banner-slider-demo-18 .content-2>div:first-child{margin:-1px 0;padding-left:9px}
    #banner-slider-demo-18 .content-2 p{font-size:7px;margin-left:1px}
    #banner-slider-demo-18 .content-2 h3{font-size:16px}
    #banner-slider-demo-18 .content-2 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-18 .content-2 h4{font-size:12px}
    #banner-slider-demo-18 .content-2 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-18 .content-2 a{font-size:6px;margin-right:-3px}
}

.single-images .single-image-label{font-size:17px;text-align:center;color:#818385;line-height:1.4;padding:10px 0;font-weight:600}
.single-images .caption{background-color:#a1a2a3;color:#fff;font-size:14px;line-height:35px;text-align:center}

#banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:256px}
#banner-slider-demo-16 .text-content{text-align:left}
#banner-slider-demo-16 .text-content em{font-size:26.26px;margin:0;margin-bottom:-10px}
#banner-slider-demo-16 .text-content h2{font-size:79.12px;letter-spacing:-4px}
#banner-slider-demo-16 .text-content p {margin:0}
#banner-slider-demo-16 .text-content p span{font-size:23.64px;padding-left:6px}
#banner-slider-demo-16 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px}
@media (max-width:991px){
    #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0}
    #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px}
    #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px}
    #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px}
}
@media (max-width:767px){
    #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px}
    #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px}
}
@media (max-width:480px){
    #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0}
    #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important}
}

/*** Header Type 10 - Side Header ***/
.container {
    width: 100%;
}
@media (min-width:992px){
    body.side-header .page-wrapper {
        padding-left: 256px;
    }
    body.side-header .page-wrapper > .breadcrumbs.fixed-position {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }
    body.side-header .page-wrapper > .breadcrumbs .items {
        margin: 0;
        max-width: none;
    }
}
/*** Header Type 10 - Side Header ***/

.sticky-header .sw-megamenu.navigation li.level0.fl-right {
    float: none;
}
#totop{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#404040;font-size:16px;color:#fff;text-align:center;line-height:1;padding:11px 0;display:none;border-radius:5px 5px 0 0}
#totop:hover{background-color:#555}

i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important}
i.ajax-loader.small{width:16px;height:16px;border-width:2.5px}
i.ajax-loader.large{width:32px;height:32px;border-width:2.5px}
@media (min-width:768px){
    .onepage-category > .columns {
        padding-left: 180px;
        padding-right: 50px;
    }
    #maincontent.onepage-category {
        position: relative;
        padding-top: 50px;
        max-width: 100%
    }
}
.cms-index-index .onepage-category {
    display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}

.onepage-category > .category-list {
    width: 80px;
    text-align: left;
    position: relative;
    float: left;
    background: #000;
    padding: 46px 0 146px 0;
    z-index: 5;
}

.onepage-category > .category-list > ul {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 0;
    transition: all 0.3s;
    padding-top: 30px;
    margin-bottom: 0;
}

.onepage-category > .category-list > ul > li:last-child {
    margin-bottom: 0;
}

.onepage-category > .category-list > ul > li > a {
    color: #fff;
    width: auto;
    line-height: 78px;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    transition: all 0.3s;
}

.onepage-category > .category-list > ul > li > a > em {
    font-size: 32px;
    width: 80px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.onepage-category > .category-list > ul > li > a > em > img {
    vertical-align: middle;
}

.onepage-category > .category-list > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
    width: 0;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.onepage-category > .category-list > ul > li > a:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: -15px;
    top: 50%;
    margin-top: -8px;
    border: 8px solid transparent;
    transition: all 0.3s;
}

.onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active {
    background-color: #00d59d;
}

.onepage-category > .category-list > ul > li > a:hover > span {
    opacity: 1;
    visibility: visible;
    width: auto;
    padding-right: 50px;
}

.onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after {
    border-left-color: #00d59d;
}

.onepage-category > .category-details {
    float: right;
    width: calc(100% - 100px);
    padding: 0 100px;
    padding-bottom: 146px;
    min-height: 80vh;
}

.onepage-category .category-detail {
    position: relative;
}

.onepage-category .category-detail .title-menu {
    position: relative;
}

.onepage-category .category-detail .title-menu > a {
    font-size: 26px;
    color: #000;
    text-decoration: none;
    line-height: 100px;
    display: inline-block;
    font-weight: 300;
    margin-top: 70px;
}

.onepage-category .category-detail .title-menu > a > span {
    display: inline-block;
    vertical-align: middle;
}

.onepage-category .category-detail .title-menu > a.parent:after {
    display: inline-block;
    content: "\f813";
    font-family: "porto-icons";
    margin-left: 18px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 36px;
}

.onepage-category .category-detail .title-menu > a.parent.opened:after {
    content: "\f810";
}

.onepage-category .category-detail .title-menu > .menu-popup {
    position: absolute;
    left: -25px;
    top: 100%;
    display: none;
    width: calc(100% + 50px);
    z-index: 3;
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 50px 0;
}

.onepage-category .category-detail .title-menu > .menu-popup:before {
    content: "";
    border: 8px solid transparent;
    width: 16px;
    height: 16px;
    display: block;
    border-bottom-color: #bebebe;
    position: absolute;
    top: -16px;
    left: 90px;
}

.onepage-category .category-detail .title-menu > .menu-popup:after {
    content: "";
    border: 7px solid transparent;
    width: 14px;
    height: 14px;
    display: block;
    border-bottom-color: #fff;
    position: absolute;
    top: -13px;
    left: 91px;
}

.onepage-category .category-detail .menu-popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.onepage-category .category-detail .menu-popup > ul {
    display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}

.onepage-category .category-detail .menu-popup > ul > li {
    float: left;
    border-left: 1px solid #bebebe;
    margin: 10px 0;
    padding: 30px 0;
}

.onepage-category .category-detail .menu-popup li.menu-item {
    margin-bottom: 0;
}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {
    width: 20%;
    padding-left: 4%;
    padding-right: 4%;
}

.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
    border-left: 0;
    clear: left;
}

.onepage-category .category-detail .menu-popup ul > li> a {
    color: #000;
    font-size: 16px;
    line-height: 2.5;
}

.onepage-category .category-detail .menu-popup > ul > li> a {
    font-weight: 700;
    text-transform: uppercase;
}

.onepage-category .category-detail .products-area {
    margin: 0 -10px;
}

.onepage-category .category-detail .products-area .category-link {
    float: right;
    margin-top: -70px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    min-width: 119px;
    height: 40px;
    border: 2px solid #000;
    color: #000;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
}

.onepage-category .category-detail .products-area .category-link:hover {
    background-color: #000;
    color: #fff;
}

.onepage-category .category-detail .products div.item {
    float: left;
    padding: 10px;
}

.onepage-category .category-detail .product-item-photo {
    border: 0;
    padding: 0;
    border-radius: 0;
}

.onepage-category .category-detail .products div.item .product-item-photo {
    width: 100%;
    min-height: 60px;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    background: #fff;
}

.onepage-category .category-detail .products div.item .product-item-details {
    padding: 15px 0;
    text-align: left;
}

.onepage-category .category-detail .products div.item .product-item-details .product-item-name {
    margin: 0 0 3px 0;
}

.onepage-category .category-detail .products div.item .product-item-details .product-item-name a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.onepage-category .category-detail .products div.item .product-item-details .price-box {
    margin: 0;
}
.onepage-category .category-detail .products div.item .product-item-details .price {
    font-weight: 300;
    font-size: 30px;
}

.onepage-category .category-detail .products div.item .product-item-details .old-price .price {
    font-size: 20px;
}

.onepage-category .category-detail .product-item-photo:before {
    content: "";
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.onepage-category .category-detail .product-item-info:hover .product-item-photo:before {
    opacity: 0.7;
    visibility: visible;
}

.onepage-category .category-detail .product-item-photo .product-item-inner {
    padding: 0;
    z-index: 3;
    left: 15px;
    bottom: 15px;
}

.onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions a, .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 18px;
    margin: 0 1px;
}

.onepage-category .category-detail .product-item .tocart:before {
    font-size: 21px;
    display: inline-block;
}

.onepage-cat.category-list {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
}

body > .onepage-cat.category-list {
    display: none;
}

.onepage-category > .category-list > ul.fixed-top {
    position: fixed;
    left: 0;
    top: 70px;
}

.onepage-category > .category-list > ul.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
}
.onepage-category > .category-list > ul.absolute-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
}

.onepage-category .additional-content img {
    max-width: 100%;
}

.onepage-category .menu-popup a > span {
    position: relative;
}

.onepage-category .menu-popup a > span.cat-label {
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    border: 1px solid #777;
    position: absolute;
}

#banner-slider-demo-19 .slide-content h2 {
    font-size: 80px;
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -6px;
    margin-left: -5px;
}

#banner-slider-demo-19 .slide-content p {
    font-size: 20px;
    margin-bottom: 50px;
    font-weight: 300;
}

#banner-slider-demo-19 .slide-content a.btn-line {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #000;
    padding: 0 34px;
    height: 57px;
    display: inline-block;
    line-height: 53px;
    border-radius: 8px;
    text-decoration: none;
}

#banner-slider-demo-19 .slide-content a.btn-line:hover {
    color: #fff;
    background-color: #000;
}

.category-description img {
    max-width: 100%;
}
.category-detail .product-item-info:hover .product-item-inner {
    visibility: visible;
    opacity: 1;
}
#giftcard-form input#giftcard-code {
    border-radius: 3px 0 0 3px;
}
#giftcard-balance-lookup .giftcard.info {
    margin-bottom: 15px;
}
.gift-wrapping-item > span {
    background-color: #f2f2f2;
}
#giftcard-form button.action-add, #giftcard-form button.redeem {
    height: 32px;
    line-height: 1;
    font-size: 13px;
}
.account .table-wrapper.balance-history, .account .table-wrapper.reward-history, .account .table-wrapper.balance-history {
    margin-top: 0;
}
.form-addbysku .qty.field .control {
    display: block;
}
.column .block-addbysku .action.add {
    min-width: 32px;
}
.giftcard-account button.primary {
    height: 32px;
    line-height: 1;
}
.form-add-invitations .action.add:before, .column .block-addbysku .action.add:before {
    content: '\f881';
}
.form-add-invitations .fieldset .actions-toolbar > .secondary .action.add {
    min-width: 32px;
    margin: 20px 0;
}
.message.info {
    margin-bottom: 20px;
}
.form-giftregistry-edit .field.date input {
    vertical-align: middle;
}
.hasDatepicker + .ui-datepicker-trigger:before {
    content: '\f865';
}
.block-category-event {
    border-radius: 5px;
    text-align: left;
    padding: 10px 20px !important;
}
.block-category-event > div {
    display: inline-block;
    vertical-align: middle;
}
.block-category-event > div.event-title {
    padding-right: 50px;
    margin-right: 20px;
}
.block-category-event .event-title em {
    float: left;
    font-size: 30px;
    margin-right: 8px;
    color: #000;
}
.block-category-event .event-title p {
    margin: 0;
    text-transform: uppercase;
}
.block-category-event .event-title h4 {
    margin: 3px 0;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
}
.block-category-event .dates .start:after {
    display: none;
}
.block-category-event .event-ticker .dates .start {
    padding: 0;
}
.block-category-event .event-ticker .dates > div > span {
    display: block;
}
.block-category-event > div.event-ticker {
    text-align: center;
}
.block-category-event > div.event-desc {
    float: right;
    color: #08c;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 101px;
    margin-right: 20px;
}
.block-category-event .event-ticker .dates > div > span.desc {
    color: #08c;
    text-transform: uppercase;
    font-style: italic;
    font-size: 13px;
}
.block-category-event .event-ticker .dates > div > span.date {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.block-category-event .event-ticker .dates > div > span.year-month {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 3px;
}
.block-category-event .event-ticker .dates > div > span.time {
    padding: 3px 0;
}
.block-category-event .event-ticker .dates > div > span.date {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    padding: 0 0 3px;
}
.block-category-event .event-ticker .dates > div {
    margin: 0 10px;
    display: inline-block;
}
.block-category-event .event-ticker .ticker .value {
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.block-category-event .event-ticker .ticker .label {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 3px;
    min-width: 70px;
}
.block-category-event .event-ticker .ticker li {
    margin: 0 7px;
}
.block-category-event.open > div.event-desc {
    line-height: 65px;
}
@media(max-width:1199px) {
    #banner-slider-demo-19 .slide-content h2 {
        font-size: 40px;
        line-height: 0.9;
        letter-spacing: -3px;
        margin-left: -2.5px;
    }

    #banner-slider-demo-19 .slide-content p {
        font-size: 12px;
        margin-bottom: 20px;
    }

    #banner-slider-demo-19 .slide-content a.btn-line {
        font-size: 10px;
        padding: 0 16px;
        height: 30px;
        line-height: 26px;
        border-radius: 4px;
    }
    .onepage-cat.category-list + .main.container {
        padding: 0 50px;
    }

    .onepage-category .category-detail .menu-popup ul > li> a {
        font-size: 11px;
    }

    .onepage-category .category-detail .menu-popup > ul.columns5 > li {
        padding: 10px 2%;
    }

    .onepage-category .category-detail .title-menu > .menu-popup {
        padding: 10px 0;
    }

    .onepage-category .category-detail .title-menu > a {
        margin-top: 46px;
    }
}
@media (max-width: 991px) {
    .block-category-event > div {
        display: block;
        float: none !important;
        text-align: left;
    }
    .block-category-event > div.event-ticker {
        display: inline-block;
        margin: 0 -10px;
    }
    .block-category-event .dates .start, .block-category-event .dates .end {
        display: inline-block !important;
    }
}
@media(max-width:767px) {
    .onepage-category, .cms-index-index .onepage-category {
        display: block;
    }

    .onepage-category > .category-list {
        width: auto;
        float: none;
        padding: 0;
        min-height: 0;
        position: static;
        margin-bottom: 20px;
    }

    .onepage-category > .category-list > ul {
        padding: 0;
    }

    .onepage-category > .category-list > ul > li {
        margin: 0;
        display: inline-block;
    }

    .onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after {
        display: none;
    }

    .onepage-cat.category-list + .main.container {
        float: none;
    }

    .onepage-cat.category-list + .main.container {
        padding: 0 15px;
    }

    .onepage-cat.category-list + .main.container {
        width: auto;
    }

    .onepage-category > .category-details {
        float: none;
        width: auto;
        padding: 0 15px;
    }

    .onepage-category > .category-list > ul {
        position: static !important;
    }

    .onepage-category .category-detail .menu-popup > ul {
        display: block;
    }

    .onepage-category .category-detail .menu-popup > ul.columns5 > li {
        width: 50%;
        padding: 10px 15px;
    }

    .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
        border-left: 1px solid #bebebe;
        clear: none;
    }

    .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) {
        border-left: 0;
        clear: left;
    }

    .onepage-category .category-detail .menu-popup ul > li> a {
        font-size: 14px;
    }
}
.product.info.detailed.sticky .product.data.items > .item.content {
    margin: 0;
}
.product-tabs-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.product-tabs-container.has-sticky-header {
    top: 44px;
}
.product-tabs-container .data.item.title {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px;
}
.product-tabs-container .data.item.title:first-child {
    padding-left: 0;
}
.product-tabs-container .data.item.title > a {
    color: #777;
    padding: 10px 0;
}
.authentication-wrapper {
    line-height: 50px;
    margin-top: 0 !important;
    margin-left: 20px;
}
.filter-options-content .ln_slider_container {
    width: 93%;
    width: calc(100% - 14px);
    margin: 15px 7px 0;
}
#ln_slider_price .ui-slider-handle {
    margin-top: -5px;
    background: #08c;
    height: 18px;
    width: 13px;
    border-radius: 5px;
    margin-left: -7px;
}
#ln_slider_price.ui-slider-horizontal {
    height: 7px;
    margin-bottom: 15px;
    background: #1ab2ff;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,.38);
}
#ln_price_attribute {
    padding: 10px 5px;
}
.block-category-list .block-content ol li.item, .sidebar > .block.filter ol li.item {
    margin: 0;
    padding: 7px 0;
}
.filter-options-content {
    padding: 15px;
}
.filter-options-content ol.items {
    margin: -9px 0;
}
.sidebar .product-items .product-item-info .product-item-photo img.hover_image {
    display: none;
}
.page-main .block.block-category-list {
    margin-bottom: 14px;
}
.block-category-list .block-title, .sidebar > .block.filter .options dt {
    padding: 10px 15px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    display: block;
    text-decoration: none;
}
.block-category-list .block-content, .sidebar > .block.filter .options dd {
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb;
}
.block-category-list .block-content .item a, .sidebar > .block.filter .item a {
    color: #777;
}
.block-header-customer-login {
    position: absolute;
    right: 0;
    min-width: 300px;
    background: #fff;
    z-index: 9;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-top: 4px solid #08c;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.block-header-customer-login:before {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: #08c;
    position: absolute;
    top: -14px;
    right: 30px;
}
.block-header-customer-login.open {
    visibility: visible;
    opacity: 1;
}
.authorization-link {
    position: relative;
}
.filter-toggle {
    display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
    max-width: 18px;
    display: none;
}
.loading-mask .loader > img, .ln_overlay img {
    max-width: 32px;
}
.account-nav .nav > li {
    padding: 0;
    position: relative;
    line-height: 1.3;
    border-bottom: 1px solid #ddd;
}
.account-nav .nav > li > a {
    color: #777;
    padding: 8px 15px;
}
.account-nav .nav > li > a:hover, .account-nav .nav > li > a:focus {
    background: none;
}
.account-nav .nav > li > a:before, .account-nav .nav > li > strong:before {
    content: '\f821';
    font-family: 'porto-icons';
    position: absolute;
    left: 5px;
}
.account-nav .nav > li > strong {
    position: relative;
    display: block;
    padding: 8px 15px;
}
@media(min-width: 768px) {
    .filter-toggle {
        border: 1px solid #ccc;
        font-weight: 400;
        color: #777;
        text-align: center;
        width: auto;
        line-height: 26px;
        background-color: #fff;
        display: block;
        margin-left: 5px;
        border-radius: 3px;
        display: inline-block;
        text-decoration: none;
        padding: 0 10px;
        display: inline-block;
    }
    .filter-toggle:hover {
        color: #777;
    }
    .filter-toggle.active {
        color: #fff;
        background-color: #08c;
        border-color: #08c;
    }
    .column.main {
        transition: all 0.5s;
    }
    .column.main.toggle-close {
        width: 100% !important;
    }
    .sidebar.sidebar-main {
        transition: all 0.5s;
        padding-right: 20px;
    }
    .sidebar.sidebar-main.toggle-close {
        margin-left: -300px;
        opacity: 0;
        visibility: hidden;
    }
}
@media(max-width: 767px) {
    .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {
        top: 0;
    }
    .product-tabs-container.has-sticky-header.has-mobile-sticky-header {
        top: 64px;
    }
    .block-header-customer-login {
        display: none;
    }
}
.ajax-products{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:0 85px}
.ajax-products > .category-list{border-right:1px solid #dcdcdc;padding:70px 15px}
.ajax-products > .category-list > span{display:block;font-size:20px;font-weight:600;color:gray;margin-bottom:10px}
.ajax-products > .category-list > ul{list-style:none;padding:0}
.ajax-products > .category-list > ul > li{padding:10px 0}
.ajax-products > .category-list > ul > li > a{display:block;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;position:relative;padding-left:20px}
.ajax-products > .category-list > ul > li > a:before{content:"\f87d";font-family:"porto-icons";margin-right:10px;display:inline-block;width:11px;position:absolute;left:0}
.ajax-products > .category-list > ul > li > a.active:before{content:"\f87c"}
.ajax-products > .category-list > ul > li > a > span{display:inline-block}
.ajax-products > .category-list > ul > li > a:hover{text-decoration:none}
.ajax-products > .category-detail{position:relative;min-height:70vh;padding:70px 15px}
.ajax-products > .category-detail > h2{text-align:center;margin:30px 0;font-size:26px;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:10px}
.ajax-products > .category-detail > .ajax_products_loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,0.5)}
.load-more-area{text-align:center;margin:30px 0}
.load-more-area > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#000;color:#fff;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(0,0,0,0.5)}
.load-more-area > a:hover{text-decoration:none;opacity:.85;color:#fff}
.full-width-image{text-align:center;padding:200px 0;background-size:cover}
.full-width-image > h3{font-size:90px;color:#fff;font-weight:600;letter-spacing:-5px}
.full-width-image > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0}
.full-width-image > a:hover{text-decoration:none;opacity:.85}
#home-content-slider-demo-20 .item > div.content{max-width:40%}
#home-content-slider-demo-20 .item > div.content > h3{color:#fff;font-size:60px;font-weight:600;letter-spacing:-4px;margin-bottom:20px}
#home-content-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block}
#home-content-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85}
.full-screen-slider {height: 100vh;}
.full-screen-slider:after {content: "\f110";font-family: "porto-icons";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -18px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;color: #777;z-index: 1;}
.owl-carousel.owl-loaded {position: relative;z-index: 2;}
.full-screen-slider{position:relative}
.full-screen-slider #banner-slider-demo-20 .item > div.content{text-align:left;position:absolute}
.full-screen-slider #banner-slider-demo-20 .item > div.content > h2{line-height:.9;font-size:80px;font-weight:600}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85}
#banner-slider-demo-20+.owl-thumbs{position:absolute;right:100px;bottom:50px;width:30%;z-index:2}
#banner-slider-demo-20+.owl-thumbs button{width:auto;height:auto;padding:0;border:0;margin:0;float:left;max-width:33.33%;background:none}
#banner-slider-demo-20+.owl-thumbs button img{border:3px solid transparent}
#banner-slider-demo-20+.owl-thumbs button.active img{border-color:#fff;border-color:rgba(255,255,255,0.5)}
.page-header {
    z-index: 6;
}
.block-bundle-summary .moved-add-to-links {
    display: block;
    margin-top: 10px;
}
.block-bundle-summary .moved-add-to-links .product-addto-links .action {
    width: 40px;
    height:40px;
    line-height: 38px;
    margin-right:5px;
}
.block-bundle-summary .moved-add-to-links .action.mailto.friend {
    width: 40px;
    height:40px;
    line-height: 38px;
}
@media (min-width:768px) and (max-width: 991px){
    .moved-add-to-links {display: block;margin-top: 15px;}
}
@media (max-width: 991px) {
    .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
        font-size: 45px;
    }
    .full-screen-slider #banner-slider-demo-20 .item > div.content > a {
        font-size: 10px;
        padding: 10px 20px;
        margin: 10px 0;
    }
    #home-content-slider-demo-20 .item > div.content > h3 {
        letter-spacing: 0;
        font-size: 25px;
        margin-bottom: 10px;
    }
    #home-content-slider-demo-20 .item > div.content > a {
        font-size: 10px;
        padding: 10px 20px;
        margin: 10px 0;
    }
}
@media (max-width: 767px) {
    #banner-slider-demo-20+.owl-thumbs {
        width: 50%;
        right: 25%;
    }
    #home-content-slider-demo-20 .item > div.content > p {
        display: none;
    }
    #home-content-slider-demo-20 .item > div.content > a {
        display: none;
    }
    .ajax-products {
        display: block;
    }
    .ajax-products > .category-list {
        border-right: 0;
        padding: 30px 15px;
    }
    .ajax-products > .category-list > ul > li {
        display: inline-block;
        margin-right: 30px;
    }
    .ajax-products > .category-detail {
        padding-top: 0;
        min-height: 70vh;
    }
    .load-more-area > a,.full-width-image > a {
        font-size: 8px;
        padding: 10px 20px;
        margin: 10px 0;
    }
    .full-width-image {
        padding: 100px 0;
    }
    .full-width-image > h3 {
        font-size: 35px;
        letter-spacing: -1px;
    }
}
ul.scene{width:100%;height:100%}
ul.scene > li.layer{width:100%;height:100%}
.animation-wave{-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear}
.animation-spin {
  -moz-animation: spin 20s infinite linear;
  -o-animation: spin 20s infinite linear;
  -webkit-animation: spin 20s infinite linear;
  animation: spin 20s infinite linear;
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

.product-reviews-summary.empty .reviews-actions:before {
    content: '\f844' '\f844' '\f844' '\f844' '\f844';
    display: inline-block;
    vertical-align: middle;
    font-family: "porto-icons";
    color: #c3c5c9;
    letter-spacing: 3px;
    font-size: 12px;
}
.product-labels {
    z-index: 4;
}
.product-item-photo:hover .product-image-photo.hover_image {
    z-index: 3;
}
.products-grid .product-item .product-item-info {
    z-index: 2 !important;
}
.products-grid .product-item .product-item-info .amlabel-position-wrapper {
    z-index: 4 !important;
}
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    z-index: 4 !important;
}
.product-social-links .at-style-responsive .at-share-btn {
    padding: 0;
}
.product-social-links .at-resp-share-element .at-share-btn:focus, .product-social-links .at-resp-share-element .at-share-btn:hover {
    -webkit-transform: none;
    transform: none;
}
.product-social-links .at-resp-share-element .at-share-btn {
    margin: 0 4px;
}
.product-social-links .addthis_inline_share_toolbox {
    margin: 15px 0 15px -4px;
}
#at-expanded-menu-host .at-expanded-menu-load {
    line-height: 1;
    height: auto;
}
#at-expanded-menu-host .at-expanded-menu-service-list button {
    height: auto;
}
.gallery-placeholder .loader img {
    display: none;
}
.loader:before {
    content: "\f110";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -15px;
    margin-left: -15px;
    color: #777;
}
.minicart-wrapper .action.showcart .counter.qty .loader:before {
    content: "\f110";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    margin-top: -12px;
    margin-left: -8px;
    color: #777;
}
.loading-mask {
    background: transparent;
}
.product-item-photo>a:not(.weltpixel-quickview):before {
    content: "\f110";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    margin-top: -14px;
    margin-left: -10px;
    color: #777;
    z-index: 1;
}
.product-image-photo.default_image {
    position: relative;
    z-index: 2;
}
/*
.filter-content .ln_overlay {
    display: none !important;
}
*/

.catalog-category-view .infinite-loader + .toolbar.toolbar-products .limiter {
    float: none;
}
.catalog-category-view .infinite-loader + .toolbar.toolbar-products .pages {
    display: none;
}
.owl-item.loading .product-item-photo {
    min-height: 100px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .block-search {
        max-width: 240px;
    }
}
.owl-theme.owl-bottomright-narrow .owl-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}
.owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    background: #000;
    border-radius: 0;
    margin: 1px 1px 1px 0;
    padding: 0;
    width: 90px;
    height: 90px;
    line-height: 90px;
    opacity: 1;
}
.column.main > .custom-block {
    display: none;
}
.weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
    display: none;
}
.product-item-photo {
    min-height: 50px;
}
.form-find-area { border-top: solid 2px #1fc0a0;box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1);padding: 40px 40px 38px;}
.form-find-area .form-title {font-family: 'Oswald';font-size: 22px;line-height: 35px;font-weight: 400;text-align: center;text-transform: uppercase;color: #151515;margin:0 0 5px;}
.form-find-area form {width: 100%;}
.form-find-area select {width: 100%;color: #747474;font-size: 13.5px;margin: 11px 0;border-radius: 5px;padding: 0 15px;height: 47px;}
.list-category .group .content {position:relative;margin:15px 0;}
.list-category .group .content img {width: 100%;}
.list-category .group .content h3 {position:absolute;bottom:0;left: 0; display: inline-block; background-color:#242424;font-size: 22px;font-family: 'Oswald';text-transform: uppercase;color:#fff;font-weight: 400;padding: 5px 15px;margin:0;}
.offer-deal .item {position:relative;}
.offer-deal .item img {max-width: 100%;}
.offer-deal .item .content h3 {margin: 0 0 5px;}
.offer-deal .item .content h3 a{font-family: 'Oswald';font-size: 49px;font-weight: 600;line-height: 35px;text-transform: uppercase;color:#151515;text-decoration: none;}
.offer-deal .item .content p{font-family: 'Oswald';font-size: 26px;font-weight: 400;line-height: 35px;text-transform: uppercase;color:#4c4c4c;}
.offer-deal .item .content .btn-default {font-family: 'Oswald';font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 10px 25px;margin-top: 15px;}
.offer-deal .item .content .btn-default:hover {background-color: inherit;}
.subscribe-form .content h3 {font-family: 'Oswald';font-size: 35px;font-weight: 600;color:#151515;text-transform: uppercase;margin: 0 0 5px;}
.subscribe-form .content p {font-family: 'Oswald';font-size: 20px;font-weight: 400;color:#151515;text-transform: uppercase;}
.subscribe-form .validation-advice {
    position: absolute;
}
.subscribe-form  .block.newsletter {
    width: auto;
    max-width: 475px;
    display: inline-block;
    vertical-align: middle;
}
.subscribe-form .block.newsletter .control:before {
    line-height: 44px;
    margin-left: 20px;
}
.subscribe-form .block.newsletter .control {
    position: relative;
}
.subscribe-form .block.newsletter .control input {
    background-color: #fff;color: #686865;height: 44px;border: none;font-size: 14px;padding-left: 50px;float: left;max-width: 475px;width: 100%;border-radius: 5px 0 0 5px;padding-right: 0;margin-right: 0;
}
.subscribe-form .block.newsletter .control div.mage-error {
    position: absolute;
    bottom: -65px;
}
.subscribe-form .block.newsletter .actions .action.subscribe {
    height: 44px;line-height: 44px;padding: 0 20px;text-transform: uppercase;border-radius: 0 5px 5px 0;opacity: 1;background-color: #1fc0a0;
}
.filter-title strong {
    color: transparent !important;
    position: fixed;
    top:22%;
    left: -1px;
    width: 51px;
    height: 47px;
    border: #dcdcda solid 1px !important;
    background-color: #f5f5f5;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    cursor: pointer;
    line-height: 26px;
    z-index: 9;
}
.filter-title strong:before {
    content: '\f1de';
    font-family: 'porto-icons';
    font-size: 27px;
    color: #818181;
    line-height: 30px;
    display: block;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
    .column.main > .custom-block {
        display: block;
        width: 25%;
        float: right;
        padding-left: 30px;
    }
    body:not(.weltpixel-quickview-catalog-product-view).column.main > .custom-block + .product-info-main {
        width: 40.33%;
    }
    .block-search {
        z-index: 7;
    }
    .sw-megamenu.navigation li.level0.fullwidth > .submenu > .container, .sw-megamenu.navigation li.level0.staticwidth > .submenu > .container{
        padding: 0;
        max-width: 100%;
    }
}
@media (max-width:1199px) and (min-width:992px){
    .form-find-area {padding: 18px 40px 16px;}
}
@media (min-width:992px){
    body.side-header .page-wrapper > .breadcrumbs.fixed-position {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }
    body.side-header .page-wrapper > .breadcrumbs .items {
        margin: 0;
        max-width: none;
    }
}
@media (max-width:991px) and (min-width:768px){
    .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
    .offer-deal .item .content p{font-size: 16px;line-height: 25px;}
    .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}

}
@media (max-width:1679px) {
    .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}
@media (max-width: 991px) {
    .offer-deal .item img {width: 100%;}
}
@media (max-width:767px) {
    .block-search input {
        color: #666;
    }
    .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
    .offer-deal .item .content p{font-size: 16px;line-height: 25px;}
    .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
}
@media (max-width: 640px) {
    #newsletter_popup {
        padding: 40px 10px 25px;
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .filter.active {
        width: 300px;
    }
    .filter.active .filter-title strong {
        right: 10px;
        top: 0;
        border: none !important;
        position: absolute;
    }
    .filter.active .filter-title strong:before {
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        line-height: inherit;
        color: #fff;
        content: '\f819';
        font-family: 'porto-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }
    .filter.active .filter-title strong:after { display: none;}
    .filter.active .filter-title {
        background-color: #666666;
        margin: 0;
        height: 47px;
        border: none;
        width: 300px;
    }
    .filter.active .filter-subtitle {
        color: #fff !important;
        text-transform: uppercase;
        font-size: 12.5px;
        font-weight: 400;
        font-family: 'Oswald';
        letter-spacing: 0.025em;
        z-index: 3;
        padding: 8px 30px !important;
        height: 47px;
        pointer-events: none;
        width: 300px;
        right: auto;
        border: 0;
    }
    .filter.active .filter-options {
        padding: 10px 30px !important;
        width: 300px;
        right: auto;
        top: 47px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
        padding-left: 0;
        padding-right: 0;
    }
    .filter.active .block-category-list .block-content, .filter.active .filter-options-content {
        padding-left: 0;
        padding-right: 0;
    }
    body.filter-active .page-wrapper {
        visibility: visible;
        height: auto;
        margin-top: 0;
    }
    .filter:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    .filter.active:before {
        opacity: 0.1;
        visibility: visible;
    }
}
.container:after{content: "";display: table;clear: both}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.gallery-placeholder {
    width: 100%;
}
table .col {
    width: auto;
}
.modal-header {
    border-bottom: 0;
}
.modal-content {
    border: 0;
}

.product-reviews-summary .reviews-actions a {
    color: #bdbdbd;
    padding: 0 15px;
    border-left: 1px solid #bdbdbd;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
    font-weight: 400;
    text-transform: none;
}

.swatch-option.color {
    min-width: 22px;
    height: 22px;
}

.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form:after, .weltpixel-quickview-catalog-product-view .product-options-bottom:after {
    content: "";
    display: table;
    clear: both;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form {
    padding-top: 0;
}
.weltpixel-quickview-catalog-product-view .product-options-wrapper {
    padding-bottom: 0;
}
.weltpixel-quickview-catalog-product-view .product-options-bottom {
    margin-top: 10px;
}
.weltpixel-quickview-catalog-product-view .product-info-main .box-tocart, .weltpixel-quickview-catalog-product-view .box-gotoproduct {
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
}
#newsletter_popup {
    border-top: 0;
}
.modes-mode {
    margin-right: 7px;
}
.fotorama__nav__frame {
    box-sizing: border-box;
    padding-bottom: 0 !important;
    margin-right: 2px;
}

.product.description ul {
    list-style: none;
    padding-left: 3em;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 36px;
}
.product.description ul li {
    margin: 0;
}
.product.description ul li [class^="porto-icon-"] {
    margin-right: 12px;
    font-size: 12px;
    color: #333;
}
.product.description p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
    color: #6b7a83;
}
.catalog-category-view .column.main .products-grid {
    margin: 0 -10px;
}
.minicart-wrapper .action.close {
    color: #777;
}

.breadcrumbs a, .breadcrumbs .item:not(:last-child):after {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] em:before {
    margin: 0;
}
.products-upsell .product.name a {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
@media (max-width:767px) {
    .filter-options-title:after {
        right: 0;
    }
}
.weltpixel-quickview-catalog-product-view .sidebar {
    display: none;
}
.weltpixel-quickview-catalog-product-view .page-main {
    max-width: 100%;
}
.weltpixel-quickview-catalog-product-view .column.main {
    width: 100%;
    padding: 0;
}
.weltpixel-quickview-catalog-product-view .product.media, .weltpixel-quickview-catalog-product-view .product-info-main {
    margin: 0;
}
.fieldset > .field.qty, .nested.options-list > .field.qty {
    margin-right: 7px;
}
.product-info-main .box-tocart .actions {
    margin-right: 10px;
}
@media (min-width: 768px) {
    .box-tocart .action.tocart {
        min-width: 135px;
        padding: 0 14px;
    }
}
.product-info-main .product.overview {
    padding-bottom: 20px;
}
.block-minicart .block-content > .actions > .secondary .action.viewcart {
    font-weight: 400;
}
.breadcrumbs .item[class*="category"] > a {
    line-height: 1;
}
.breadcrumbs strong {
    padding: 2px 0;
    display: inline-block;
}
.filter-options-title, .block-category-list .block-title strong {
    font-weight: 600;
}
.nav-toggle:before {
    font-size: 21px;
}
.product-info-main .swatch-option {
    margin-right: 5px;
}
.fotorama__arr {
    width: 50px;
    background-color: transparent;
}
.fotorama__arr:hover {
    background-color: transparent;
}
.fotorama__fullscreen-icon {
    width: 50px;
}
.product.description p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
    color: #333;
}
.product.description ul {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 36px;
    color: #333;
}
@media (max-width: 767px) {
    .product.data.items > .item.title > .switch {
        height: auto;
    }
    .product.data.items > .item.title.active > .switch {
        border-bottom: 1px solid #eee;
    }
    .product.data.items {
        margin: 0;
    }
    .product.data.items > .item.content {
        padding: 20px 9px;
    }
    .catalog-category-view .column.main .products-grid {
        margin: 0 -5px;
    }
}
.weltpixel-quickview-catalog-product-view .product-info-main .custom-block {
    display: none;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product.overview {
    margin-top: 10px;
    margin-bottom: 20px;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product-reviews-summary {
    margin-bottom: 10px;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
    font-size: 30px;
    margin: 0;
    padding: 0;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls {
    margin: 0;
    top: 28%;
}
.products-upsell {
    margin-top: 30px;
}
.product-info-main .swatch-attribute-options {
    margin-top: 5px;
}
.swatch-option.text {
    height: 22px;
    line-height: 20px;
    padding: 0 4px;
    min-width: 22px;
}
.page-products .columns {
    padding-top: 0;
    z-index: auto;
}
.products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .sorter {
    display: none;
}
.sidebar > .block.filter .title {
    display: none;
}
.sidebar > .block.filter .item .count {
    font-size: 11px;
    margin-left: 10px;
}
.sidebar .product-items .product-item-name a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.column.main:after {
    clear: both;
    content: ' ';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.product.media {
    margin-bottom: 50px;
}
.toolbar .limiter {
    margin-right: 0;
    text-align: left;
}
.toolbar .limiter-options {
    margin-right: 0;
}
.toolbar .limiter .limiter-text {
    display: none;
}
.toolbar .limiter .label {
    display: inline-block;
}
.toolbar .sorter {
    margin-right: 15px;
    float: left;
}
.toolbar .modes {
    margin-right: 0;
}
.category-image {
    margin-bottom: 30px;
}
.products.wrapper ~ .toolbar .pages {
    float: right;
}
.products.wrapper ~ .toolbar .limiter {
    margin-right: 10px;
}
@media (max-width: 480px) {
    .toolbar .sorter {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .toolbar .limiter {
        clear: both;
        float: none;
    }
    .toolbar .modes {
        float: right;
        margin-left: 0;
    }
    .products.wrapper ~ .toolbar .limiter {
        clear: none;
        float: right;
        width: 100%;
        text-align: center;
    }
    .products.wrapper ~ .toolbar .limiter .label {
        min-width: 0;
    }
    .products.wrapper ~ .toolbar .pages {
        float: none;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }
}
.filter-options-content .item input[type="checkbox"] {
    margin: -2px 4.5px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.filter-current .item {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.filter-current .item {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .block-category-list .block-title, .block-category-list .block-content, .sidebar-title, .sidebar .custom-block, .sidebar-filterproducts.custom-block + h2, .sidebar-filterproducts.custom-block + h2 + h5, .sidebar-filterproducts.custom-block + h2 + h5 + p {
        padding-left: 0;
        padding-right: 0;
    }
    .filter.active .filter-current ~ .filter-options {
        top: 186px;
    }
    .filter.active .filter-current ~ .filter-title {

    }
    .filter .filter-current, .filter .filter-current + .block-actions {
        display: none;
    }
    .filter.active .filter-current + .block-actions {
        position: fixed;
        left: 0;
        top: 150px;
        margin: 0;
        border: none;
        z-index: 10;
        display: block;
        width: 300px;
        line-height: 34px;
        background-color: #f4f4f4;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: right;
        padding: 0 30px;
    }
    .filter.active .filter-current {
        position: fixed;
        left: 0;
        top: 47px;
        margin: 0;
        height: 103px;
        border: 0;
        width: 300px;
        z-index: 10;
        padding: 17px 0;
        display: block;
        background-color: #fff;
        overflow-y: scroll;
    }
    .filter-current-subtitle {
        padding: 10px 15px;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
        position: relative;
        cursor: pointer;
        border-radius: 7px;
        text-decoration: none;
    }
    .filter.active .filter-current .filter-current-subtitle {
        display: none;
        padding: 15px 30px;
    }
    .filter.active .filter-current .filter-current-subtitle:before, .filter.active .filter-current .filter-current-subtitle:after {
        display: none;
    }
    .filter.active .filter-current .items {
        display: block;
        padding: 0;
    }
    .filter.active .filter-current .item {
        padding: 0 30px;
    }
    .product.media {
        margin-bottom: 0;
    }
    .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
        margin-bottom: 20px;
    }
    .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
        padding-right: 0;
    }
}
.product-info-main .prev-next-products ~ .page-title-wrapper h1 {
    padding-right: 50px;
}
.side-overlay, a.right-side-open {
    display: none;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .side-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 998;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all .3s;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
    position: fixed;
    right: 0;
    top: 22%;
    font-size: 23px;
    color: #818181;
    line-height: 49px;
    z-index: 9;
    width: 51px;
    height: 49px;
    background-color: #f5f5f5;
    border: #dcdcda solid 1px;
    border-right: 0;
    text-align: center;
}
@media (max-width: 991px) {
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .column.main {
        width: 100%;
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
        display: block;
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar {
        display: none;
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional {
        display: block;
        position: fixed;
        background: #fff;
        z-index: 999;
        padding: 20px 5px;
        top: 0;
        height: 100vh;
        overflow-y: auto;
        right: 0;
        max-width: 100%;
        width: 280px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        border: 1px solid #d2d2d2;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s;
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open {
        opacity: 1;
        visibility: visible;
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open + .side-overlay {
        opacity: 0.2;
        visibility: visible;
        filter: alpha(opacity=100);
    }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar .custom-block {
        padding: 10px 20px;
    }
}
@media (max-width: 767px) {
    .nav-open a.right-side-open, .nav-open .sidebar.sidebar-additional.open + .side-overlay, .nav-open .sidebar.sidebar-additional {
        display: none !important;
    }
}
.sidebar .product-items .product-item .product-reviews-summary, .small-list.products-grid .product-item .product-reviews-summary {
    margin-top: 0;
}
.sidebar .product-items .product-item-details, .small-list .product-items .product-item-details {
    padding: 0;
}
.sidebar .product-items .product-item-name, .small-list.products-grid .product-item .product-item-name {
    margin-bottom: 2px;
}
.nav-open .block.filter {
    display: none;
}
.weltpixel-quickview-catalog-product-view .product-info-main .page-title-wrapper h1 {
    margin-bottom: 5px;
}
.products-grid .product-item-photo .product-item-inner {
    margin: 0;
}
.block-search .label:before, .block-search .action.search:before {
    padding-left: 1px;
}
.single-images .caption:after {
    content: "";
    display: table;
    clear: both;
}
@media (min-width: 1200px) {
    .layout-fullwidth.page-layout-2columns-left .sidebar-main, .layout-fullwidth.page-layout-2columns-right .sidebar-additional {
        width: 20%;
    }
    .layout-fullwidth.page-layout-2columns-left .column.main, .layout-fullwidth.page-layout-2columns-right .column.main {
        width: 80%;
    }
    .layout-fullwidth .main-upsell-product-detail .container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.sticky-logo .logo {
    max-width: none;
}
@media (max-width: 767px) {
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open .sidebar-title {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 480px) {
    .onepage-category .category-detail .products-area .category-link {
        margin-top: 0;
        margin-left: 10px;
        float: none;
        display: inline-block;
    }
}
.block-search input {
    left: -9999px;
}
.sticky-product .product.attribute.sku .type {
    display: none;
}
.rating-summary .rating-result > span:before, .review-control-vote label:before {
    color: #575f68;
}
.product-reviews-summary .reviews-actions a:not(:last-child) {
    border-right: 0;
}
.product-reviews-summary .reviews-actions a.view {
    padding-right: 3px;
}

/* ----------------------------- MegaMenu ----------------------------- */
.navigation.sw-megamenu ul.subchildmenu {
    width: 100%;
}
.navigation li.level0 .ui-menu-item > a::before {
    vertical-align: middle !important;
}
.navigation li > a > span {
    vertical-align: middle;
}
.navigation li > a > span.cat-label {
    width: auto !important;
    display: inline-block;
}
.navigation li > a > img.menu-thumb-icon {
    padding-right: 7px;
    max-width:47px;
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    .navigation li > a > span:not(.cat-label) {
        width: calc(75% - 26px);
        display: inline-block;
    }
    .navigation li.level0.parent > a > span.cat-label {
        right: 40px !important;
    }
    .navigation li > a > span.cat-label {
        right: 10px !important;
    }
    .navigation div.level0.submenu > div > ul.subchildmenu {
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .navigation li > a > span.cat-label {
        position: relative !important;
        margin-left: 6px;
    }
    .navigation li.level0.parent > a > span.cat-label {
        position: absolute !important;
        margin-left: 0;
        top: -6px;
        right: 20px;
    }
}
/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2018-03-22 11:14:26 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
        width: 40.83%;
    }
}
.page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown, .minicart-wrapper .block-minicart, .product-item .tocart, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], .footer-middle .block.newsletter input, .footer-middle .block.newsletter .action.subscribe, .filter-options-title, .filter-options-item.active .filter-options-title, .filter-options-content, .filter-options-title:after, .toolbar select, .swatch-option, .pages .page, .pages .action, .fotorama__stage, .fotorama__nav--thumbs .fotorama__thumb, .fotorama__nav .fotorama__thumb-border, .input-text.qty, .qty.field .qty-changer > a, button, a.action.primary, textarea, .minicart-items .item-qty, .block-minicart .block-content > .actions > .secondary .action.viewcart, .cart.table-wrapper .product-image-container, .cart-summary, select, #discount-coupon-form #coupon_code, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .message, .box .box-title, .box .box-actions, .customer-welcome .header.links, .btn, .cms-index-index blockquote.testimonial, .recent-posts .item .post-image, .prev-next-products .product-nav .product-pop, #newsletter_popup, .product-label, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0:hover, .filter .filter-current-subtitle, .filter-actions, .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .block-header-customer-login, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist
{
    border-radius: 0;
}
.sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu, .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu, .sw-megamenu.navigation span.cat-label, .category-boxed-banner .owl-item .item, .iwd-summary-cart, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary {
    border-radius: 0 !important;
}

.sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu{
    z-index: 2 !important;
}

@media (min-width: 768px) {
    .block-search input, .page-header.type1 .navigation > ul, .navigation li.level0, .page-header.type1 .navigation li.level0.parent:hover, .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header .navigation .level0 .submenu, .product.data.items > .item.title > .switch, .customer-welcome .header.links, .page-header.type5 .block-search input, .page-header.type5 .navigation .level0.parent:hover > .level-top, .page-header.type6 .block-search input, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.parent:hover > .level-top, .product.info.detailed.vertical .product.data.items > .item.title > .switch, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type11 .navigation li.level0.parent:hover
    {
        border-radius: 0;
    }
}
@media (min-width: 640px) {
    .modes-mode
    {
        border-radius: 0;
    }
}
.product-item-photo {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.product-image-photo.hover_image {
    padding: 0;
    border-radius: 0;
}

.page-header.type17 .main-panel-top {
    border-bottom: 1px solid rgba(248,248,248,0.2);
}
.page-header.type17 .main-panel-inner {
    border: none;
}
.page-header.type17 .custom-block > *, .page-header.type17 .custom-block b {
    color: #fff !important;
}
.page-header.type17 .custom-block {
    display: inline-block;
    text-align: left;
    font-size: 11px;
    height: 42px;
    line-height: 1;
    border-right: solid 1px rgba(248,248,248,0.2);
    padding-right: 35px;
    margin-right: 0;
    margin-top: -21px;
    right: 120px;
}
.page-header.type17 .minicart-wrapper .action.showcart:before, .page-header.type17 .minicart-wrapper .action.showcart.active:before {
    font-size: 33px;
}
.page-header.type17 .minicart-wrapper .action.showcart {
    padding-right: 23px;
}
.page-header.type17 .minicart-wrapper .action.showcart .counter.qty {
    margin-top: -21px;
    background-color: #ff5b5b;
}
.page-header.type17 .minicart-wrapper .action.showcart:after {
    right: -6px;
}
.homepage-bar {
    border: none;
    background-color: transparent;
}
.homepage-bar .col-md-4 {
    border-color: #fff;
    padding-top: 14px;
    padding-bottom: 15px;
}
.homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] {
    color: #465157;
}
.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}
.homepage-bar h3 {
    font-size: 14px;
    font-weight: 600;
    color: #465157;
    line-height: 19px;
}
.homepage-bar p {
    font-size: 13px;
    font-weight: 300;
    color: #839199;
    line-height: 19px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: solid 2px #d5d5d5;
    background: none;
    position: relative;
    margin: 5px 2px 5px 2px;
}
#banner-slider-demo-9.owl-bottom-narrow .owl-controls {
    text-align: left;
    padding-left: 28px;
}
#banner-slider-demo-9.owl-theme .owl-dots .owl-dot span {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background: none;
}
#banner-slider-demo-9.owl-theme .owl-dots .owl-dot.active span, #banner-slider-demo-9.owl-theme .owl-dots .owl-dot:hover span {
    border-color: #fff;
    background: none;
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    border-color: #05131c;
    background: none;
}
.owl-theme .owl-controls .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #05131c;
    border-radius: 100%;
}
#banner-slider-demo-9.owl-theme .owl-dots .owl-dot.active span:before, #banner-slider-demo-9.owl-theme .owl-dots .owl-dot:hover span:before {
    background-color: #fff;
}
.owl-theme .owl-dots .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before {
    background-color: #05131c;
}
#ads-slider-demo-9 {
    border: solid 1px #dae2e6;
    border-radius: 2px;
    padding-bottom: 23px;
}
.block.block-subscribe.home-sidebar-block {
    border: none;
    background-color: #f4f4f4;
    text-align: center;
    border-radius: 2px !important;
}
.block.block-subscribe.home-sidebar-block .block-title strong {
    font-size: 17px;
    font-weight: 700;
    color: #05131c;
}
.block.block-subscribe.home-sidebar-block .block-content p {
    line-height: 24px;
    letter-spacing: 0.001em;
    color: #4a505e;
    font-size: 14px;
}
.block.block-subscribe.home-sidebar-block .newsletter .control input {
    height: 45px;
    border-color: #e4e4e4;
    padding-right: 10px;
    border-radius: 3px;
    color: #05131c;
    text-transform: uppercase;
}
.block.block-subscribe.home-sidebar-block button.subscribe {
    width: 100%;
    margin: 7px 0 0;
    height: auto;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    border-radius: 5px;
    background-color: inherit;
}
.block.block-subscribe.home-sidebar-block button.subscribe span {
    height: 45px;
    text-transform: uppercase;
    background-color: #05131c;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0.005em;
    color: #fff;
    font-family: 'Oswald';
    line-height: 45px;
    display: block;
}

#testimonials-slider-demo-9 {
    padding: 22px;
    border: solid 2px #0188cc;
    border-radius: 2px;
}
.cms-index-index .testimonial-author {
    margin: 8px 0 0;
}
.cms-index-index .testimonial-author .img-thumbnail {
    border: none;
    padding: 0;
    margin-right: 20px;
    border-radius: 100% !important;
    overflow: hidden;
}
.cms-index-index blockquote.testimonial {
    background-color: transparent;
    color: #62615e;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Roboto', 'RobotoLocal', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 -10px;
    padding: 15px 30px 15px 43px;
    width: 100%;
    float: left;
    margin-top: 13px;
}
.cms-index-index blockquote.testimonial:before {
    color: #0188cc;
    font-family: 'porto';
    font-weight: 400;
    font-size: 54px;
}
.cms-index-index blockquote.testimonial:after {
    color: #0188cc;
    font-family: 'porto';
    font-weight: 400;
    font-size: 54px;
    right: -2px;
}
.cms-index-index .testimonial-author p {
    line-height: 20px;
}
.cms-index-index .testimonial-author p >strong {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.0025em;
    color: #2b2b2d;
}
.cms-index-index blockquote.testimonial p{
    line-height: 24px;
    letter-spacing: 0.001em;
}
#testimonials-slider-demo-6.owl-theme .owl-controls {
    text-align: left;
    padding-left: 32px;
}
.recent-posts .item {
    padding-top: 40px;
}
.recent-posts .post-date {
    display: block;
    float: none;
    text-align: left;
}
.recent-posts .post-date .long-date {
    font-size: 13px;
    font-weight: 700;
    color: #0188cc;
    line-height: 22px;
    text-transform: uppercase;
}
.recent-posts .postTitle {
    min-height: auto;
}
.recent-posts .postTitle h2 {
    margin: 0;
}
.recent-posts .postTitle h2 a{
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #2b2b2d;
}
.recent-posts .postContent {
    margin: 0;
    padding: 0;
}
.recent-posts .postContent>p {
    line-height: 27px;
    letter-spacing: 0.001em;
}
.recent-posts a.readmore {
    display: none;
}
.recent-posts .owl-controls {
    text-align: left;
}
.filterproduct-title {
    background: none;
    font-size: 17px;
    color: #2b2b2d;
}
.filterproduct-title .content {
    background: none;
    padding: 0;
}
.owl-top-narrow .owl-theme .owl-controls .owl-dots {
    margin-top: 0;
}
.small-list.products-grid .product-item .product-item-name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
}
.filterproducts.products .product-item .product-item-name a {
    color: #7a7d82;
}
.small-list.products-grid .product-item .product-reviews-summary {
    margin-top: 0;
}
.shop-features [class*=" porto-icon-"], .shop-features [class^="porto-icon-"] {
    color: #0188cc;
    border-color:#0188cc;
}
.shop-features h3 {
    font-size: 14px;
    font-weight: 700;
}
.shop-features p {
    color: #4a505e;
    line-height: 27px;
    font-weight: 400;
}
.shop-features a {
    font-family: 'Oswald';
    font-size: 12.5px;
    text-transform: uppercase;
    color: #2b2b2d;
    letter-spacing: 0.0025em;
    line-height: 26px;
    border: solid 1px #efefef;
    padding: 7px 28px;
    background: none;
    box-shadow: none;
}
.shop-features a:hover {
    background: none;
    color:#2b2b2d;
    border-color:#efefef;
}
.owl-top-narrow {
    margin: 0 -10px;
}
.owl-top-narrow .owl-theme .owl-controls {
    right: 8px;
}
.owl-top-narrow .owl-carousel .owl-item > .item {
    padding: 10px;
}
.catalog-category-view .page-main, .catalog-product-view .page-main {
    padding-top: 0;
}
.breadcrumbs li.home a {
    width: 15px;
    display: inline-block;
    text-indent: 30px;
    overflow: hidden;
    float: left;
    position: relative;
    height: 8px;  
}
.breadcrumbs li.home a:after {
    content: "\e883";
    font-family: 'porto-icons';
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
}
.sidebar.sidebar-main {
    position: relative;
}
.block-category-list .block-title,.filter-options-title,.filter .filter-current-subtitle {
    border: none;
    background-color: transparent;
    padding: 16px 20px 4px 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #21293c;
    letter-spacing: 0.01em;
}
.block-category-list .block-title {
    padding: 30px 20px 0 20px;
}
.block-category-list .block-title strong {
    font-weight: 600;
}
.block-category-list .block-content,.filter-options-content {
    border: none;
    background-color: transparent;
    padding: 10px 20px 26px 20px;
    border-bottom: #efefef solid 1px;
    position: relative;
    z-index: 2;
    border-radius: 0;
}
.filter-current .items {
    border: none;
    background-color: transparent;
    position: relative;
    z-index: 2;
}
.filter-current .item {
    padding-left: 20px;
}
.filter-current .action.remove {
    right: 20px;
    color: #21293c;
}
.filter-actions {
    border: none;
    background-color: transparent;
    border-bottom: #efefef solid 1px;
    position: relative;
    z-index: 2;
    padding-right: 20px;
}
.filter-actions a {
    color: #858585;
}
.filter-options-title:after {
    content: '\f803';
    border: none;
    color: #21293c;
    font-size: 17px;
    margin-top: -7px;
}
.filter-options-title:hover:after {
    background: none;
    color: #21293c;
}
.active > .filter-options-title:after {
    content: '\f800';
}
#ln_price_slider.ui-slider-horizontal {
    height: 3px;
    box-shadow: none;
}
#ln_price_slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
}
.sidebar-title {
    font-size: 15px;
    font-weight: 600;
    color: #21293c;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
    padding-left:20px;
    padding-right: 20px;
}
.porto-icon-left-open-huge:before {
    content: '\f802';
    color: #21293c;
}
.porto-icon-right-open-huge:before {
    content: '\f801';
    color: #21293c;
}
.sidebar .owl-top-narrow .owl-theme .owl-controls {
    top: -40px;
    right: -8px;
}
.sidebar .product-items .product-item-info .product-item-photo {
    max-width: 25.19%;
}
.sidebar .product-items .product-item-details {
    margin-left: calc(26% + 15px);
}
.sidebar .product-items .product-item-name a {
    font-size: 12px;
    color: #5b5b5f;
    font-weight: 400;
}
.sidebar .sidebar-filterproducts {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: none;
    border-bottom: #efefef solid 1px;
}
.sidebar .product-items .product-item .product-reviews-summary {
    display: block;
}
.sidebar-filterproducts.custom-block + h2 {
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 600;
    color: #21293c !important;
    letter-spacing: 0.01em;
    padding: 0 20px;
}
.sidebar-filterproducts.custom-block + h2 +h5 {
    font-family: 'Roboto', 'RobotoLocal', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #7a7d82 !important;
    letter-spacing: 0.022em;
    padding: 0 20px;
}
.sidebar-filterproducts.custom-block + h2 + h5 + p {
    color: #21293c !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
    padding: 0 20px;
}
.sidebar .custom-block {
    padding: 0 20px;
}
.category-boxed-banner.owl-theme .owl-controls {
    bottom: 0;
}
.page-products .toolbar .limiter {
    display: block;
}
.page-with-filter .toolbar-amount {
    display: none;
}
.full-width-image-banner {
    height: 300px;
}
.full-width-image-banner:after {
    display: none;
}
.full-width-image-banner h2 {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    line-height: 38px;
}
.full-width-image-banner p {
    font-size:18px;
    line-height:38px;
    font-weight: 700;
    text-transform:uppercase;
}
.full-width-image-banner .btn-default {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.025em;
    padding: 10px 20px;
    background-color: #010204;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    border-radius: 2px;
    margin-top: 31px;
}
.page-products .toolbar .limiter .limiter-text {
    display: none;
}
.modes-mode.active {
    border: none;
    background: none;
    color: #111;
}
.modes-mode,.modes-mode:hover {
    border: none;
    background: none;
    color: #111;
    width: 15px;
}
.toolbar select {
    border: 1px solid #e4e4e4;
    height: 37px;
    color: #7a7d82;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 10px;
    padding-right: 30px;
    line-height: 31px;
}
.sorter-label {
    font-size: 14px;
    font-weight: 600;
    color: #21293c;
}
.toolbar-sorter .sorter-action {
    margin-top: 6px;
    color: #21293c;
}
.toolbar-sorter .sorter-action:before {
    color: #21293c;
}
.pages a.page,.pages strong.page,.pages .action {
    width: 32px;
    line-height: 32px;
}
.products-grid + .toolbar.toolbar-products {
    border-top: solid 1px #efefef;
    padding-top: 25px;
}
.filterproducts.products .product-item .product-item-photo {
    border: solid 1px #ececec;
}
.product-item .product-reviews-summary {
    background: none;
}
.price-box .price {
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 18px;
    color: #465157;
}
.old-price .price {
    font-size: 13px;
    color: #999;
}
.products-grid:not(.side-list):not(.products-related):not(.small-list) .product-item .product-item-photo {
    transition: all 0.3s;
}
.products-grid:not(.side-list):not(.products-related):not(.small-list) .product-item:hover .product-item-photo {
    box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.2);
}
.products-grid:not(.side-list):not(.products-related):not(.small-list) .product-item .product-item-details {
    padding: 12px 0 9px;
}
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    font-size: 12.5px;
    font-family: 'Oswald';
    letter-spacing: 0.025em;
    line-height: 26px;
    font-weight: 400;
    text-align: center;
    height: 46px;
    text-transform: uppercase;
}
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 .porto-icon-eye {
    display: none;
}
.products-grid .product-item-details .product-item-actions .tocart {
    background-color: transparent;
    color: #6f6e6b;
    border-color: #d8d8d6;
    font-size: 12.5px;
    font-family: 'Oswald';
    font-weight: 300;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}
.product-item .tocart:before {
    content: "\e87f";
    font-size: 17px;
    vertical-align: middle;
    line-height: 32.5px;
}
.product-item-actions .action.towishlist, .product-addto-links .action.towishlist, .action.towishlist,
.product-addto-links .action.tocompare, .product-item-actions .action.tocompare, .action.tocompare,
.product-addto-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.mailto.friend{
    border-color: #d8d8d6;
}
.product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before {
    content: '\e889';
}


.catalog-product-view .sidebar .custom-block {
    border: none;
    color: #6b7a83;
    padding-bottom: 0;
    margin-bottom: 33px;
    background: none;
}
.catalog-product-view .sidebar .custom-block-1>div i {
    color: #0088cc;
    border: none;
    font-size: 40px;
    float: left;
}
.catalog-product-view .sidebar .custom-block-1>div {
    min-height: 65px;
    clear: both;
    padding: 18px 0;
    border-bottom: solid 1px #dee5e8;
    margin-bottom: 0;
}
.catalog-product-view .sidebar .custom-block-1>div:last-child {
    border-bottom-width: 0;
}
.block-manufacturer {
    text-align: center;
    padding: 10px 20px 0;
    margin-bottom: 0;
}
.block-manufacturer hr {
    border-color: #dee5e8;
    margin-bottom: 0;
}
.catalog-product-view .sidebar .custom-block-1>div h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.005em;
    color: #6b7a83;
    margin-left: 80px;
}
.block.related {
    padding: 0 20px;
}
.block .title strong {
    font-size: 15px;
    font-weight: 600;
    color: #21293c;
    letter-spacing: 0.01em;
    margin-bottom: 20px !important;
    padding-top: 0;
    text-transform: uppercase;
}
.block.related .product-items .product-item-actions {
    display: none;
}
.product-info-main .page-title-wrapper h1 {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #21293c;
    margin: 3px 0 15px;
}
.prev-next-products a {
    color: #555;
}
.product-reviews-summary .reviews-actions a {
    line-height: 20px;
    font-size: 14px;
    color: #bdbdbd;
}
.product-info-main .product.overview {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
    border-bottom: solid 1px #dae2e6;
}
.product.media {
    padding-right: 12px;
}
.fotorama__stage__shaft {
    border: none;
}
.fotorama__nav--thumbs .fotorama__thumb {
    border-color: #dae2e6;
}
.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    font-family: 'Oswald';
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.005em;
}
.product-info-main .product-info-price .old-price .price-wrapper .price {
    font-size: 16px;
    color: #2b2b2d;
    font-weight: 400;
}
.product-info-main .fieldset > .field.qty, .product-info-main .nested.options-list > .field.qty {
    position: relative;
    width: 106px;
}
.product-info-main .qty.field .control, .product-info-main .qty.field .qty-changer {
    margin-left: 29px;
}
.product-info-main .qty.field .qty-changer > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 43px;
    width: 30px;
    line-height: 41px;
    text-align: center;
    margin: 0;
    border-color: #dae2e6;
}
.product-info-main .qty.field .qty-changer > a:first-child {
    left: auto;
    right: 4px;
}
.product-info-main .box-tocart .input-text.qty {
    font-family: 'Oswald';
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    width: 44px!important;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #61605a;
    margin: 0;
    border-color: #dae2e6;
}
.product-info-main .qty.field .qty-changer > a .porto-icon-up-dir:before {
    content: '\f882';
}
.product-info-main .qty.field .qty-changer > a .porto-icon-down-dir:before {
    content: '\f883';
}
.box-tocart .action.tocart {
    height: 43px;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.box-tocart .action.tocart:before {
    content: '\e87f';
    font-family: 'porto-icons';
    margin-right: 7px;
    font-size: 16px;
}
.action.primary,.action.primary:active {
    font-family: "Oswald";
    letter-spacing: 1px;
    text-transform: uppercase;
}
.product-addto-links .action.towishlist,.product-addto-links .action.tocompare,.moved-add-to-links .action.mailto.friend, .product-social-links .action.mailto.friend {
    width: 43px;
    height: 43px;
    line-height: 41px;
}
.product.data.items > .item.content {
    background-color: #fff;
    box-shadow: none;
    border: none;
    border-top: #dae2e6 solid 1px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
}

.main-upsell-product-detail .block.upsell .title strong {
    background: none;
}
.block.upsell .title {
    background: none;
    border-bottom: #e1e1e1 solid 1px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: left;
}
.block.upsell .title strong {
    font-size: 18px;
    font-weight: 700;
    color: #302e2a;
}
.review-ratings .rating-label {
    display: block;
}


.footer-middle {
    padding: 62px 0 42px;
}
.footer-ribbon {
    margin: -78px 0 25px;
}
.footer-middle p{
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}
.footer-middle .block .block-title {
    margin-bottom: 15px;
}
.footer-middle .block .block-title strong {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.footer-middle ul.links li,
.footer-middle ul.features li {
    padding: 6px 0;
}
.footer-container .validation-advice {
    position: absolute;
}
.footer-middle .block.newsletter .form.subscribe {
    max-width: 400px;
}
.footer-middle .block.newsletter .control:before {
    line-height: 48px;
    margin-left: 20px;
}
.footer-middle .block.newsletter .control {
    position: relative;
}
.footer-middle .block.newsletter .control input {
    background-color: #fff;
    color: #686865;
    height: 48px;
    border: none;
    font-size: 14px;
    padding-left: 10px;
}
.footer-middle .block.newsletter .control div.mage-error {
    position: absolute;
    bottom: -22px;
}
.footer-middle .block.newsletter .action.subscribe {
    height: 48px;
    text-transform: uppercase;
    padding: 0 22px;
}
.footer-middle .block-bottom {
    border-top: 1px solid #3d3d38;
    text-align: left;
    padding: 27px 0;
    overflow: hidden;
}
.footer-middle .social-icons a {
    background-image: none;
    background-color: #33332f;
    text-indent: 0;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
    width: 37px;
    height: 37px;
    text-align: center;
    margin-left: 0;
    margin-right: 4px;
    float: left;
    line-height:35px;
}
.footer-middle .contact-info li:first-child{
    border-top-width: 0;
}
.footer-middle .contact-info li {
    padding: 9px 0;
}
.footer-middle .contact-info i {
    color: #e1ddc3 !important;
    font-size: 26px;
    line-height: 28px;
}
.footer-middle .contact-info p{
    line-height: 1;
}
.footer-middle .contact-info b {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 7px;
    display: inline-block;
}
.footer-bottom {
    padding: 18px 0;
}
.footer-bottom address {
    float: left;
}
.footer-bottom .container {
    position: relative;
}
.footer-bottom .container:before {
    content: '';
    position: absolute;
    background-color: #3d3d38;
    left: 15px;
    right: 15px;
    top: -18px;
    height:1px;
    width: calc(100% - 30px);
}
@media (max-width: 991px) {
    .footer .block .block-content {
        margin-bottom: 30px;
    }
    .footer-middle .block-content {
        min-width: auto !important;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .navigation.sw-megamenu > .sticky-logo {
        display: none;
    }
    .page-header.type17 .custom-block {
        display: none;
    }
    .homepage-bar .col-md-4 {
        text-align: left !important;
    }
    #banner-slider-demo-9 {
        margin-bottom: 20px;
    }
    .sidebar.sidebar-main {
        position: static;
    }
    .page-products .toolbar .limiter {
        display: none;
    }
    .product.data.items {
        margin: 0;
    }
    .prev-next-products .product-nav.product-next .product-pop {
        margin: 0;
    }
    .prev-next-products .product-nav.product-prev .product-pop {
        left: -20px;
    }
    .product-info-main .fieldset > .field.qty {
        margin-bottom: 20px;
    }
    .fieldset > .actions {
        vertical-align: top;
    }
    .catalog-product-view .sidebar .custom-block {
        padding: 0;
    }


    .footer-middle {
        padding: 62px 0 0;
        margin-bottom: -20px;
    }
    .footer .block .block-content {
        margin-bottom: 30px;
    }
    .footer-middle .block-content {
        float: none !important;
    }
}
@media (min-width: 640px) {
    .page-products .sorter {
        float: left;
    }
    .modes {
        float: right;
        margin-right: 0;
        margin-left: 20px;
        margin-top: 5px;
    }
    .modes-mode:before {
        content: '\e880';
        font-size: 14px;
    }
    .mode-list:before {
        content: '\e87b';
        font-size: 14px;
    }
    .products.wrapper ~ .toolbar .limiter {
        float: left;
    }
    .products.wrapper ~ .toolbar .pages {
        float: right;
    }
}
@media (min-width: 768px) {
    .page-header.type17 .minicart-wrapper {
        background-color: transparent;
        width: 81px;
        height: 41px;
        text-align: center;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }
    .home-side-menu {
        background-color: transparent;
        border-color: #dae2e6;
        border-radius: 2px;
    }
    .home-side-menu h2.side-menu-title {
        color: #465157;
        font-size: 14.5px;
        font-weight: 700;
        letter-spacing: 0.001em;
    }
    .navigation.side-megamenu a, .navigation.side-megamenu a:hover {
        color: #465157;
    }
    .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
        color: #838b90;
        padding-right: 10px;
    }
    .sw-megamenu.navigation.side-megamenu li.level0.parent:hover > a:after {
        color: #fff;
    }
    .sw-megamenu.navigation.side-megamenu li.level0 > .submenu {
        border: solid 1px #dae2e6;
        box-shadow: 0 3px 15px -2px rgba(0,0,0,0.3);
        padding: 10px 0 10px 15px;
    }
    .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before, .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {
        border-bottom-style: solid;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }
    .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before {
        border: 8px solid;
        border-color: transparent #fff transparent transparent;
        z-index: 3;
        left: -16px;
        top: 11px;
    }
    .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {
        border: 9px solid;
        border-color: transparent #dae2e6 transparent transparent;
        z-index: 2;
        left: -18px;
        top: 10px;
        right: auto;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
        font-size: 13px;
        font-weight: 700;
        color: #434d53;
        letter-spacing: -0.001em;
        margin-top: 9px;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a, .sw-megamenu.navigation li.level0.classic .submenu a {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        color: #696969;
        line-height: 24px;
    }
    .sidebar.sidebar-main:before {
        content: '';
        position: absolute;
        left: 0;
        right: 22px;
        border: solid 1px #dae2e6;
        top: 0;
        bottom: 0;
        border-radius: 2px;
    }
    .product.data.items > .item.title {
        padding: 10px 30px 10px 0;
    }
    .product.data.items > .item.title > .switch {
        font-size: 14px;
        font-weight: 700;
        color: #818692;
        text-transform: uppercase;
        border: none;
        border-radius: 0;
        line-height: 30px;
        background: none;
        padding: 0;
    }
    .product.data.items > .item.title:not(.disabled) > .switch:focus,
    .product.data.items > .item.title:not(.disabled) > .switch:hover {
        background: none;
        color: #818692;
    }
    .product.data.items > .item.title.active > .switch,
    .product.data.items > .item.title.active > .switch:focus,
    .product.data.items > .item.title.active > .switch:hover {
        color: #21293c;
        position: relative;
        border-bottom: #0088CC solid 2px;
    }
    .product.data.items > .item.content {
        padding: 35px 0 0;
        margin-top: 45px;
    }
}@media (min-width: 992px) {
    body#html-body div.page-wrapper header.page-header.type2 nav.navigation.sw-megamenu > ul .subchildmenu.mega-columns.columns2 > li > a > span {
        white-space: initial;
        line-break: auto;
    }
    body#html-body div.page-wrapper header.page-header.type2 nav.navigation.sw-megamenu > ul .subchildmenu.mega-columns.columns2 > li {
        width: 48%;
        clear: none !important;
    }
    body#html-body div.page-wrapper header.page-header.type2 nav.navigation.sw-megamenu > ul .subchildmenu.mega-columns.columns2 > li li.level2 > a {
        padding-left: 20px;
    }
    body#html-body div.page-wrapper header.page-header.type2 nav.navigation.sw-megamenu > ul .subchildmenu.mega-columns.columns2 > li li.level3 > a {
        padding-left: 35px;
    }
    body#html-body nav.navigation.sw-megamenu > ul > li.level0.nav-service-col-2 ul.subchildmenu > li {
        width: 48%;
        float: left;
    }
}

@media (min-width: 992px) {
    body[class*="rss-"] div.page-wrapper header.page-header.type2 nav.navigation.sw-megamenu > ul .subchildmenu.mega-columns.columns2 > li {
        float: left !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body:not([class*="ass-"]) {
      header nav.navigation.sw-megamenu {
        width: 100%;
        max-width: unset;
    }
      header nav.navigation.sw-megamenu ul {
        justify-content: center;
        align-items: center;
    }
      .navigation {
        font-size: 11px !important;
    }
  }
}
h2 {
    margin-top: 2.25rem;
    margin-bottom: 1.8rem;
}

.sidebar-content .box-newsletter {background: #f4f4f4;}
.sidebar-content .box-newsletter .box-content {position: relative;padding: 30px 36px 45px 36px;}
.sidebar-content .widget-title {font-size: .9375rem;color: #222529;}
.sidebar-content .newsletter .control {display: block; }
.sidebar-content .newsletter label {display: none;}
.sidebar-content .newsletter input {font-size: .8125rem;padding: 12px;padding-left: 40px!important;border: none;box-shadow: none;border-radius: 30px;height: 3rem;}
.sidebar-content .newsletter span.input-text {position: relative;margin-bottom: 1rem;display: block;}
.sidebar-content .newsletter span.input-text:before {content: "\e01f";font-family: 'Simple-Line-Icons';position: absolute;left: 16px;top: 14px;line-height: 20px;font-size: 15px;color: #222529;z-index: 1;}
.sidebar-content .newsletter .action {width: auto;padding: .8em 2em;border-radius: 0;margin: 0 0 1.25rem;font-size: .8125rem;text-transform: uppercase;height: auto;}
.sidebar-content .testimonial .testimonial-author {margin: 16px 0 8px 16px;}
.img-circle {border-radius: 50%;}
.sidebar-content .testimonial .testimonial-author strong {font-size: 1rem;}
.sidebar-content .testimonial .testimonial-author span {font-weight: 400;}
.sidebar-content .testimonial blockquote {padding: 15px 15px 15px 52px;}
.sidebar-content .testimonial blockquote:before {font-family: 'Playfair Display';font-size: 54px;color: #222529;font-weight: 900;left: 1rem;}
.sidebar-content .testimonial.testimonial-style-4 blockquote p {line-height: inherit;font-size: .8125rem;letter-spacing: .001em;}
.sidebar-content .sidebar-testimonial .owl-dots {left: 57px !important;bottom: 0 !important;}
.sidebar.sidebar-second { order: 3; width: 100%;flex: 0 0 100%;}
@media (min-width: 992px) {
    .page-layout-2columns-left .sidebar.sidebar-main{padding-right:15px;}
    .page-layout-2columns-right .sidebar.sidebar-main{padding-left:15px;}
    .sidebar.sidebar-second {width: 25%;float: right;padding-left: 15px;order: 3;flex: 0 0 25%;}
}
.catalog-category-view .sidebar.sidebar-main .sidebar-content,.catalogsearch-result-index .sidebar.sidebar-main .sidebar-content {border: 1px solid #e7e7e7;}
@media (max-width: 991px) {
    .catalog-category-view .mobile-sidebar .sidebar-content,
    .mpbrand-index-view .mobile-sidebar,
    .catalog-product-view .mobile-sidebar .sidebar-content,
    .catalogsearch-result-index .mobile-sidebar .sidebar-content {
        display: block;overflow-x: hidden;overflow-y: scroll;height: 100%;padding: 20px;-webkit-overflow-scrolling: touch;}
    .catalog-category-view .sidebar.mobile-sidebar .sidebar-content .block-category-list,
    .catalog-category-view .mobile-sidebar .side-custom-block .custom-block,
    .catalog-category-view .mobile-sidebar .filter-options-item,
    .catalog-category-view .mobile-sidebar .filter-current,
    .catalog-category-view .mobile-sidebar .filter-actions {
        padding-left: 0;
        padding-right: 0;
    }
    .catalog-category-view .sidebar.mobile-sidebar .sidebar-content .block-category-list {padding-top: 0;}
}
.block.filter > .title{padding: 20px 20px 0;}
.sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block, .sidebar .sidebar-content .side-megamenu, .block.filter > .content{border-bottom: 1px solid #e7e7e7;margin-bottom: 0;margin-top: 0;padding: 20px;}
.block.filter > .content{padding-top:0;}
.side-custom-block .custom-block:last-child {border-bottom: none;}
.block-category-list .block-title,.side-custom-block .custom-block h2 {padding: 0;font-weight: 600;font-size: 15px;color: #222529;line-height: 1.4;position: relative;text-transform: uppercase;margin-bottom: 0;}
.block-category-list .block-title strong {font-weight: inherit;}
.side-custom-block .custom-block h2 {margin-bottom: 15px;}
.block-category-list .block-content {padding: .7143em 0;padding-bottom: 0;}
.block-category-list .block-content ol {margin-top: -1px;}
.block-category-list .block-content ol li {margin: 0;}
.block-category-list .block-content ol li a {font-size: 14px;font-weight: 500;padding: 4px 0;display: block;color: #777;}
.filter-options-content .ln_slider_container{width:93%;width:calc(100% - 14px);margin:22px 7px 0}
#ln_slider_price .ui-slider-handle{margin-top:-4px;background:#08c;height:11px;width:11px;border-radius:20px;margin-left:-7px}
#ln_slider_price.ui-slider-horizontal{height:3px;margin-bottom:15px;background:#1ab2ff;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.38)}
#ln_price_attribute{padding:10px 5px}
.filter.block {margin-bottom: 0;}
.swatch-option.color,.swatch-option.image {display: block;margin: 3px 6px 3px 0;padding-right: 0!important;width: 28px !important;height: 28px !important;white-space: nowrap;position: relative;text-align: left;border: none;min-width: auto;padding: 0;outline: none;position: relative;background-size: cover !important;}
.swatch-option.color.selected:before,.swatch-option.image.selected:before {content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;text-indent: 0;position: absolute;left: 0;top: 50%;width: 100%;color: #fff;font-size: 11px;height: 12px;line-height: 12px;margin-top: -6px;text-align: center;text-shadow: 0 0 1px #777;}
.products-grid .swatch-attribute-options {margin-top: -4px;margin-bottom: 5px;}
.product-item-info.type1 .swatch-attribute-options,.product-item-info.type2 .swatch-attribute-options {justify-content: center;}
.products-grid .swatch-option.color,.products-grid .swatch-option.image {width: 12px !important;height: 12px !important;border-radius: 6px;overflow: visible;margin: 7px 7px 4px 3px;}
.products-grid .swatch-option.color:hover,.products-grid .swatch-option.image:hover {border: none;}
.products-grid .swatch-option.color.selected:before,.products-grid .swatch-option.image.selected:before {font-size: 8px;}
.products-grid .swatch-option.color:after,.products-grid .swatch-option.image:after {content: '';position: absolute;width: 18px;height: 18px;border-radius: 9px;top: -3px;left: -3px;border: 1px solid #000;border-radius: 9px;}
.products-grid .swatch-option.color:hover::after,.products-grid .swatch-option.image:hover::after {border-color: #333;}
.swatch-attribute-options {margin: 0;display: flex;flex-wrap: wrap;}
.swatch-option.color[data-option-tooltip-value*="#ffffff"],.swatch-option.image[data-option-tooltip-value*="#ffffff"] {border: 1px solid #e7e7e7;}
.product-item-info .swatch-option.color[data-option-tooltip-value*="#ffffff"],.product-item-info .swatch-option.image[data-option-tooltip-value*="#ffffff"] {border: none;}
.swatch-option.text {min-width: 32px;text-align: center;margin: 3px 6px 3px 0;padding: 4px 8px;line-height: 16px;height: auto;font-size: inherit;font-weight: inherit;outline: none;}
.swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option {border: 1px solid #e9e9e9;background: #fff;color: #777;font-size: 11px;outline: none;}
.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected {color: #fff;}
.swatch-option-tooltip {min-width: 25px;}
.sidebar-overlay {display: none;}
.sidebar-overlay.active {display: block;background: #000;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 8999;min-height: 100vh;opacity: .35;transition: opacity 0.2s ease-in-out;}
@media(max-width: 991px) {
    .catalog-product-view .sidebar.sidebar-main, .catalog-category-view .sidebar.sidebar-main {
        top: 0 !important;
    }
    .catalog-category-view .mobile-sidebar, .mpbrand-index-view .mobile-sidebar,
    .catalog-product-view .mobile-sidebar,
    .catalogsearch-result-index .mobile-sidebar {
        position: fixed !important;
        background: #fff;
        padding-bottom: 0;
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0!important;
        height: 100%;
        width: 260px;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 9000;
        transform: translateX(-100%);
        transition: transform 0.2s ease-in-out;
    }
    .page-layout-2columns-right.catalog-category-view .mobile-sidebar,.page-layout-2columns-right.catalog-product-view .mobile-sidebar,.page-layout-2columns-right.catalogsearch-result-index .mobile-sidebar {left: auto;right: 0;transform: translateX(100%);}
    .mobile-sidebar .ln_overlay {display: none !important;}
    .page-wrapper {transition: left .3s;position: relative;left: 0;}
    .page-layout-2columns-right .page-wrapper {transition: right .3s;position: relative;left: auto; right: 0;}
    html.sidebar-opened .mobile-sidebar {z-index: 9000;transition: transform 0.3s;transform: translateX(0) !important;}
    html.sidebar-opened .page-wrapper {left: 260px;overflow: visible;padding-left: 0;}
    html.sidebar-opened .page-layout-2columns-right .page-wrapper {right: 260px;left: auto;overflow: visible;}
    html.sidebar-opened body>* {z-index: 0;}
}
.filter-title strong {display: none;}
.filter .filter-title {display: none;}
.catalogsearch-result-index .sidebar.sidebar-main:before{display:none}
.sidebar-title{margin-bottom:17px;font-size:16px;font-weight:700;text-transform:uppercase;color:#313131;line-height:1}
.filter-content .ln_overlay{display:none!important}
.ln_overlay{background-color:#FFF;background-color:rgba(255,255,255,.5);opacity:1;height:100%;left:0;position:fixed;top:0;width:100%;z-index:555;display:none}
.ln_overlay .loader {
    border: 2px solid transparent;
    border-top-color: #08c;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 0.75s infinite linear;
    animation: spin 0.75s infinite linear;
    display: inline-block;
    border-image: none;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.ln_overlay .loader:before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    border-top-color: inherit;
    animation: spin 1.5s infinite;
    margin: 0;
}
.ln_overlay .ajax-loader{position:absolute;left:50%;top:50%;margin-top:-16px;margin-left:-16px}

body {
    font-size: 1.3rem;
}

.welcome, #search > .input-text, .header.links, .label {
    color: #0a0a0a;
}

.catalogsearch-result-index #tms-error-notice { display:none !important; }

body .page-header {
    margin: 0 0 0;
    padding-bottom: 0;
}

.shipping-information-content, .opc-block-shipping-information .shipping-information-title {
    margin-left: 7px;
    margin-right: 7px;
}

#paypal-express-in-context-mini-cart, .paypal.checkout.paypal-logo.paypal-express-in-context-mini-cart-container {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
}


body fieldset .field legend {
    text-align: left;
}

.fixedBillingAddressLabel {
    border: 0;
    clip: rect(0,0,0,0);
    height: 20px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 200px;
    font-size: 0.9em;
}

@media (min-width: 768px) {
    #prefix {
        height: 37px;
    }
}

.value {
    display: inline;
}

body,
button,
textarea,
input {
    font-family: 'Roboto', 'RobotoLocal', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ------------------------------------ Texte & Links ---------------------------------------- */

h1.modal-title {
    font-weight: normal !important;
}

.page-title-wrapper h1 {
    margin-bottom: 10px;
}

/* ------------------------------------------------- Text --------------------------------------------------- */

.page-title, span.price, li.item.product.product-item:hover button.action.tocart.primary, .action.towishlist,
.product-item-name a, .action.primary, fieldset legend span {
    color: #1a1a18;
}

.catalog-category-view a.product-item-link {
    color: #1a1a18 !important;
}

/* ------------------------------------ ------------- ---------------------------------------- */

a, .tms-pseudo-link {
    cursor: pointer !important;
}

.tms-pseudo-link {
    text-decoration: underline;
}

.tms-pseudo-link:hover {
    text-decoration: none;
}

/* --- Sonstige Linkfarben --- */

.action.close:focus, .action.close:after, .action.close:before {
    outline: none;
}

.shipping-cost-details a, #orderCounter a {
    color: #777777;
}

#tmsCounterLink, .shipping-cost-details a {
    color: #d4021c;
}

#tmsCounterLink:hover, .shipping-cost-details a:hover, #produktFragenLink:hover, #produktFragenLink2:hover {
    color: #b20317;
    text-decoration: none;
}

div.brand-product-list > div.brand-information.products-list > div > div.product.details.product-item-details > div > div > h1,
.product-item-description {
    margin: 0;
}

a:not([href]):not([tabindex]) {
    color: inherit;
}

div.fotorama__fullscreen-icon:after, button:focus, textarea:focus,
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus,
input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    outline: none;
    box-shadow: none !important;
    border-color: inherit;
}

#maincontent > div.columns > div.column.main > div.brand-container *,
#maincontent > div.columns > div.column.main > div.brand-container > *,
#maincontent > div.columns > div.column.main > div.brand-container > div.block.block-brand-list {
    display: inherit;
    -ms-flex-wrap: inherit !important;
    flex-wrap: inherit !important;
    list-style: inherit !important;
}

* script, * style, #maincontent > div.columns > div.column.main > div.brand-container > script,
#maincontent > div.columns > div.column.main > div.brand-container > style {
    display: none !important;
}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }
}

/* --- Cookie Hinweis --- */
.message.global.cookie {
    font-size: 1.2rem;
    position: relative;
    padding: 4px 10px;
    background: #5f7285;
    color: #ffffff;
}
.message.global.cookie .content {
    max-width: 1170px;
    margin: 0 auto;
}
.message.global.cookie a {
    position: relative;
    top: 1px;
    color: #ffffff;
    text-decoration: underline;
}
.message.global.cookie .cookie-text, .message.global.cookie .actions {
    display: inline-block;
    margin: 0;
}
.message.global.cookie .cookie-text {
    float: left;
    padding-top: 2px;
}
.message.global.cookie .actions {
    float: right;
}
.message.global.cookie button {
    padding: 3px 5px;
    margin-left: 3px;
    border-radius: 4px;
    height: auto;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    .message.global.cookie .cookie-text, .message.global.cookie .actions {
        float: none;
        display: block;
    }
    .message.global.cookie .actions {
        margin: 10px 0 5px 0;
        text-align: right;
    }
    .message.global.cookie button {
        padding: 10px 15px;
        margin-left: 8px;
    }
}

/* --------------------------------------- Header -------------------------------------------- */

/* IE10+ */
@media screen and (-ms-high-contrast: active) and (min-width: 576px), screen and (-ms-high-contrast: none) and (min-width: 576px) {
    .page-wrapper header.page-header.type2 {
        height: 100%;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 576px), screen and (-ms-high-contrast: none) {
    p.js-fullscreen, p.js-fullscreen:before {
        display: none;
    }
}

/* --- Mobile Ansicht --- */
@media only screen and (max-width: 767px) {
    div.field.search {
        display: inline;
    }
}

@media only screen and (min-width: 768px), print {
    .page-header.type2 .block-search .action.search {
        color: inherit !important;
    }
}

/* --- Storview Schalter / Mein Konto (Header Link) --- */
li.customer-welcome {
    margin: 0 5px;
}

#switcher-language, li.customer-welcome {
    padding: 3px 5px;
    position: relative;
    margin-top: -4px;
    background: #f5f5f5;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    color: #d4021c;
}

#switcher-language {
    height: auto;
    line-height: 1;
    margin-left: 0;
}

.header.panel > .header.links > li > a, .header.panel > .header.links > li > span {
    padding: 0 8px;
}

/* --- Mein Konto (Register Form) --- */

@media (min-width: 768px), print {
    .customer-account-create .actions-toolbar .primary {
        float: right;
        margin-right:0;
    }
}

/* --- Mein Konto (Header Link) --- */
li.customer-welcome span {
    border: 0 !important;
}
#switcher-language:hover, li.customer-welcome:hover, .customer-welcome:hover .action.switch:after {
    background: #d4021c;
    color: #ffffff;
}
.customer-welcome .action.switch:after {
    color: #0a0a0a;
}
.customer-welcome .customer-name {
    padding: 0 !important;
}

body.customer-account-create .fullname > label {
    display:none !important;
}

/* --- Mobile Nav (Konto) --- */

@media only screen and (max-width: 991px) {
    .header.links:nth-of-type(2) .link.authorization-link {
        display: none;
    }
    div.customer-menu .header.links li.authorization-link {
        display: none;
    }
    li.customer-welcome {
        border: 0 !important;
    }
    /* --- Header (Mobile) dezente Linie --- */
    .page-header.type2 .nav-toggle:before {
        color: #18181a;
    }
    li.customer-welcome {
        padding:0 !important;
    }
    li.customer-welcome .link.wishlist {
        border-bottom:0 !important;
    }
    .block-collapsible-nav .title {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}

/* --- Logo --- */

header .logo {
    max-width: 35%;
}

@media only screen and (max-width: 767px) {
    header .logo {
        max-width: 51.5%;
        height: 60px !important;
        margin: 5px 0 !important;
        position: relative;
    }
    header .logo img {
        position: relative;
        top: 50%;
        left: 43%;
        transform: translate(-50%,
        -50%);
    }
    .page-header.type2 .block-search {
        display: inline;
    }
}


@media only screen and (min-width: 768px) {
    .page-header.type2 .block-search input {
        background-color: #ffffff;
        color: #1a1a18;
    }
    header .block-search {
        margin-left: 0;
        max-width: 30%;
    }
}

@media only screen and (min-width: 992px) {
    header .block-search {
        max-width: 37.5%;
    }
}

/* --- Suche im Header (Mobile) --- */
@media only screen and (max-width: 767px) {
    .page-header.type2 .block-search .label {
        margin-right: 0;
    }
}

.searchsuite-autocomplete {
    left: 0;
    width: 100%;
    margin-top: 0;
    z-index: 999999;
    box-shadow: 0 0 1px 1px rgba(118,118,118,0.15);
}
.nav-sections-item-content > .navigation {
    z-index: 3;
}
.tms-call-us {
    display: block;
    font-size: 13px;
    color: #777777;
    line-height: 1.25;
    margin-left: 10px;
}
.tms-call-us b {
    font-size: 16px;
    font-weight: 600;
}
.tms-call-us sup {
    font-size: 12px;
    opacity: 0.8;
}

@media only screen and (min-width: 768px) {
    .page-header.type2 .custom-block {
        right: 95px;
        padding-right: 20px;
    }
}

/* --- Warenkorb (Symbol) --- */
.product-item .tocart:before, .box-tocart .action.tocart:before {
    content: '\f814';
    position: relative;
    top: -2px;
}
.box-tocart .action.tocart:before {
    top: -1px;
}

.minicart-wrapper .action.showcart {
    width: auto;
    min-width: 68px;
    text-align: center;
}
.minicart-wrapper .counter.qty.empty {
    overflow: visible !important;
}
.minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart:before {
    content: '\f814';
    font-size: 31px;
    display: block;
}
.minicart-wrapper .action.showcart .counter.qty {
    position: relative;
    top: 0;
    right: -5px;
    padding: 4px 3px;
    margin: 0 0 0 3px;
    width: auto;
    border-radius: 15px;
    background: #ece9e1;
    font-size: 14px;
    line-height: 1;
    height: auto;
}

.minicart-wrapper .action.showcart:before {
    color: #302e2a !important;
}
.minicart-wrapper .action.showcart::after {
    display:none;
}

#product_addtocart_form > div.product-options-bottom > div > div > div.moved-add-to-links > div > a.action.towishlist,
#product_addtocart_form > div > div > div.moved-add-to-links > div > a.action.towishlist::before,
.cart.table-wrapper .action-towishlist:before, .product-addto-links .action.towishlist {
    color: #302e2a;
}

header .header-cart-text {
    display: none;
}

header.page-header.sticky-header.type2 .minicart-wrapper .header-cart-text {
    display: none;
}

@media only screen and (min-width: 768px) {
    .page-header.type2 .minicart-wrapper {
        margin-top: -30px;
        right: 25px;
    }
    header .header-cart-text {
        display: block;
        position: absolute;
        margin-top: -5px;
        min-width: 100%;
        text-align: center;
        color: #d4021c;
        top: 41px;
        left: -4px;
    }
    .sticky-header.page-header.type2 .minicart-wrapper {
        margin-top: 0;
    }
}

.product-item-actions .action.towishlist {
    border-color: #d8d8d6;
    color: #000000;
}

.product-item-actions .action.tocompare:hover, .action.tocompare:hover {
    color: #302e2a !important;
    border-color: #302e2a;
}
.product-addto-links .action.towishlist:hover, .action.towishlist:hover {
    color: #302e2a !important;
    border-color: #302e2a;
}
.box-tocart .action.tocart::before {
    font-size: 22px;
}
.action.towishlist:before {
    font-family: 'porto-icons' !important;
    content: '\e91b' !important;
    font-size: 20px !important;
}
.action.tocompare:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACnElEQVRoQ+3XS+jNaRgH8I/7ZTGZRCJkYUoapdySyM49kokIKcnKVpJYSNlI2bmUbJQZhFJWSFgYITSTxnVBbruZhBl66j06nTn//znn/f38pX7P5tT7e5/L9/k+l/f08p1Lr+88fhWAb81gxUDFQMEMVCVUMIGF1SsGCqewoIGKgYIJLKz+tRgIu8P58lT5Dy8LR9vEwNcAMA1HMLHB3+/YgDtlAikCYCyWol9dQBOwDn26CPIDDuOvuu9xdhLPcoDlAuiLxxiV47SJzlOMQ5RaR5ILoDci26G/Ccswr4nnKJt7WNvwbQCuYhfO4BPup98eAVDv5Bpm4GfcbfD+Djcwq+F8Ic7hV6zoKOKGy7kM1MyMxEOcx23sbBPAIfyAADIM/+SCKApgM5bgAPY2mTzNGIgGf44FOIjdiYksDEUBXMAJHE1zfmaq5VowzQDMxjHEFNuGSViZFX3dosnRH5IyOQavEogop2jM7gDsQwyBLRiPm6mMAmzHUoSBNdiIOcnrIuxJzdwdgBi/63ExXbqVQJ/qOPqCDPyGy9ifHPdPTEzHH+mssYQmI8puBP5Nd7ankby6JwEMxBusQiyhmkQjX0qNGWeNAGJKxVMjar8mP6Vmjmn0vlMQuSUUm/gKItv1Es+CX3C6CwaW4zhCv17CVpRij23icB5BzMdUDMYTnE1PjO56IJ4MixHN/zeup7KqlVRHJOQy0K6TrjZxu/ot71UAWqSoYqBVDZVdQtHYMRZHY2jazo+wA2/Tn5YH+NgqsHa/lwVgStqmczGohfN4ecYy24o/2w20q3tlAYh/Zj92GMxrvOhQ53/XywJQNI5s/QpAdupKUqwYKCmR2WYqBrJTV5JixUBJicw2UzGQnbqSFCsGSkpktpnPDYx6MVOSKBQAAAAASUVORK5CYII=') !important;
    height: 46px;
}

.action.tocompare.actions-secondary:before {
    position: relative;
    top: -8px;
    left: -8px;
    width: 34px;
}
.product-addto-links .action.towishlist, .product-addto-links .action.tocompare, .moved-add-to-links .action.mailto.friend,
.product-social-links .action.mailto.friend {
    width: 48px;
    height: 43px;
}

.product-info-main .qty.field .qty-changer a, .product-info-main .box-tocart .input-text.qty, .box-tocart .action.tocart {
    height: 43px;
}

.catalog-product-view .product-add-form .action.primary.tocart span {
    position:relative;
    top:-2px;
}
.product.attribute.delivery_time {
    visibility: hidden;
}

/* --- Warenkorb (Minicart Darstellung) --- */
a.action.viewcart, .action.viewcart span, .action.viewcart span span {
    font-weight: normal;
    font-size: 13px;
    line-height: 1;
}

.block.block-minicart.empty.ui-dialog-content.ui-widget-content {
    padding: 12px 18px 10px 18px;
}

.tms-minicart-wrapper {
    max-height: 300px;
}

@media only screen and (min-height: 620px) {
    .tms-minicart-wrapper {
        max-height: 35vh;
    }
}

@media only screen and (min-height: 800px) {
    .tms-minicart-wrapper {
        max-height: 400px;
    }
}

/*  SUBTASK 5: SHOPPING CART DELETE DIALOG    */
div.modals-wrapper .modal-popup.confirm._show div.modal-inner-wrap {
    max-width: 235px;
}
div.modals-wrapper .modal-popup.confirm._show div.modal-inner-wrap div.modal-content {
    font-size: 14px;
}

/* --- CHECKOUT-> Warenkorb  SHOPVOTE --- */
div.cart-container > form#form-validate.form.form-cart {
    float: inherit;
}
div.cart-badge {
    clear: both;
    padding: 0 !important;
    margin: 0;
}
div.shopbadge {
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-flex;
}
img.badge_shopvote {
    width: 100px;
    height: 80px;
}
img.badge_lieferanten {
    margin: 0 9px;
    width: 72px;
    height: 72px;
}

/* --- Hauptnavigation --- */
.navigation {
    font-size: 13px;
}

@media screen and (min-width: 768px), print {
    .navigation .level0:last-child {
        margin-right: 20px;
    }
    .navigation .level0.parent > .level-top {
        padding:0 12px;
    }
    header.page-header.sticky-header .nav-sections {
        padding: 7px 0 !important;
    }
}

nav.navigation.sw-megamenu a.level-top.tms-active {
    color: #d4021c !important;
}
nav.navigation.sw-megamenu ul.subchildmenu {
    white-space: nowrap;
}

/* --- Pfeil für Sub Sub Kategorien --- */
.ui-menu-item.level0.classic .ui-menu-item.level1 > a {
    position: relative;
}
.ui-menu-item.level0.classic .ui-menu-item.level1 > a::after {
    float: none !important;
    position: absolute;
    top: 14px;
    right: -9px;
    margin: 0;
}

/*subtask 18: submenu arrow */
.ui-menu-item.level1.parent a:after {
    padding-right: 15px;
}

/*SUBTASK 19 */
@media (min-width: 768px), print {
    .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 3px 0;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu a,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a {
        padding: 0;
    }
    .sw-megamenu.navigation li.level0.fullwidth > .submenu,
    .sw-megamenu.navigation li.level0.staticwidth > .submenu {
        padding: 5px 8px 5px;
    }
}

/* --- Brotkrumen/Breadcrumbs --- */
.breadcrumbs {
    margin-bottom: 0;
}
.breadcrumbs li.home a {
    height: auto !important;
}
.page-wrapper .breadcrumbs a:hover, .page-wrapper .breadcrumbs a:focus {
    color: inherit;
}

.page-wrapper .breadcrumbs, .page-wrapper .breadcrumbs a {
    background-color: #ffffff;
    color: inherit;
}
@media only screen and (max-width: 575px) {
    .filter-title strong {
        top: 170px;
    }
    /* ------------------------------ Fürsprecher (before Header) -------------------------------- */
}
.tms-fuersprecher i.fs-glyph {
    font-size: 22px;
    position: relative;
    top: 1px;
}
.fuersprecher-mini-v1 .col-lg-4 {
    padding: 5px 0 !important;
    border: 0;
    text-align: center;
}
.fuersprecher-mini-v1 .fs-1st {
    text-align: left;
}
.fuersprecher-mini-v1 .text-area {
    margin-left: 0;
}

/* --------------------------- Fürsprecher (nach Haupt-Navigation) ----------------------------- */

#fuersprecher {
    color: #1a1a18;
    max-width: 100%;
}
.homepage-bar p {
    font-weight: 500;
}
#fuersprecher .container .homepage-bar .row .col-sm-4 {
    text-align: left;
    display: inherit;
    padding-left: 0;
}
.homepage-bar {
    line-height: 1px;
    border-top: none;
    border-bottom: none;
    padding-right: 5px;
}
#fuersprecher .container .homepage-bar .row .col-sm-4 {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 575px) {
    #fuersprecher .container .homepage-bar .row .col-12 {
        padding-bottom: 0;
    }
}

#fuersprecher .container .homepage-bar .row .col-sm-4 i {
    top: 5px;
    float: left;
    position: relative;
    font-size: 30px;
}

/*  ICON  */
#fuersprecher .container .homepage-bar .row .col-sm-4 h3 {
    font-size: 14px;
}

#fuersprecher .container .homepage-bar .row .col-sm-4 p {
    font-size: 12px;
    line-height: 1;
    color: #1a1a18;
}

#fuersprecher .container .homepage-bar .row .col-sm-4 div {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
    #fuersprecher {
        margin-top: 0;
    }
    #fuersprecher .container .homepage-bar .row .col-sm-4 h3 i {
        display: none !important;
    }
    #fuersprecher .container .homepage-bar .row .col-sm-4 i {
        display: inline-table !important;
    }
    #fuersprecher .container .homepage-bar .row .col-sm-4 p {
        padding-left: 0;
    }
}

/* --------------------------------- Checkout / Warenkorb  ----------------------------------- */
.field.admin__control-fields.required .label {
    font-size: 1.3rem;
}
/* --- Crosssell (Warenkorb) --- */
.block.crosssell .secondary-addto-links.actions-secondary {
    display: none !important;
}
.opc-estimated-wrapper .estimated-block .estimated-price {
    color: #d4021c;
}

.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header button.action-close {
    position: relative;
    margin:0;
}

.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header button.action-close:before {
    font-size:18px;
}

/* ------------ Checkout Dies ist ein Pflichtfeld ------------ */

#checkout > div.authentication-wrapper > button {
    padding: 0 10px;
}

/* ------------------------------ Checkout / Success Page  ----------------------------------- */
.tms-checkout-text-reg-konto {
    margin-top: 35px;
}
.tms-checkout-reg-konto-button p {
    display: none;
}
.tms-checkout-was-passiert-jetzt {
    margin: 55px 0;
}
.tms-checkout-was-passiert-jetzt p {
    margin-bottom: 0;
}
.tms-checkout-was-passiert-jetzt span {
    position: relative;
    top: -5px;
}
.tms-checkout-was-passiert-jetzt .porto-icon-ok {
    font-size: 30px;
    color: rgba(220,220,220,1);
}
.tms-checkout-was-passiert-jetzt .porto-icon-ok.first {
    color: rgba(58,156,45,1);
}
.tms-checkout-content-end {
    font-size: 14px;
    font-weight: bold;
}

/* -------------------------------------- Startseite ----------------------------------------- */
/* --- Startseite - Glyphs --- */
.custom-support i[class^="porto-icon"], .custom-support i.glyphicon {
    position: relative;
    left: 50%;
    top: 0;
    color: #d4021c;
    margin: 0 0 0 -20px;
    font-weight: 100;
}
.custom-support div.content {
    margin-left: 0;
    text-align: center;
}
.single-images-mobil {
    display: none;
    margin-bottom: 15px;
}
.single-images-mobil a {
    display: block;
    padding-bottom: 5px;
}
.single-images-mobil img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-images {
        display: none;
    }
    .single-images-mobil {
        display: block;
    }
}

.kd-rez {
    margin-left: 75px;
    padding-left: 10px;
}
.kd-rez-avatar {
    position: absolute;
    width: 75px;
}
.kd-rez h3 {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.kd-rez p {
    line-height: 1.8;
}
.kd-rez ul {
    /*backg-round: red;*/
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.kd-rez li {
    display: inline;
    margin-left: -2px;
}
.kd-rez li i:before {
    margin: 0 !important;
}
.kd-rez li i {
    font-size: 20px;
    color: #dba539 !important;
    left: 0 !important;
    margin-left: 0 !important;
}
.kd-rez .kd-rez-name {
    font-weight: bold;
    font-size: 1.2em;
}

/* ----------------------------- Produkte (Kategorie/Übersicht) -----------------------------  */
@media only screen and (min-width: 767px) {
    .page-layout-1column .toolbar-products {
        position: relative !important;
    }
}

@media (min-width: 750px) {
    .catalog-category-view .category-description h1 {
        margin-bottom: 5px;
    }
}
.catalog-category-view .page-title-wrapper {
    display: block;
}
.catalog-category-view .category-description h1 {
    font-size: 20px;
}
.catalog-category-view .products-grid .product-item {
    float: none;
    display: inline-block;
}

/* Korrektur Produktgrid/Produktübersicht */
@media only screen and (max-width: 374px) {
    .product-item .tocart {
        padding: 0 2px;
    }
    .product-item .tocart:before {
        font-size: 14px;
        margin-right: 3px;
    }
    .products-grid .product-item-details .product-item-actions .tocart {
        font-size: 12px;
    }
}

/* --- Produkt Vergleich --- */
.table-wrapper.comparison .product-image-container {
    min-width: inherit;
}

/* --- Filter / Layered Navigation --- */
@media only screen and (max-width: 767px) {
    .sidebar.sidebar-main .block-category-list {
        display:none;
    }
    .sidebar.sidebar-main .filter.active {
        position:fixed;
    }
}



/* ------------------------ BUG Wunschliste & Vergleichliste ------------------------ */
@media only screen and (min-width: 1200px) {
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions {
        margin: 0 -11px;
    }
    .products.wrapper.grid.columns4.products-grid .products.list.items.product-items .product-item-inner {
        max-width: 100%;
        margin: 0;
    }
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions .actions-secondary {
        transition: all 0.3s;
    }
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions .action.tocart.primary {
        font-size: 11px;
    }
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions .action.tocart.primary:before {
        font-size: 16px;
        top: -3px;
        margin-right: 2px;
    }
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions button {
        padding: 0 7px;
    }
}

.owl-stage-outer .product.actions.product-item-actions {
    margin: 0 0;
}

.owl-stage-outer .action.tocart.primary {
    padding-left: 5px;
    padding-right: 5px;
}
.owl-stage-outer .action.tocart.primary::before {
    font-size: 16px;
}
.owl-stage-outer .action.tocart.primary span {
    font-size: 11.5px;
}

.owl-stage-outer .actions-secondary.towishlist {
    left: 2px !important;
}
.owl-stage-outer .actions-secondary.tocompare {
    left: -2px !important;
}

/* IE10+ */
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 992px) and (-ms-high-contrast: none) {
    .products.wrapper.grid.columns4.products-grid .product.actions.product-item-actions .actions-secondary.tocompare {
        margin-left: 2px;
    }
}

.page-products .sorter {
    position: static;
}

/* --- ASS Sidebar Models --- */
.tms-sidebar-model-container {
    margin-top: 2rem;
}

.tms-sidebar-model-container img {
    margin: auto !important;
    display: block !important;
    max-width: 99%;
}

/* -------------------------------- Produkte (Detail-Ansicht) -------------------------------  */
@media only screen and (min-width: 767px) {
    .product.data.items > .item.content {
        padding: 0 0 0;
    }
}
@media (min-width: 768px) {
    .product.data.items > .item.title {
        padding-bottom: 5px;
    }
}
div.block-title.title {
    padding-bottom: 5px;
}

/* german SKU prefix fix */
.product-info-main .product.sku .type:after {
    content: ':' !important;
}
body > div.sticky-product > div > div.sticky-detail > div > div > div.product-info-stock-sku > div > div.value:before {
    content: 'Art.-Nr.: ';
}
.product.info.detailed {
    margin-bottom: 0;
}

div.tms-block-upsell.upsell {
    margin-top: 50px;
}

div.tms-block-upsell.upsell > div.upsell-zubehoer {
    margin-top: -30px;
}
.products-upsell .product.name a {
    white-space: inherit;
}

/* --- Bilder-Vollbild / Tabelle mit Produkteigenschaften --- */
.product-info-main .overview strong.type {
    display: none;
}
table.data.table.additional-attributes th, table.data.table.additional-attributes td {
    padding: 5px 4px 0 4px !important;
    vertical-align: middle;
    font-size: 14px;
}
body.fotorama__fullscreen .fotorama__fullscreen-icon:before {
    content: '\f847';
    font-size: 40px;
    position: relative;
    top: 10px;
}
body.fotorama__fullscreen .fotorama__fullscreen-icon {
    top: 32px;
    right: 35px;
}
body.fotorama__fullscreen .fotorama__zoom-in.zoom-in-loaded, body.fotorama__fullscreen .fotorama__zoom-out.zoom-out-loaded {
    top: 44px;
    height: 55px;
}
body.fotorama__fullscreen .fotorama__zoom-out.zoom-out-loaded {
    top: 106px;
}

@media only screen and (max-width: 374px) {
    .product-info-price .price-details {
        padding-left: 15px;
    }
    .product-info-main .product-info-stock-sku {
        min-width: 100px;
        width: 100px;
    }
}

.product-info-main ul > li {
    margin-bottom: 0;
}
.product .attribute .overview {
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-info-main .product-info-price {
    margin-bottom: 5px;
}
#tms-bha-lieferzeit-countdown {
    min-height: 28px;
    margin-top: 5px;
    padding: 5px 0;
    color: #d4021c;
    font-weight: normal;
    float: left;
}
body.catalog-product-view #maincontent div.product-info-main > div.product.attribute.delivery_time {
    clear: left;
    padding-top: 10px;
}

.tms-product-tab-switch {
    font-size: 16px;
    font-weight: 700;
    color: #818692;
    text-transform: uppercase;
    border: 0;
}

@media only screen and (min-width: 767px) {
    .data.item.title {
        padding: 0;
    }
    .product.data.items > .item.title > .switch {
        line-height: 1;
        height: auto;
    }
    .product.data.items > .item.content {
        padding: 0 0 25px 0;
    }
    .product.data.items > .item.content table {
        margin: 0;
    }
}
.tms-pro-ansicht-fs {
    padding: 25px 0;
    margin-bottom: 30px;
    color: rgba(70,81,87,1);
    border-top: 1px solid rgba(70,81,87,1);
    border-bottom: 1px solid rgba(70,81,87,1);
    line-height: 1;
}
.tms-pro-ansicht-fs i[class^="porto-icon"] {
    font-size: 35px;
    color: rgba(58,156,45,1);
    position: relative;
}
.tms-pro-ansicht-fs span {
    display: inline-block;
}
.tms-pro-ansicht-fs div[class^="col-"] {
    height: 35px;
}
.tms-pro-ansicht-fs span {
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    top: -8px;
}

@media only screen and (max-width: 1104px) {
    .tms-pro-ansicht-fs i[class^="porto-icon"] {
        font-size: 30px;
    }
    .tms-pro-ansicht-fs div[class^="col-"] {
        height: 30px;
    }
    .tms-pro-ansicht-fs span {
        font-size: 12px;
        padding: 9px 0;
    }
}

@media only screen and (max-width: 915px) {
    .tms-pro-ansicht-fs {
        text-align: center;
    }
    .tms-pro-ansicht-fs span {
        font-size: 12px;
        padding: 9px 0 0 0;
        display: block;
    }
    .tms-pro-ansicht-fs div[class^="col-"] {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .tms-pro-ansicht-fs {
        text-align: center;
    }
    .tms-pro-ansicht-fs i[class^="porto-icon"] {
        font-size: 30px;
    }
    .tms-pro-ansicht-fs span {
        font-size: 12px;
        padding: 9px 0 0 0;
    }
    .tms-pro-ansicht-fs div[class^="col-"] {
        height: auto;
    }
    #tms-bha-lieferzeit-countdown {
        float:none;
    }
}

/* --- Products Tabs (Tabelle) --- */
table.data.table.additional-attributes {
    width: 100% !important;
    line-height: 1 !important;
}
.data.table.additional-attributes tr:nth-child(odd) {
    background: #f1f1f1;
}
.data.table.additional-attributes span.glyphicon {
    top: 2px;
}
.data.table.additional-attributes .tms-nach-links {
    position: relative;
    left: -7px;
}
.data.table.additional-attributes .col.label {
    width: 35%;
    padding: 3px 8px 4px 8px !important;
}
.data.table.additional-attributes .col.data {
    width: 65%;
    padding: 3px 8px 4px 8px !important;
}
.field.choice.related {
    width: 100% !important;
    display: none;
}
.box-tocart .action.tocart:not(:last-child) {
    margin-bottom: 0;
}

/* ------------ Produkt Ansicht (Zubehör Sprungmarken "Button") ------------ */

.catalog-product-view .moved-add-to-links {
    display: inline-block;
}

.catalog-product-view .product-add-form .box-tocart .fieldset {
    display: inline-block;
}
.tms-zubehoer-pro-view-anker {
    height: 43px;
    position: relative;
    top: 0;
    border: 1px solid #d8d8d6;
    padding: 5px 7px 0 7px;
    color: #000000 !important;
}
.tms-zubehoer-pro-view-anker:hover {
    border-color: #302e2a;
}

@media only screen and (max-width: 767px) {
    .catalog-product-view .fieldset .field.qty, .catalog-product-view .fieldset .actions {
        margin-bottom: 10px !important;
    }
    .catalog-product-view .box-tocart {
        margin: 15px 0;
    }
}

@media only screen and (min-width: 992px) {
    .tms-zubehoer-pro-view-anker {
        top: 2px;
        left: 0;
    }
    .catalog-product-view .action.tocompare::before {
        position:relative;
        top:-3px;
    }
}

@media only screen and (min-width: 1200px) {
    .tms-zubehoer-pro-view-anker {
        top: -2px;
        left: 3px;
    }
}

.tms-zubehoer-pro-view-anker .tms-zubehoer-text {
    position: relative;
    top: 5px;
    display: inline-block;
    font-size: 16px;
    margin-left: 28px;
}

.tms-zubehoer-pro-view-anker .glyphicon {
    font-size: 21px;
    position: absolute;
    top: 11px;
}

/* ------------------------------------- Kunden Account  ------------------------------------- */
.tms-new-customer ul.tms-nc {
    margin-bottom: 0;
}
.tms-new-customer ul.tms-nc li {
    margin-bottom: .3rem;
}
.tms-new-customer ul.tms-nc .porto-icon-ok {
    color: #498421;
    font-size: 1.6rem;
    position: relative;
    top: 1px;
}
.tms-new-customer .actions-toolbar {
    margin-bottom: 25px;
}
.tms-new-customer .tms-nc-info {
    color: #808080;
}
/* --- Sonstiges --- */
body.account form .field {
    clear: both;
}
form .fieldset-fullname, form .fieldset-fullname .field {
    width: 100% !important;
}
.fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after {
    margin: 0;
}
fieldset .field.region {
    display: none;
}

/* --- Magento eigene Wishlist (Wunschliste) --- */
div.products-grid.wishlist .qty.field {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}
div.products-grid.wishlist .product-item-actions {
    display: block !important;
}
div.products-grid.wishlist .box-tocart {
    margin-bottom: 0;
}
form.form-wishlist-items div.actions-toolbar {
    background: #f2f2f2;
    text-align: center;
    padding: 38px 0;
    margin-top: 30px;
}
form.form-wishlist-items div.actions-toolbar .primary {
    float: none;
}

/* --- Meine Bestellungen --- */
dl.payment-method .data.table {
    word-break: break-all;
}

/* ----------------------------------- Solvin / TurboMail ------------------------------------ */
#turboMail, #turboMailLink {
    z-index: 99990;
}

#turboMailLink {
    display: block;
    padding: 1px 40px;
    color: #ffffff;
    background: #d4021c;
}
.turbomail-modal header {
    background: #d4021c;
}
.turbomail-modal h1.modal-title {
    color: #ffffff;
    border-bottom: 0;
}
.turbomail-modal .legend {
    padding-top: 20px;
}
.turbomail-modal .action-close:before {
    color: #ffffff !important;
    font-size: 20px;
    height: 20px;
}

/* ----------------------------- Statischer Content (eigene Seiten) -------------------------- */
@media only screen and (max-width: 767px) {
    .page-products .columns {
        padding-top: 0;
    }
}
.round-bg-zahl {
    display: inline-block;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    background: #333333;
    color: #ffffff;
}
.height-p p {
    height: 86px;
    padding: 6px;
    margin-bottom: 0;
    background: #f2f2f2;
    overflow: hidden;
}
.height-p div {
    margin-bottom: 2rem;
}
.bha-box-shadow-v1 {
    border-radius: 5px;
    border: 1px solid rgba(221,221,221,.9);
    box-shadow: 3px 3px 3px 0 rgba(221,221,221,0.8);
}
.bha-static-sites-icon-format {
    font-size: 20px;
    color: #000000;
    line-height: 1;
}

/* --- Tabellen Layout (z.B. für Ratgeber) --- */
.bha-table-v1 .glyphicon {
    padding-left: 2px;
    font-size: 10px;
}
.bha-table-v1 {
    border: 1px solid #d4021c;
    border-left: 0;
}
.bha-table-v1 td {
    border-left: 1px solid #d4021c;
}
.bha-table-v1 .ohne {
    border-left: 0;
}
.bha-table-v1 .bha-tr-border {
    border-bottom: 1px solid #d4021c;
}
.bha-th-red th {
    background: #d4021c;
    color: #ffffff;
    text-align: center;
    border-left: 3px solid #ffffff;
    vertical-align: middle !important;
}
.bha-th-red .th-first {
    border-left: 0;
}
.bha-th-red .th-ohne th {
    border: 0;
}
.alles-center td {
    text-align: center;
}
.table-red {
    border-right: 1px solid #d4021c;
    border-bottom: 1px solid #d4021c;
}
.table-red td {
    border-left: 1px solid #d4021c;
    border-top: 1px solid #d4021c !important;
    vertical-align: middle !important;
}
.rwd-video-container {
    position: relative;
    height: 0;
    margin-bottom: 8px;
    overflow: hidden;
    border: 0;
}
.rwd-video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.rwd-format-16-9 {
    padding-bottom: 56.25%;
}

/* --- Lexikon --- */
.lexikon-nav-bar {
    text-align: center;
    margin-bottom: 3rem;
}
.lexikon-nav-bar p {
    display: inline-block;
    border: 1px solid #dddddd;
    border-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
}
.lexikon-nav-bar a {
    display: inline-block;
    color: #d4021c;
    font-size: 18px;
    line-height: 1;
    padding: 11px 0;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    width: 40px;
    height: 40px;
    text-align: center;
}
.lexikon-nav-bar a.first {
    border-left: 0;
}
.lexikon-nav-bar a.alle-anzeigen {
    width: auto;
    color: #333333;
    padding-left: 14px;
    padding-right: 14px;
}
.lexikon-nav-bar a:hover {
    background: #d4021c;
    color: #ffffff;
    text-decoration: none;
}
.lexikon-listing p {
    padding-bottom: 5px;
}
.lexikon-listing div {
    display: none;
    font-size: 16px;
    color: #777777;
    border-bottom: 2px solid #777777;
    margin: 10px 0 0 0;
}
.lexikon-listing a {
    color: #d4021c;
}

/* --- FAQ Seite --- */
a.faq-anker, a.faq-anker:visited {
    color: #000000;
    font-size: 1.7rem;
    font-weight: 600;
    cursor: pointer;
}
.faq-pseudo-anker {
    position: relative;
    height: 1px;
}
.faq-pseudo-anker-p2 {
    position: absolute;
    top: -132px;
    height: 1px;
    opacity: 0.1;
}
.tms-faq h2, .tms-faq h3 {
    font-weight: bold;
}
.tms-faq h2 {
    margin-top: 3.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #000000;
}
.faq-fragen {
    margin: 5px 0;
    cursor: pointer;
}

/* ---------------------------------------- Footer ------------------------------------------- */
.footer-middle ul.links li, .footer-middle ul.features li {
    line-height: inherit;
}
.footer-ribbon span {
    font-family: Tahoma, Arial, cursive;
    font-style: italic;
}
.tms-footer-v1 .tms-bha-block {
    margin-bottom: 1.875rem;
}

@media only screen and (max-width: 767px) {
    .tms-kategorie-block {
        clear: both !important;
    }
}

.tms-bha-block .block-title {
    margin: 5px 0 10px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}
div#notice-cookie-block.message.global.cookie {
    z-index: 3;
}
.tms-footer-zertifikate img {
    display: inline-block;
    padding: 0 3px 3px 0;
}
.tms-footer-zertifikate a:hover {
    text-decoration: none;
}

/* --- tms-mobile-tel-link --- */
@media only screen and (max-width: 767px) {
    a.tms-mobile-tel-link {
        text-decoration: underline;
    }
}

/* --- IE 9 (Footer Schriftgröße) --- */
.tms-footer-v1 a {
    font-size: 13px;
}

.page-header.type2 .panel.header .header.links > li > a, .page-header.type2 .panel.header .header.links > li > a:hover {
    color: #868098;
}

/* ------------------------------- Schriftarten zurücksetzen --------------------------------- */
button,
.box-tocart .action.tocart {
    letter-spacing: 0 !important;
}

.action.primary, .action.primary:active, .price-box .price, .xxx {
    font-family: 'Roboto', 'RobotoLocal', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* -------------------------------- Allgemeines / Sonstiges  --------------------------------- */
input:-ms-input-placeholder {
    color: #868098 !important;
}
input::-moz-placeholder {
    color: #767676 !important;
}
input::-webkit-input-placeholder {
    color: #868098 !important;
}
.page-title {
    margin-bottom: 10px;
}
.bha-font-size-korrektur h2 {
    font-size: 2rem;
}
.bha-font-size-korrektur h3 {
    font-size: 1.5rem;
}
.tms-hidden {
    display: none;
}

@media only screen and (max-width: 767px) {
    .tms-hidden-xs {
        display: none;
    }
}
h1, .product-info-main .page-title-wrapper h1, .page-main > .page-title-wrapper .page-title {
    font-size: 28px;
}
.owl-dots {
    text-align: center;
}
#banner-slider-demo-9.owl-theme .owl-dots .owl-dot.active span, #banner-slider-demo-9.owl-theme .owl-dots .owl-dot:hover span {
    border-color: #666666;
}
#banner-slider-demo-9.owl-theme .owl-dots .owl-dot.active span:before {
    background: #666666;
}

/* --- Buttons (z.B. Minicart Produkt entfernen) --- */
.action-primary {
    background: #d4021c !important;
    border-color: #d4021c !important;
    color: #ffffff !important;
}

/* --------------------------------- Testing / Temporär -------------------------------------- */
.bha-hinweis-unfertige-url {
    display: inline-block;
    color: #222222;
    background: lime;
    padding: 2px;
    font-weight: bold;
}
@media only screen and (max-width: 865px) {
    div.section-item-content.nav-sections-item-content nav {
        height: 92px;
    }
}
header.page-header.sticky-header nav {
    height: auto;
}

/* --------------------------------------------------------- Benjamin Haas (Ende) ----------------------------------------------------------  */

.brand-container .block-content div.brand-list-content {
    width: 99.72%;
}
@media (min-width: 768px) {
    #account-nav > ul > li.nav.item {
        width: 99%;
    }
}
.sidebar .product-items .product-item-name a {
    white-space: inherit;
}
#cart-sidebar-reorder > li > div {
    float: left;
}
.block-reorder .product-item-name {
    display: inherit;
}
.sidebar > .block.filter .item .count {
    margin-left: 0;
}
.filter-current .item {
    padding-left: 20px !important;
}
.product-info-main .product.overview {
    padding-bottom: 0;
}
@media (max-width: 991px) {
    .breadcrumbs, .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content,
    .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main,
    .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom,
    .block.category.event, .top-container, .page-main {
        max-width: 100%;
    }
}
#reorder-validate-detail > div.actions-toolbar > div.primary.no-display > button {
    white-space: nowrap;
}

@media (min-width: 768px)and (max-width: 948px) {
    .cart.table-wrapper .product-image-container {
        border: none;
        padding: 0;
    }
    .cart.table-wrapper .product-item-photo {
        padding-right: 0;
    }
}

@media (min-width: 768px)and (max-width: 850px) {
    .product-image-container {
        width: 100px !important;
    }
}

@media (min-width: 992px) {
    #shopping-cart-table > thead > tr > th.col.subtotal > span {
        white-space: nowrap;
    }
}
.product-pop {
    width: inherit !important;
}
.prev-next-products .product-nav.product-prev .product-pop {
    left: auto !important;
    right: 0 !important;
}
.prev-next-products .product-nav.product-prev .product-pop:before {
    right: 5px;
    left: auto;
}
.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
.text-justify {
    text-align: justify !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

#category_slider > div > div.owl-controls > div.owl-nav > div.owl-prev.owl-category-prev,
div > div .filterproducts > div.owl-controls > div.owl-nav > div.owl-prev {
    left: -48px;
}

#category_slider > div > div.owl-controls > div.owl-nav > div.owl-next.owl-category-next,
div > div .filterproducts > div.owl-controls > div.owl-nav > div.owl-next {
    right: -48px;
}
h1 {
    font-size: 38px;
    margin-bottom: 36px;
}
@media (max-width: 991px) {
    .product-item-details {
        padding: 0;
    }
}
.product-item-photo:hover .product-image-photo.hover_image {
    z-index: 0;
}
#product > li > div.qs-option-image > a > img {
    max-height: 100px;
}
.faq-fragen:not(.clicked)::before, .faq-fragen.clicked::before {
    display: inline-block;
    font-family: 'porto-icons', sans-serif;
    vertical-align: top;
    pointer-events: all;
}
.faq-fragen:not(.clicked)::before {
    content: '\f803';
    margin-left: -15px;
    float: left;
}
.faq-fragen.clicked::before {
    content: '\f800';
    margin-left: -15px;
    float: left;
}

html.nav-before-open.nav-open > body > a > div#sv-badget-box {
    display: none;
}

@media only screen and (max-width: 767px) {
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        height: initial;
    }

    .modal-popup._inner-scroll .modal-inner-wrap {
        max-height: 90% !important;
    }
}

@media only screen and (min-width: 768px) {
    a .tms-zubehoer-pro-view-anker, a .tms-zubehoer-pro-view-anker:hover {
        color: #000000 !important;
    }
     .tms-zubehoer-pro-view-anker {
        opacity: 1 !important;
    }
     .tms-zubehoer-pro-view-anker:hover {
        opacity: 0.8;
    }
}

@media only screen and  (min-width: 768px), print {
    button .action.search::before, .page-header.type2 .block-search .action.search {
        color: #000000 !important;
    }
}
.modal-popup:not(.hazard) {
    pointer-events: none;
}
body.customer-account-create #password-strength-meter-container {
    display: none;
}
.opacity-zero {
    opacity: 0 !important;
}
.modal-titel {
    display: none;
    text-align: center;
    padding: 0 10%;
}
.modal-titel iframe img {
    display: initial;
    text-align: initial;
    padding: initial;
}
#checkout > aside > div.modal-inner-wrap > footer > button.modal-x {
    top: 0;
    position: absolute;
}
.fotorama__arr, .fotorama__thumb__arr {
    background-color: #ffffff4d;
}
.fotorama__stage {
    background: inherit;
}
body.catalog-product-view .product.media > .amlabel-position-wrapper {
    left: 1px !important;
    top: 1px !important;
    z-index: 5 !important;
}
div.amasty-label-container {
    height: 50px !important;
    max-width: 107px !important;
    width: 107px !important;
}
.owl-carousel .owl-item div.amasty-label-container > div.amasty-label-text {
    line-height: 38px !important;
}

.products.wrapper.grid.products-grid.products-related .amasty-label-image {
    display: none;
}
.amasty-label-text {
    z-index: 2;
    /*line-height: 40px !important;*/
}
.amasty-label-image {
    z-index: 1;
}
#product.description > div > div.value > div.row {
    margin: 0 -10px;
}
#product-description-image > div {
    background-size: 300px;
}
#product-description-image > img {
    margin: 0 auto;
    display: block;
}
#product-description-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 300px;
    height: 300px;
    max-height: 300px;
    width: 300px;
    margin-top: 10px;
}
p#spin-360-hint {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 180px;
    width: 300px;
    opacity: 0.45;
    pointer-events: none;
    transition: 1.75s;
}

p.js-fullscreen {
    bottom: 475px;
    cursor: zoom-in;
    left: 135px;
    max-width: 28px;
    position: relative;
}

p.js-fullscreen:before {
    content: "\f859";
    display: block;
    font-family: 'porto-icons', sans-serif;
    font-size: 20px;
    line-height: 3px;
    text-align: center;
    z-index: 99999;
}

p.spin-360-hint {
    bottom: 235px;
    cursor: zoom-in;
    position: relative;
}

.grab {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbing {
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}

.opc-sidebar{
    z-index: 999999;
}

@media only screen and (max-width: 767px) {

    .field-tooltip .field-tooltip-content {
        left: -280px;

        z-index: 2;
    }
    .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after {
        border-right-color: #dddddd;

        z-index: 2;
    }
    .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after {
        z-index: 2;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        right: -22px;
        left: auto;
    }
    .field-tooltip .field-tooltip-content {
        background: #d8d8d8;
    }
}

div.category-image.brand-category-image
{
    width: 20%;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    min-width: 96px;
    min-height: 40px;
}

div.category-description {
    width: 100%;
}

span.amshopby-descr > p {
    float: left;
}

div.amshopby-option-link {
    width: 192px;
    height: 80px;
}

div.brand-item {
    min-width: 192px;
    width: 192px;
    min-height: 100px;
    height: 100px;
    text-align: center;
    margin-bottom: 25px;
}

div.brand-item:hover {
    box-shadow: 0 0 15px 2px dimgrey;
}

div.ambrands-search-wrapper #livesearch {
    width: 232px;
    max-width: 232px;
}

/* Button-Fix (Button zeigen nicht den gesamten Inhalt an) */
button, a.action.primary, button:not(.primary) {
    height:auto;
    min-height:38px;
}
header .header.links .customer-name button {
    min-height: initial;
    line-height: 1 !important;
}
.ui-menu-item.level0.parent.tms-nav-home a::after {
    display:none !important;
}
button.tms-btn-with-margin-bottom {
    margin-bottom: 15px;
}

/* Button Overrides */
.message.global.cookie button {
    min-height: initial;
}

/* ---- Category View (as List) ---- */
.catalog-category-view .products.wrapper.list.products-list .product.description.product-item-description ul {
    margin:5px 0;
    list-style-type: disc;
    line-height: 1.7;
}

/* H1 in Mobile View */
@media only screen and (max-width: 767px) {
    h1, .page-main > .page-title-wrapper .page-title {
        font-size:20px;
    }
}

/* Unnecessary Space in Checkout Cart */
.checkout-cart-index .cart-products-toolbar.cart-products-toolbar-top.toolbar::before,
.checkout-cart-index .cart-products-toolbar.cart-products-toolbar-top.toolbar::after {
    display:none !important;
}

.tms-fs-vertical {
    border:1px solid lightgrey;
    max-width:270px;
    overflow:hidden;
}

.tms-fs-vertical span.tms-fs-title {
    display:block;
    font-size:1.6rem;
    font-weight:600;
    padding:13px 15px;
}

.tms-fs-vertical ul {
    list-style-position: outside;
    list-style-type: none;
    padding-left:0;
    margin:12.5px 25px 25px;
}

.tms-fs-vertical ul li {
    position:relative;
    padding-left:35px;
    min-height: 27px;
}

.tms-fs-vertical ul li:before {
    content: '\f82b';
    font-family: 'porto-icons', sans-serif;
    font-size:27px;
    position:absolute;
    height:100%;
    left:-5px;
    top: -2px;
}

/* --------------------- Testing "Berg & Talfahrt" ----------------------- */

.products-grid .product-item-info .product-item-name {
    min-height: 76px;
}

@media only screen and (max-width: 360px) {

    .catalog-category-view .products.list.items.product-items li:nth-child(odd) {
        padding:0 5px 0 0;
    }
    .catalog-category-view .products.list.items.product-items li:nth-child(even) {
        padding:0 0 0 5px;
    }
    .products-grid .product-item-info .product-item-name {
        min-height: 100px;
    }
}
.product-item-info div.price-box {
    margin: 7px 0 7px;
}
.product-item-info .tax-details {
    opacity: 0.7;
}
.product-item-info .tax-details:hover {
    opacity: 1;
}
.product-item-info .baseprice {
    margin: 2px 0 4px;
    font-size: 1.1rem;
}
.product-item-info .baseprice, .product-item-info .baseprice span.price {
    color:rgba(0,0,0,.6) !important;
}
.product-item-info .action.tocart.primary, .tms-cart-action.tms-mailto.cart-link {
    min-height: initial;
}

/* ---------------- Testing "Berg & Talfahrt" [END] ---------------------- */

/* ---------------------------------------------- TMS OWL Slider  --------------------------------------------------- */
/* ---------------------------------------------- TMS OWL Slider  --------------------------------------------------- */

main.page-main .owl-middle-narrow {
    padding:0 15px;
}
.owl-middle-narrow .owl-prev, .owl-middle-narrow .owl-next {
    background:rgba(0,0,0,0.05);
}
@media only screen and (max-width: 768px) {
    .owl-middle-narrow .owl-theme .owl-controls, .owl-middle-narrow.owl-theme .owl-controls {
        position:relative;
        top:0;
        margin:0;
        opacity: 1;
        visibility: visible;
    }
    .owl-middle-narrow .owl-theme .owl-controls .owl-nav [class*=owl-],
    .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
        position:relative;
        font-size:20px;
    }
    .owl-middle-narrow .owl-theme .owl-controls .owl-nav .owl-prev, .owl-middle-narrow.owl-theme .owl-controls .owl-nav .owl-prev {
        left:-5px !important;
    }
    .owl-middle-narrow .owl-theme .owl-controls .owl-nav .owl-next, .owl-middle-narrow.owl-theme .owl-controls .owl-nav .owl-next {
        right:-5px !important;
    }
}
.modal-popup .modal-title {
    width: 100%;
}
.catalog-category-view .filter-current .filter-label {
    display:block;
}
.catalog-category-view .filter-current .action.remove {
    top: 3px;
}
.account.customer-address-form .field.street .field.additional .label {
    overflow:visible;
}

body.account .customer-name-prefix > label {
    display:none !important;
}
body.account .field.taxvat > label {
    padding-top:11px;
}
.cms-page-view h2 {
    margin: 0.25rem 0;
}

.product-info-main .box-tocart .input-text.qty {
    font-family: inherit;
    color:#000;
}

/* ------------------------------------------- TMS OWL Slider [END] ------------------------------------------------- */
/* ------------------------------------------- TMS OWL Slider [END] ------------------------------------------------- */

/* ProductView List Style Image */
.product.attribute.overview .value ul li {
    position: relative;
    left: -20px;
    list-style-type: none;
}
.product.attribute.overview .value ul li:before {
    content: '\f82b';
    font-family: 'porto-icons', sans-serif;
    margin-right: 6px;
}


/* -------------------------------------------- IE 10 & 11 (ONLY) --------------------------------------------------- */
/* -------------------------------------------- IE 10 & 11 (ONLY) --------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cms-index-index main.page-main, .catalog-category-view main.page-main, .cms-page-view main.page-main {
        /* Removes unnecessary space between product grid & footer (IF category-view type == list) */
        flex-grow:0 !important;
    }
    button, button.action.switch, .tms-cart-action.tms-mailto.cart-link {
        min-height:auto;
    }
    .checkout-cart-index .action.primary.checkout, .checkout-index-index .action.continue.primary, .checkout-index-index .action.checkout.primary {
        min-height:38px;
    }
    /* Empty Space Amasty_Brand Category Pages */
    body.ambrand-index-index #maincontent {
        flex-grow:0 !important;
    }
}
/* -------------------------------------------- IE 10 & 11 [END] ---------------------------------------------------- */
/* -------------------------------------------- IE 10 & 11 [END] ---------------------------------------------------- */

/* -------------------------------------- Fürsprecher Animation (Start) --------------------------------------------- */

@media only screen and (max-width: 991px) {
    .tms-fuersprecher.fuersprecher-mini-v1 .row, #fuersprecher .row {
        position: relative;
        overflow: hidden;
    }
    .tms-fuersprecher.fuersprecher-mini-v1 .row > div, #fuersprecher .row > div {
        position: absolute;
        display:block !important;
        top: 0;
        left: 100%;
        text-align: center !important;
        max-width: 100%;
        flex:0 0 100%;
    }
    .tms-fuersprecher.fuersprecher-mini-v1 .row > div:last-of-type, #fuersprecher .row > div:last-of-type {
        position: relative;
    }

    #fuersprecher .row > div > i,  #fuersprecher .row > div > .text-area {
        display: inline-block !important;
        float: none !important;
    }
    #fuersprecher .row > div {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    #fuersprecher .row > div .text-area p {
        display: block !important;
    }

    .tms-fuersprecher.fuersprecher-mini-v1 .row > div:nth-of-type(1), #fuersprecher .row > div:nth-of-type(1) {
        animation: fuersprecher-slider 18s infinite;
    }
    .tms-fuersprecher.fuersprecher-mini-v1 .row > div:nth-of-type(2), #fuersprecher .row > div:nth-of-type(2) {
        animation: fuersprecher-slider 18s 6s infinite;
    }
    .tms-fuersprecher.fuersprecher-mini-v1 .row > div:nth-of-type(3), #fuersprecher .row > div:nth-of-type(3) {
        animation: fuersprecher-slider 18s 12s infinite;
    }
}

@keyframes fuersprecher-slider {
    0% { opacity:1; left:100%; }
    3% { left:0; }
    33% { left:0; }
    34% { opacity:1; left:-100%; }
    37% { opacity:0;}
    100% { opacity:0; }
}

/* --------------------------------------  Fürsprecher Animation (Ende) --------------------------------------------- */

/* -------------------- Steuer Details im Checkout automatisch anzeigen -------------------- */
/* Hierzu muss im Backend die einstellung "Shops -> Umsatz -> Steuer -> Warenkorb-Anzeigeeinstellungen -> Steuern vollständig anzeigen" auf JA gesetzt werden. */
.tms-osc-totals .table.table-totals .totals-tax-summary th,
.tms-osc-totals .table.table-totals .totals-tax-summary td,
#cart-totals .table.totals .totals-tax-summary th,
#cart-totals .table.totals .totals-tax-summary td {
    border-bottom: 0 !important;
    cursor: default !important;
}
.tms-osc-totals .table.table-totals .totals-tax-details,
#cart-totals .table.totals .totals-tax-details {
    display: table-row !important;
}
.tms-osc-totals .table.table-totals .totals-tax-summary .amount .price::after,
#cart-totals .table.totals .totals-tax-summary .amount .price::after {
    content: '' !important;
}
/* -------------------- Steuer Details im Checkout automatisch anzeigen (Ende) -------------------- */

/* --------------------------------- TMS CMS Grid (1.0) (Produktkacheln) Section (DO NOT EDIT!) -------------------------------------- */
/* --------------------------------- TMS CMS Grid (1.0) (Produktkacheln) Section (DO NOT EDIT!) -------------------------------------- */
div.tms-cms-product-grid-float .products-grid .product-item, div.tms-cms-grid-wrapper .products-grid .product-item {
    padding:0;
}
div.tms-cms-product-grid-float ol.product-items.widget-product-grid .product-item-actions, div.tms-cms-grid-wrapper .product-item-actions {
    margin:0 -28px;
}
div.tms-cms-product-grid-float ol.product-items.widget-product-grid::after, div.tms-cms-grid-wrapper::after {
    content: "";
    display: table;
    clear: both;
}
div.tms-cms-product-grid-float li.product-item, div.tms-cms-grid-wrapper .tms-grid-item {
    list-style-type: none;
    float: left;
    margin-right:0 !important;
    margin-bottom:20px !important;
}
div.tms-cms-grid-wrapper .tms-grid-item {
    overflow: hidden;
}
div.tms-cms-grid-wrapper .tms-grid-item li.product-item {
    width: 100% !important;
    border: 1px solid rgba(0,0,0,.2);
}
div.tms-cms-grid-wrapper .tms-grid-item > a {
    display:block;
}

div.tms-cms-product-grid-float.tms-reduce-img-95 li.product-item img.product-image-photo,
div.tms-cms-grid-wrapper.tms-reduce-img-95 img.tms-card-img-top,
div.tms-cms-grid-wrapper.tms-reduce-img-95 .tms-grid-item li.product-item img {
    margin:2.5%;
    width:95%;
}
div.tms-cms-product-grid-float.tms-reduce-img-90 li.product-item img.product-image-photo,
div.tms-cms-grid-wrapper.tms-reduce-img-90 img.tms-card-img-top,
div.tms-cms-grid-wrapper.tms-reduce-img-90 .tms-grid-item li.product-item img {
    margin:5%;
    width:90%;
}
div.tms-cms-product-grid-float.tms-reduce-img-85 li.product-item img.product-image-photo,
div.tms-cms-grid-wrapper.tms-reduce-img-85 img.tms-card-img-top,
div.tms-cms-grid-wrapper.tms-reduce-img-85 .tms-grid-item li.product-item img {
    margin:7.5%;
    width:85%;
}
div.tms-cms-product-grid-float.tms-reduce-img-80 li.product-item img.product-image-photo,
div.tms-cms-grid-wrapper.tms-reduce-img-80 img.tms-card-img-top,
div.tms-cms-grid-wrapper.tms-reduce-img-80 .tms-grid-item li.product-item img {
    margin:10%;
    width:80%;
}

/* ---------------------------- TMS CMS Grid (1.1) @Media ---------------------------- */

/* ---- TMS Grid: 1 Items per row (Tiny devices) ---- */
@media only screen and (max-width: 284px) {
    div.tms-cms-product-grid-float li.product-item, div.tms-cms-grid-wrapper .tms-grid-item {
        float: none;
        width: 100% !important;
        margin-left: 0 !important;
    }
}
/* ---- TMS Grid: 2 Items per row (Mobile default) ---- */
@media only screen and (min-width: 285px) {
    /* --- Reset IF Class: ".tms-2-col" --- */
    div.tms-cms-product-grid-float.tms-2-col li.product-item:nth-of-type(3n+1),
    div.tms-cms-grid-wrapper.tms-2-col .tms-grid-item:nth-of-type(3n+1),
    div.tms-cms-product-grid-float.tms-2-col li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper.tms-2-col .tms-grid-item:nth-of-type(4n+1) {
        clear: none;
        margin-left: 9px !important;
    }
    /* Grid: 2 items per row */
    div.tms-cms-product-grid-float li.product-item,
    div.tms-cms-grid-wrapper .tms-grid-item,
    div.tms-cms-product-grid-float.tms-2-col li.product-item,
    div.tms-cms-grid-wrapper.tms-2-col .tms-grid-item{
        width: calc((100% - 10px * 1) / 2) !important;
        margin-left: 9px !important;
    }
    /* New Settings */
    div.tms-cms-product-grid-float li.product-item:nth-of-type(2n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(2n+1),
    div.tms-cms-product-grid-float.tms-2-col li.product-item:nth-of-type(2n+1),
    div.tms-cms-grid-wrapper.tms-2-col .tms-grid-item:nth-of-type(2n+1){
        clear: left;
        margin-left:0 !important;
    }
}
/* ---- TMS Grid: 3 Items per row ---- */
@media only screen and (min-width: 600px) {
    /* --- Reset IF Class: ".tms-3-col" --- */
    div.tms-cms-product-grid-float li.product-item:nth-of-type(2n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(2n+1),
    div.tms-cms-product-grid-float.tms-3-col li.product-item:nth-of-type(2n+1),
    div.tms-cms-grid-wrapper.tms-3-col .tms-grid-item:nth-of-type(2n+1),
    div.tms-cms-product-grid-float li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(4n+1),
    div.tms-cms-product-grid-float.tms-3-col li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper.tms-3-col .tms-grid-item:nth-of-type(4n+1) {
        clear: none;
        margin-left: 19px !important;
    }
    /* Grid: 3 items per row */
    div.tms-cms-product-grid-float li.product-item,
    div.tms-cms-grid-wrapper .tms-grid-item,
    div.tms-cms-product-grid-float.tms-3-col li.product-item,
    div.tms-cms-grid-wrapper.tms-3-col .tms-grid-item {
        width: calc((100% - 20px * 2) / 3) !important;
        margin-left: 19px !important;
    }
    /* New Settings */
    div.tms-cms-product-grid-float li.product-item:nth-of-type(3n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(3n+1),
    div.tms-cms-product-grid-float.tms-3-col li.product-item:nth-of-type(3n+1),
    div.tms-cms-grid-wrapper.tms-3-col .tms-grid-item:nth-of-type(3n+1) {
        clear: left;
        margin-left:0 !important;
    }
}
/* ---- TMS Grid: 4 Items per row (Desktop default) ---- */
@media only screen and (min-width: 769px) {
    /* --- Reset IF Class: ".tms-4-col" --- */
    div.tms-cms-product-grid-float li.product-item:nth-of-type(2n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(2n+1),
    div.tms-cms-product-grid-float li.product-item:nth-of-type(3n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(3n+1) {
        clear: none;
        margin-left: 19px !important;
    }
    /* Grid: 4 items per row */
    div.tms-cms-product-grid-float li.product-item,
    div.tms-cms-grid-wrapper .tms-grid-item,
    div.tms-cms-product-grid-float.tms-4-col li.product-item,
    div.tms-cms-grid-wrapper.tms-4-col .tms-grid-item{
        width: calc((100% - 20px * 3) / 4) !important;
        margin-left: 19px !important;
    }
    /* New Settings */
    div.tms-cms-product-grid-float li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper .tms-grid-item:nth-of-type(4n+1),
    div.tms-cms-product-grid-float.tms-4-col li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper.tms-4-col .tms-grid-item:nth-of-type(4n+1) {
        clear: left;
        margin-left:0 !important;
    }
}
/* ---- TMS Grid: 5 Items per row ---- */
@media only screen and (min-width: 1025px) {
    /* --- Reset IF Class: ".tms-5-col" --- */
    div.tms-cms-product-grid-float.tms-5-col li.product-item:nth-of-type(3n+1),
    div.tms-cms-grid-wrapper.tms-5-col .tms-grid-item:nth-of-type(3n+1),
    div.tms-cms-product-grid-float.tms-5-col li.product-item:nth-of-type(4n+1),
    div.tms-cms-grid-wrapper.tms-5-col .tms-grid-item:nth-of-type(4n+1) {
        clear: none;
        margin-left: 19px !important;
    }
    /* Grid: Only 5 items (IF Class: ".tms-5-col") per row */
    div.tms-cms-product-grid-float.tms-5-col li.product-item,
    div.tms-cms-grid-wrapper.tms-5-col .tms-grid-item {
        width: calc((100% - 20px * 4) / 5) !important;
        margin-left: 19px !important;
    }
    /* New Settings */
    div.tms-cms-product-grid-float.tms-5-col li.product-item:nth-of-type(5n+1),
    div.tms-cms-grid-wrapper.tms-5-col .tms-grid-item:nth-of-type(5n+1) {
        clear: left;
        margin-left:0 !important;
    }
}
/* ---------------------- TMS CMS Grid (1.2) Sonstige Anpassungen ------------------------ */

div.tms-cms-grid-wrapper .product-items.widget-product-grid .product-item-name,
div.tms-cms-grid-wrapper .product-items.widget-product-grid .price-details {
    padding:0 5px;
}

/* Abstand zur unteren Zeile vergrößern #977 (vorerst nicht) */
/*.catalog-category-view .products-grid .product-item { margin-bottom: 20px; }*/
/*.tms-cms-product-grid-float .products-grid .product-item  { margin-bottom: 30px !important; }*/

/* --------------------- TMS CMS Grid (1.2.0) Extensions: TMS Cards ---------------------- */

.tms-card-wrapper {
    padding:15px 15px 0 15px;
}
.tms-card {
    border:1px solid rgba(0,0,0,.125);
    border-radius:4px;
}
.tms-card-img-top {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.tms-card-img-top {
    border-radius:initial;
}
.tms-card-body {
    text-align:center;
    padding:15px 10px 25px 10px;
    border-top:1px solid rgba(175,175,175,.1);
}
.tms-card-title {
    min-height:50px;
    margin:0;
    padding:0 0 5px 0;
    font-weight:600;
}
.tms-3-col .tms-card-title {
    min-height:35px;
}
.tms-card-text {
    text-align:left;
}
.tms-3-col .tms-card-text {
    min-height:165px;
}

@media only screen and (max-width: 360px) {
    .tms-card-body button.action.primary {
        padding-left: 9px;
        padding-right: 9px;
    }
    .tms-card-body button.action.primary span {
        font-size:1.2rem;
    }
    .tms-cms-grid-wrapper.tms-3-col.tms-card-wrapper .tms-grid-item.tms-card {
        float:none;
        width: 100% !important;
        margin:0 !important;
        margin-bottom: 15px !important;
    }
    .tms-cms-grid-wrapper.tms-3-col.tms-card-wrapper .tms-grid-item.tms-card .tms-card-body button.action.primary span {
        font-size:1.3rem;
    }
}

/* -------------------------------------- TMS CMS Grid - END (DO NOT EDIT!) ----------------------------------------- */
/* -------------------------------------- TMS CMS Grid - END (DO NOT EDIT!) ----------------------------------------- */
.wishlist-index-index .product-reviews-summary.short, .gwishlist-index-index .field.comment-box{
    display:none;
}

/* Search Form */
#search_mini_form {
    float:unset !important;
    width:auto !important;
}

.catalog-product-view h2.product-name {
    color: #000;
}

/* M2-96 */
#layer-product-list .infinite-loader {
    text-align: center;
    padding: 36px 0;
    margin:0 12px;
}
#layer-product-list .infinite-loader .btn-load-more {
    padding: 10px 15px;
    color: #000;
    overflow: hidden;
    text-decoration: none;
}
#layer-product-list .infinite-loader .btn-load-more:hover {
    opacity:0.8;
}
body[class*="ass-"] #layer-product-list .infinite-loader .btn-load-more {
    background:#d4021c; color:#fff;
}
body[class*="rss-"] #layer-product-list .infinite-loader .btn-load-more {
    background:#fbd331;
}
body[class*="mks-"] #layer-product-list .infinite-loader .btn-load-more {
    background:#f8b200;
}
body[class*="ehs-"] #layer-product-list .infinite-loader .btn-load-more {
    background:#53a392; color: #fff !important; border-radius: 5px;
}

/* M2-131 */
body.gwishlist-shared-index td.col.product {
    width: 20% !important;
}

/* -------------------------- #905 bzw. M2-87 ------------------------------- */
@media (max-width: 767px) {
    body[class^="ass-"].catalog-product-view .tms-cart-action.share-via-email {
        background: #D4021C;
        color: #fff !important;
    }
    body[class^="rss-"].catalog-product-view .tms-cart-action.share-via-email {
        background: #FBD331;
    }
    body[class^="mks-"].catalog-product-view .tms-cart-action.share-via-email {
        background: #F8B200;
    }
    body[class^="ehs-"].catalog-product-view .tms-cart-action.share-via-email {
        background: #53a392;
        color:#fff !important;
    }
}
/* -------------------------------------------------------------------------- */

/* [M2-174] CSS Anpassung auf Produktdetailseite für ul */
body.catalog-product-view .product.description ul {
    font-size: 14px;
}
.product.description ul li {
    list-style: circle;
    display: list-item;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 27px;
}

/* M2-220 */
.checkout-onepage-success .ui-datepicker-month, .checkout-onepage-success .ui-datepicker-year {
    padding: 2px;
}

/* M2-9, M2-10, M2-11 */
.modal-inner-wrap .product-item .price-details, .modal-inner-wrap .product-item .product-item-actions {
    display: none;
}

/* --------------------------- General Tooltip ------------------------------ */
.tms-general-tooltip {
    position: relative;
    display:  inline-block;
}

.tms-general-tooltip .tms-general-tooltiptext {
    visibility:       hidden;
    width:            350px;
    background-color: #555555;
    color:            #ffffff;
    text-align:       left;
    border-radius:    6px;
    padding:          7px;
    position:         absolute;
    z-index:          5000;
    top:              32px;
    left:             50%;
    margin-left:      -90px;
    opacity:          0;
}

.tms-general-tooltip .tms-general-tooltiptext::after {
    content:          "";
    position:         absolute;
    top:              -10px;
    left:             50%;
    margin-left:      -5px;
    border:           5px solid transparent;
    border-top-color: #555555;
    transform: rotate(180deg);
}

.tms-general-tooltip:hover .tms-general-tooltiptext {
    visibility: visible;
    opacity:    1;
}

.tms-general-tooltip-symbol:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    line-height: inherit;
    color: #bbbbbb;
    content: '\f853';
    font-family: 'porto-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

/* -------------------------- Tooltip StoreSwitcher ------------------------- */

.tms-general-tooltip.store-switcher {
    margin-left: 8px;
    top: -6px;
}

.tms-general-tooltip.store-switcher .tms-general-tooltiptext {
    width: 400px;
}

.tms-general-tooltip .tms-general-tooltiptext::after {
    left:90px;
}

@media only screen and (max-width: 767px) {
    .tms-general-tooltip.store-switcher {
        display:none;
    }
}

/* M2-241 Hover / Overlay über dem Button "Produktansicht (PDF)" */
.tms-pdf-speech-bubble-container { display:none; }

@media (min-width: 768px) {
    .tms-pdf-speech-bubble-container {
        display: block;
    }
    .tms-pdf-speech-bubble {
        position: relative;
        display:inline-block;
        transition: opacity 2s;
    }
    .tms-pdf-speech-bubble > span {
        display: inline-block;
        position: absolute;
        top: -14px;
        left: 0;
        background: #feda00;
        color: #444;
        padding: 6px;
        width: 390px;
    }
    .tms-pdf-speech-bubble > span:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: -7px;
        left: 208px;
        -webkit-transform: rotate(90deg);
        border-style: solid;
        border-width: 6.5px 10px 6.5px 0;
        border-color: transparent #feda00 transparent transparent;
    }
}

@media (min-width: 1280px) {
    .tms-pdf-speech-bubble-container {
        display: inline-block;
    }
    .tms-pdf-speech-bubble > span {
        top: -19px;
        left: 5px;
    }
    .tms-pdf-speech-bubble > span:before {
        left: -8px;
        top: 8px;
        -webkit-transform: rotate(360deg);
    }
}

body.catalog-product-view .tms-hide-in-product-view {
    display: none;
}

@supports (-moz-appearance:none) {
    .mpbrand-index-view select.limiter-options,
    .catalog-category-view select.limiter-options {
        width: 68px;
    }
}

/* ----------------------------------------------- M2-441 Child Theme Update ---------------------------------------- */

h3 {
    font-size: 1.7rem;
}
p {
    margin-bottom: 0.9rem;
}
button:not(.primary) {
    line-height: 1;
    font-weight: normal;
    padding: 0 12px;
}

.page-wrapper > .breadcrumbs {
    font-size: 1.3rem;
}
.page-wrapper > .breadcrumbs .items > li {
    text-transform: initial;
}
.page-wrapper > .breadcrumbs .items > li:not(:last-child)::after {
    font-weight: bold;
}

.product-item-name a {
    font-size: 14px;
    white-space: initial;
}

.product-item .product-item-actions {
    position: relative;
}

.product-item-info .product-item-details .product-item-actions .tocart {
    height: 32px;
    top: 1px;
}

.product-item-actions .actions-secondary.action {
    height: 32px;
    width: 32px;
    top: 0;
}

button.action.tocart.primary span {
    vertical-align: initial;
}

.product-item-actions .actions-secondary.action:before {
    top: -2px;
}

.product-item-actions .actions-secondary.action.tocompare:before {
    top: -9px;
}

.catalog-product-view .sticky-product .product-info-price {
    font-size: 1.3rem;
    color: #777;
    font-weight: normal;
}

.catalog-product-view .sticky-detail .product-info-price .old-price {
    height:32px;
}
.catalog-product-view .sticky-detail .product-info-price {
    margin-top: 5px;
}
.catalog-product-view .products-upsell .product.name a {
    white-space: normal;
    text-overflow: initial;
}

.catalog-category-view .product-item-actions .actions-secondary.action.towishlist {
    left: 2px;
}
.catalog-category-view .product-item-actions .actions-secondary.action.tocompare {
    left: -2px !important;
}

.catalog-category-view #layer-product-list > .list.products-list .product-item-info {
    align-items: start;
}

.prev-next-products a {
    border: none;
}
.product-info-main .page-title-wrapper {
    max-width: initial;
}
.product-info-main .product-reviews-summary .rating-summary .rating-result:before {
    color: #c3c5c9;
}
.product-info-main .product-reviews-summary:after {
    display:none;
}
.product-info-main .qty.field .control {
    margin-left: 0;
}
.catalog-product-view .product-social-links * {
    display:none;
}

.checkout-cart-index button.tms-cart-action {
    line-height: 30px !important;
    padding: 0 12px !important;
    top: 1px;
    position: relative;
}

.cart-summary {
    background: #fbfbfb;
    padding: 12px 18px 22.5px;
}

.cart-summary > .title {
    font-size: 2.4rem;
    font-weight: 300;
    text-transform: initial;
}

.cart-totals tbody .grand.totals .mark, .cart-totals tbody .grand.totals .amount {
    font-size: 1.8rem;
    padding-left: 0;
    padding-right: 0;
}
.cart-totals tbody .mark, .cart-totals tfoot .mark, .cart-totals tbody .amount, .cart-totals tfoot .amount {
    padding: 5px 0;
}
.cart-summary .block .title {
    padding-left: 0;
}
/* ----------------------- OWL Slider Category ------------------------------ */
.owl-carousel > .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -35px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

.owl-carousel > .owl-nav > [class*=owl-] {
    position: absolute;
    background:rgba(0,0,0,0.05) !important;
    text-shadow: 0 0 3px rgb(255 255 255 / 50%);
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-carousel > .owl-nav > [class*=owl-] em {
    font-size: 40px;
}

.owl-carousel > .owl-nav > .owl-prev {
    left: -30px;
}
.owl-carousel > .owl-nav > .owl-next {
    right: -30px;
}

.owl-carousel:hover > .owl-nav {
    visibility: visible;
    opacity: 1;
}

.owl-carousel:hover > .owl-nav > [class*=owl-].disabled {
    visibility: hidden;
    opacity: 0;
}

@media only screen and (max-width: 768px) {
    .owl-carousel > .owl-nav > .owl-prev {
        left:-5px !important;
    }
    .owl-carousel > .owl-nav > .owl-next {
        right:-5px !important;
    }
}

/* ------------------------ OWL Slider Category (end) ----------------------- */

@media (min-width: 768px) {
    header .panel.header {
        margin: 0 auto;
        padding: 10px 15px 11px 15px !important;
        font-size: 11px;
    }
    .page-header .switcher .options .action.toggle {
        line-height: 1;
        padding: 0;
    }
    #switcher-language {
        padding: 3px 5px 3px 5px;
        line-height: 15px;
        letter-spacing: unset;
    }

    .header.panel > .header.links > li > a {
        border-left: 1px solid #ccc;
    }
    header .header.content {
        position: relative;
    }
    header .header.content .logo {
        display: inline-block;
    }

    .page-header.type2 .custom-block {
        font-size: 11px;
    }
    .page-wrapper .breadcrumbs {
        margin: 0 auto;
    }

    .sidebar.sidebar-main:before {
        border: none;
    }

    #narrow-by-list .filter-options-item .filter-options-title {
        padding-top: 0 !important;
    }
    .filter-options-content a {
        font-size: 12.5px;
        position: relative;
        top:-3px;
    }
    .block-category-list .block-content, .filter-options-content {
        border-bottom: none;
    }
    .catalog-category-view .block-content.filter-content {
        border: 1px solid #e7e7e7;
    }
    .filter-options-title, .filter-options-content {
        padding-left: 0;
        padding-right: 0;
    }
    .filter-options-content .count:before, .filter-options-content .count:after {
        content: "";
    }

    .moved-add-to-links {
        margin-top: 0;
    }

    footer .container {
        line-height: 1.4;
    }
    .footer-ribbon {
        font-size: 20px;
    }
    footer .footer-bottom {
        line-height: 0;
        padding: 0;
    }
    footer .footer-middle > .container {
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer-middle > .container::after {
        display: none;
    }

    /* ASS */
    body[class*="ass-"].cms-index-index .home-side-menu {
        background-color: transparent;
        border: 1px solid #dae2e6;
        border-radius: 2px;
    }
    body[class*="ass-"].cms-index-index .home-side-menu .ui-menu-item.level0 > a {
        font-weight:normal;
    }
    body[class*="ass-"].cms-index-index .home-side-menu .ui-menu-item:hover {
        color:#fff;
    }
    /* RSS */
    body[class*="rss-"] header .block-search {
        top: 23px;
    }
    /* MKS */
    body[class*="mks-"] header .block-search {
        top: 25px;
    }
    /* EHS */
    body[class*="ehs-"] header .block-search {
        top: 20px;
    }
}

#layer-product-list > .list .action.tocart {
    border: none;
    font-size: 1.4rem;
    font-weight: normal;
}

/* ASS */
body[class*="ass-"] .box-tocart .action.tocart {
    background: #d4021c;

}
.checkout-cart-index button.action.update {
    background: transparent !important;
    border: 1px solid #ccc;
    color: #777 !important;
    font-weight: normal;
    text-transform: initial;
}
body[class*="ass-"] #layer-product-list > .list .action.tocart,
body[class*="ass-"].checkout-cart-index button.action.primary.checkout,
body[class*="ass-"].checkout-cart-index button.action.apply.primary,
body[class*="ass-"].checkout-cart-index button.action.update:hover {
    background-color: #d4021c !important;
    color: #fff !important;
}

body[class*="ass-"] .box-tocart .action.tocart:hover,
body[class*="ass-"] #layer-product-list > .list .action.tocart:hover {
    background:#3a9c2d;
    color: #000 !important;
}

/* RSS */
body[class*="rss-"] .box-tocart .action.tocart, body[class*="rss-"] #layer-product-list > .list .action.tocart,
body[class*="rss-"].checkout-cart-index button.action.primary.checkout,
body[class*="rss-"].checkout-cart-index button.action.apply.primary,
body[class*="rss-"].checkout-cart-index button.action.update:hover {
    background: #fbd331 !important;
    color: #000 !important;
}

/* MKS */
body[class*="mks-"] .box-tocart .action.tocart, body[class*="mks-"] #layer-product-list > .list .action.tocart,
body[class*="mks-"].checkout-cart-index button.action.primary.checkout,
body[class*="mks-"].checkout-cart-index button.action.apply.primary,
body[class*="mks-"].checkout-cart-index button.action.update:hover {
    background: #f8b200 !important;
    color: #fff !important;
}

/* EHS */
body[class*="ehs-"] .box-tocart .action.tocart, body[class*="ehs-"] #layer-product-list > .list .action.tocart,
body[class*="ehs-"].checkout-cart-index button.action.primary.checkout,
body[class*="ehs-"].checkout-cart-index button.action.apply.primary,
body[class*="ehs-"].checkout-cart-index button.action.update:hover{
    background: #53a392 !important;
    color: #fff !important;
}

@media (max-width: 450px) {
    .tms-zubehoer-pro-view-anker {
        top: 0;
        left: 8px;
    }
}

@media (min-width: 451px) and (max-width: 767px) {
    .tms-zubehoer-pro-view-anker {
        top: -7px;
        left: 8px;
    }
}

@media (max-width: 767px) {
    .nav-toggle {
        float: left;
        position: relative;
        top: 9px;
        padding-left: 5px;
        padding-right: 8px;
    }
    html.nav-before-open.nav-open footer {
        display: none;
    }
}

@media (min-width: 992px) {
    header.sticky-header.page-header.type2 .navigation .level0 > .level-top,
    header.sticky-header.page-header.type2 .navigation .level0.parent > a:after {
        line-height: 30px;
    }
    .sw-megamenu.navigation .subchildmenu.mega-columns > li {
        padding: 0 5px 0 15px;
    }
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
        padding-bottom: 0;
    }
    .sw-megamenu.navigation li.level0 i {
        margin-right: 0;
    }
    .tms-zubehoer-pro-view-anker {
        top: -6px;
        left: 8px;
    }
    body[class*="mks-"] nav .level0.submenu .menu-top-block ul > li > a {
        display: inline;
    }
    #layered-filter-block .block-title.filter-title {
        display:none;
    }
}

#maincontent > .page-title-wrapper * {
    font-weight: 300 !important;
}

.customer-account-create .page-title-wrapper::before, .customer-account-create .page-title-wrapper::after,
.customer-account-login .page-title-wrapper::before, .customer-account-login .page-title-wrapper::after {
    display:none;
}
.customer-account-create .page-title-wrapper, .customer-account-login .page-title-wrapper {
    background: none;
    text-align: left;
    padding:0;
    margin: 0 15px 15px 15px !important;
}
body[class*="ass-"].customer-account-login .page-title-wrapper h1.page-title,
body[class*="ass-"].customer-account-create .page-title-wrapper h1.page-title {
    color: #d4021c !important;
}
.customer-account-login .login-container, .customer-account-create .form-create-account {
    display: block;
    border: 1px solid #ececec;
    border-top: 4px solid #d4021c;
    background: #fff;
    padding: 35px 25px 0;
    box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
    margin: 0 15px !important;
    max-width: initial !important;
}
body[class*="rss-"].customer-account-login .login-container,
body[class*="rss-"].customer-account-create .form-create-account {
    border-top-color: #fbd331;
}
body[class*="mks-"].customer-account-login .login-container,
body[class*="mks-"].customer-account-create .form-create-account {
    border-top-color: #f8b200;
}
body[class*="ehs-"].customer-account-login .login-container,
body[class*="ehs-"].customer-account-create .form-create-account {
    border-top-color: #53a392;
}
body[class*="ass-"].customer-account-create .form.create.account .actions-toolbar > .primary .action {
    background: #d4021c;
}
body[class*="mks-"].customer-account-create .form.create.account .actions-toolbar > .primary .action {
    background: #f8b200;
}
body[class*="ehs-"].customer-account-create .form.create.account .actions-toolbar > .primary .action {
    background: #53a392;
}
@media (min-width: 767px) {
    .form.create.account .actions-toolbar > .primary {
        max-width: 200px;
        float: right;
    }
    .form.create.account .actions-toolbar {
        max-width: initial;
    }
}

.minicart-wrapper .block-minicart {
    border-top: 4px solid #d4021c;
}
body[class*="rss-"] .minicart-wrapper .block-minicart {
    border-top-color: #fbd331;
}
body[class*="mks-"] .minicart-wrapper .block-minicart {
    border-top-color: #f8b200;
}
body[class*="ehs-"] .minicart-wrapper .block-minicart {
    border-top-color: #53a392;
}
#top-cart-btn-checkout {
    width: 100%;
    margin-bottom: 15px;
}
.minicart-items .product > .product-item-photo {
    width: 75px;
}
.minicart-wrapper .item.product.product-item .product {
    margin-bottom: 10px
}
.minicart-wrapper input.item-qty.cart-item-qty {
    width: 45px;
}

@media (min-width: 767px) {
    .navigation .level0 .submenu {
        border-top: 5px solid #d4021c;
    }
    body[class*="rss-"] .navigation .level0 .submenu {
        border-top-color: #fbd331;
    }
    body[class*="mks-"] .navigation .level0 .submenu {
        border-top-color: #f8b200;
    }
    body[class*="ehs-"] .navigation .level0 .submenu {
        border-top-color: #53a392;
    }
}

/* M2-454 */
.product-options-bottom, .product-info-price, .product-info-main .product.sku .value {
    font-weight: normal;
}
.product-info-main .product-info-stock-sku {
    text-transform: initial;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 30px;
    color: #777;
}
.product-info-main .product.sku .value {
    color: #777;
}
.catalog-product-view .product-info-price {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 22px;
    /*border-bottom: 1px solid #dae2e6;*/
}
.product-info-price .price-box .price {
    display:block;
    margin-bottom: 10px;
    line-height: 1.4;
}
.product-info-price .price-box .price-wrapper.price-including-tax {
    position: relative;
    top: 7px;
}
.catalog-product-view .product-info-price .price-details {
    padding-bottom: 5px;
}
.product-info-price, .product-info-main .product-info-stock-sku {
    font-size: 1.3rem;
}
.catalog-product-view .product-info-price .price-box.price-final_price {
    padding-bottom: 20px;
}
.catalog-product-view .product-add-form {
    padding-top: 13px;
}
.catalog-product-view #product-options-wrapper {
    padding-bottom: 13px;
}
.catalog-product-view #product-options-wrapper * {
    font-weight: normal;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart {
    padding-top: 22px;
}
body[class*="-b2b"].catalog-product-view .product-info-price .baseprice::after {
    top: 19px;
}
#product-options-wrapper {
    border-top: 1px solid #dae2e6;
    padding-top: 15px;
}

.header.links .customer-welcome {
    z-index: 99999;
}

body.account .sidebar-content ul.nav.items li,
body.account .sidebar-content ul.nav.items a,
body.account .sidebar-content ul.nav.items strong {
    width: 100%;
}

@media (max-width: 991px) {
    #maincontent {
        padding: 20px 15px 50px 15px;
    }
}

#minicart-content-wrapper .items-total {
    position: relative;
    top: 15px;
}

#minicart-content-wrapper .subtotal {
    font-weight: bold;
}

.minicart-items .product-item-details {
    padding-left: 95px;
}

#layer-product-list .toolbar.toolbar-products #sorter {
    width: 150px;
}

#layer-product-list .toolbar.toolbar-products .field.limiter {
    margin-left: auto;
}

@media (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}

@media (max-width: 768px) {
    .checkout-cart-index #shopping-cart-table tbody.cart.item a.product-item-photo {
        margin: 0;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .product-image-photo {
        border: 1px solid #ccc;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .col.item > * {
        display: inline-block;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .col.item {
        text-align: left;
        word-wrap: break-word;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .col.price,
    .checkout-cart-index #shopping-cart-table tbody.cart.item .col.qty,
    .checkout-cart-index #shopping-cart-table tbody.cart.item .col.subtotal {
        width: 33%;
        float: left;
        white-space: initial;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .product-item-details {
        padding-left: 5px;
        text-align: left;
        width: 85%;
    }
    .checkout-cart-index #shopping-cart-table tbody.cart.item .product-item-name a {
        word-wrap: break-word;
        width: 85%;
    }
    .checkout-cart-index .cart-discount .block > .title {
        display: block !important;
    }
    .products.owl-carousel {
        margin: 0;
    }
    .products.owl-carousel > .owl-nav {
        position: relative;
        top: 0;
        margin: 0;
        opacity: 1;
        visibility: visible;
        text-align: center;
    }
    .products.owl-carousel > .owl-nav button {
        position: relative;
        left: initial;
        right: initial;
    }
    .products.owl-carousel > .owl-nav button.disabled {
        opacity: 0.5 !important;
        visibility: visible !important;
    }
}

body[class*="mks-"] nav.navigation.sw-megamenu .tms-nav-home a.level-top.tms-active {
    color: #000 !important;
}

.checkout-cart-index #tms_total_savings {
    padding-left: 0;
    padding-right: 0;
}

.checkout-cart-index .product-item-name > a {
    font-weight: normal !important;
}

.catalog-product-view .prev-next-products a {
    font-size: 22px;
}

.catalog-product-view .sticky-product .product-info-price .price-box,
.catalog-product-view .sticky-product .product-info-price .price-details,
.catalog-product-view .sticky-product .product-info-price .product-info-stock-sku {
    text-align: left;
    display: block;
}
.catalog-product-view .sticky-product .product-info-price .price-box {
    padding-bottom: 6px;
}
.catalog-product-view .sticky-product .actions {
    min-width: 182px;
}
.catalog-product-view .sticky-product .price-wrapper.price-including-tax span {
    top: -4px;
    position: relative;
}

@media (max-width: 991px) {
    .catalog-product-view .sticky-product {
        padding-top: 15px;
    }
}

/* M2-478 - Header Fixes (M2.4.5 Update) */

@media (max-width: 991px) {
    header .nav-toggle {
        display: inline-block;
        width:22px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header > div > div.panel.header {
        margin-left: 0;
        margin-right:0;
        padding: 10px !important;
    }
    #switcher-language {
        top: -4px;
    }
    header ul.header.links {
        margin-right: 0;
    }
    .panel.header .links, .panel.header .switcher {
        display: inline-block;
    }
    header .nav-toggle {
        top:-20px;
        left: 5px;
    }
    header .logo img {
        max-height: initial;
    }
    header .logo {
        top:8px;
        margin: 0;
    }
    header .block-search {
        top: 14px;
    }
    .page-header.type2 .minicart-wrapper {
        right: 7px;
    }
    .page-header.type2 .custom-block {
        right: 66px;
    }
}

@media (max-width: 767px) {
    header .nav-toggle {
        left: 10px;
    }
    header .logo {
        left: 35px;
    }
}

/* ----------------- Fix for 768px Search Input ----------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .header.content {
        position: relative;
    }
    .header.content .search-toggle-icon {
        display:inline-block;
        position: relative;
        margin-right: 15px;
    }
    .block.block-search.show {
        width: 100%;
        max-width: 100% !important;
    }
    body[class*="ass-"] .block.block-search.show {
        position: relative;
        top: 10px;
        margin-top: 0 !important;
    }
    body[class*="ehs-"] .block.block-search.show {
        left: 0;
    }
    body[class*="ass-"] .header.content .search-toggle-icon {
        top: 24px;
        right: 202px;
    }
    body[class*="rss-"] .header.content .search-toggle-icon {
        top: 18px;
        right: 202px;
    }
    body[class*="ass-"] .header.content .custom-block,
    body[class*="ass-"] .header.content .minicart-wrapper,
    body[class*="rss-"] .header.content .custom-block,
    body[class*="rss-"] .header.content .minicart-wrapper,
    body[class*="ehs-"] .header.content .minicart-wrapper {
        top: 35px;
    }
    body[class*="mks-"] .header.content .minicart-wrapper { top: 52px; }
    body[class*="ehs-"] .header.content .minicart-wrapper { top: 46px; }
    body[class*="mks-"] .header.content .search-toggle-icon {
        top: 38px;
        right: 90px;
    }
    body[class*="ehs-"] .header.content .search-toggle-icon {
        top: 31px;
        right: 90px;
    }
}

/* ------------------------------- M2-477 ----------------------------------- */
#ln_slider_price .ui-slider-handle {
    background: #d4021c;
}
body[class*="rss-"] #ln_slider_price .ui-slider-handle {
    background: #fbd331;
}
body[class*="mks-"] #ln_slider_price .ui-slider-handle {
    background: #f8b200;
}
body[class*="ehs-"] #ln_slider_price .ui-slider-handle {
    background: #53a392;
}

@media (max-width: 991px) {
    .catalog-category-view .block-content.filter-content {
        border: none;
    }
    .filter-options-content {
        border-bottom: none;
    }
    .filter-options-content .count:before, .filter-options-content .count:after {
        content: "";
    }
    .filter-options-title, .filter-options-content {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .mpbrand-index-view .sidebar.sidebar-main .sidebar-content {
        border: 1px solid #e7e7e7;
        border-bottom: 0;
    }
    body[class*="ehs-"] .sw-megamenu.navigation li.level0.fullwidth {
        padding-right: 5px;
    }
}
.catalog-category-view .sidebar.sidebar-main .sidebar-content {
    border: none;
}
/* -------------------------- Mobile Main Nav ------------------------------- */
@media (max-width: 991px) {
    .page-header.type2 .navigation .level0>.level-top {
        color: #39393c;
    }
    .navigation li.level0 > a.level-top {
        padding: 13px 36px 13px 15px !important;
        font-weight: normal !important;
    }
    .navigation .parent .level-top:after {
        top: 2px;
        line-height: 46px;
        font-size: 1.7rem;
    }
    nav.navigation .level0:last-child {
        margin-right: 0;
    }
    .navigation .level0 .submenu {
        border-top: 1px solid #ccc;
    }
    .navigation li.level0 > a.level-top.ui-state-active,
    .navigation li.level0 > a.level-top.tms-active {
        font-weight: bold !important;
    }
    .sw-megamenu.navigation li.level0.staticwidth > .submenu {
        padding: 0;
    }
    .sw-megamenu.navigation li.level0.fullwidth > .submenu {
        padding: 0;
    }
    /* ------------------------------- ASS ---------------------------------- */
    body[class*="ass-"] .sections.nav-sections,
    body[class*="ass-"] .navigation li.level0 > a.level-top,
    body[class*="rss-"] .sections.nav-sections,
    body[class*="rss-"] .navigation li.level0 > a.level-top {
        background: #fff !important;
    }
    body[class*="ass-"] header.page-header .nav-sections-item-title {
        background: #d4021c;
    }
    body[class*="ass-"] header.page-header .nav-sections-item-title.active {
        background: #fff;
    }
    body[class*="ass-"] header.page-header .nav-sections-item-title.active > a {
        color: #d4021c;
    }
    /* ------------------------------- RSS ---------------------------------- */
    body[class*="rss-"] header.page-header .nav-sections-item-title {
        background: #fbd331;
    }
    body[class*="rss-"] header.page-header .nav-sections-item-title a {
        color: #39393c !important;
    }
    body[class*="rss-"] header.page-header .nav-sections-item-title.active {
        background: #fff;
    }
    body[class*="rss-"] .page-header.type2 .navigation .level0>.level-top.tms-active {
        color: #39393c !important;
        background: #fbd331 !important;
    }
    body[class*="rss-"] .submenu li.level1,
    body[class*="rss-"] .submenu li.level2 {
        padding: 10px 0 10px 15px;
    }
    /* ------------------------------- MSS ---------------------------------- */
    body[class*="mks-"] .nav-sections .ui-menu-item.level0 .menu-thumb-icon.glyphicon.glyphicon-menu-hamburger {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }
    body[class*="mks-"] .ui-menu-item.level0.fullwidth.parent > a.level-top > em.menu-thumb-icon.glyphicon.glyphicon-menu-hamburger::before,
    body[class*="mks-"] .ui-menu-item.level0.fullwidth.parent > a:after {
        color: #1a1a18 !important;
    }
    body[class*="mks-"] .nav-sections .header.links .custom-block {
        display: none;
    }
    body[class*="mks-"] header.page-header .nav-sections-item-title {
        background: #f8b200;
    }
    body[class*="mks-"] header.page-header .nav-sections-item-title a {
        color: #1a1a18 !important;
    }
    body[class*="mks-"] header.page-header .nav-sections-item-title.active {
        background: #fff;
    }
    body[class*="mks-"] .page-header.type2 .navigation .level0>.level-top.tms-active {
        color: #1a1a18 !important;
        background: #f8b200 !important;
    }
    body[class*="mks-"] .submenu li.level1,
    body[class*="mks-"] .submenu li.level2,
    body[class*="mks-"] .submenu li.level3 {
        padding: 10px 0 10px 15px;
    }
    /* ------------------------------- EHS ---------------------------------- */
    body[class*="ehs-"] header.page-header .nav-sections-item-title {
        background: #53a392;
    }
    body[class*="ehs-"] header.page-header .nav-sections-item-title a {
        color: #fff !important;
    }
    body[class*="ehs-"] header.page-header .nav-sections-item-title.active a {
        color: #000 !important;
    }
    body[class*="ehs-"] header.page-header .nav-sections-item-title.active {
        background: #fff;
    }
    body[class*="ehs-"] .nav-sections .header.links .greet.welcome {
        text-align: center;
    }
    body[class*="ehs-"] .nav-sections .header.links .custom-block {
        display: block;
        text-align: center;
    }
    body[class*="ehs-"] .page-header.type2 .navigation .level0 > .level-top span {
        text-transform: uppercase;
    }
    body[class*="ehs-"] .page-header.type2 .navigation .level0 > .level-top.tms-active {
        color: #fff !important;
        background: #53a392 !important;
    }
    body[class*="ehs-"] .page-header.type2 .navigation .level0 .subchildmenu {
        background: #fff;
    }
    body[class*="ehs-"] .submenu li.level1,
    body[class*="ehs-"] .submenu li.level2,
    body[class*="ehs-"] .submenu li.level3 {
        padding: 10px 0 10px 15px;
    }
    li.ui-menu-item.level0.parent i.porto-icon-home:after {
        content: 'Startseite';
        font-style: normal;
        text-transform: uppercase;
        display: inline-block;
        padding-left: 5px;
    }
}

.mst-searchautocomplete__autocomplete {
    border-top-color: #e5e5e5;
}
.mst-searchautocomplete__autocomplete li.mst-searchautocomplete__item > * {
    flex-shrink: 1
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item .store {
    width:25px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item .store > div {
    position: relative;
    width: 65px;
    right: 75px;
    text-align: right;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item .to-cart {
    position: relative;
    margin-top: 22px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item .title + .to-cart {
    margin-top: 35px;
}
.mst-searchautocomplete__autocomplete .rating-summary .rating-result > span:before {
    color: #ffc600;
}
@media (max-width: 344px) {
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item .to-cart > a {
        font-size: 12px;
    }
}

body.catalogsearch-result-index .field.limiter select {
    width: 60px;
}
.catalogsearch-result-index .pages li.current strong.page,
.catalogsearch-result-index .pages li a.page:hover {
    color: #fff !important;
}
body[class*="ass-"].catalogsearch-result-index .pages li.current strong.page:hover {
    color: #d4021c !important;
}
body[class*="rss-"].catalogsearch-result-index .pages li.current strong.page:hover {
    color: #fbd331 !important;
}
body[class*="mks-"].catalogsearch-result-index .pages li.current strong.page:hover {
    color: #f8b200 !important;
}
body[class*="ehs-"].catalogsearch-result-index .pages li.current strong.page:hover {
    color: #53a392 !important;
}
body.catalogsearch-result-index .filter-placeholder + .toolbar.toolbar-products .field.limiter,
body.catalogsearch-result-index .infinite-loader + .toolbar.toolbar-products .field.limiter {
    margin-left: initial !important;
}
.filter-current {
    padding: 0;
}
.mst-searchautocomplete__highlight {
    color: inherit;
    background: #ffff00;
    font-weight: normal;
}

body[class*="ass-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart,
body[class*="ass-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart:hover {
    background: #d4021c !important;
    border-color: #d4021c !important;
    font-size: 12px;
}
body[class*="ass-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart:hover {
    color: #000 !important;
}

body[class*="rss-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart  {
    background: #fbd331 !important;
    border-color: #fbd331 !important;
    color: #000 !important;
    font-size: 12px;
}

body[class*="mks-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart  {
    background: #f8b200 !important;
    border-color: #f8b200 !important;
    font-size: 12px;
}
body[class*="mks-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart:hover {
    opacity: 0.8;
}

body[class*="ehs-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart {
    background: #53a392 !important;
    border-color: #53a392 !important;
    font-size: 12px;
}
body[class*="ehs-"].catalogsearch-result-index .search.results .products.wrapper.list button.tocart:hover {
    opacity: 0.8;
}
.catalogsearch-result-index .search.results .products.wrapper.list .rating-summary {
    display: none;
}

.catalogsearch-result-index .toolbar {
    background: #f4f4f4;
    padding: 10px 10px 0 12px;
    margin-bottom: 20px;
    margin-right: auto;
}

@media (max-width: 540px) {
    .catalogsearch-result-index .mst-search__result-tabs > li {
        width: 100%;
    }
}

.cart-discount .block > .title {
    display: block;
}

.checkout-cart-index #coupon_code {
    width: 200px;
}

.fieldset > .field input.input-text {
    line-height: 26px !important;
}

/* ------------------------------- M2-521 ----------------------------------- */
body.customer-account-forgotpassword .page-title-wrapper h1.page-title {
    color: #1a1a18;
    font-size: 28px;
}
.customer-account-forgotpassword .page-title-wrapper::before, .customer-account-forgotpassword .page-title-wrapper::after {
    display:none;
}
.customer-account-forgotpassword .page-title-wrapper {
    text-align: left;
    background: none;
    padding: 2px;
}
body.customer-account-forgotpassword .columns .column.main {
    border-top: 4px solid #08c;
    margin-top: 15px;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    padding: 15px;
    max-width: 100%;
}
body[class*="ass-"].customer-account-forgotpassword .columns .column.main {
    border-top: 4px solid #d4021c;
}
body[class*="rss-"].customer-account-forgotpassword .columns .column.main {
    border-top: 4px solid #fbd331;
}
body[class*="mks-"].customer-account-forgotpassword .columns .column.main {
    border-top: 4px solid #f8b200;
}
body[class*="ehs-"].customer-account-forgotpassword .columns .column.main {
    border-top: 4px solid #53a392;
}
body.customer-account-forgotpassword .columns .column.main form.password.forget {
    margin:0;
}
body.customer-account-forgotpassword .columns .column.main form.password.forget .action.submit.primary {
    width: auto;
    font-size: 14px;
}
body[class*="ass-"].customer-account-forgotpassword .columns .column.main form.password.forget .action.submit.primary {
    background: #d4021c;
}
body[class*="rss-"].customer-account-forgotpassword .columns .column.main form.password.forget .action.submit.primary {
    background: #fbd331;
}
body[class*="mks-"].customer-account-forgotpassword .columns .column.main form.password.forget .action.submit.primary {
    background: #f8b200;
}
body[class*="ehs-"].customer-account-forgotpassword .columns .column.main form.password.forget .action.submit.primary {
    background: #53a392;
}
h2.side-menu-title {
    margin-top: 0;
    padding: 14px 15px;
}
#button-inhalt {
    line-height: 30px;
}

/* M2-569 */
@media (max-width: 991px) {
    .filter .block-subtitle {
        background-color: #666;
        margin: 0;
        padding:20px;
        border: none;
        width: 260px;
        display: block;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: .025em;
    }
    #layered-filter-block .filter-subtitle {
        position: relative;
        top: -20px;
        right: 0;
        left: -20px;
        color: #fff;
    }
    #layered-filter-block #narrow-by-list > div:first-child > .filter-options-title {
        padding-top: 0 !important;
    }
    #layered-filter-block .filter-subtitle strong:before {
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        line-height: inherit;
        color: #fff;
        content: '\f819';
        font-family: 'porto-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center;
    }
}

/* M2-530 */
.catalog-category-view #layer-product-list .products.wrapper.list.products-list #rating-summary-placeholder {
    display:none;
}

.hide-mobile-image > div {
    margin-top: 10px;
    margin-bottom: 10px;
}
@media(max-width: 991px) {
    .hide-mobile-image {
        display: none;
        height: 0;
        visibility: hidden;
    }
}

/* M2-593 */
 .fotorama__img {
     max-width: 100% !important
 }
.fotorama-video-container > .zoomImg {
    display: none !important;
}

/* M2-606 */

.block-brand-list ul.brand-options li {
    max-width: 70px;
}

.block-brand-list ul.brand-options {
    display: block !important;
}

.brand-list-content .product-item-info .product-image-photo:hover {
    border: none !important;
    box-shadow: none !important;
}

.block-brand-list .brand-list-content .product-item-info .product-image-photo {
    border: none !important;
    border-radius: 0 !important;
}

.brand-list-content .product-item-details {
    width: 100% !important;
    max-height: 50px !important;
}

div.block-title > div.title {
    display: none;
}

.block-brand-list ul.brand-options {
    width: 100% !important;
}

.block-brand-list ul.brand-options li {
    min-width: 28px !important;
}

.block-brand-list .block-title {
    padding: 20px 0 !important;
}

.autocomplete-suggestions {
    z-index: 9999 !important;
}

.shopbybrand-suggestion-left {
    display: none;
}

.brand-product-list #layer-product-list .infinite-loader {
    display: none;
}

#searchsuite-autocomplete ul#product > li .price-container.price-final_price > .price,
.block.widget.block-products-list.grid .price-container.price-final_price > .price,
.catalog-product-view .product-info-main > .product-info-price .price-excluding-tax,
.catalog-product-view .sticky-detail .product-info-price .price-excluding-tax,
.catalog-product_compare-index .table-wrapper.comparison .price-excluding-tax,
.products-grid.wishlist .price-excluding-tax,
.product.details.product-item-details .price-container .price-excluding-tax {
    display:none !important;
}

body.catalog-category-view strong.product.name.product-item-name > a {
    font-weight: normal !important;
}

body.catalog-product-view .product-brand-logo img {
    border: none;
}

.brands-slider .owl-carousel .owl-dots {
    display: none;
}

.products.wrapper.grid .owl-nav .owl-prev,
.products.wrapper.grid .owl-nav .owl-next {
    width: 60px;
}

.mpbrand-index-index .pagination-container .pages .action.previous:before,
.mpbrand-index-index .pagination-container .pages .action.next:before {
    position: relative;
    top: 5px;
}

.mpbrand-index-index .item .page span:nth-child(2) {
    position: relative;
    top: 5px;
    color: #333;
}

.mpbrand-index-view .mpbrand-view .brand-image-photo {
    border: none;
}

.mpbrand-index-index .item.product.product-item.mix .product.name.product-item-name > a.product-item-link {
    font-weight: normal !important;
}

.mpbrand-index-view .product.name.product-item-name .product-item-link {
    font-weight: normal !important;
}

.slider-wrapper .owl-item .product-item-info .product.name.product-item-name .product-item-link {
    font-weight: normal !important;
}

.mpbrand-index-view #layer-product-list .toolbar.toolbar-products .field.limiter {
    margin-left: initial;
}

@media (min-width: 768px) {
    .mpbrand-index-view .block-content.filter-content {
        border: 1px solid #e7e7e7;
    }
}

@media (max-width: 480px) {
    .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info .product-image-photo {
        height: initial !important;
        width: 95% !important;
    }
    .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info .product.details.product-item-details {
        padding-top:6px !important;
    }
}

@media only screen and (max-width: 767px) {
    .page-with-filter .columns .sidebar.sidebar-main.mobile-sidebar {
        width: 260px;
    }

}

.catalog-category-view .toolbar.toolbar-products .pages {
    display: none;
}

.catalogsearch-result-index .product.name.product-item-name a {
    font-weight: normal !important;
}

.mpbrand-index-index .pagination-container.toolbar.bottom .limiter {
    display: none;
}

@media only screen and (max-width: 767px) {
    .porto-products .slider-wrapper .products.wrapper .owl-nav button.owl-prev,
    .porto-products .slider-wrapper .products.wrapper .owl-nav button.owl-next {
        background: rgba(0, 0, 0, .05) !important;
        text-shadow: 0 0 3px rgb(255 255 255 / 50%);
        margin: 5px;
        border-radius: 3px;
        opacity: 1 !important;
        height: 60px;
        font-size: 40px !important;
        font-weight: bold;
        top: 38px;
    }
}

@media only screen and (max-width: 991px) {
    .account .sidebar.sidebar-main.mobile-sidebar {
        position: relative;
    }
    .account .block-collapsible-nav {
        position: relative;
    }
    .account .block-collapsible-nav .content {
        display: block;
    }
    .checkout-cart-index .block.crosssell {
        width: 100%;
    }
    .checkout-cart-index .cart.table-wrapper .product-item-details .item-options {
        white-space: initial;
    }
    .checkout-cart-index .cart.table-wrapper .product-item-details {
        word-wrap: break-word;
        display: block;
    }
}

.wishlist-index-index .products-grid .product-item .product-item-info > a {
    max-height: initial;
}

.wishlist-index-index .qty.field .control {
    width: 100% !important;
}

.catalog-product_compare-index .cell.product.info .product-item-name a {
    font-weight: normal !important;
}

.catalog-product_compare-index .rating-summary .rating-result > span:before {
    color: #ffd600;
}

#checkout-review-table thead th,
#checkout-review-table tbody tr td,
#checkout-review-table tfoot tr td {
    min-width: initial;
}

.account .table-wrapper.order-items .product-item-name {
    white-space: normal;
}

.products.product-items.widget-product-grid .product-item:nth-child(5n+1) {
    width:100%;
    margin-left: 0;
}

@media only screen and (max-width: 360px) {
    .checkout-cart-index #coupon_code {
        width: initial;
    }
}

.products-grid:not(.side-list):not(.products-related):not(.small-list) .product-item .product-item-details {
    padding: 12px 0 9px;
}

.x6grid .products.product-items.widget-product-grid .product-item:nth-child(5n+1) {
    width:25%;
}

.products.product-items.widget-product-grid .product.name.product-item-name a {
    font-weight: normal !important;
}

@media only screen and (max-width: 648px) {
    #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
        left: unset !important;
        right: 3px !important;
    }
}

@media only screen and (max-width: 430px) {
    body.cms-index-index #maincontent {
        overflow: hidden;
    }
}
@media (max-width: 991px) {
    .sw-megamenu.navigation li.level0.classic > .submenu {
        width: auto !important;
    }
}

@media only screen and (max-width: 430px) {
    body.checkout-cart-index #discount-coupon-form .fieldset.coupon > .field,
    body.checkout-cart-index #discount-coupon-form .fieldset.coupon > .actions-toolbar {
        display:block;
    }
    body.checkout-cart-index #discount-coupon-form input#coupon_code,
    body.checkout-cart-index #discount-coupon-form .fieldset.coupon > .actions-toolbar,
    body.checkout-cart-index #discount-coupon-form button.action.apply.primary {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    body.checkout-onepage-success #error-message-future-date {
        margin-bottom: 11px;
    }
}

body.mpbrand-index-view .brand-image-container .brand-image-photo {
    border-radius: unset;
}

body.checkout-cart-index .block.crosssell div.baseprice + div.product.actions.product-item-actions {
    margin-top: 29px;
}
@media only screen and (max-width: 400px) {
    body.checkout-cart-index .block.crosssell .product.name.product-item-name  {
        min-height: 125px;
    }
}

@media only screen and (max-width: 990px) {
    body.catalog-product-view .tms-block-upsell.upsell .owl-nav > button {
        top: 30px;
    }
}
@media only screen and (max-width: 380px) {
    body.catalog-product-view .tms-block-upsell.upsell .product.name.product-item-name {
        min-height: 135px;
    }
}
@media (max-width: 319px) {
    .page-header {
        width: 319px;
        transform-origin: top left;
        overflow: hidden;
        transform: scale(calc(100vw / 319px)); /* stylelint-disable-line */
    }
}

@media only screen and (max-width: 359px) {
    .page-header.type2 .logo {
        max-width: 61.5% !important;
    }

    .custom-block {
        top: 73px !important;
        right: 280px !important;
    }

    .page-header.type2 .minicart-wrapper {
        top: 41px !important;
        margin-right: 10px;
    }

    .block-search input {
        margin: 20px 0 !important
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .block-search input {
        margin: 0 0 20px 0 !important
    }
    .page-header.type2 .logo {
        max-width: 51.5% !important;
    }

    .custom-block {
        top: 38px !important;
        right: 115px !important;
    }

    .page-header.type2 .minicart-wrapper {
        margin-top: 13px !important;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .block-search input {
        margin: 0 !important;
        height: 40px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Adjust the position of search field in tablet view */
    header .block-search {
        padding-left: 0 !important;
        padding-right: 30px;
    }

    .page-header.type2 .block-search .action.search {
        padding: 0 25px 0 15px !important;
        margin-right: 20px;
    }

    .block-search {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}


@media (max-width: 991px) {
    /* Turn off display cart text in tablet and mobile view */
    header .header-cart-text {
        display: none;
    }

    /* Adjust the position of search field in tablet view */
    header #search {
        left: 0;
    }
    #search_mini_form .field.search .control {
        margin:0;
    }
    .block.block-search #search {
        position: relative;
    }
    .block.block-search {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .searchsuite-autocomplete {
        top: 125px;
        margin: 0 15px;
        right: 0;
        width: auto;
    }
    .searchsuite-autocomplete > div:first-child {
        box-shadow: 0 7px 15px #777;
    }
}

@media only screen and (min-width: 992px) {
    /* Adjust the navigation elements to the width of the bar */
    .nav-sections-item-content > .navigation > ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    /* Prevent scroll jumping on keyboard arrow scroll */
    .page-header {
        overflow-anchor: none;
    }

    /* Sticky page-header */
    header.page-header.sticky {
        position: sticky;
        left: 0;
        top: 0;
        z-index: 200;
        padding: 0;
        margin: 0;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: all;
        transition: box-shadow 0.3s ease;
    }

    /* Shadow for sticky header */
    .page-header.header-shadow {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    /* Adjusting padding to match the new way of displaying the sticky product in the product view — according to the updated function in head.html, the sticky product bar appears when the sticky header disappears */
    .sticky-product {
        padding-top: 15px !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    /* Header smaller after scrolling */
    .page-header .logo img {
        transform: scale(1);
        transition: transform 0.3s ease, max-height 0.3s ease;
    }

    .page-header a.logo {
        transition: none !important;
    }

    .page-header.is-scrolled .logo {
        margin: 10px 0 0 0;
    }

    .page-header.is-scrolled .navigation {
        font-size: 12px !important;
    }

    .page-header.is-scrolled .navigation a.level-top {
        height: 30px;
    }

    .page-header.is-scrolled .nav-sections-item-content > .navigation > ul > li > a {
        display: flex;
        align-items: center;
    }

    .page-header.is-scrolled .logo img {
        max-width: 360px;
        transform: scale(0.8);
    }

    .page-header.is-scrolled .panel.header {
        padding: 10px 15px 0 15px !important;
        height: 33px;
        font-size: 10px;
    }

    header .block-search {
        position: absolute;
        padding-left: 0 !important;
        top: 32px;
    }
}

@media (min-width: 1200px) {
    /* Change of page display width and padding on screens with a resolution above 1200px */
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main, .checkout-cart-index .page-main
    {
        max-width: 1320px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .container {
        max-width: 1320px;
    }

    /* Change the font size of navigation */
    .navigation {
        font-size: 14px !important;
    }
}

/* Turn off display of search icon */
.header.content .search-toggle-icon {
    display: none;
}
/* Variables
================================== */

/* Tables
================================== */

/**
 * table with rounded corners
 */

/* table has shadow */

/*.table-responsive {*/
    /*display: table;*/
/*}*/

table.table-responsive,
table.responsive-table-stacked {
    border-radius:   0;
    margin:          20px auto;
    border-collapse: collapse;
    border-spacing:  0;
    box-shadow:      0 0 0 2px #ccc;
}

/*every cell has a border on bottom & right*/

.table-responsive td,
.responsive-table-stacked td {
    padding: 10px 20px;
    /*/ / color: #444;*/
}

/*cancel the right border on the last column*/

td:last-child {
    border-right: none;
}

/*th has border only on bottom*/
.table-responsive th,
.responsive-table-stacked th {
    border-bottom: 1px solid #cccccc;
    padding:       10px 20px;
    
}

/*rounded corner top left - first th*/

.table-responsive th:first-child,
.responsive-table-stackedth:first-child {
    border-radius: 5px 0 0 0;
}

/*rounded corner top right - last th*/

.table-responsive th:last-child,
.responsive-table-stackedth:last-child {
    border-radius: 0 5px 0 0;
    
}

/*rounder corner bottom left - first cell of last row*/

.table-responsive tr:last-child td:first-child,
.responsive-table-stackedtr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

/*rounded corner bottom right - last cell of last row*/

.table-responsive tr:last-child td:last-child,
.responsive-table-stackedtr:last-child td:last-child {
    border-radius: 0 0 5px 0;
    
}

/*last row in has no border on the bottom*/

.table-responsive table tr:last-child td,
.responsive-table-stacked table tr:last-child td {
    border-bottom: none;
    
}

/*table header style*/
/*note: the gradient must be on the <th> & <td>,
ff you put it on the <tr> it will stick out of the
rounded corners in Firefox*/

.table-responsive thead tr th,
.responsive-table-stacked thead tr th {
    background-image: linear-gradient(top, #f7f7f7 0%, #d4d4d4 100%);
    
}

/*table row style*/

tr td,
tr th {
    background-image: linear-gradient(top, #ffffff 0%, #e4f0ff 100%);
}

/*table even rows style*/

tr:nth-child(even) td {
    background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    
}

/*!
 * Materialize v1.0.0-rc.2 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

table.striped tr {
    border-bottom: none;
}

table.striped > tbody > tr:nth-child(odd) {
    background-color: rgba(242, 242, 242, 0.5);
}

table.striped > tbody > tr > td {
    border-radius: 0;
}

table.highlight > tbody > tr {
    -webkit-transition: background-color .25s ease;
    transition:         background-color .25s ease;
}

table.highlight > tbody > tr:hover {
    background-color: rgba(242, 242, 242, 0.5);
}

table.centered thead tr th, table.centered tbody tr td {
    text-align: center;
}

/*//================================================*/
/*//=90-Degree Content Mobild device 16:9 => 9:16===*/
/*//================================================*/
/*//Add class=".table-responsive.responsive-table-fixed-90" to the table tag for 9:16 table.*/
@media only screen and (max-width: 767px) {
    /*//*/
    table.table-responsive.responsive-table-fixed-90 {
        width:           100%;
        border-collapse: collapse;
        border-spacing:  0;
        display:         block;
        position:        relative;
        /* sort out borders */
    }
    
    table.table-responsive.responsive-table-fixed-90 td:empty:before {
        content: '\00a0';
    }
    
    table.table-responsive.responsive-table-fixed-90 th,
    table.table-responsive.responsive-table-fixed-90 td {
        margin:         0;
        vertical-align: top;
    }
    
    table.table-responsive.responsive-table-fixed-90 th {
        text-align: left;
    }
    
    table.table-responsive.responsive-table-fixed-90 thead {
        display: block;
        float:   left;
    }
    
    table.table-responsive.responsive-table-fixed-90 thead tr {
        display: block;
        padding: 0 10px 0 0;
    }
    
    table.table-responsive.responsive-table-fixed-90 thead tr th::before {
        content: "\00a0";
    }
    
    table.table-responsive.responsive-table-fixed-90 tbody {
        display:     block;
        width:       auto;
        position:    relative;
        overflow-x:  auto;
        white-space: nowrap;
    }
    
    table.table-responsive.responsive-table-fixed-90 tbody tr {
        display:        inline-block;
        vertical-align: top;
    }
    
    table.table-responsive.responsive-table-fixed-90 th {
        display:    block;
        text-align: right;
    }
    
    table.table-responsive.responsive-table-fixed-90 td {
        display:    block;
        min-height: 1.25em;
        text-align: left;
    }
    
    table.table-responsive.responsive-table-fixed-90 tr {
        border-bottom: none;
        /*padding: 0 10px;*/
    }
    
    table.table-responsive.responsive-table-fixed-90 thead {
        border:       0;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }
    
    /*//================================================*/
    /*//===  == == = ==horizontal scrollable == = == ===*/
    /*//================================================*/
    /*//Add class=".table-responsive.responsive-table-fixed" to the table tag for horizontal scrollable table with fixed first col.*/
    table.table-responsive.responsive-table-fixed > thead:first-child > tr:first-child > th:first-child {
        position: absolute;
        display:  inline-block;
        /*//background-color: red;*/
        height:   100%;
        
    }
    
    table.table-responsive.responsive-table-fixed > tbody > tr > td:first-child,
    table.table-responsive.responsive-table-fixed > thead > tr > td:first-child {
        position:      absolute;
        display:       inline-block;
        /*//background-color:   #ffffff;*/
        /*//height:             100%;*/
        text-overflow: ellipsis;
        white-space:   nowrap;
        /*//width:              20%;*/
        border-width:  0px;
        
    }
    
    table.table-responsive.responsive-table-fixed.table-striped > tbody > tr:nth-of-type(odd) > td:first-child {
        background-color: #f2f2f2;
    }
    
    table.table-responsive.responsive-table-fixed > thead:first-child > tr:first-child > th:nth-child(2) {
        padding-left: 40px;
    }
    
    table.table-responsive.responsive-table-fixed > tbody > tr > td:nth-child(2), table.table-responsive.responsive-table-fixed > thead > tr > td:nth-child(2) {
        
        padding-left:  95px !important;
        padding-right: 1% !important;
    }
    
    /*//fixed left absolude td height overflow fix*/
    table.table-responsive.responsive-table-fixed:before {
        content:          " ";
        height:           99.7%;
        position:         absolute;
        background-image: linear-gradient(#ffffff, #ffffff);
        white-space:      normal;
        
    }
    
    /*//fixed row seperation from content*/
    table.table-responsive.responsive-table-fixed > tbody > tr > td:first-child,
    table.table-responsive.responsive-table-fixed > thead > tr > td:first-child,
    table.table-responsive.responsive-table-fixed:before {
        width:                      85px;
        padding-left:               5px;
        border-right-width:         2px;
        border-color:               #cccccc;
        border-right-style:         solid;
        
        white-space:                normal;
        /*word-wrap:                  break-word;*/
        
        /*//  fix image & <sup> overlap*/
        
        z-index:                    1;
        
        border-bottom-left-radius:  5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius:     5px;
    }
    
    /*stripes*/
    /*table.table-responsive.responsive-table-fixed > tbody > tr > td:nth-child(odd),*/
    /*table.table-responsive.responsive-table-fixed > thead > tr > td:nth-child(odd){*/
    /*background-color: #000000cc;*/
    /*}*/
    /*//  table.table-responsive.responsive-table-fixed > tbody > tr > td:first-child::after,*/
    /*//  table.table-responsive.responsive-table-fixed > thead > tr > td:first-child::after {*/
    /*//*/
    /*//  content: ":";*/
    /*//}*/
    /*//table.table-responsive.responsive-table-fixed > tbody > tr > td:first-child[rowspan] {*/
    /*//  display: none;*/
    /*//}*/
    /*//fixed test*/
    /*//table.table-responsive.responsive-table-fixed > tbody ,*/
    /*//table.table-responsive.responsive-table-fixed > thead {*/
    /*//*/
    /*//  overflow: hidden;*/
    /*//}*/
    /*//.grand-parent {*/
    /*//  position: relative;*/
    /*//}*/
    /*//*/
    /*//.parent {*/
    /*//  overflow: hidden;*/
    /*//}*/
    /*//  fixierte*/
    /*table.table-responsive.responsive-table-fixed   > tbody > tr > td:nth-child(1),*/
    /*!**!*/
    /*table  .table-responsive.responsive-table-fixed   > thead > tr > td:first-child,*/
    /*!**!*/
    /*!**!*/
    /*.headcol{*/
    /*border-left: solid 1px #DDEFEF;*/
    /*border-right: solid 1px #DDEFEF;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: auto;*/
    /*width: 120px;*/
    /*}*/
    /*//*/
    /*//*/
    /*//*/
    /*//*/
    /*//.table-fixed tbody {*/
    /*//  !*height: 200px;*!*/
    /*//  overflow-y: auto;*/
    /*//  !*width: 100%;*!*/
    /*//}*/
    /*//*/
    /*//!*.table-fixed thead,*!*/
    /*//.table-fixed tbody,*/
    /*//  !*.table-fixed tr,*!*/
    /*//  !*.table-fixed td,*!*/
    /*//.table-fixed th {*/
    /*//  display: block;*/
    /*//}*/
    /*//*/
    /*//.table-fixed tr:after {*/
    /*//  content:    "";*/
    /*//  display:    block;*/
    /*//  visibility: hidden;*/
    /*//  clear:      both;*/
    /*//}*/
    /*//*/
    /*//.table-fixed tbody td,*/
    /*//.table-fixed thead > tr > th {*/
    /*//  float: left;*/
    /*//}*/
    /*//}*/
    /*Eigene*/
    /*//@media only screen and (max-width: 768px)*/
    /*//{*/
    /*//*/
    /*//*/
    /*//table {*/
    /*//  border-collapse: separate;*/
    /*//  border-spacing: 0;*/
    /*//  border-top: 1px solid grey;*/
    /*//}*/
    /*//*/
    /*//td, th {*/
    /*//  margin: 0;*/
    /*//  border: 1px solid grey;*/
    /*//  white-space: nowrap;*/
    /*//  border-top-width: 0px;*/
    /*//}*/
    /*//*/
    /*//div {*/
    /*//  width: 500px;*/
    /*//  overflow-x: scroll;*/
    /*//  margin-left: 5em;*/
    /*//  overflow-y: visible;*/
    /*//  padding: 0;*/
    /*//}*/
    /*//#maincontent > div.columns > div > table > tbody > tr > td:nth-child(1) {*/
    /*//  position: absolute;*/
    /*//  width: 5em;*/
    /*//  left: 0;*/
    /*//  top: auto;*/
    /*//  border-top-width: 1px;*/
    /*//  !*only relevant for first row*!*/
    /*//  margin-top: -1px;*/
    /*//  !*compensate for top border*!*/
    /*//}*/
    /*//.long {*/
    /*//  background: yellow;*/
    /*//  letter-spacing: 1em;*/
    /*//}*/
    table.table-responsive.responsive-table-fixed-90 tbody,
    table.table-responsive.responsive-table-fixed-90 tbody tr,
    table.table-responsive.responsive-table-fixed-90 tbody td {
        display: flex;
    }
    
    table.table-responsive.responsive-table-fixed-90 tbody tr {
        flex-direction: column;
    }
    
    table.table-responsive.responsive-table-fixed-90 td {
        flex-grow:   1;
        flex-shrink: 1;
        flex-basis:  0%;
        padding-top: 15px;
    }
    
    table.table-responsive.responsive-table-fixed-90 > tbody > tr > td:nth-child(even) {
        background-color: #0000000d;
    }
    
    /*////  fixierte*/
    /*//table.table-responsive.responsive-table-fixed > tbody > tr > td:first-child,*/
    /*//table .table-responsive.responsive-table-fixed > thead > tr > td:first-child,*/
    /*//.headcol {*/
    /*//  visibility: visible;*/
    /*//}*/
    /*//*/
    
}

/*//================================================*/
/*//===  == == = ==Stapelbare mit info  == = == ===*/
/*//================================================*/
/*//Add class="responsive-table-stacked" to the table tag for stacked 2 row table.*/
/*
Stapelbare mit info links
RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/
.responsive-table-stacked {
    margin:        1em 0;
    width:         100%;
    overflow:      hidden;
    background:    #ffffff;
    /*//color:         #024457;*/
    border-radius: 5px;
    /*//border:        1px solid #167F92;*/
}

.responsive-table-stacked tr {
    /*//border: 1px solid #D9E4E6;*/
}

.responsive-table-stacked tr:nth-child(odd) {
    /*//background-color: #EAF3F3;*/
}

.responsive-table-stacked th {
    display: none;
    /*//border:           1px solid #FFFFFF;*/
    /*//background-color: #167f92;*/
    color:   #ffffff;
    padding: 1em;
}

.responsive-table-stacked th:first-child {
    display: table-cell;
    /*//text-align: center;*/
}

.responsive-table-stacked th:nth-child(2) {
    display: table-cell;
}

.responsive-table-stacked th:nth-child(2) span {
    display: none;
}

.responsive-table-stacked th:nth-child(2):after {
    content: attr(data-th);
}

@media (min-width: 768px) {
    .responsive-table-stacked th:nth-child(2) span {
        display: block;
    }
    .responsive-table-stacked th:nth-child(2):after {
        display: none;
    }
    .table-responsive {
        display: table;
    }
}

.responsive-table-stacked td {
    display: block;
}

@media only screen and (max-width: 767px) {
    .responsive-table-stacked td, .responsive-table-stacked td > * {
        text-align: inherit !important;
        vertical-align: middle;
    }
    .responsive-table-stacked td:not(:first-child) {
        border-right: none;
    }
    .responsive-table-stacked td:last-child {
        border-bottom: none;
    }
    .responsive-table-stacked tr:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }
    table.responsive-table-stacked > *:first-child > tr:first-child > td:nth-child(2) > *,
    table.responsive-table-stacked > *:first-child > tr:first-child > th:nth-child(2) > * {
        display: none;
    }
}

.responsive-table-stacked td:first-child {
    display: table-cell;
    text-align: center;
}

.responsive-table-stacked th, .responsive-table-stacked td {
    text-align: left;
    margin: .5em 1em;
}

@media (min-width: 768px) {
    .responsive-table-stacked th, .responsive-table-stacked td {
        display: table-cell;
        padding: 1em;
    }
    .responsive-table-stacked > tbody > tr > td::before {
        display: block;
        font-weight: 600;
        white-space: pre-line;
    }
}

table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child,
table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > td > a,
table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > th > a,
table.responsive-table-stacked > *:first-child > tr:first-child,
table.responsive-table-stacked > *:first-child > tr:first-child > td > a,
table.responsive-table-stacked > *:first-child > tr:first-child > th > a {
    color: #ffffff;
}

/* -------------------------------------------- IE 10 & 11 (ONLY) --------------------------------------------------- */
/* -------------------------------------------- IE 10 & 11 (ONLY) --------------------------------------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    table.table-responsive {
        border-collapse:separate;
    }
}

/* -------------------------------------------- IE 10 & 11 [END] ---------------------------------------------------- */
/* -------------------------------------------- IE 10 & 11 [END] ---------------------------------------------------- */

table.table-responsive {
    border-width: 0;
}

table.table-responsive tr td{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

table.table-responsive thead tr td,
table.table-responsive thead tr th {
    border-top-width: 0;
}

table.table-responsive tr td:first-child,
table.table-responsive tr th:first-child {
    border-left-width: 0;
}

table.table-responsive tr td:last-child,
table.table-responsive tr th:last-child {
    border-right-width: 0;
}

table.table-responsive tbody tr:last-child td {
    border-bottom-width: 0;
}@charset "UTF-8";

/* ----------------------------------------------- Farben ----------------------------------------------- */
* {
    -webkit-font-smoothing: antialiased;
}

a, a:visited, a::before, footer a, footer .contact-info p, .checkout-agreements-block .action-show,
#checkout > div.authentication-wrapper > aside > div.modal-inner-wrap > header > button.action-close::before,
.theme-color, .filter-options-content a > *, .filter-options-content a, .catalog-product-view .fotorama__stage *,
.sidebar>.block.filter ol li.item, .tms-fs-vertical ul li:before, .qty-changer a:hover {
    color: #53a392 !important;
}
.fotorama__stage .amasty-label-text {
    color: #fff !important;
}

footer .contact-info p b {
    color: #333 !important;
}

/* Color e.g. footer */
footer .block-title strong {
    color:#397065 !important;
}

#block-discount strong,.action.towishlist::before, body.account .page-title, .opc-progress-bar-item._complete > span {
    color: #21293c !important;
}
.fieldset.coupon .actions-toolbar {
    padding-left: 2px;
}

.tms-fs-vertical {
    border-radius: 5px;
}

@media only screen and (min-width: 768px) {
    ul.header li.customer-welcome, .customer-menu .header {
        border: 1px solid #53a392;
        border-radius: 5px;
    }
    ul.header .customer-name .action.switch::after, .action-edit::before, .payment-option-title .action-toggle, .checkout-index-index .action-hide-popup {
        color: #53a392 !important;
    }
    .customer-menu .header {
        border-top: 0;
        border-left: 0;
    }
}

button.action.action-auth-toggle, .action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, .pages strong.page,
.pages .action:hover, .pages a.page:hover, .action.primary:active, .btn-primary,
.contact-index-index .page-main .contact-info [class^="porto-icon-"],
.contact-index-index .page-main .contact-info [class*=" porto-icon-"],
.btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover,
.products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart,
.products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart,
.post-holder .post-date .month, .page-header.type8 .header.content, .page-header.type25 .header.content,
.page-header.type11 .navigation li.level0.active, .iwd-summary-cart, #ln_slider_price .ui-slider-handle, .filter-toggle.active,
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2,
.products-grid .product-item .product-item-info:focus .weltpixel-quickview.weltpixel_quickview_button_v2 {
    background-color: #53a392;
}
.action.primary, .modes-mode.active, .modes-mode:hover, .pages strong.page, .pages .action:hover,
.pages a.page:hover, .fotorama__nav .fotorama__thumb-border, .button:hover, .action.primary:active,
.products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart,
.products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart,
.filter-toggle.active, .ajax-loader, .swatch-option.selected, .swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover, .theme-border-color, .button:focus {
    border-color: #53a392;
}
.page-header, .minicart-wrapper .block-minicart, .product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:hover, .authentication-dropdown, .login-container, .form.password.reset,
.form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit,
.form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced,
.homepage-grid-banner .ribbon:before, .cms-index-index .testimonial-arrow-down, .newsletter_popup,
.iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login {
    border-top-color: #53a392;
}
.minicart-wrapper .block-minicart:before, .prev-next-products .product-nav .product-pop:before,
.iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before {
    border-bottom-color: #53a392;
}

/* --- Hier weitrer Elemente zusammenfassen bei denen beides die gleiche Farbe haben soll --- */
button:hover, .fotorama__active .fotorama__dot {
    background-color: #53a392;
    border-color: #53a392;
}

@media (max-width: 767px) {
    .navigation a, .greet.welcome span {
        color: #333333 !important;
    }
    .nav-sections-item-content {
        border-top:1px solid rgba(0,0,0,.1) !important;
    }
    .nav-sections .header.links li.custom-block a {
        color: rgba(0,0,0,.8);
        text-align:center;
        text-transform: capitalize;
        border-bottom:1px solid rgba(0,0,0,.1);
    }
    .nav-sections .header.links li.greet.welcome {
        text-align:center;
    }
    .tms-nav-home .porto-icon-home::after {
        display:inline-block;
        content: 'Startseite';
        position: relative;
        top: 1px;
        left: 3px;
        font-style: normal;
    }
    .nav-sections .action.toggle:after {
        position: relative;
        top: 2px;
    }
    header.page-header .nav-sections-item-title > a {
        color: #fff !important;
    }
    header .switcher.language.switcher-language {
        text-align: center;
    }
    header .action.nav-toggle, .header.content .nav-toggle:hover:before {
        top: 5px;
        color: #18181a !important;
    }

    ul.header.links > li:hover, li.nav.item:hover > a, li.greet.welcome:hover > span, .nav-sections .header.links span:hover,
    .navigation a:hover, .nav-sections .header.links a:hover, .nav-sections .header.links span:hover,
    .nav-sections .header.links a:focus {
        background-color: #53a392;
        color: #ffffff !important;
    }
    header.page-header .nav-sections-item-title,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #53a392;
    }
    .page-header.type5 .minicart-wrapper .action.showcart .counter.qty {
        color: #ffffff;
    }
}

@media (min-width: 768px) {
    .navigation .level0 .submenu {
        border-color: #53a392;
    }
    .product.info.detailed.vertical .product.data.items > .item.title.active > .switch,
    .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:hover {
        border-left-color: #53a392;
    }
    .sw-megamenu.navigation.side-megamenu li.level0:hover > a, .sw-megamenu.navigation.side-megamenu li.level0:focus > a {
        border-top-color: #53a392;
    }
}

/* category listview button */
div.products.wrapper.list.products-list > ol > li > div > div.product.details.product-item-details > div.product-item-inner > div > div > form > button.action.tocart.primary::before,
div.products.wrapper.list.products-list > ol > li > div > div.product.details.product-item-details > div.product-item-inner > div > div > form > button.action.tocart.primary > span,
button.action-close::before, .footer-ribbon span, .minicart-wrapper .counter-number, .nav-toggle:hover:before, a.action.primary,
.catalog-category-view a.page:hover  {
    color: #ffffff !important;
}
body, .page-header.type2:not(.header-newskin) {
    background-color: #ffffff;
}

#maincontent > div.columns > div > div.product.media > div.gallery-placeholder > div.fotorama-item.fotorama > div.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls > div.fotorama__stage > div.fotorama__arr > div,
.fotorama .fotorama-sprite:hover, .fotorama__fullscreen .fotorama .fotorama__zoom-out:hover,
.fotorama__fullscreen .fotorama .fotorama__zoom-in:hover, .fotorama .fotorama__arr .fotorama__arr__arr:hover,
.fotorama .fotorama__fullscreen-icon:hover, .fotorama .fotorama__thumb__arr:hover,
button.action-close:hover::before, button .action.tocart.primary, nav.navigation.sw-megamenu a.level-top.tms-active::after,
.filter-options-title, button.action-close:focus::before, .action .viewcart:hover {
    color: #397065 !important;
}

.footer a:visited:hover, .header ul.header a:hover, .header.panel > .header.links > li > a:hover,
.view-ehsb2c span:hover:before, .view-ehsb2c a:hover:before, li.customer-welcome:hover, span.customer-name:hover,
.header.panel > ul.header.links > li > a:visited:hover, .footer-middle a:hover,
header > div.panel.wrapper > div > ul > li.item.link.compare > a,
.filter-options-content a:hover > *, .filter-options-content a:hover, .filter-options-content a:focus {
    color: #397065 !important;
    text-decoration: none;
}

header > div.panel.wrapper > div > ul > li.item.link.compare:hover > a,
header > div.panel.wrapper > div > ul > li.item.link.compare:focus > a {
    color: #cccccc !important;
}

@media (min-width: 768px) {
    .navigation a {
        color: #777777;
    }
    .page-header .navigation .level0 > .level-top {
        padding: 0 2px 0 7px;
        text-transform: none !important;
    }
    .page-header.sticky-header .navigation .level0 > .level-top {
        padding: 0 3px 0 3px;
        text-transform: none !important;
    }
}

/* --------------------------------------------- Farben (allgemein) ----------------------------------------- */

.sidebar > .block.filter .item a:hover, .filter-options-content a:hover, #turboMailLink:hover, #turboMailLink:focus,
#ln_slider_price .ui-slider-handle, .table.grouped .price-box .price, .cart.table-wrapper .col.subtotal .price,
.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price,
.product-info-main .product-info-price .price-wrapper .price {
    color: #0a0a0a;
}

.turbomail-modal .action-close:focus::before {
    color: #fff !important;
}

main {
    background-color: #ffffff;
    color: #1a1a18;
}

.page-wrapper {
    background-color: #ececec;
}

/* --- Action Button --- */
/*warenkorb In den Warenkorb*/
button.action.tocart.primary:hover:before, button.action.tocart.primary:hover > span,
div.cart-container > div.block.crosssell > div.block-content.content > div > ol > li > div:hover > div > div.product.actions.product-item-actions > div.actions-primary > button.action.tocart.primary::before,
div.cart-container > div.block.crosssell > div.block-content.content > div > ol > li > div:hover > div > div.product.actions.product-item-actions > div.actions-primary > button.action.tocart.primary > span,
div:hover > div > div > div.product-item-actions > div.actions-primary > button.action.tocart.primary::before,
div:hover > div > div > div.product-item-actions > div.actions-primary > button.action.tocart.primary > span,
div:hover > div > div > div > div > form > button.action.tocart.primary::before,
div:hover > div > div > div > div > form > button.action.tocart.primary > span, .primary, button.action.submit.primary,
.action-primary, .authentication-wrapper button.action-auth-toggle,
div:focus > div > div > div > div > form > button.action.tocart.primary > span {
    border-color: #cccccc;
    color: #ffffff !important;
}

.product-items.widget-product-grid button.action.tocart.primary {
    color: #53a392 !important;
    opacity: 1 !important;
}

.product-items.widget-product-grid .product-item:hover button.action.tocart.primary {
    color: #fff !important;
}

#switcher-language:hover, li.customer-welcome:hover, .customer-welcome:hover .action.switch:after {
    background-color: transparent !important;
}

#switcher-language, li.customer-welcome, .customer-welcome .action.switch:after {
    border-style: none;
    background-color: transparent !important;
    color: #53a392;
}

/* --- Tabellen Layout (z.B. für Ratgeber) --- */
.bha-table-v1 {
    border: 1px solid #53a392;
}

.header.panel .header.links li a, .bha-table-v1 td {
    border-left: 1px solid #53a392;
}

.bha-table-v1 .bha-tr-border {
    border-bottom: 1px solid #53a392;
}

.bha-th-red th {
    border-left: 3px solid #fff;
    background-color: #53a392;
    color: #333333;
    text-align: center;
}

.table-red {
    border-right: 1px solid #53a392;
    border-bottom: 1px solid #53a392;
}

.table-red td {
    border-top: 1px solid #53a392;
    border-left: 1px solid #53a392;
}

.header.panel > .header.links > li > a, .header.panel > .header.links > li > span {
    padding: 0 4px;
}

header > div.panel.wrapper > div > ul > li.custom-block > a {
    border-right: 1px solid #53a392;
    border-left-style: none;
}

ul.header.links li.greet.welcome {
    border-left-style: none;
}

.page-header.type2 .block-search input {
    border-color: #53a392;
    color: #a7a7a7;
}

/* -------------------------------------------------- Head -------------------------------------------------- */

li.greet.welcome span {
    text-transform: none;
}

div.sticky-logo {
    display: none !important;
    visibility: hidden !important;
}

.page-header > .panel.wrapper {
    background-image: none;
}

div.field.search {
    width: 100%;
}

.page-header.type2 .main-panel-inner {
    border-bottom-style: none;
}

div.cart-container > div.block.crosssell > div.block-content.content > div > ol > li > div > div > div.product.actions.product-item-actions > div.actions-primary > button.action.tocart.primary::before,
div.cart-container > div.block.crosssell > div.block-content.content > div > ol > li > div > div > div.product.actions.product-item-actions > div.actions-primary > button.action.tocart.primary > span,
div > div > div > div.product-item-actions > div.actions-primary > button.action.tocart.primary::before,
div > div > div > div.product-item-actions > div.actions-primary > button.action.tocart.primary > span,
div > div > div > div > div > form > button.action.tocart.primary::before,
div > div > div > div > div > form > button.action.tocart.primary > span, .header .header-cart-text,
.minicart-wrapper .action.showcart:before {
    color: #53a392 !important;
}


#fuersprecher, .minicart-wrapper .action.showcart .counter.qty {
    background-color: #c00;
}

.minicart-wrapper .action.showcart .counter.qty.empty {
    background-color: #53a392;
}

/* ----------------------------- StoreView Switch (Grafiken) ------------------------------------ */
.page-header .switcher strong, .page-footer .switcher strong {
    font-size: 10px;
    font-weight: 400 !important;
    letter-spacing: 1px;
    line-height: 11px;
}

/* ----------------------------- StoreView Switch (Grafiken) ------------------------------------ */

.view-ehsb2b span:before, .view-ehsb2b a:before, #switcher-language:hover .view-ehsb2b span:before,
#switcher-language:focus .view-ehsb2b span:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTY0IDE2NCIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQo8ZyBpZD0iTGF5ZXJfeDAwMjBfMSI+DQogIDxwb2x5Z29uIGZpbGw9IiM1M2EzOTIiIHBvaW50cz0iMTY0LjI5OCw3Ny45NDc4IDE2NC4yOTgsMTU1LjY1NyAwLjAsMTU1LjY1NyAwLjAsMTUuMzQzIDIxLjY5MzQsMTUuMzQzIDIxLjY5MzQsMTEwLjEyIDY0LjIyODIsNzcuNTc5OCA2NC4yMjgyLDExMC40ODggMTA2Ljc2Myw3Ny45NDc4IDEwNi43NjMsMTEwLjQ4OCAiLz4NCiA8L2c+DQo8L3N2Zz4=);
}

.view-ehsb2c span:before, .view-ehsb2c a:before {
    content: '\f850';
}

.view-ehsb2b span:before, .view-ehsb2b a:before, .view-ehsb2c span:before, .view-ehsb2c a:before {
    position: relative;
    top: 0;
    padding-right: 4px;
    color: #53a392;
    font-family: 'porto-icons', sans-serif;
    font-size: 13px;
}

.view-ehsb2b.switcher-option {
    min-width: 180px;
}

.actions.dropdown.options.switcher-options {
    border-radius: 3px;
    padding: 4px 10px;
    border: 1px solid #53a392;
    background-image: none;
}

/* ----------------------------------------------- Navigation ----------------------------------------------- */
@media only screen and (max-width: 575px) {
    .filter-title strong {
        top: 178px;
    }
}

.header.links a {
    color: #222222;
}

.ui-menu-item.level0.fullwidth.parent > a:hover:after,
.ui-menu-item.level0.fullwidth.parent > a.level-top:hover > em.menu-thumb-icon.glyphicon.glyphicon-menu-hamburger::before,
#maincontent > div.columns > div > div > div.col-sm-12.col-md-12.col-lg-3.hidden-sm > div > nav > ul > li.ui-menu-item.level0.fullwidth.parent:hover > a > em::before,
#maincontent > div.columns > div > div > div.col-sm-12.col-md-12.col-lg-3.hidden-sm > div > nav > ul > li.ui-menu-item.level0.fullwidth.parent:focus > a > em::before {
    color: #000000 !important;
}

#sortiment_menu > div > ul > a {
    font-size: 14px;
    font-weight: 700;
}

#sortiment_menu > div > ul > li > a {
    font-weight: 400;
}

#sortiment_menu > div > ul {
    padding-top: 10px;
}

#sortiment_menu > div > ul:nth-child(0) {
    padding-top: 0;
}

#sortiment_menu > div > ul > li:nth-child(0) {
    padding-top: 20px;
}

#sortiment_menu > div > ul > li > a, #sortiment_menu > div > ul > a {
    text-decoration: none;
}

.nav-sections .header.links li {
    border-bottom: 1px solid #1a1a18;
}

/* --- Hauptnavigation (Submenu) --- */

.page-header {
    border-top-style: none;
}

header.page-header.type2, .page-header.type2 > .main-panel-top {
    border-bottom-style: none;
}

.page-header.type2 .navigation .level0 .level-top {
    font-family: inherit !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

header.page-header.sticky-header .navigation li.level0 .level-top {
    white-space: nowrap !important;
}

header.page-header.type2.sticky-header div.minicart-wrapper a.action.showcart span.header-cart-text {
    display: none;
    visibility: hidden;
}

.header.panel .header.links li span {
    border-style: none;
}

.header.panel .header.links .custom-block, .page-header.type2 .custom-block a {
    border-style: none;
}

header.page-header.sticky-header .nav-sections::after {
    box-shadow: none;
    display: block;
    visibility: visible;
    z-index: -1;
    position: absolute;
    width: inherit;
    height: inherit;
}

header .logo {
    max-width: 35%;
    margin-top: 5px;
    margin-bottom: 0;
}

/* MOBIL LOGO ICON TEST*/
@media only screen and (max-width: 400px) {

    header .logo {
        position: relative;
        height: 60px !important;
        margin-top: 5px;
    }

    .header.content a.logo::before,
    .header.content strong.logo::before {
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        display: block !important;
        visibility: visible !important;
        top: 50%;
        left: 75%;
        width: 49px !important;
        height: 41px !important;
    }
}

@media only screen and (min-width: 401px) and (max-width: 1199px) {
    .page-header.type2 .logo img {
        content: url(/static/frontend/Smartwave/porto_ehs/de_DE/images/logo.svg);
    }
}

/* ------------------------------ Fürsprecher (before Header) --------------------------------- */

.fuersprecher-mini-v1 {
    background-color: #53a392;
    color: #ffffff;
}

.fuersprecher-mini-v1 i.fs-glyph, .fuersprecher-mini-v1 p {
    color: #ffffff;
    font-weight: 600;
}

.fuersprecher-mini-v1 .col-lg-4 {
    display: inline-table;
    visibility: visible;
}

.homepage-bar p {
    font-size: 12px;
    line-height: 22px;
}

/* --------------------------- Fürsprecher (nach Haupt-Navigation) ----------------------------- */
.homepage-bar p {
    color: inherit;
}

@media only screen and (max-width: 575px) {
    #fuersprecher .container .homepage-bar .row .col-sm-4 h3 {
        float: left;
    }

    #fuersprecher .container .homepage-bar .row .col-sm-4 p {
        display: inline-table !important;
        visibility: visible !important;
        margin-top: 4px;
        margin-left: 5px;
        color: #2b2b2d;
        font-size: 12px;
        line-height: 1;
    }
}

@media only screen and (max-width: 450px) {
    #fuersprecher .container .homepage-bar .row .col-sm-4 p {
        display: none !important;
        visibility: hidden !important;
    }
}

#product > li > div.qs-option-info > div.qs-option-addtocart > form > button > span > span,
#product > li > div.qs-option-info > div.qs-option-addtocart > form > button > span,
button.action-primary.action-accept, #turboMailLink, .action.primary:hover, .action.primary:focus,
button#btn-minicart-close:hover, .action.update, #totop {
    border-color: #53a392;
    background-color: #53a392;
    color: #ffffff !important;
    filter: alpha(opacity=100);
    opacity: 1;
}

.minicart-wrapper .action.close {
    width: 32px;
    height: 32px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

/* ---------------------------------------- Slider ( actually just used on Startpage )------------------------------------------- */

.welcome_slider, .welcome_slider > *, .welcome_slider > *:before, .welcome_slider > *:after {
    box-sizing: inherit;
}

.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
    margin-bottom: 9px;
}

div.slider-with-side > div.slider-area > a > div.item1 > img {
    position: relative;
    overflow: hidden;
}

div.slider-with-side > div.slider-area > a > div.item1 > img {
    width: 100%
}

div.slider-with-side > div.slider-area > a > div.item1 > img:hover,
div.slider-with-side > div.slider-area > a > div.item1 > img:focus {
    transition: all .2s;
    visibility: visible;
    background-color: #000000;
    filter: alpha(Opacity=90);
    opacity: .9;
}

/* ----------------------------- -----Für Kategoriebuttons (SST)------ ------------------------------------ */

.minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart.active:hover:before,
.minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:hover:before,
.minicart-wrapper .action.showcart.active:hover:before, .minicart-wrapper .action.showcart.active:hover:before,
.action .showcart:hover:before, .page-header.type2 .minicart-wrapper:hover .action.showcart:before,
.page-header.type2 .minicart-wrapper:hover .action.showcart.active:before, .bss-file-upload.btn.action.primary:hover,
body > div.page-wrapper > header:not(sticky-header) > div.header.content > div.minicart-wrapper:hover > a:not(active)::before,
body > div.page-wrapper > header:not(sticky-header) > div.header.content > div.minicart-wrapper:hover > a.action.showcart .counter.qty,
body > div.page-wrapper > header:not(sticky-header) > div.header.content > div.minicart-wrapper:hover > a > span.header-cart-text,
.page-header.type2 .block-search .label:hover:before,
button.action.primary.checkout:hover, a.action.towishlist:hover, a.action.tocompare:hover,
.tms-zubehoer-pro-view-anker:hover, a.action.tocompare:focus, div.primary:hover, .turbomail-modal .action-close:hover {
    opacity: 0.8;
}

#product-addtocart-button:hover {
    opacity:0.8;
}

.qty-changer a {
    color:#ccc !important;
}

.page-main > .page-title-wrapper .page-title, button.action.tocart.primary:hover,
.cart.table-wrapper .action-towishlist:before, button.action.tocart.primary:focus {
    color: #1a1a18;
}

.button-ehs {
    display: inline-block;
    visibility: visible;
    width: 100%;
    margin: 5px;
    padding: 10px;
    border-style: none;
    border-radius: 0;
    background-color: #53a392;
    color: #1a1a18;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
}

.button-ehs span {
    display: inline-block;
    visibility: visible;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}

.button-ehs span:after {
    position: absolute;
    top: 0;
    right: -20px;
    text-align: center;
    content: '\00bb';
    filter: alpha(opacity=0);
    opacity: 0;
    transition: 0.5s;
}

.button-ehs:hover span, .button-ehs:focus span {
    padding-right: 25px;
}

.button-ehs:hover span:after, .button-ehs:focus span:after {
    right: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

header.page-header.type2 {
    background-color: #ffffff;
}

.page-header.type18 .main-panel-top {
    border-bottom: 1px solid #53a392;
    background-color: #53a392;
}

/* STORESWITCH & shopping cart login area */
.page-header.type2 > .main-panel-top {
    background-color: inherit;
}

.footer, .footer-middle, .footer-bottom {
    min-height: 75px;
    background-color: #d7ebe7 !important;
    color: #333333 !important;
}

.footer-ribbon {
    background-color: #53a392;
}

/*  Ribbon Shadow Color */
.footer-ribbon:before {
    border-right-color: #333;
}

.footer-middle ul.contact-info b {
    color: #333333;
    text-transform: uppercase;
}

.footer-middle ul.contact-info {
    padding-top: 7px;
}

/*Startpage*/
.home-side-menu h2.side-menu-title {
    background-color: #53a392;
    color: #1a1a18;
}

.home-side-menu {
    border-style: none;
}

@media (max-width: 767px) {

    .page-header .switcher strong {
        font-size: inherit !important;
        font-weight: inherit !important;
        letter-spacing: inherit !important;
        line-height: inherit !important;
    }

    li.nav.item:hover, li.nav.item:focus {
        background-color: #53a392 !important;
        color: #1a1a18 !important;
    }

    header.block-search {
        max-width: 50%;
    }

    .field.search.label {
        position: fixed;
    }

    .sw-megamenu.navigation li.ui-menu-item > .open-children-toggle {
        top: inherit !important;
    }

    .page-header.type2 .custom-block, .nav-toggle {
        margin-right: 5px;
    }

    .navigation li.level0 .ui-menu-item > a:before, .page-header .switcher .options .action.toggle {
        color: #1a1a18 !important;
        font-weight: bold;
    }

    .nav-sections-item-switch {
        font-weight: bold;
    }

    .section-item-title.active .nav-sections-item-switch, .navigation a, .header.links a {
        color: #1a1a18 !important;
    }

    .actions.dropdown.options.switcher-options, .view-ehsb2c span:hover:before, .view-ehsb2c a:hover:before,
    .view-ehsb2c a:focus:before {
        background-color: #ffffff;
        color: #1a1a18 !important;
    }

    .navigation li.level0 > a.ui-state-active + .submenu {
        background-color: #ffffff;
    }

    ul > li.customer-welcome > div > ul > li.link.wishlist:hover > a > span, li.link.wishlist.counter,
    .level-top.tms-active::after, .level-top .tms-active::before, nav.navigation.sw-megamenu a.level-top.tms-active,
    .navigation li .ui-menu-item a:hover, .navigation li .ui-menu-item a:hover:before,
    .navigation li > a.ui-state-active, .navigation li .ui-menu-item a:focus:before {
        background-color: #53a392 !important;
        color: #ffffff !important;
    }

    nav > ul > li.ui-menu-item.fullwidth.parent:hover > a > em.menu-thumb-icon .glyphicon .glyphicon-menu-hamburger:before,
    nav > ul > li.ui-menu-item.fullwidth.parent:hover > a > em::before,
    nav > ul > li > a.level-top.ui-state-active, nav > ul > li > a.level-top.ui-state-active:after,
    menu > nav > ul > li:hover > a.level-top > span, nav > ul > li.ui-menu-item:hover > a > em,
    #switcher-language-nav:hover, nav > ul > li:hover > a.level-top, nav > ul > li:hover > a.level-top:after,
    nav > ul > li:focus > a.level-top:after, a.level-top.tms-active {
        border-radius: inherit !important;
        background-color: #53a392 !important;
        color: #ffffff !important;
    }

    .navigation li > a.ui-state-active:hover,
    .navigation .parent a.level-top.ui-state-active:hover,
    .navigation li > a.level-top.ui-state-active:hover:after,
    .ui-menu-item a.level-top.tms-active.ui-state-active:hover,
    .navigation .parent a.level-top.tms-active:hover,
    .navigation .parent a.level-top.ui-state-active:hover,
    .navigation li > a.ui-state-active:hover:after,
    .navigation .parent a.level-top.ui-state-active:hover:after,
    .navigation li > a.level-top.ui-state-active:hover:after,
    .ui-menu-item a.level-top.tms-active.ui-state-active:hover:after,
    .navigation .parent a.level-top.tms-active:hover:after,
    .navigation .parent a.level-top.ui-state-active:hover:after,
    .navigation .parent a.level-top.ui-state-active:focus:after {
        background-color: #397065 !important;
        color: #ffffff !important;
    }

    div .submenu .opened {
        border-style: none;
        border-radius: inherit !important;
    }
    header .logo img {
        left: 50%;
    }

    #turboMailLink {
        border: 1px solid #1a1a18;
        border-bottom-style: none;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    nav.navigation.sw-megamenu a.level-top.tms-active::after, .menu-thumb-icon .glyphicon .glyphicon-menu-hamburger:before {
        color: #ffffff !important;
    }

    nav.navigation.sw-megamenu a.level-top.tms-active::after {
        background-color: inherit !important
    }

    ul > li.customer-welcome > div > ul > li.link.wishlist > a > span {
        color: #1a1a18;
    }
}

@media only screen and (min-width: 768px) {
    a {
        transition: 0.15s;
    }

    .page-header.type2 .custom-block {
        right: inherit;
        padding-right: 4px;
        display: inline;
        visibility: visible;
        position: inherit !important;
        height: inherit !important;
        margin-top: inherit !important;
        line-height: inherit !important;
    }


    nav.navigation.sw-megamenu > ul > li.ui-menu-item.level0.parent:nth-last-child(1) > div.level0.submenu {
        width: inherit !important;
    }

    div .customer-menu > ul .header.links > li > a, .customer-menu,
    body > div.page-wrapper > header > div.panel.wrapper > div > ul > li.customer-welcome.active > div > ul > li > a {
        color: #53a392 !important;
    }

    div .customer-menu > ul .header.links > li > a,
    body > div.page-wrapper > header > div.panel.wrapper > div > ul > li.customer-welcome.active > div > ul > li:hover > a,
    body > div.page-wrapper > header > div.panel.wrapper > div > ul > li.customer-welcome.active > div > ul > li:focus > a {
        color: #000000 !important;
    }

    .page-header .header.panel {
        padding-bottom: 7px;
    }

    .page-header.type2 .block-search .action.search, .page-header.type2 .block-search .action.search:before,
    .page-header.type2 .block-search .action.search::before {
        border-color: #53a392;
        color: #53a392;
    }

    /* --- Logo verschieben --- */
    header.page-header.type2 .logo {
        left: -12px;
        min-width: 315px;
        min-height: 60px;
    }

    header .block-search {
        max-width: 42.5%;
        margin-left: 5px;
    }

    .page-header.type2, .page-header.type2 .nav-sections, .page-header .drop-menu .nav-sections,
    .page-header.header-newskin .nav-sections {
        background-color: #ffffff;
    }

    header.page-header .nav-sections-item-title,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #1a1a18;
    }

    .navigation a {
        color: #222222 !important;
    }

    .navigation li.level0 .ui-menu-item > a::before {
        color: #222222;
    }

    a.level-top.tms-active span {
        color: #53a392 !important;
    }

    .sw-megamenu.navigation.side-megamenu li.level0:hover > a, .sw-megamenu.navigation.side-megamenu li.level0:focus > a {
        border-top-color: #dddddd;
    }

    a.nav-sections-item-switch:hover, .nav-sections .header.links a:hover, .header .links > li:hover > a,
    .header .links > li:focus > a {
        color: #ffffff !important;
    }

    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus,
    .navigation .level0 .submenu a:focus {
        background-color: #eeeeee !important;
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4 > li {
        width: 100%;
    }

    .navigation .submenu span {
        text-decoration: none !important;
    }

    header.page-header.sticky-header .navigation {
        font-size: 12px;
    }

    header.page-header.sticky-header .navigation li.level0 .level-top {
        padding: 0 3px;
    }

    header .logo img {
        min-width: 315px;
        min-height: 60px;
    }
}

@media (min-width: 992px) {
    .nav-sections::after {
        box-shadow: 0 0 2px 1px rgba(180,180,180,1);
        display: block;
        visibility: visible;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 1px;
        content: "";
    }
}

@media (max-width: 991px) {

    .sw-megamenu.navigation li.level0.staticwidth {
        position: static;
    }
    .fuersprecher-mini-v1 .fs-3rd {
        display: inherit;
        visibility: visible;
    }
    div.col-lg-4.fs-3rd > i, div.ticker__item.fs-3rd > i {
        top: 1px;
    }
}

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

    header .block-search {
        max-width: 50%;
        margin-left: 45px;
    }
    header .logo img {
        min-width: 380px;
    }

    /* ---------------------------------------- Slider ( actually just used on Startpage )------------------------------------------- */
    .slider-with-side .side-area {
        width: 34%;
    }
    .slider-with-side .slider-area {
        width: 66%;
    }
}

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

    header .block-search {
        width: 55%;
        max-width: 55%;
        margin-left: 0;
    }
    .navigation .level0:last-child {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    header.page-header.sticky-header .minicart-wrapper {
        top: auto;
        bottom: -4px;
        margin-right: -12px;
        margin-top: 0;
    }
}

div[data-shopname="Erstehilfeshop.de"] {
    /* --- Shopvote --- */
    right: 10px !important;
    bottom: 42px !important;
}

#btn-ticker-hide {
    background-color: #ffffff;
    color: #53a392 !important;
}

table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child,
table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > td > a,
table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > th > a,
table.responsive-table-stacked :first-child > tr:first-child,
table.table-responsive.responsive-table-fixed :first-child > tr:first-child > td:first-child,
table.responsive-table-stacked :first-child > tr:first-child > td > a,
table.responsive-table-stacked :first-child > tr:first-child > th > a {
    background-color: #53a392;
    color: #ffffff !important;
}

table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > td > a:hover,
table.table-responsive.responsive-table-fixed > *:first-child > tr:first-child > th > a:hover,
table.responsive-table-stacked > *:first-child > tr:first-child > td > a:hover,
table.responsive-table-stacked > *:first-child > tr:first-child > th > a:hover,
table.responsive-table-stacked > *:first-child > tr:first-child > th > a:focus {
    color: #000000 !important;
}

table.table-responsive, table.responsive-table-stacked {
    border-color: #53a392;
    box-shadow: 0 0 0 2px #53a392;
}

table.table-responsive.vertical-border-color-by-shop tr td {
    border-right-color: #53a392 !important;
    border-left-color: #53a392 !important;
}


.page-wrapper {
    background: url(/media/wysiwyg/ehs/ehs-bg.jpg) no-repeat fixed;
    background-size: cover;
}

#maincontent {
    background-color: #ffffff;
}

ul.search__result-tabs > li > a {
    border-radius: 5px 7px 0 0;
}

div.modal-inner-wrap {
    border-radius: 7px;
    overflow:hidden;
}

input#search {
    border: 2px solid #53a392;
}

header #search_mini_form button.action.search {
    opacity:1;
    color: #53a392 !important;
    min-height: auto;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    pointer-events: all;
    cursor: pointer;
}
header #search_mini_form:hover button.action.search {
    background: #53a392;
    color:#fff !important;
}

header #search_mini_form button.action.search::before {
    opacity: inherit;
    color: inherit;
}

.turbomail-modal header, .turbomail-modal header h1.modal-title {
    background-color: #53a392;
    color: #ffffff;
}

button, button.action, .action.primary, div.actions .action.actions-secondary, .product-add-form *, .product-item-actions *,
.block-minicart .block-content > .actions > .secondary .action.viewcart, .catalog-product-view .fotorama *,
textarea, select, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"],
input[type="number"], input[type="datetime"], input[type="email"], .checkout-cart-index main.page-main *,
div.tms-cms-grid-wrapper li.product-item, div.tms-cms-grid-wrapper .tms-grid-item,
.minicart-wrapper .block.block-minicart,
.dropdown.switcher-dropdown {
    border-radius: 5px !important;
}

#switcher-language-trigger span {
    position: relative;
    top: -1px;
}
#switcher-language-trigger span::before {
    top: 1px;
}

@media (min-width: 640px) {
    .modes-mode {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}

.product-item-photo {
    padding: 0;
    border-width:0;
    border-radius: 5px;
}

.product-image-photo.hover_image {
    padding:0;
    border-radius: 5px;
}

.card-title {
    min-height: 50px !important;
}

#btn-minicart-close {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.herounit-ehs {
    background-position: 0 0
}
.herounit-ehs .herounit-img-bottom {
    z-index: 1;
    position:absolute;
    bottom: 4px;
    left: 0;
    width: 1280px;
    height: 130px;
    background:url(/media/wysiwyg/ehs/startpage/wood-texture-bottom.png) no-repeat;
}
.herounit-ehs .herounit {
    z-index: 1;
    position:relative;
    height: 583px;
    margin-bottom: -10px;
    background:url(/media/wysiwyg/ehs/startpage/wood-texture-top.png) no-repeat;
}
.herounit-ehs .herounit .bottom-slogan {
    position: relative;
    bottom: 30px;
    left: 50px
}
.herounit-ehs .herounit .bottom-slogan > .ts-logo {
    width: 40px;
    height: 40px;
    float: left;
    background:url(/media/wysiwyg/tms/porto_child/zertifikate/trusted_shops.png) no-repeat;
    background-size: 40px 40px;
}
.herounit-ehs .herounit .bottom-slogan ul {
    margin: 0;
    list-style: none;
}
.herounit-ehs .herounit .bottom-slogan ul li {
    padding-left: 15px;
    color: #ffffff;
    font-size: 17px;
}
.herounit-ehs .herounit .bottom-slogan ul li:before {
    padding-right: 10px;
    content: "\2713";
}
.herounit-ehs .herounit .text {
    position: relative;
    top: 100px;
}
.herounit-ehs .herounit .text span {
    display: block;
    visibility: visible;
    z-index: 1;
    position: relative;
    width: auto;
    margin-top:0;
    margin-left: 0;
    background-position: 0 0;
    color: #333333;
    font-size: 20px;
    line-height: 45px;
    white-space: nowrap
}
.herounit-ehs .herounit .text h1 {
    display: block;
    visibility: visible;
    margin-top: 0;
    padding-left: 315px;
    color: #333333;
    font-size: 20px;
    line-height: 45px;
    white-space: nowrap
}
.herounit-ehs .herounit .text span.subtitle {
    display: block;
    visibility: visible;
    padding-top: 0;
    padding-left: 225px;
    color: #ffffff;
    font-size: 40px;
    line-height: 100%;
    white-space: nowrap
}

.herounit-ehs .herounit span.link {
    top: 500px;
    left: 625px;
    padding: 6px;
    border: 2px solid #53a392;
    border-radius: 4px;
    color: #53a392;
    font-size: 14px;
    white-space: nowrap;
}

.herounit-ehs .herounit span.link:hover, .herounit-ehs .herounit span.link:focus {
    color: #53a392;
    text-decoration: none;
}

.herounit-ehs .herounit .hero-img-left {
    z-index: 1;
    position:relative;
    top: 5px;
    bottom: 0;
    left: 0;
    width: 314px;
    height: 573px;
    margin-top: 0;
    padding-top: 10px;
    background:url(/media/wysiwyg/ehs/startpage/nurse.png) no-repeat;
}

.herounit-ehs .herounit .hero-img-right {
    position:relative;
    top: 140px;
    bottom: 0;
    left: 45px;
    width: 465px;
    height: 437px;
    background:url(/media/wysiwyg/ehs/startpage/eh-koffer-big.png) no-repeat;
}

.herounit-ehs .herounit .ts-logo {
    z-index: 2;
    position: absolute;
    bottom: 65px;
    left:320px;
    width: 90px;
    height: 90px;
    background:url(/media/wysiwyg/tms/porto_child/zertifikate/trusted_shops.png) no-repeat;
    background-size: 85px 85px;
}

.herounit-ehs .herounit .ssl-logo {
    z-index: 2;
    position: absolute;
    bottom: 40px;
    left:420px;
    width: 130px;
    height: 130px;
    background:url(/media/wysiwyg/ehs/startpage/ssl.png) no-repeat;
    background-size: 85px 85px;
}

.herounit-ehs .herounit .gp-logo {
    z-index: 2;
    position: absolute;
    bottom: 90px;
    left:520px;
    width: 87px;
    height: 87px;
    background:url(/media/wysiwyg/ehs/startpage/gp.png) no-repeat;
    background-size: 85px 85px
}

.herounit-ehs .herounit span.link {
    z-index: 1;
    position: absolute
}

.herounit-ehs .herounit .hero-img-brand-ehs {
    position:relative;
    top: 10px;
    right: -600px;
    width: 415px;
    height: 106px;
    background: url(/media/wysiwyg/ehs/startpage/brands.png) no-repeat;
}

.herounit-ehs .herounit .hero-img-cross-ehs {
    position:relative;
    top: 10px;
    left: 430px;
    width: 107px;
    height: 107px;
    background: url(/media/wysiwyg/ehs/startpage/cross.png) no-repeat;
}

.herounit-ehs .herounit .hero-img-koffer-ehs {
    position:relative;
    top: 40px;
    left: 380px;
    width: 230px;
    height: 205px;
    background: url(/media/wysiwyg/ehs/startpage/eh-koffer-small.png) no-repeat;
}

@media (min-width: 768px)and (max-width: 991px) {
    .w-herounit .herounit .bottom-slogan {
        bottom: 10px;
        left: 0;
        line-height: 40px
    }
    .w-herounit .herounit .bottom-slogan ul li {
        padding-left: 5px;
        font-size: 15px;
    }
    .w-herounit .herounit .hidden-bg-image-xs {
        width: 100%;
        background-position: 0 0
    }
    .w-herounit .herounit .text h1, .w-herounit .herounit .text span {
        margin-left: 0;
        padding-left: 0;
        font-size: 24px;
        text-align: center;
        white-space: normal
    }
    .w-herounit .herounit .text span.subtitle {
        margin: 20px 0 0 0;
        padding: 0;
        font-size: 40px;
        white-space: pre-wrap
    }
    .w-herounit .herounit span.link {
        position: relative;
        font-size: 25px;
    }
    .w-herounit .herounit-ehs .text {
        left: 320px;
    }
    .w-herounit .herounit-ehs .herounit {
        background: url(/media/wysiwyg/ehs/startpage/wood-texture-top.png) no-repeat;
    }
    .w-herounit .herounit-ehs .herounit .hero-img-right {
        z-index: 2;
        position:relative;
        top: 70px;
        bottom: 10px;
        left: 305px;
        width: 400px;
        height: 376px;
        background: url(/media/wysiwyg/ehs/startpage/eh-koffer-big.png) no-repeat;
    }
    .w-herounit .herounit-ehs .herounit span.link {
        top: -265px;
        left: -70px
    }
    .w-herounit .herounit-ehs .herounit .hidden-bg-image-xs {
        width: 100%;
        background-position: 0 0
    }
    .w-herounit .herounit-ehs .herounit .text {
        position: relative;
        top: 100px
    }
    .w-herounit .herounit-ehs .herounit .text h1, .w-herounit .herounit-ehs .herounit .text span {
        margin-left: 0;
        padding-left: 0;
        font-size: 20px;
        text-align: left;
        white-space: normal
    }
    .w-herounit .herounit-ehs .herounit .text span.subtitle {
        margin: 20px 0 0 0;
        padding: 0;
        font-size: 40px;
        white-space: pre-wrap
    }
    .w-herounit .herounit-ehs .herounit span.link {
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        background-color: #ffffff;
        transition: all .4s ease 0s
    }
    .w-herounit .herounit-ehs .herounit span.link:hover,.w-herounit .herounit-ehs .herounit span.link:focus {
        background-color: #53a392;
        color: #53a392;
        text-decoration: none
    }
    .w-herounit .herounit-ehs .herounit .hero-img-brand-ehs {
        top: 10px;
        right: -280px
    }
    .w-herounit .herounit-ehs .herounit .hero-img-cross-ehs {
        top: 35px;
        left: 550px
    }
    .w-herounit .herounit-ehs .herounit .hero-img-koffer-ehs {
        top: 135px;
        left: 435px
    }
    .w-herounit .herounit-ehs .herounit .herounit-img-bottom {
        background-position: 0 0
    }
}

.w-carousel .carousel-nav .carousel-inner > .item > a > img, .w-carousel .carousel-nav .carousel-inner > .item > img {
    width: 70%;
    margin: auto;
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .w-carousel .carousel-indicators {
        bottom: -25px;
        width: 16%
    }
    .w-carousel .carousel-inner > .item > a > img, .w-carousel .carousel-inner > .item > img {
        max-width: 100%
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .w-carousel .hidden-ipp {
        display: none;
        visibility: hidden
    }
    .w-carousel .carousel-indicators {
        bottom: -25px;
        width: 16%
    }
    .w-carousel .custom-bg .box-link {
        width: 140px;
        height: 170px;
        float: left;
        cursor: pointer
    }
}

@media only screen and (min-device-width: 1024px)and (max-device-width: 1366px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2) {
    .w-carousel .hidden-ipp {
        display: none;
        visibility: hidden
    }
    .w-carousel .col-item .info .grid-title {
        min-height: 40px;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 12px;
    }
}

.herounit-ehs {
    transition: all .5s;
}

div.card-columns.cards-3 > div.card > div.card-body {
    min-height: 355px;
}

div.card-columns.cards-3.ehs-tools > div.card > div.card-body {
    min-height: 560px;
}

.herounit-ehs .herounit .hero-img-brand-ehs, .herounit-ehs .herounit .hero-img-cross-ehs {
    z-index: 1;
}

/*großer koffer*/
.herounit-ehs .herounit .hero-img-right {
    z-index: 2;
}
.herounit-ehs .herounit .hero-img-koffer-ehs {
    z-index: 0;
    top: -440px;
    left: 350px;
}

.herounit-ehs .herounit .hero-img-brand-ehs {
    position: absolute;
    top: -560px !important;
    right: -40px !important;
    left: auto !important;
}
.herounit-ehs .herounit .hero-img-cross-ehs {
    top: -565px !important;
    left: 340px;
}
.herounit-ehs .herounit .hero-img-koffer-ehs {
    left: 300px;
}
/*großer koffer*/
.herounit-ehs .herounit .hero-img-right {
    top: -650px;
    left:545px;
    background-size: 100%;
}
.herounit-ehs .herounit .text {
    left: 315px;
}
.herounit-ehs .herounit .text span {
    padding-left: 0;
}
.fadeInLeft > div > div.text.text-left > span > i.porto-icon-ok {
    color: #3a9c2d;
    color: rgba(58,156,45,1);
}
.w-herounit .herounit-ehs .herounit .text {
    text-shadow: 1px 1px 2px #b0b0b0;
}

@media (max-width: 768px) {
    .herounit-ehs .herounit .text {
        top: 163px;
        left: 148px;
    }
    .w-herounit .herounit-ehs .herounit .text {
        word-wrap: normal !important;
        width: 178px;
        padding-left:15px;
        border-radius: 25px;
        background-color: rgba(255, 255, 255, 0.34118);
    }
    .w-herounit .herounit-ehs .herounit .text > span {
        font-size: 13px !important;
        font-weight: 700;
        white-space: inherit;
    }
    .herounit-ehs .herounit .hero-img-left {
        background-size: 70%;
    }
    .herounit-ehs .herounit .hero-img-koffer-ehs {
        display: none;
        visibility: hidden;
    }
    .herounit-ehs .herounit .hero-img-cross-ehs {
        position: absolute;
        top: -575px !important;
        right: auto;
        left: -30px;
        background-size: 55%;
    }
    .herounit-ehs .herounit .hero-img-left {
        top: 0 !important;
    }
    .herounit-ehs .herounit .hero-img-left {
        top: 125px !important;
        left: -30px;
    }
    .herounit-ehs .herounit .hero-img-brand-ehs {
        right: -120px !important;
        background-size: 80%;
    }
    .herounit-ehs .herounit .hero-img-right {
        position: absolute;
        top: -460px;
        right: -340px;
        left:auto;
        background-size: 30%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

    .herounit-ehs .herounit-img-bottom, .ts-logo, .ssl-logo, .gp-logo {
        display: none;
        visibility: hidden;
    }
    .herounit-ehs .herounit .hero-img-left {
        z-index: 2;
        top: 0;
        left: -35px;
    }
    .herounit-ehs .herounit .hero-img-cross-ehs {
        position: absolute !important;
        top: -125px !important;
        right: 275px;
        left: auto !important;
    }
    .herounit-ehs .herounit .hero-img-koffer-ehs {
        top: -345px !important;
        left: 235px !important;
    }
    /*großer koffer*/
    .herounit-ehs .herounit .hero-img-right {
        position: absolute !important;
        top: -285px !important;
        right: -110px;
        left:auto !important;
        background-size: 75% !important;
    }
}

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

    .herounit-ehs .herounit .hero-img-koffer-ehs {
        top: -440px !important;
    }
    .herounit-ehs .herounit .hero-img-brand-ehs {
        right: -530px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .herounit-ehs .herounit .hero-img-brand-ehs {
        right: -640px !important;
    }
    .herounit-ehs .herounit .hero-img-cross-ehs {
        left: 345px;
    }
    .herounit-ehs .herounit .hero-img-koffer-ehs {
        left: 295px;
    }
    /*großer koffer*/
    .herounit-ehs .herounit .hero-img-right {
        top: -725px;
        left:635px;
        background-size: 100%;
    }
}

.page-header > .panel.wrapper {
    background-color: #ffffff !important;
}

@media (min-width: 992px), print {
    .sw-megamenu.navigation li.level0.fullwidth > .submenu, .sw-megamenu.navigation li.level0.staticwidth > .submenu {
        padding-top: 5px;
        padding-right: 8px;
        padding-bottom: 35px;
    }
}

@media (min-width: 768px), print {
    .navigation .level0 .submenu {
        background-color: rgba(255, 255, 255, .95);
    }
}

nav > ul > li > div.level0.submenu > div > div > ul > li > a > span,
nav > ul > li > div.level0.submenu.opened > div > div > ul > li > ul > li > a > span,
nav.navigation.sw-megamenu ul.subchildmenu {
    white-space: normal;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img {
    float: left;
}

@media (max-width: 767px), print {
    menu > nav > ul > li > div.level0.submenu.opened > div > div > ul > li > ul > li > a {
        display: inline-flex;
    }
}

@media (min-width: 768px), print {
    ul.subchildmenu {
        display: inline-block;
    }
    .navigation .level0 .submenu {
        background-color: #ffffff;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img {
        margin: 0;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img .menu-thumb-icon {
        padding-right: 7px;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a,
    .sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a,
    .sw-megamenu.navigation li.level0.classic .submenu a {
        text-transform: none;
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu a,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a,
    .sw-megamenu.navigation li.level0.classic .submenu a {
        font-weight: 500;
    }
}

@media (min-width: 992px), print {
    .sw-megamenu.navigation li.level0.fullwidth > .submenu, .sw-megamenu.navigation li.level0.staticwidth > .submenu {
        padding-top: inherit;
        padding-right: inherit;
        padding-bottom: inherit;
    }
}

/* --------------------------------------------- NEU von BHA (ab 2018-10-22) ---------------------------------------- */
/* --------------------------------------------- NEU von BHA (ab 2018-10-22) ---------------------------------------- */

header input#search {
    color:#a7a7a7 !important;
}

header .header.links .greet.welcome span, header .header.links .custom-block a, .switcher.language .action.toggle.switcher-trigger,
li.ui-menu-item.level0.parent a.level-top span, li.ui-menu-item.level0.parent i {
    color:#000 !important;
}

@media only screen and (max-width: 991px) {
    li.ui-menu-item.level0.parent a.level-top.tms-active > span {
        color: #fff !important;
    }
}

@media only screen and (max-width: 767px) {
    .navigation .parent .level-top::after {
        color: #53a392;
    }
    .navigation .ui-menu-item.parent a.level-top.tms-active span, .navigation .ui-menu-item.parent a.level-top.ui-state-active span {
        color:#fff !important;
    }
}

@media only screen and (min-width: 992px) {
    .navigation .ui-menu-item.level0 a.level-top.tms-active span, .navigation .ui-menu-item.level0 a.level-top.tms-active::after {
        color: #53a392 !important;
    }
}

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

    header.page-header .header.content {
        margin-bottom:5px;
    }
    /* Sticky Header */
    header .sections.nav-sections{
        border-top:1px solid rgba(119,119,119,.8);
        border-bottom:1px solid rgba(119,119,119,.8);
    }

    header.page-header.sticky-header .sections.nav-sections {
        border-top:0;
    }

    /* Sonstiges */
    .page-header .header.panel {
        padding-left:0;
        padding-right:0;
    }
    header .header.links .custom-block a {
        text-transform: capitalize;
        border-right:0 !important;
    }
    header .header.links .custom-block a::after {
        content: "";
        display:block;
        width:100px;
    }
    li.ui-menu-item.level0:hover, li.ui-menu-item.level0 a.level-top::after {
        color: #53a392 !important;
    }

}

@media only screen and (min-width:896px) {
    header .header.links .custom-block a::after {
        width:200px;
    }
}

/* Startseite */
body.cms-index-index #maincontent {
    padding:3px 0 0 0 !important;
}

body.cms-index-index .widget.w-herounit.widget-herounit {
    margin-bottom:25px;
}
.link-ohne-ziel {
    background:lime;
    padding:2px 5px;
    color:red !important;
    border:1px solid red;
}

/* icon Image Navigation */

@media only screen and (min-width: 992px) {
    .navigation li.ui-menu-item.level0.parent div.level0.submenu {
        padding: 0 10px 10px 10px;
    }
    .navigation li.ui-menu-item.level0.parent div.level0.submenu div.container {
        padding-top:10px !important;
    }
    .navigation li.ui-menu-item.level1 {
        margin-bottom: 8px !important;
    }
}

/* Anpassungen an der Navigation */
@media only screen and (min-width: 768px) {
    /* Nav "Sicherheitskennzeichen" */
    nav > ul li:nth-child(7) .subchildmenu li.level1:nth-child(3)  {
        clear:none !important;
    }
    /* Nav "Nachfüllsets" */
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child  {
        clear:none !important;
    }

    /* Nav "Nachfüllsets" -> Zusatzbild */
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child a:first-child {
        margin-top:0 !important;
        line-height:1;
        padding-bottom:4px;
        height: 85px;
        background: url(/media/wysiwyg/ehs/banner_koffer_kaesten302x50.png) no-repeat;
        background-size: 302px 50px;
        background-position: left bottom;
    }
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child a:first-child:hover {
        background: url(/media/wysiwyg/ehs/banner_koffer_kaesten302x50.png) no-repeat;
        background-size: 302px 50px;
        background-position: left bottom;
        background-color: transparent !important;
    }
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child a:first-child:hover span {
        background-color: #eeeeee !important
    }
    nav > ul li:nth-child(3) .subchildmenu li.level1:nth-child(3) {
        margin-bottom:0 !important;
    }
}
@media only screen and (min-width: 1200px) {
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child a:first-child {
        height: 70px;
    }
}
@media only screen and (max-width: 959px) {
    nav > ul li:nth-child(3) .subchildmenu li.level1:last-child::after {
        width:100%;
    }
}

/* Bilder im EHS auf 95% verkleinern (1) Slider auf ProductView (2) CategoryView (3) CMS Slider */
.catalog-category-view .products.wrapper.grid .product-item-info .product-image-photo,
.catalog-product-view .products.wrapper.grid .product-item-info .product-image-photo,
div.owl-middle-narrow .products.wrapper.grid .product-item-info .product-image-photo {
    margin:2.5%;
    width:95%;
}

/* ---------------------------------- Kategorie ähnliche Darstellung & Landing Pages -------------------------------- */

@media only screen and (max-width: 767px) {
    body.cms-page-view #maincontent {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

div.tms-cms-product-grid-float .action.tocart.primary, div.tms-cms-grid-wrapper .action.tocart.primary {
    color: #53a392 !important;
}
div.tms-cms-product-grid-float .product-item-info:hover .action.tocart.primary, div.tms-cms-grid-wrapper .product-item-info:hover .action.tocart.primary {
    color:#fff !important;
}

/* ProductView List Style Image */
.product.attribute.overview .value ul li:before {
    color: #53a392;
}

/* Startseite */
@media only screen and (max-width: 360px) {
    .herounit-ehs .herounit .hero-img-brand-ehs {
        right: -111px !important;
    }
    .herounit-ehs .herounit .ts-logo {
        left: 270px;
    }
}

@media only screen and (max-width: 320px) {
    .herounit-ehs .herounit .hero-img-brand-ehs {
        top: -557px !important;
        right: -132px !important;
        background-size:75%;
    }
    .herounit-ehs .herounit .ts-logo {
        left: 219px;
    }
    .herounit-ehs .herounit .hero-img-right {
        right: -360px;
        background-size:25%;
    }
}

.cms-direktbestellung input.input-text.qty:focus {
    border:1px solid #000;
}

.tms-fs-vertical span.tms-fs-title {
    color:#fff;
    background: #53a392;
}

/* Search field width */
@media only screen and (min-width: 900px) and (max-width: 991px) {
    .block-search {
        width:50%;
        min-width:50%;
    }
}

/* Search icon color */

@media only screen and (max-width: 767px) {
    .page-header.type2 .block-search .label::before {
        color: #53a392;
    }
}

/* M2-300 */
button.action.primary:hover {
    opacity: 0.8;
}

/* M2-478 - Header Fixes (M2.4.5 Update) */

@media (max-width: 991px) {
    header .nav-toggle, .nav-toggle:hover:before {
        display: inline-block;
        color: #000 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .header.links .custom-block > a {
        border-left: none !important;
    }
    header .nav-toggle {
        top: -18px;
        left: 11px;
    }
    header .logo {
        left: 17px !important;
    }
    header .block-search {
        position: relative;
        top: -19px !important;
        left: 18px;
        max-width: 40%;
    }
    .page-header.type2 .minicart-wrapper .header-cart-text {
        left: -11px;
    }
}

@media (max-width: 800px) {
    header > div > div.panel.header {
        display: none;
    }
}

@media (max-width: 767px) {
    header .nav-toggle {
        top: 11px !important;
        left: 15px;
    }
}

#search_mini_form .mst-searchautocomplete__autocomplete .mst-sku > * {
    color: #000 !important;
}

#mini-cart .product-item-details .product-item-name a {
    font-weight: normal !important;
}

.mpbrand-index-index .item.current strong.page,
.mpbrand-index-index .item > a.page:hover {
    background: #53a392;
    border-color: #53a392;
    color: #fff !important;
}

.mpbrand-index-index .item.current .page span:nth-child(2) {
    border-color: #53a392;
    color: #fff !important;
}

.mpbrand-index-index .item.product.product-item.mix .product.name.product-item-name > a.product-item-link {
    color: #333 !important;
}

.mpbrand-index-view .toolbar.toolbar-products .item.current .page span:nth-child(2) {
    color: #333;
}

.checkout-cart-index .block.crosssell .action.tocart.primary {
    color: #53a392 !important;
}

.checkout-cart-index .block.crosssell .product-item-info:hover .action.tocart.primary {
    color: #fff !important;
}

.tms-cms-product-grid-float  .products.product-items.widget-product-grid,
.tms-cms-grid-wrapper .products.product-items.widget-product-grid {
    margin: 0 !important;
}
.tms-cms-product-grid-float  .item.product.product-item .product-item-name a,
.tms-cms-grid-wrapper .item.product.product-item .product-item-name a {
    font-weight: normal !important;
}


/* --- New content width (1320 px) & larger sticky header --- */

@media only screen and (max-width: 500px) {
    header .logo {
        left: 5px !important;
    }

    header .nav-toggle {
        left: 2px !important;
    }
}

@media only screen and (max-width: 767px) {
    .custom-block {
        height: 40px;
        line-height: 40px;
        position: absolute;
        top: 30px;
        right: 120px;
        margin-top: -20px;
        font-size: 14px;
    }

    body .custom-block span.tms-call-us > a:before {
        left: -10px !important;
    }

    .page-header.type2 .minicart-wrapper {
        margin-top: 6px;
    }

    .minicart-wrapper .action.showcart:before {
        font-size: 29px;
    }
}

@media only screen and (min-width: 768px) {
    /* Add the line between header and navigation */
    header .sections.nav-sections {
        border-top: 1px solid lightgrey;
        border-bottom: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-header.type2 .custom-block {
        display: block !important;
        position: absolute !important;
        height: 40px !important;
        right: 170px !important;
        padding-right: 20px !important;
        top: 25px;
    }

    body .custom-block span.tms-call-us > a:before {
        font-size: 25px !important;
        left: -5px !important;
        top: -15px !important;
    }

    .page-header.type2 .minicart-wrapper {
        right: 20px !important;
        top: 54px !important;
    }

    header .block-search {
        top: -2px !important;
        left: 15px !important;
    }
}

@media only screen and (min-width: 992px) {
    /* Adjust the length of the search field */
    header .block-search {
        margin-left: 55px !important;
        max-width: 25% !important;
        top: 15px !important;
    }

    /* Change the position of phone number */
    .page-header.type2 .custom-block {
        display: block !important;
        position: absolute !important;
        top: 26px !important;
        right: 195px !important;
    }

    /* Change the position of cart */
    .page-header.type2 .minicart-wrapper {
        margin-top: -33px;
    }

    /* Turn off display of shadow for navigation */
    .nav-sections::after {
        display: none !important;
    }

    /* Change the position of elements after scroll */
    .page-header.type2.is-scrolled .logo {
        left: -200px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Change the position of elements after scroll */
    .page-header.type2.is-scrolled .block-search {
        left: 340px !important;
    }

    .page-header.type2.is-scrolled .minicart-wrapper {
        margin-top: -34px !important;
    }
}

@media (min-width: 1200px) {
    /* Reduce the width of the search field so that it does not cover the shopping cart */
    header .block-search {
        left: 360px;
        right: 350px;
        width: auto !important;
        max-width: none !important;
    }

    /* Change the position of phone number */
    .page-header.type2 .custom-block {
        right: 210px !important;
    }

    /* Change the position of cart */
    .page-header.type2 .minicart-wrapper {
        margin-top: -32px !important;
    }

    /* Adjust background image on the main page */
    .herounit-ehs .herounit {
        background-size: cover;
    }

    /* Change the position of elements after scroll */
    .page-header.type2.is-scrolled .minicart-wrapper {
        margin-top: -33px !important;
    }
}

/* Shop-logo im mobile view - claimless */
@media only screen and (max-width: 414px) {
    .page-header.type2 .logo img {
        content: url('/static/frontend/Smartwave/porto_ehs/de_DE/images/ehs_logo_transparent_claimless.svg');
        width: 180px !important;
        max-width: 180px !important;
        height: auto !important;
        display: block !important;
    }
}
/* Horizontal line */
.collapsible-link::before {
    content: '';
    width: 14px;
    height: 2px;
    background: #333;
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all 0.3s;
}
/* Vertical line */
.collapsible-link::after {
    content: '';
    width: 2px;
    height: 14px;
    background: #333;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all 0.3s;
}
.collapsible-link[aria-expanded='true']::after {
    transform: rotate(90deg) translateX(-1px);
}
.collapsible-link[aria-expanded='true']::before {
    transform: rotate(180deg);
}
.card-header:hover {
    background-color: #f5f5f5 !important;
}
.card-header {
    background-color: #fff !important;
}
.pt-2, .py-2 {
    padding-top: 0px !important;
}
/* Modal background fix - Task M2-284 */
.modal-backdrop {
    /* bug fix - no overlay */
    display: none !important;
}
body[class*="ass-"].mpbrand-index-index .block-brand-search {
    background: #d4021c;
    border-color: #d4021c !important;
    color: #fff !important;
}
body[class*="rss-"].mpbrand-index-index .block-brand-search {
    background: #fbd331;
    border-color: #fbd331 !important;
    color: #000 !important;
}
body[class*="mks-"].mpbrand-index-index .block-brand-search {
    background: #f8b200;
    border-color: #f8b200 !important;
    color: #000 !important;
}
body[class*="ehs-"].mpbrand-index-index .block-brand-search {
    background: #53a392;
    border-color: #53a392 !important;
    color: #fff !important;
}

body.mpbrand-index-index .nav.brand-options.navbar-nav.controls #mp-first-opt {
    padding-left: 5px;
    padding-right: 5px;
}

body[class*="ass-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active {
    background: #d4021c;
    border-color: #d4021c !important;
    color: #fff !important;
}

body[class*="rss-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active {
    background: #fbd331;
    border-color: #fbd331 !important;
    color: #000 !important;
}

body[class*="mks-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active {
    background: #f8b200;
    border-color: #f8b200 !important;
    color: #000 !important;
}

body[class*="ehs-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active {
    background: #53a392;
    border-color: #53a392 !important;
}
body[class*="ehs-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active a {
    color: #fff !important;
}

body[class*="ass-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active:hover {
    box-shadow: 2px 2px #d4021c !important;
}
body[class*="rss-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active:hover {
    box-shadow: 2px 2px #fbd331 !important;
}
body[class*="mks-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active:hover {
    box-shadow: 2px 2px #f8b200 !important;
}
body[class*="ehs-"].mpbrand-index-index .nav.brand-options.navbar-nav.controls .control.active:hover {
    box-shadow: 2px 2px #53a392 !important;
}
body.mpbrand-index-index .item.product.product-item {
    overflow: hidden;
}
body.mpbrand-index-index .product-image-container .product-image-photo {
 position: initial;
}
body.mpbrand-index-index .brand-info .product-item-name {
    width: 100%;
}
body.catalog-product-view .product-info-main .product-brand-logo img {
    width: auto !important;
}

body.mpbrand-index-index div.brand-list-content span.product-image-wrapper {
    display: inline;
}
/* Category */
body[class*="-b2c"] #layer-product-list .product.actions.product-item-actions{
    display:none;
    height: 0px;
}

/* Related/Upsell Products */
body[class*="-b2c"] .owl-stage .product.actions.product-item-actions{
    display:none;
    height: 0px;
}

/* Featured Product */
body[class*="-b2c"] .owl-top-narrow .product.actions.product-item-actions{
    display:none;
    height: 0px;
}

/* Crosssell */
body[class*="-b2c"] .block.crosssell .product.actions.product-item-actions{
    display:none;
    height: 0px;
}

/* Product-Comparison */
body[class*="-b2c"] #product-comparison .product-item-actions{
    display:none;
    height: 0px;
}

/* Search autocomplete */
body[class*="-b2c"] div.to-cart .action.primary.mst__add_to_cart{
    display:none;
    height: 0px;
}

/* M2-322 EHS Lexikon Fix */
@media (min-width: 992px), print {
     .page-layout-3columns .column.main {
        width: 100% !important;
    }
}
.tms-block-upsell .block-title.title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #818692 !important;
    text-transform: uppercase !important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(225,225,225,1);
}

.tms-block-upsell  .product.name.product-item-name a{
    font-weight: normal !important;
}

.block.crosssell .product.photo.product-item-photo{
    display: block !important;
    padding-bottom: 0 !important;
}
/* roboto-100 - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 100;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 100;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 300;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 300;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 400;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 400;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 500;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 500;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 700;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 700;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: normal;
    font-weight: 900;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin-ext_latin */
@font-face {
    font-family: 'RobotoLocal';
    font-style: italic;
    font-weight: 900;
    src: url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../frontend/Smartwave/porto_ehs/de_DE/fonts/roboto/roboto-v20-latin-ext_latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}