/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/layout/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
.category-description h2,
.category-description h3,
.category-description div{
    font-family: 'Montserrat', sans-serif !important;
}
.category-description .text-content{
    font-size: 15px !important; 
    font-family: 'Montserrat', sans-serif !important;
}
button,
.btn{
    border-radius: 6px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
.props-wrap .bold, 
.cat-stepbystep span, 
.sidebar-categories .category-title {
    font-weight: 700;
    text-transform: uppercase;
}
[class^="icon-"], 
[class*=" icon-"], 
.availability:before, 
.wish-list-texts .badge:before {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.toptopbar {
    color: #fff;
    background: #ccc;
    padding: 5px 0;
}
.toptopbar a{ color: #f7f5f6; }
.phone-toptop{
    font-size:12px;
}
.phone-toptop a{
    display:block;
    font-size:14px;
}
.navbar-brand img {
    max-height: 30px !important;
}
#page-header{
    border: 0 !important;
}
#page-header .navbar{
    position:static !important;
    padding:15px 0 0;
    background:#fff;
    border-bottom: 1px solid #ccc;
}
.brand-wrappers{
    width:100%;
}
.navbar-brand {
    text-align: left;
    width: 100% !important;
    padding: 0;
}
.head-content-nav{
    background: #ccc;
}
.navbar #controlsList{
        margin-bottom: 0;
}
.boxcatcontent {
    border: solid 1px #ccc;
    padding: 15px;
}
.margin-bottom-2{
    margin-bottom: 24px;
}
.top-bar .controls-list .control-user {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
}
.navbar-toggler {
    position: static;
    -webkit-transform: none;
    transform: none;
    border:none;
}
.btnmobile, 
.btnmobile .icon-files-empty  {
    color: #2C2C34;
    
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 1;
}
.btnmobile [class*="icon"] {
  font-size: 23px!important;
}
.anicon{
    width:auto;
}
.navbar-toggler {
    border-radius: 0;
}
.controls-list .list-inline-item {  
    font-size: 1rem;
}
.top-bar .controls-list>li .anicon, 
.top-bar .controls-list>li a:not(.btn) {
    padding: 0;
}
.btnmobile i {
    font-size: 20px;
    margin: 0 !important;
}
.top-bar .cmp-search-box {
    background-color: transparent;
    top:63px;
}
.top-bar .cmp-search-box .position-relative{
    width: 100%;
}
.normalmenu .collapse-inner>li a,
.megamenu .level1 a,
.megamenu .collapse-inner .bt-more a{
    color:#6c6869  !important;
}
.controls-list .nav-link[aria-expanded="true"]{
    background: none;
}
#searchBox .search-input{
    border: 1px solid #dfdfdf;
    font-size: 15px;
    background: #fff;
    height: 45px;
    max-width: 100%;
    line-height: 20px;
    padding: 12px 30px;
    border-radius: 5px;
    color: #6c6869;
}
.btn-outline-primary:hover{
    color:#fff;
}
.input-group-text{
    background-color: #f7f5f6;
    color:#6c6869;
}
.cmp-search-box .search-submit {
    padding: 7px 30px;
    height: 39px;
    border-radius: 2.5px;
    color: #fff;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #F13030;
}
.nav-wrap {
    width: 100%;
    background: #f7f5f6;
}
.nav-wrap .row{
    width: 100%;
}
#mainNavbarCollapsable ul.mainmenu {
    float: none;
    justify-content: center;
}
.page-item.active .page-link{
    color:#fff;
}
#mainNavbarCollapsable ul.mainmenu>li>a {
    color: #6c6869!important;
    text-transform: uppercase;
}
.main-navbar-collapsable .ddown>a::after {
    color: #ccc;
}
.main-navbar-collapsable .mainmenu>li:hover, 
.main-navbar-collapsable .mainmenu>li.hover{
    background-color:#f7f5f6;
}
.normalmenu .collapse{
    background:#f7f5f6;
}
.normalmenu .collapse-inner>li a {
    padding: 10px;
    font-size: 15px;    
}
.megamenu .collapse-inner li{
    padding: 0;
}
.normalmenu .collapse>li{
    break-inside: avoid;
}
.ddown li.level2>a {
    padding: 3px 5px 3px 20px!important;
    font-weight: 500;
}
.ddown li.level2>a:before {
    content: "-\00a0\00a0";
}
#mainNavbarCollapsable ul.mainmenu>li>ul {
    z-index: 999;
}
.ddown>ul {
    min-width: 250px!important;
}
.normalmenu .collapse-inner>li:hover {
    background: #ccc;
}
.normalmenu .collapse-inner>li:hover a{
    color: #fff !important;
}
.footer-nl {
    color: #fff;
    padding: 25px 0;
    background: #ccc;
}
.footer-nl-wrap {
    padding-left: 10%;
    padding-right: 10%;
}
.footer-nl .footer-nl-wrap>.icon-email {
    font-size: 100px;
}
.footer-nl-txt .h1 {
    font-size: 20px;
    color: #fff;
}
.footer-nl-txt .h1 .icon-email {
    font-size: 43px;
    margin-right: 10px;
}
.btn-nl-open {
    height: 40px;
    color:#6c6869 !important;
    background-color: #fff;
    border-color: #fff;
    font-size: 20px;
    border-radius: 6px;
}
.footer-content {
    padding: 25px 0;
    background: #6c6869;
    color: #fff;
}
.footer-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 600;
}
.footer-content a {
    color: #fff;
}
.footerpayments img {
    background: #e5e5e5;
    max-width: 90px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 7px;
    display: inline-block;
}
footer small {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-weight: 600;
    background: #f7f5f6;
    color:#6c6869;
}
#vue-app{
    background:#fff;
}
.sociallink {
    font-size: 48px;
    text-decoration: none !important;
    line-height: 1;
}
.sociallink + .sociallink{
    margin-left: 20px;
}
.socialTitle + p{
    margin-bottom: 0;
}
.mtslider{
    padding: 0;
}
#homeslider .owl-prev{
    left: 0;
}
#homeslider .owl-next{
    right: 0;
}
#homeslider .owl-prev, 
#homeslider .owl-next {
    top: 50%;
    position: absolute;
    font-size: 30px;
    color: #ccc;
    background: rgba(255,255,255,0.5);
    width: 30px;
    height: 30px;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity:1;
}
#homeslider .owl-dots{
    display:none;
}
.mt-own, 
.home-products li article {
    margin-top: 20px;
}
.home-usp>div>i {
    font-size: 40px;
    width: 45px;
    color: #6c6869;
    text-align:center
}
.home-usp>div>div {
    padding-left: 20px;
}
.home-usp>div>div span:first-child {
    font-size: 15px;
    margin-bottom: 5px;
    color: #ccc;
}
.bold{
    font-weight: 700;
}
.home-usp>div>div>span {
    display: block;
    line-height: 18px;
    font-size: 14px;
}
.home-products li article {
    margin-bottom: 0;
    background-color: transparent; 
}
.cat-img {
    height: 200px;
    line-height: 200px;
    text-align: center;
}
.cat-img img {
    max-width: 100%;
    max-height: 100%;
}
.cat-img a {
    display: block;
    position: relative;
    height: 100%;
}
.section-home-banner{
    margin-top: 40px;
}
.section-home-banner img {
    max-width: 100%;
}

.section-home-banner .btmsvg{
    transform: rotate(180deg);
    margin-top: -20px;
}
.seciton-home-banner-wrap{
    background: #f7f5f6;
    padding-bottom: 70px;
}


.nopdmo {
    padding-left: 0;
    padding-right: 0;
}
.filter-wrap, 
.eg-backdrop, 
.transition, 
.section-home-banner .nopdmo img, 
.cat-stepbystep img {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.section-home-banner .nopdmo a:hover img, 
.cat-stepbystep:hover img {
    opacity: .8;
}
.home-seo-txt {
    text-align: justify;
    position: relative;
}
.home-seo-txt.closed{
    max-height: 470px;
    overflow: hidden;
}
.home-seo-txt ul h3{
    color:#6c6869;
    font-size: 15px;
    text-transform: none;
}
.home-seo-txt.closed:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 2;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.controls-list .nav-link:hover {
    color: #fff!important;
    background-color: transparent;
}
.breadcrumbs.header-fw{
    position: static !important;
    background:#fff;
}
.breadcrumb{
    background-color:#fff; 
}

#filterCollapse .card .h3, .sidebar-categories .category-title {
    font-size: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px;
    color: #6c6869;
    background: transparent;
    padding: 0 0 15px 0;
}
.sidebar-categories ul li.active>a, 
.widget-navigation-tree ul li.active>a {
    background: #fff;
    color: #ccc;
}
.filter-open {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.filter-wrap {
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    padding: 0;
    background: #fff;
    z-index: 999;
    width: 90%;
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    right: 0;
    overflow: hidden;
}
.filter-open .filter-wrap {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.filter-head-mobile {
    background: #ccc;
    color: #fff;
    padding: 15px;
}
.btn-close-filter {
    border: 0;
    background: transparent;
    color: #fff;
}
.filter-left {
    position: relative;
    height: calc(100% - 52px);
    overflow: auto;
    padding: 15px;
}
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
#filterCollapse .card,
.sidebar-categories{
    padding: 0;
    border: 0;
}
.item-filter-price {
    flex-wrap: wrap;
    justify-content: flex-end;
}
#filterCollapse .card .form-check {
    padding-left: 0;
}
#filterCollapse .form-check-label {
    margin-bottom: 0;
    padding-right: 70px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    padding-left: 0;
    background: none;
}
.bg-white,
.text-dark, 
.color-dark,
.input-unit label, 
.input-unit .input-unit-label{
    color:#6c6869 !important;
}
.page-category-content .widget-title-bar .bg-appearance{
    background-color:transparent !important;
}
#filterCollapse .filter-badge {
    background: #f7f5f6;
    display: inline-block;
    width: 50px;
    text-align: center;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: 0px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.item-filter-price>.input-group {
    margin-bottom: 10px;
    margin-right: 0;
}
#filterCollapse .card .form-check .form-check-input:checked+label::before, 
#filterCollapse .cmp-address-list .items>div:first-child .form-check .form-check-input:checked+label::before {
    font-family: "FontAwesome";
    content: "\f046";
    opacity: 1;
    color: #6c6869;
    margin-right: 3px;
}
.filter-open .eg-backdrop {
    overflow: hidden;
    opacity: .5;
    visibility: visible;
}
.eg-backdrop {
    background: #504e4b;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    opacity: 0;
    visibility: hidden;
}

.list-controls .list-controls-inner{
    background:none;
}
.categoriegrid .list-controls .list-sort{
    margin-bottom: 1.5rem;
}
.categoriegrid .list-controls .list-sort, 
.categoriegrid .list-controls .list-itemsperpage {
    padding: 0;
}
.categoriegrid .custom-select {
    border: solid 1px #faf9f7;
}
.cmp-product-thumb:hover {
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.cmp-product-thumb .special-tags .special-tag, 
.cmp-product-thumb .special-tags .tag, 
.cmp-product-thumb .special-tags .badge, 
.cmp-product-thumb .special-tags .tag {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    background-color:#ccc;
    color:#fff;
    transition: all 0.5s;
}

.propcatdesc {
    padding: 15px;
    border-bottom: solid 1px #faf9f7;
}
.cat-props, .single-descriptionshort ul {
    margin: 0;
    padding: 15px 0;
}
.cat-descrshort ul, .cat-props {
    font-size: 13px;
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.cat-descrshort ul, 
.cat-props, .cat-descrshort {
    font-size: 13px;
}
.cat-item-data {
    text-align: left;
}
.propcatdesc {
    padding: 15px;
    border-bottom: solid 1px #faf9f7;
}
.cat-props li, .cat-descrshort li {
    display: list-item!important;
}
.cmp-product-thumb .thumb-content {
    padding: 0;
    width: 100%;
    margin: 0;
    background-color:transparent; 
}
.cmp-product-thumb .thumb-title {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 15px;
    min-height: 0;
    color: #2C2C34;
    
}
.loggedinname{
    font-size: 12px;
    width: auto;
    text-align: left;
    max-width: 55px;
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cmp-product-thumb .prices {
    flex-wrap: wrap;
    text-align: right;
}
.cmp-product-thumb .prices>div {
    width: 100%;
}
.cmp-product-thumb .price{
    color:#2C2C34;
    font-weight:700;
}
.parallax-img-container .parallax-text-container h1{
    margin-bottom: .5rem;
}

.list-controls .selected-filters {
    float: none;
}
.list-controls .selected-filters .selected-filter {
    margin: 0 10px 0 0;
    font-size: 12px;
}
.cat-descrshort .fa,
.cat-props .fa{
    color:#ccc;
    margin-right: 5px;
}
.single .producer, 
.page-singleitem .producer{
    font-size: 12px;
}
.producerLogo img{
    max-width: 60px;
    max-height: 60px;
}
.single .price.h1, 
.page-singleitem .price.h1 {
    margin-bottom: 0;
    color: #2C2C34;
    font-size: 30px;
    float:none !important;
}
.single .title, 
.page-singleitem .title{
    color:  #6c6869;
    font-size: 20px;
    line-height: 1.1;
    text-transform: none;
}

.single .cat-props, .single-descriptionshort ul {
    border-bottom: 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
}
.single .availability {
    padding: 0;
    background: transparent;
}
.text-muted{
    color:#6c6869 !important
}
.crossSellHeading,
.BellotaHeading,
.section-home-seo h1,
.BellotaHeading{
    font-weight: 700;
    text-transform:none;
    font-size: 36px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}
.availability:before, 
.wish-list-texts .badge:before {
    content: "\e903";
    font-size: 16px;
    position: relative;
    top: 3px;
    margin-right: 9px;
}
.inbskwrap {
    padding-left: 0;
}
.inbskwrap button.btn-primary {
    height: 50px;
}
.btn-primary{
    color:#fff;
}

.add-to-basket-container >button{
    font-size: 14px;
    font-weight: 600;
}
.qty-btn-container .qty-btn{
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 0 6px 0 0;
    color: #fff;
    font-size: 12px;
}
.qty-btn-container .qty-btn > i{
    font-size: 12px;
}
.qty-btn-container .qty-btn+.qty-btn {
    border-radius: 0 0 6px 0;
}
.qty-box .qty-input{
    border-radius: 6px 0px 0px 6px;
    border: 1px solid #ccc;
}
.qty-btn-container .qty-btn:not(.disabled):hover {
    background: #dfc4bc;
}
.single .nav-tabs {
    background: #f7f5f6;
    border-bottom: 0;
}
.single .nav-tabs .nav-item {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.single .nav-tabs .nav-item .nav-link {
    border: 0;
    border-top: solid 2px #fff;
    padding: 15px 20px;
}
.single .nav-tabs .nav-item .nav-link.active {
    border: 0;
    border-top: solid 2px #ccc;
    color: #6c6869;
}
.single .paypalSmartButtons {
    display: flex;
    width: 64%;
    padding: 0;
}
.single .paypal-buttons-label-paypal{
    margin-left: 10px;
}
.single .amzPayButton {
    width: 33%;
}
.single .paypal-installment-banner-graphical{
    margin-bottom: 0;
}
.sidebar-categories, .widget-navigation-tree{
    font-family: 'Montserrat', sans-serif;
}
.sidebar-categories ul li a[href]:hover, 
.widget-navigation-tree ul li a[href]:hover{
    background: #f7f5f6;
    color:#212529 !important
}

.filter-collapse .form-check-label:hover, 
.widget-filter-base .form-check-label:hover{
    color: #ccc !important; 
}
.categoriegrid .custom-select {
    border: solid 1px #ccc;
    border-radius: 6px;
}
.pagination{
    justify-content: center;
    margin-top: 10px;
}
.pagination > li:first-child > a{
    border-radius: 6px 0px 0px 6px !important;
}
.pagination > li:last-child > a{
    border-radius: 0px 6px 6px 0px !important;
}
.page-item.disabled .page-link,
.page-link{
    border-color: #ccc;
}
.page-link:hover {
    background-color: #f7f5f6;
    border-color: #ccc;
}
.icon-email:before {
    content: "\e938";
}
.icon-truck:before {
    content: "\e905";
}
.icon-shield:before {
    content: "\e902";
}
.icon-box:before {
    content: "\e935";
}
.icon-return:before {
    content: "\e907";
}
.icon-user:before {
    content: "\e90d";
}
.icon-files-empty:before {
    content: "\e950";
}
.icon-online-shopping-cart:before {
    content: "\e901";
}
.toptopbar .nav-check {
    margin-right: 15px;
    font-size: 12px;
    margin-left: 5px;
}
.icon-oh-check:before {
    content: "\e908";
}
.icon-menu1:before {
    content: "\e916";
}
.icon-search1:before {
    content: "\e913";
}
.control-user{
    flex:none;
}
.page-basket #ppButton{
    margin-top: 1rem;
}
.page-checkout .widget-gtc-check .form-check .form-check-input{
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
#mainNavbarCollapsable .mainmenu {
    position: relative;
}
.normalmenu .mainmenu>li{
    position: static;
}
#mainNavbarCollapsable ul.mainmenu>li>ul{
    width: 100%!important;
    max-width: none!important;
    column-count: 4;
    padding: 20px!important;
    column-rule: none;
    margin-bottom: 15px;    
    break-inside: avoid-column;
    max-height: none;
}
.megamenu .collapse-inner {
     padding-bottom: 10px;
}
.no-touch #mainNavbarCollapsable ul.mainmenu>li:hover > a, .touch #mainNavbarCollapsable ul.mainmenu>li.hover > a {
    color: #6c6869!important;
}
.cattop-img img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
.cattop-img {
    height: 130px;
    overflow: hidden;
    position: relative;
}
.tooltip img{
    max-width: 100%;
}
.tooltip-inner {
    max-width: 310px;
}
.catdescrhead {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 40px;
    color: #fff;
    transform: translateY(-50%);
    text-shadow: 3px 3px 9px #2C2C34;
}
.catdescrhead h1 {
    color: #fff;
    word-break: break-word;
    padding-right: 15px;
}
.control-wish-list .badge-right,
.toggle-basket-preview .badge-bsk{
    position: absolute;
    background: #f7f5f6!important;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    top: -5px;
    right: -15px;
    text-align: center;
    line-height: 21px;
    font-size: 13px;
    color: #6c6869!important;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.toggle-basket-preview .badge-bsk{
    top:-2px;
}
.wishListEmpty,
.quant0{
    display: none;
}
.wishListCont{
    position: relative;
}
.category-description h2,
.category-description h3,
.category-description span,
.category-description p,
.sidebar-categories ul li a[href], 
.widget-navigation-tree ul li a[href]{
    color:#6c6869 !important;
}
.page-category-content .container-max.page-content{
    padding-top: 50px
}
.atPhonenumber{
    padding-left: 30px;
}
.maincontentblock .embed-container{
    text-align: center;
}
.btn-nl-open a{
    color:#6c6869;
}
.basket-list-item .image-container img{
    max-width: 100%;
}
#mainNavbarCollapsable ul.mainmenu>li.cat-247>ul,
#mainNavbarCollapsable ul.mainmenu>li.cat-253>ul,
#mainNavbarCollapsable ul.mainmenu>li.cat-303>ul{
    width: auto !important;
    column-count: 1;
    left: auto;
    padding: 0 !important;
}
.cookie-bar .hidden {
display: none;
}
.cookie-bar .btn-default[data-cb="save"]{
    background: #fff;
    border: 0;
    font-size: 12px;
}
.back-to-top{
    background: #ccc;
    text-align: center;
    line-height: 35px;
    font-size: 30px;
    color: #fff;
    border: 1px solid #6c6869;
}
.list-undercats img{
    max-width: 100%;
    margin-bottom: 10px;
}
#trustbadge-container-98e3dadd90eb493088abdc5597a70810{
    z-index: 99 !important
}
.basket-preview-content #ppButton{
    margin-top: 7px;
}
.list-undercats a {
    color: #6c6869;
    width: calc(50% - 15px);
    background: #f7f5f6;
    text-align: center;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 15px;
    margin-right: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-radius: 6px;
}
img[src=""][data-src],
img[src=""][data-original],
img[src=""][data-lazy]{
    text-indent: -10000px;
    display: block;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100px;
    color: transparent;
    visibility: hidden;
}
.list-undercats a:hover{
    color: #fff;
    background: #ccc;
}
.single-prev-img img{
    max-height: 104px;
    max-width: 100%;
}
.single-prev-img .slick-arrow{
    background: transparent;
    border: 0;
    width: 100%;
    font-size: 30px;
    line-height: 1;
    max-width: 110px;
}
.single-prev-img .slick-arrow.slick-disabled{
    opacity: 0.4;
}
.single-prev-img.slick-vertical a.slick-slide{
    height: 104px;
    display: block;
    margin: 15px 0px;
    max-width: 100px;
}


.single-main-img{
    text-align: center;
    position: relative;
    height:300px;
    line-height: 300px;
}
body div#vue-app div#page-body div div div div div div div div a#magicCustom:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img{
    width: auto!important;
    max-width: 100%!important;
    max-height: 300px!important;
}
.zoom-nav-list{
    text-align: center;
    margin-top: 10px;
}
.zoom-nav-list button {
    width: 25px;
    height: 25px;
    margin: 0 10px;
    border-radius: 50%;
    border: 0;
    background: #80c7d6;
}
.zoom-nav-list button.activePoint{
    background: #0094b2;
}
.magic-nav-button{
    background: transparent;
    width: 60px;
    height: 60px;
    color: rgb(0 0 0 / .3);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    border: 0;
}
.magic-nav-button i,
.magic-nav-button i:before{ 
    line-height: 50px;
    font-size: 80px;
    display: block;
    height: 60px;
}
.magic-nav-right{
    left: auto;
    right: 0;
}
.tshead{
    max-width: 35px;
}
.control-user.isLoggedIn .icon-user{
    margin: 0 auto;
}
.control-user .dropdown-menu a{
    padding: 10px !important;
    font-size: 14px !important;
    background: #ccc !important;
    border-color: #b29289 !important;
}
.single .single-description, 
.page-singleitem .single-description {
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
}
#NewsletterModal .modal-body .embed-container iframe{
    width: 100% !important;
    border:0;
}

.Farbe .filterCont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: none;
    justify-content: flex-start;
}
#filterCollapse .card.Farbe .form-check{
    border-radius: 50px;
    height: 30px;
    border: 1px solid #ccc;
    width: 30px;
}
.filter-wrapper .Farbe .filter-badge{
    display: none !important;
}
#filterCollapse .Farbe .form-check-label{
    font-size:0;
    width: 30px;
    height:30px;
    padding:0;
}
.Farbe .form-check-wrapper{
    border: 1px solid transparent;
    transition: all 0.5s;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.Farbe .form-check-wrapper:hover{
    border: 1px solid #2C2C34;
}
.Farbe > .form-check-wrapper + div + div + div + div + div + div + div{
    margin-top: 5px;   
}












#color-1{
    background:#F3F900 !important;
}
#color-2{
    background:#139824 !important;
}
#color-3{
    background:#A20000 !important;
}

#color-4{
    background:#08C !important;
}
#color-5{
     background:#949494 !important;
}
#color-8{
    background: rgb(251,63,63) !important;
    background: linear-gradient(90deg, rgba(251,63,63,1) 0%, rgba(255,249,37,1) 25%, rgba(120,250,83,1) 50%, rgba(72,100,254,1) 75%, rgba(254,54,229,1) 100%) !important;
}
#color-10{
    background:#8B4513  !important;
}
#color-11{
    background:#8A2BE2 !important;
}
#color-12{
    background:#ffa500 !important;
}
#color-13{
    background:#00CCCC !important;
}
#color-15{
    background:#f5f5dc !important;
}
#color-16{
    background: #005F6A !important;
}
#color-17{
    background:#808000 !important
}
#color-18{
    background:#FF1493 !important;
}
#color-19{
    background: rgb(238,238,238) !important;
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%) !important;
}
#color-20{
    background:#ffd700 !important;
}
.pagination.widget-alignment{
    margin:0;
}
.page-item.disabled .page-link, .page-link{
    padding: 0 .75rem;
    height: 40px;
    line-height: 40px;
}
.section-home-banner svg path{
    fill:#f7f5f6;
}
.control-basket .toggle-basket-preview,
.mobile-navigation{
    color:#fff;
}
.mobile-navigation .breadcrumb{
    background:#6c6869;
}

.badge.badge-offer {
    font-size: 14px !important; 
    line-height: 40px !important;
    font-weight: 400 !important;
}

.toggle-basket-preview .text-left span:fist-child{
    font-size:80%;
}
.control-basket .toggle-basket-preview:hover{
    background:none;
}
.control-basket .toggle-basket-preview{
    background-color:transparent; 
}
.top-bar .nav-link{
    color:#2C2C34;
    padding: 0 10px;
}
.control-basket{
    margin-right: -10px;
}
.btnmobile .icon-search1{
    font-size: 28px !important;
}
.searchCont{
    padding:0;
}
.control-basket .toggle-basket-preview .badge{
    font-weight:bold;
}
.cmp-product-thumb{
    border: 1px solid #ccc;
    border-radius:5px;
}
.cmp-product-thumb{
        margin-bottom:10px;
}
.thumb-content .prices{
    margin-top: 10px;
}
.base-price.is-single-piece{
    display:none;
}
.boxcatcontent video,
.boxcatcontent img{
    max-width: 100%;
    height: auto;
}
.boxcatcontent h2{
    margin: 15px 0 10px;
    font-size: 15px;
}
.availability-1,
.availability-2{
    color:#28a745 !important;
    background: transparent;
}
.availability-3,
.availability-4{
    color:#ffc107 !important;
    background: transparent;
}
.availability-5,
.availability-6,
.availability-7,
.availability-8{
    color:#dc3545 !important;
    background: transparent;
}
.availability-9,
.availability-10{
    color:#212529 !important;
    background: transparent;
}
#page-header .container-max > .row{
    width:100%;
    margin:0;
}
.list-inline-item:not(:last-child){
    margin:0;
}
.section-home-fahrzeugsuche{
    color:#fff;
}
.section-home-fahrzeugsuche h1{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
.section-home-fahrzeugsuche p{
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0;
    font-weight: 300;
}
.section-home-fahrzeugsuche .section-bg{
    background-image: url("https://cdn02.plentymarkets.com/gezajvr0i5tq/frontend/allgemein/images/bmw-m4.jpg");
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 140px 0 70px;
    text-align: center;
    z-index: 1;
}
.CarCustomSelect{
    position: relative;
    margin: 0 auto;
    font-size: 14px;
}
.fakeSelectOpener{
    background-color: #fff;    
    margin-bottom: 15px;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    color:#808080;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:none; 
}
.tab-carsearch .nav-tabs{
    border-bottom: none;
    margin-bottom: 30px;
}

.CarSelectContent{
    margin-bottom: 50px;
}
.section-home-fahrzeugsuche .car-search-wrap{
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    display: inline-block;
    width:100%;
    min-height:300px;
}
.fakeSelect{
    position: absolute;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9;
    top: 41px;
    color:#808080;
    max-height:200px;
    overflow-y:auto;
}
.fakeSelect > div{
    border-bottom: 1px solid #efefef; 
   padding: 5px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}
.hideSelect{
    display:none;
}
.searchIcon.partIcon{
    display:none;
}
.searchIcon.partIcon.fa-spin{
    display:inline-block;
}
#ConfiguratorResults{
    min-width: 150px;
}
.realSelect{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2;
}
.switchCarCont{
    align-items: flex-end;
}
.myCarSelection{
    background: #2c2c34;
    padding:20px;
    color:#fff;
    display:flex;
    flex-flow: column;
    /*min-height: 370px;*/
}
.myCarSelection > .row{
    flex:1;
}
.myCarSelection h2{
    margin-bottom:0;
    text-align: center;
    position: relative;
}
.carBrand{
    margin: 0;
    font-size: 40px;
}
.carModel{
    font-size: 14px;
}
.carSpec{
    font-size: 10px;
}
.yourCar .imgCont{
    max-width:150px;
    margin: 15px auto 0;
}
.selectionCont{
    margin-top:15px;
    color: #fff;
}
#tab-hsntsn input{
    background-color: #fff;
    padding: 9.5px 15px;
    text-align: left;
    color: #808080;
    width: 100%;
    border: none;
    margin-bottom:15px;
    border:none;
}
#tab-hsntsn input::placeholder{
    color:#808080
}
#tab-hsntsn input:focus{
    outline:none;
}
.tab-carsearch .nav-link{
    padding:1.3rem 0.9rem;
    border:none !important;
    border-bottom:5px transparent  solid !important;
    background: transparent;
    color: #bfbebe;
    height:100%;
}
.tab-carsearch .nav-tabs .nav-link.active, 
.tab-carsearch .nav-tabs .nav-item.show .nav-link{
    background: transparent;
    color: #fff;
    border-bottom: 5px solid #fff !important;
}
.nav-tabs .nav-item{
    flex:1;
}
.yourCar{
    text-align:center;
}
#vue-app{
    margin-top:0px !important;
}
.mainmenu .cat-45383{
    display:none;
}
.mainmenu .ddown.cat-8838 ul,
.mainmenu .cat-8838 > a:after{
    display: none !important;
}
.nav-wrap{
    margin-top:15px;
}
.sv-vbadge-vb2fx{
    z-index: 10 !important;
}
.goBack{
    display:none;
}
.CarSwitchOpen .switchCarBtn .switchCar{
    display:none;
}
.CarSwitchOpen .switchCarBtn .goBack{
    display:inline-block;
}
.catShortDescr{
    font-size:12px;
}
.showInfo{
    background:transparent;
    border:none;
    color:#fff;
    font-size: 20px;
}
.showInfoCont{
    display: flex;
}
.basket-preview-content .item-list{
    min-height:150px;    
}
.carSelectorWrap > span{
    margin-bottom:25px;
    height: 25px;
    display:block;
}
.locked button{
    pointer-events:none;
}
.bonusitem .qty-box-container{
    display:none;
}
.bonusName.item-name{
    display:none;
}
.bonusitem .nobonusname{
    display:none;
}
.bonusitem .item-name.bonusName{
    display:inline-block;
}
.basket-preview-content .price-box{
    min-width:70px;
}
.kbaerror{
    display:none;    
}
.kbaerror p{
    font-size: 14px;
    text-align: left;
    line-height: 18px;
}
.kbaerror.showError{
    display:block;
}
.cat-item-data .thumb-title + .thumb-title{
    display:none;
}
.brand-logos{
    margin-left: -10px;
    margin-right: -10px;
}
.brand-logos > div {
    height: 100px;
    padding: 10px;
}
.brand-logos > div > a,
.brand-logos > div > span{
    border: solid 1px #ccc;
    border-radius: 5px;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.brand-logos img{
    max-width: 100%;
    max-height: 100%;
}
.propertySelect {
    border-width:1px;
}
.propertySelect ~ .propertyInput{
    display:none;
}
.custom-select:focus{
    box-shadow:none;
    border-color:#f13030;
}
.cmp-product-thumb .add-to-basket-lg-container{
    z-index: 8;
}
.myaccount > .row > div.col-6 >  a.btn-primary{
    margin-bottom: 50px;
}
.bonusArticleNotice{
    border: solid 1px #ccc;
    padding: 15px;
    border-radius:6px;
}
.rewardCont{
    background: #f2c40f;
    color: #fff;
    padding: 10px 20px 10px 60px;
    position: relative;
    margin-left: 30px;
    height: 80px;
    align-items: center;
    display: inline-flex;
}
.rewardText{
    font-size:13px;
    line-height: 1.3;
}
.rewardCont .iconWrapper{    
    font-weight: 900;
    font-size: 40px;
    position: absolute;
    left: -30px;
    top: -2px;
    bottom: -2px;
    line-height: 80px;
    background: #f2c40f;
    border-radius: 50%;
    width: 84px;
    text-align: center;
    border: 2px solid #fff;
}
.amzPayButton.articleCheckout{
    text-align:left !important;
}
#add-item-to-basket-overlay #ppButton,
#add-item-to-basket-overlay .amzPayButton{
    margin: 0 .5rem 10px .25rem !important;
}
.expressButtons{
    padding: 0 .75rem;
    text-align: right;
}
.cat-8838{
    display:none !important;
}
.vorkasseCont{
    background: #6c6869;
    color: #fff;
    padding: 20px;
}
.vorkasseCont h3,
.vorkasseCont h4{
    font-size: 14px;
}
.vorkasseCont p{
    margin-bottom: 0;
}
.singleArtPaymentIcons{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
}
.singleArtPaymentIcons img{
    max-width: 14%;
}
.horizontalWrap{
    background:#2c2c34;
    padding: 15px;
}
.horizontalWrap #CarSelector{
    margin-bottom: 0 !important;
}
.horizontalWrap #CarSelector .col-12{
    margin-bottom:0px !important;
}
.HSNSelection{
    display:none;
}
.switchSelectionMethod .switchSelectionMethod .CatSelection{
    display:none;
}
.switchSelectionMethod .switchSelectionMethod .HSNSelection{
    display:inline-block;
}
.horizontalWrap .kbaerror p{
    color: #fff;
    margin: 15px 0 0;
}
.horizontalWrap .showInfo{
    height:41px;
}
.basket-preview-footer #ppButton img{
    width:100%;
}
@media (min-width: 576px) { 
    #add-item-to-basket-overlay .modal-footer{
        justify-content: flex-end;
    }
    #add-item-to-basket-overlay #ppButton,
    #add-item-to-basket-overlay .amzPayButton{       
        margin:.5rem !important;
        display:inline-block !important;
    }
    #add-item-to-basket-overlay .expressButtons{
        display: flex;
        justify-content: flex-end;
        padding:0 .75rem .75rem;
    }

    .rewardCont .iconWrapper {
        font-size: 35px;
        line-height: 60px;
        width: 62px;
    }
    .rewardCont {
        padding: 10px 20px 10px 50px;       
        height: 60px;
    }
    .rewardText{
        font-size:15px;
        line-height: 1.5;
    }
    .basket-preview-content .item-list{
        max-width:none;
    }
    .basket-preview-content > div{
        max-width: 55%;
    }
    .thumb-content .thumb-meta{
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cmp-product-thumb{
        padding:.8rem;
    }
    
    .control-user.isLoggedIn{
        width: auto !important;
        margin: 0 5px;
    }
    .pagination{
        justify-content: flex-start;
        margin-top: 0;
    }
    .cattop-img img {
        width: 100%;
        height: auto;
    }
    .list-undercats a {
        width: calc(33.3333333% - 15px);
    }
    .nopdmo {
        padding-left: 15px;
        padding-right: 15px;
    }
    .float-right-md{
        float: right;
    }
    .myCarSelection h2 span{
        background: #2c2c34;
        position: relative;
        z-index: 3;
        padding: 0 15px;
        color: #f13030;
    }
    .myCarSelection h2:after{
        content: '';
        position: absolute;
        height: 2px;
        background: #f13030;
        width: 100%;
        top: 50%;
        margin-top: -1px;
        left: 0;
    }   
}
@media (min-width: 768px) { 
    .horizontalWrap #tab-hsntsn input{
        margin-bottom:0px !important;
    }
    .rewardText {
        font-size: 13px;
        line-height: 1.3;
    }
    .rewardCont {
        padding: 10px 20px 10px 60px;
        height: 80px;
    }
    .rewardCont .iconWrapper{
        font-size: 45px;
        line-height: 80px;
        width: 82px;
    }
    .boxcatcontent h2{
        font-size: 1.8rem;
    }
    .page-home #page-header .navbar,
    #page-header  .navbar.catWithCarSearch,
    .category-8838 #page-header .navbar{
        background:rgba(255,255,255,.7);
        position: relative !important;
        left: 0;
        top: 0;
        right: 0;
        z-index: 9;
        border:none;
    }
    .category-8838 .breadcrumbs.header-fw{
        display:none;
    }
    .section-home-fahrzeugsuche{
        color: #fff;
        position: relative;
        margin-top: -90px;
        left: 0;
        right: 0;
        z-index: 1;
    }
    .page-home .nav-wrap{
        background:rgba(247,245,246,.7)
    }
    .CarSelection{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }
    .nav-tabs .nav-item{
        flex:unset;
    }
    .section-home-fahrzeugsuche .car-search-wrap{
        padding: 30px;
        min-height: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    #CarSelector{
        margin-bottom: 50px;
    }
    .cmp-product-thumb .thumb-title{
        padding-right:45px;
    }
    .CarCustomSelect{
        height: 100%;
    }
    .yourCar .imgCont{
        margin:0;
    }
    .selectionCont{
        margin:0;
        display: flex;
        align-items: center;
    }
    .yourCar{
        display: flex;
        align-items: center;
        text-align: left;
        height:100%;
        flex-direction:row;   
        justify-content: center;
    }
    .fakeSelectOpener{
        margin-bottom: 0;        
        height: 100%;
    }
    #CarSelector .col-12{
        margin-bottom:15px;
    }
    .headText{
        font-size:12px !important;
    }
    .headText.bold{
        font-size:18px !important;
    }
    
    .single-main-img{
        height:350px!important;
        line-height: 350px !important;
    }
    body div#vue-app div#page-body div div div div div div div div a#magicCustom:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img{
        max-height:360px!important;
    }
    .imageCont{
        width:100px;
    }
    .cat-item-data{
        margin-left: 20px;
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
        width: 300px;
    }
    .top-bar .cmp-search-box{
        top: 88px;
    }
    .btnmobile .icon-user,
    .toggle-basket-preview .icon-online-shopping-cart{
        margin-right: 10px;
    }
    .control-basket .icon-online-shopping-cart {
        font-size: 36px;
        position: relative;
    }
    .categoriegrid .list-controls .list-sort{
        margin-bottom: 0;
    }
    .btn-nl-open {
        height: 50px;
    }
    .control-user .dropdown .dropdown-toggle::after{
        color: #ccc;
    }
    .control-wish-list .badge-right,
    .toggle-basket-preview .badge-bsk{
        background: #ccc!important;
        color: #fff!important;
    }
    .section-home-banner{
        margin-top: 0;
    }
    .section-home-banner svg{
        margin-top: -120px;
        margin-bottom: -80px;
    }
    .section-home-banner .btmsvg{
        margin-top: -80px;
    }
    .cattop-img {
        height: 300px;
    }
    .zoom-nav-list{
        display: none;
    }
    .list-undercats a {
        width: calc(25% - 15px);
    }
    .single .title, 
    .page-singleitem .title{
        font-size: 27px;
    }
    .producerLogo img{
        max-width: 100px;
        max-height: 100px;
    }
    .controls-list .nav-link:hover,
    .controls-list .nav-link:hover span{
        color: #6c6869 !important;
    }
    .toggle-basket-preview .badge-bsk {
        top: -7px;
    }
    .home-seo-txt {        
        column-count: 2;
    }
    .propcatdesc {
        min-height: 130px;
    }
    .phone-toptop a{
        display:inline;
    }
    .phone-toptop{
        order:1;
    }
    .toptopbar, 
    .toptopbar a {
        font-size: 13px;
    }
    .navbar-brand img {
        max-height: 70px !important;
    }    
    .head-content-nav {
        width: 240px;
        background: #fff;
    }
    .control-basket .toggle-basket-preview{
        background-color: transparent;  
    }
    .btnmobile [class*="icon"]{
        color: #2C2C34;
        font-size: 30px!important;
        line-height: 34px;
    }
    .btnmobile .icon-search1{
        font-size: 35px!important;
    }
    .navbar-brand {
        text-align: left;
        width: auto !important;
    }
    .btnmobile i {
        font-size: 36px;
    }
    .footer-nl-txt {
        padding: 0px 20px;
        max-width: 300px;
    }    
    .footer-nl-txt .h1 {
        font-size: 30px;
    }
    .btn-nl-open{
        height: auto;
    }
    #homeslider .owl-prev, 
    #homeslider .owl-next {
        font-size: 50px;
        width: 53px;
        height: 50px;
    }
    .home-usp>div>div span:first-child {
        font-size: 17px;
    }
    .home-usp>div>div>span {
        font-size: 15px;
    }
    .mt-own, .home-products li article {
        margin-top: 30px;
    }
    .phone-toptop {
        font-size: 14px;
    }
    .SelectorBorder{
        border-right:1px solid #fff;
    }
}
@media (min-width: 992px) { 
    .SingleExpressButtons{
        flex-wrap:wrap;
    }
    .SingleExpressButtons .amzPayButton.articleCheckout{
        margin:0;
        margin-left:13px !important;
    }
    .SingleExpressButtons #ppButton{
        order:1;
    }
    .SingleExpressButtons .amzPayButton.articleCheckout{
        order:2;
    }
    .SingleExpressButtons .paypal-installment-banner-graphical{
        order:3;
        flex:1;
    }
    .rewardText {
        font-size: 15px;
    }
    .imageCont{
        width:200px;
    }
    .cat-img {
        height: 140px;
        line-height: 140px;
    }
    .section-home-fahrzeugsuche{
        position: relative;
        margin-top: -145px;
    }
    .CarSelectContent{
        margin-top:75px;
    }
    .basket-preview-content > div{
        max-width:none;
    }
    .switchCarCont{
        align-items:center;
    }
    .yourCar{
        justify-content: flex-start;
    }
    .single-main-img{
        height:400px!important;
        line-height: 400px !important;
    }
    body div#vue-app div#page-body div div div div div div div div a#magicCustom:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img{
        max-height:400px!important;
    }
    .btnmobile [class*="icon"]{
        color: #2C2C34;
        font-size: 36px!important;  
        line-height: 42px;
    }
    .headText{
        font-size: 80%;
    }
    .headText{
        margin-bottom: 5px;
    }
    .headText.bold{
        margin-bottom: 0px;
    }
    .top-bar .cmp-search-box{
        width: 350px;
        position: static;
        display:block;
        background-color:transparent;
    }
    .head-content-nav {
        width: 260px;
    }
    .list-undercats a {
        width: calc(25% - 15px);
    }
    .toptopbar, .toptopbar a {
        font-size: 14px;
    }
    .footer-nl-txt {
        padding: 0 80px;
        max-width: 500px;
    }
    .filter-wrap {
        height:auto;
        position: static;
        z-index: 1;
        width: auto;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        overflow: visible;
    }
    .filter-left {
        position: relative;
        height: auto;
        overflow: visible;
        padding: 0;
    }
    .mtslider {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
}
@media (min-width: 1200px) { 
    .single-main-img{
        height:450px!important;
        line-height: 450px !important;
    }
    body div#vue-app div#page-body div div div div div div div div a#magicCustom:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img{
        max-height:450px!important;
    }
    .top-bar .cmp-search-box{
        width: 460px;
    }
    .footer-nl-txt {
        max-width: 620px;
    }
    #mainNavbarCollapsable ul.mainmenu>li>a {
        padding: .8rem 1rem;
        font-size: 15px;
        font-weight: 600;
    }
}
@media (min-width: 1400px){    
    .container, 
    .container-max {
        max-width: 1300px;
    }
    .rewardCont .iconWrapper {
        font-size: 35px;
        line-height: 60px;
        width: 62px;
    }
    .rewardCont {
        padding: 10px 20px 10px 50px;
        height: 60px;
    }
}
/*


   Magic Zoom Plus v5.3.5 
   Copyright 2020 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/

/**
 * Core styles
 */
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.MagicZoom {
    -webkit-transform: translate3d(0,0,0);
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
    width: 100%;
    height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
    width: 100%;
    max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
        touch-action: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}
.mz-lens img {
    -webkit-transition: none !important;
            transition: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none;
}
.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}
.mz-zoom-window img  {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
        -ms-transform-origin: 50% 50% !important;
            transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
}
.lt-ie9-magic .mz-zoom-window img  {
    margin: 0 !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    -webkit-transition: opacity .25s;
            transition: opacity .25s;
}
.mz-hidden {
    opacity: 0;
}
.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
            transform-style: flat !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
    top: 0 !important;
    left: 0 !important;
}


@media not screen and (max-device-width: 767px) {
    .mz-expanded-view-open,
    .mz-expanded-view-open body {
        overflow: hidden !important;
    }
    .mz-expanded-view-open body { height: auto !important; }
}

@media screen and (max-device-width: 767px) {
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
        overflow: hidden !important;
    }
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto !important; }
}


/**
 * Main figure
 */
.mz-figure.mz-active {
    background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}
.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important;
}

.mz-figure.mz-active > img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-expand .mz-figure.mz-active.mz-inner-zoom,
:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
    filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

/**
 * Zoom lens
 */
.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170,170,170,0.7);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    cursor: none;
    z-index: 10;
    opacity: 0;
}
.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

/**
 * Zoom window
 */
.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0;
    background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;bottom: 0;
    left: 0; right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170,170,170,0.7);
    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3);
    background: transparent;
    z-index: 1;
}
.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
    border-radius: 0 !important;
}
.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none;
}
.mz-zoom-window.mz-inner:not(.mz-expanded) {
    z-index: 80;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
            transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}
.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
}
/* Inner mode animation */
.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
            transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}
/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
            transform: scale(.1);
}
/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0;
}


/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49,51,61,0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.4s ease, z-index 0.4s ease;
            transition: opacity 0.4s ease, z-index 0.4s ease;
}
.mz-hint-message {
    display: inline-block;
    background: rgba(49,51,61,0.7);
    border-radius: 2em;
    padding: .7em 1.1em;
}
.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}
.mobile-magic .mz-hint-message:before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}
/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);

}
.mz-expand .mz-hint-message {
    padding: 1.1em;
}
.mz-expand .mz-hint-message:before {
    display: none;
}
.mz-expand .mz-hint-hidden {
    opacity: 0;
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}

/* Loading indicator */
.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.mz-loading:after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box;
}
.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
            animation: spin-loading .9s infinite linear;
}

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

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto;
}
.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left:  0;
    width: 126px;
    margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0);
}



/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
    width: auto !important;
    height: auto !important;

}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg  {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
            perspective: 600px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -ms-overflow-style: none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
    display: inline-block;
    max-width: none !important;
    max-height: none !important;
    margin: auto;
    vertical-align: middle;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-perspective: 600px;
            perspective: 600px;

    -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
            transform: translate3d(0, 0 ,0) scale(10) rotate(0.01deg);
}

:root:not([data-magic-ua=safari]) .mz-expand .mz-expand-bg {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
            filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > img  {
    margin: auto;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

[data-magic-ua=safari] .mz-expand .mz-expand-bg > img  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
            filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > svg  {
    margin: auto;
    opacity: .6;
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}
.lt-ie9-magic .mz-expand {
    background: #1f1f1f;
}
[data-magic-ua=edge] .mz-expand {
    background-color: rgba(31, 31, 31, .96);
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}
.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
    background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
    display: flex;
    flex-direction: column;
    padding: 0;
    z-index: 2100000000;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    position: relative;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0;
}


.mz-expand .mz-image-stage > figure {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}

.mz-expand .mz-figure {
    max-width: 100% !important;
    overflow: visible;
}
.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    flex: 1 0;
    width: 100%;
    height: 100%;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img {
    pointer-events: none;
}
.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100);
}

/* Caption in expanded view */
.mz-expand .mz-caption {
    flex: 0 0;
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 30px;
    font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    opacity: 0;
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
    display: none;
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0;
}

/* Expanded view on mobile */
@media screen and (max-device-width: 767px) {
    .mobile-magic .mz-expand .mz-image-stage .mz-caption {
        display: none !important;
    }
}

/**
 * Buttons & Arrows
 */
.mz-nav-controls,
.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

.mz-nav-controls {
    z-index: 2100000000;
}

button.mz-button {
    color: rgba(180, 180, 180, .6) !important;
    font-size: 0;
    cursor: pointer;
    z-index: 2100000000 !important;
    background-color: transparent !important;
    border: 0 solid transparent !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-transition: color .25s, background-color .25s !important;
            transition: color .25s, background-color .25s !important;
}

button.mz-button:before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(.9);
    -webkit-transition: -webkit-transform .25s !important;
            transition: transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover,
button.mz-button:active {
    color: rgba(180, 180, 180, 1) !important;
}

button.mz-button:active:before {
    -webkit-transform: scale(.7) !important;
            transform: scale(.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
    background-color: rgba(49, 51, 61, .7) !important;
}


button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0 !important;
    transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
    right: 0 !important;
}

button.mz-button.mz-button-close {
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
}

button.mz-button.mz-button-close:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

button.mz-button.mz-button-prev:before,
button.mz-button.mz-button-next:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports(
        ((-webkit-mask-image:url()) or (mask-image:url())) and
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
    button.mz-button:before {
        content: "" !important;
        background-color: currentColor;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: cover;
                mask-size: cover;
    }

    button.mz-button.mz-button-close:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }

    button.mz-button.mz-button-prev:before,
    button.mz-button.mz-button-next:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

    }
}

@media screen and (max-device-width: 767px) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }

    .mobile-magic .mz-expand button.mz-button.mz-button-close {
        width: 50px !important;
        height: 50px !important;
        color: rgb(180, 180, 180) !important;
    }

    .mobile-magic .mz-expand button.mz-button:before {
        transform: scale(.8);
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100);
}

/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button {
    display: none;
    width: 32px !important;
    height: 56px !important;
    margin: auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
    display: block;
}



/**
 * Thumbnails
 */

/** Thumbnails on the page **/
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}

a[data-zoom-id] img,
.mz-thumb img {
    padding-bottom: 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-thumb.mz-thumb-selected img {
    border-bottom-color: #f2e7e4;
}

/** Thumbnails in expanded view **/
.mz-expand-thumbnails {
    flex: 0 0 80px;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 10px 0;
    z-index: 50;
    overflow: hidden;
}

.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,
:root[data-magic-ua=firefox] .mz-expand-thumbnails {
    height: 80px;
}

.mz-expand-thumbnails .magic-thumb > img {
    cursor: pointer;
    padding-bottom: 4px;
    border: 0;
    border-bottom: 2px solid transparent;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}

/** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/
@media not screen and (max-device-width: 767px) and (orientation: portrait) {
    .mz-expand.expand-thumbnails-left .mz-expand-stage {
        flex-direction: row-reverse;
    }

    .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        padding: 0 10px;
        height: 100%;
        overflow: hidden;
    }

    .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,
    :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        width: 80px;
        height: 100%;
    }

    @media not screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
}

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}


/** Thumbnails shaded style (improved previous one)  **/
.thumbnails-style-shaded.mz-thumb img {
    border: 0 !important;
    padding-bottom: 0;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: brightness(.7);
            filter: brightness(.7);

}
.thumbnails-style-shaded.mz-thumb-selected img {
    -webkit-filter: brightness(.7) opacity(.7);
            filter: brightness(.7) opacity(.7);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img {
    border: 0 ;
    padding-bottom: 0;
    box-shadow:0 0 5px 1px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    -webkit-filter: brightness(.75);
            filter: brightness(.75);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(.7) opacity(.7);
            filter: brightness(.7) opacity(.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
    background: #000;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .75;
    filter: alpha(opacity=75);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb {
    position: relative;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    z-index: 100;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after {
    background-color: rgba(0, 0, 0, 0.2);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img {
    position: relative;
    z-index: 1;
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 40px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
        touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0 !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}


.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}
.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.magic-thumbs ul li > img {
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: 100% !important;
    vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
    max-width: none !important;
    max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}
.magic-thumbs-vertical {
    padding: 40px 0;
}
.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}
.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}
.magic-thumbs-vertical ul li {
    margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
    max-width: 100% !important;
    max-height: none !important;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}

/**
 * Buttons
 */
.magic-thumbs button.magic-thumbs-button {
    color: rgba(180, 180, 180, .6) !important;
    font-size: 0;
    cursor: pointer;
    z-index: 90 !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    border-radius: 100%;
    box-shadow: none !important;
    overflow: hidden;
    position: absolute;
    text-transform: none !important;
    speak: none;
    text-align: center;
    width: 33px;
    height: 33px;
    top: 0;
    bottom: 0;
    margin: auto 3px;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-transition: color .25s, background-color .25s !important;
            transition: color .25s, background-color .25s !important;
}

.magic-thumbs button.magic-thumbs-button:before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s !important;
            transition: transform .25s !important;
}

.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),
:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover,
.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    color: rgba(180, 180, 180, 1) !important;
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before {
    -webkit-transform: scale(.7) !important;
            transform: scale(.7) !important;
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    background-color: rgba(49, 51, 61, .7) !important;
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0;
    transform: rotateZ(180deg) !important;
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0;
}

.magic-thumbs-vertical button.magic-thumbs-button {
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 3px auto;
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
    top: 0;
    transform: rotateZ(-90deg) !important;
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
    bottom: 0;
    transform: rotateZ(90deg) !important;
}

.magic-thumbs .magic-thumbs-button-prev:before,
.magic-thumbs .magic-thumbs-button-next:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports(
        ((-webkit-mask-image:url()) or (mask-image:url())) and
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
    .magic-thumbs button.magic-thumbs-button:before {
        content: "" !important;
        background-color: currentColor;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: cover;
                mask-size: cover;
    }

    .magic-thumbs .magic-thumbs-button-prev:before,
    .magic-thumbs .magic-thumbs-button-next:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

    }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}
.magic-thumbs-button-disabled {
    opacity: 0.2;
    filter: alpha(opacity = 20);
}