@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased !important;
}

html{
    background-color: #fff;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased !important;
}

html, body
{
    padding: 0; margin: 0; font-family: "Ubuntu", Helvetica, Arial, sans-serif !important;  font-size: 14px; color: #3a3f49; width: 100%; height: auto !important; min-height: 100% !important;
}

body{
    min-height: 100vh !important;
    background-color: #fff;
}

.text-exo{
    font-family: "Exo", sans-serif;
}

body.wrap-fe-page.product-details, body.page-id-92, body.page-id-93, body.page-id-94, body.page-id-95{
    background-color: #f6f6f6;
}

body.error404-page div.logo > img, div.logo.error404-page > img{
    max-width: 360px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

div.borderedSpacer > div:before, div.borderedSpacer > div:after {
    content: "";
    display: block;
    position: absolute;
    left: 40px;
    top: 50%;
    width: 120px;
    height: 1px;
    background-color: #ccc;
}

div.borderedSpacer > div::after {
    left: auto;
    right: 40px;
}

.modal-backdrop.show{
    opacity: 0.9;
}

div.ts-user-editcomedian-modal div.modal-body > div[data-target='replacecontent']{
    min-height: 200px;
    overflow: visible;
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

div.ts-user-editcomedian-modal .modal-md.modal-video-transparent div.modal-body > div[data-target="replacecontent"]{
    min-height: 50px;
}

div.ts-user-editcomedian-modal div.modal-header h1{
    font-weight: 400;
}

div.ts-user-editcomedian-modal button.close{
    position: relative;
    top: 12px;
    right: 15px;
    z-index: 20;
}

div.wrapPager a.btn{
    min-width: 28px;
}

body.wrap-fe-page div.wrapPager a.btn{
    min-width: 36px;
    min-height: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1rem;
}

.btn-pdf-download:before{
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    margin-right: 5px;
}

.btn-basket{
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
}

.btn-basket:after{
    content: "";
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 10px;
    background-color: #6c757d;
}

.btn-basket:hover, .btn-basket[aria-expanded="true"]{
    background-color: #6c757d;
    color: #fff;
}

.btn-basket[aria-expanded="true"]:after {
    display: block;
}

.btn-secondary.current {
    background-color: #3a3f49;
    border-color: #3a3f49;
}

.nice-select .list{
    z-index: 200;
}

.nice-select.horizontal{
    padding: 0;
    background: transparent;
    border: none;
    border: 0;
}

.container1{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.container1-xs-full{
    padding: 0;
}

.nice-select.horizontal .list{
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    opacity: 1;
    transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    pointer-events: auto;
}

.nice-select.horizontal span.current{
    display: none;
}

.nice-select.horizontal .option{
    display: inline-block;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    border-right: solid 1px #ccc;
    font-size: 12px;
}

.nice-select.horizontal .option.selected{
    background-color: #3a3f49;
    color: #fff;
}

.nice-select.horizontal .list:hover .option.selected:not(:hover){
    background-color: #6c757d !important;
    color: #fff;
}

.badge{
    font-weight: 600;
}

.min-width-20{
    min-width: 20px;
}

.min-width-50{
    min-width: 50px;
}

.fixed-width-6{
    width: 6px;
    flex: 0 0 6px;
    -moz-flex: 0 0 6px;
    -webkit-flex: 0 0 6px;
}

.fixed-width-10{
    width: 10px;
    flex: 0 0 10px;
    -moz-flex: 0 0 10px;
    -webkit-flex: 0 0 10px;
}

.fixed-width-20{
    width: 20px;
    flex: 0 0 20px;
    -moz-flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
}

.fixed-width-25{
    width: 25px;
    flex: 0 0 25px;
    -moz-flex: 0 0 25px;
    -webkit-flex: 0 0 25px;
}

.fixed-width-30{
    width: 30px;
    flex: 0 0 30px;
    -moz-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
}

.fixed-width-40, .fixed-width-xs-40{
    width: 40px;
    flex: 0 0 40px;
    -moz-flex: 0 0 40px;
    -webkit-flex: 0 0 40px;
}

.fixed-width-50{
    width: 50px;
    flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
}

.fixed-width-60{
    width: 60px;
    flex: 0 0 60px;
    -moz-flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
}

.fixed-width-70{
    width: 70px;
    flex: 0 0 70px;
    -moz-flex: 0 0 70px;
    -webkit-flex: 0 0 70px;
}

.fixed-width-80{
    width: 80px;
    flex: 0 0 80px;
    -moz-flex: 0 0 80px;
    -webkit-flex: 0 0 80px;
}

.fixed-width-90{
    width: 90px;
    flex: 0 0 90px;
    -moz-flex: 0 0 90px;
    -webkit-flex: 0 0 90px;
}

.fixed-width-100{
    width: 100px;
    flex: 0 0 100px;
    -moz-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
}

.fixed-width-110{
    width: 110px;
    flex: 0 0 110px;
    -moz-flex: 0 0 110px;
    -webkit-flex: 0 0 110px;
}

.fixed-width-120{
    width: 120px;
    flex: 0 0 120px;
    -moz-flex: 0 0 120px;
    -webkit-flex: 0 0 120px;
}

.fixed-width-130{
    width: 130px;
    flex: 0 0 130px;
    -moz-flex: 0 0 130px;
    -webkit-flex: 0 0 130px;
}

.fixed-width-140{
    width: 140px;
    flex: 0 0 140px;
    -moz-flex: 0 0 140px;
    -webkit-flex: 0 0 140px;
}

.fixed-width-150{
    width: 150px;
    flex: 0 0 150px;
    -moz-flex: 0 0 150px;
    -webkit-flex: 0 0 150px;
}

.fixed-width-180{
    width: 180px;
    flex: 0 0 180px;
    -moz-flex: 0 0 180px;
    -webkit-flex: 0 0 180px;
}

.fixed-width-200{
    width: 200px;
    flex: 0 0 200px;
    -moz-flex: 0 0 200px;
    -webkit-flex: 0 0 200px;
}

.fixed-width-250{
    width: 250px;
    flex: 0 0 250px;
    -moz-flex: 0 0 250px;
    -webkit-flex: 0 0 250px;
}

.fixed-width-300{
    width: 300px;
    flex: 0 0 300px;
    -moz-flex: 0 0 300px;
    -webkit-flex: 0 0 300px;
}

.fixed-width-350{
    width: 350px;
    flex: 0 0 350px;
    -moz-flex: 0 0 350px;
    -webkit-flex: 0 0 350px;
}

.fixed-width-400{
    width: 400px;
    flex: 0 0 400px;
    -moz-flex: 0 0 400px;
    -webkit-flex: 0 0 400px;
}

.fixed-width-500{
    width: 500px;
    flex: 0 0 500px;
    -moz-flex: 0 0 500px;
    -webkit-flex: 0 0 500px;
}

.fixed-width-600{
    width: 600px;
    flex: 0 0 600px;
    -moz-flex: 0 0 600px;
    -webkit-flex: 0 0 600px;
}

.fixed-width-700{
    width: 700px;
    flex: 0 0 700px;
    -moz-flex: 0 0 700px;
    -webkit-flex: 0 0 700px;
}

.fixed-width-800{
    width: 800px;
    flex: 0 0 800px;
    -moz-flex: 0 0 800px;
    -webkit-flex: 0 0 800px;
}

.fixed-width-900{
    width: 900px;
    flex: 0 0 900px;
    -moz-flex: 0 0 900px;
    -webkit-flex: 0 0 900px;
}

.fixed-width-1000{
    width: 1000px;
    flex: 0 0 1000px;
    -moz-flex: 0 0 1000px;
    -webkit-flex: 0 0 1000px;
}

.max-width-400{
    max-width: 400px;
}

.max-width-500{
    max-width: 500px;
}

.max-width-600{
    max-width: 600px;
}

.max-height-50{
    max-height: 50px;
}

.fixed-height-300{
    height: 300px;
}

.fixed-height-100{
    height: 100px;
}

.fixed-height-70{
    height: 70px;
}

.fixed-height-60{
    height: 60px;
}

.fixed-height-60 img{
    height: 60px;
    width: auto;
    max-width: available;
}

.fixed-height-50{
    height: 50px;
}

.fixed-height-2{
    height: 2px;
}

.min-height-20{
    min-height: 20px;
}

.min-height-150{
    min-height: 150px;
}

.min-height-200{
    min-height: 200px;
}

.min-height-300{
    min-height: 300px;
}

.d-min-height-300{
    min-height: 10px;
}

.wrap-xs-fullwidth{
    width: 100%;
    padding: 0;
}

.padd-xs-15rem{
    padding: 1.5rem;
}

.paddLeftRight-xs-15{
    padding-left: 15px;
    padding-right: 15px;
}

.margin-bottom-xs-10-md-30{
    margin-bottom: 2px;
}

.paddTopBottom-xs-10-md-30{
    padding-top: 10px;
    padding-bottom: 10px;
}

.padd-xs-10-md-20{
    padding: 10px;
}

.paddTopBottom-xs-10-md-20{
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddLeftRight-xs-10-md-20{
    padding-left: 10px;
    padding-right: 10px;
}

.paddLeftRight-xs-10-md-40{
    padding-left: 10px;
    padding-right: 10px;
}

.inheritheight{
    height: inherit;
}

.forcedZIndex-50, .abs.forcedZIndex-50{
    z-index: 50;
}

.forcedZIndex-100, .abs.forcedZIndex-100{
    z-index: 100;
}

.forcedZIndex-200, .abs.forcedZIndex-200{
    z-index: 200;
}

.forcedZIndex-500, .abs.forcedZIndex-500{
    z-index: 500;
}

.forcedZIndex-2000, .abs.forcedZIndex-2000{
    z-index: 2000;
}

.zeroopacity{
    opacity: 0;
    display: none;
    transition: opacity 0.4s linear 0s;
    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    z-index: 1;
}

.zeroopacity.activated{
    display: block;
    opacity: 1;
    z-index: 20;
}

.zeroopacity1{
    opacity: 0;
    transition: opacity 0.4s linear 0s;
    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
}

.zeroopacity1.activated{
    opacity: 1;
}

.fade-in-section {
    opacity: 0;
    transform: translateY(100px);
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    visibility: hidden;
    transition: opacity 0.3s ease-out, transform 0.6s ease-out;
    -moz-transition: opacity 0.3s ease-out, transform 0.6s ease-out;
    -webkit-transition: opacity 0.3s ease-out, transform 0.6s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.fade-in-slower{
    transform: translateY(300px);
    -moz-transform: translateY(300px);
    -webkit-transform: translateY(300px);
    transition: all 0.15s ease-out 0s, opacity 0.6s ease-out, transform 1.2s ease-out;
    -moz-transition: all 0.15s ease-out 0s, opacity 0.6s ease-out, transform 1.2s ease-out;
    -webkit-transition: all 0.15s ease-out 0s, opacity 0.6s ease-out, transform 1.2s ease-out;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    visibility: visible;
}

.nice-title{
    font-weight: 500;
}

.nice-title-light{
    font-weight: 400;
}

.wrap-title{
    margin-bottom: 20px;
}

.title-sm{
    margin-bottom: 10px;
}

.flex1{
    flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    max-width: 100%;
}

.wrap-text .bodytext ul{
    list-style-type: disc;
    padding-left: 15px;
}

.wrap-text .bodytext ul > li{
    padding-left: 10px;
    margin-bottom: 12px;
}
div.fRow button.btn.activated > .loader, div.ajaxLoader > .fineloader{
    display: block;
}

div.fRow > div.abs.icon {
    left: 6px;
}

.no-modal-header .modal-header{
    border-bottom: none;
    border-bottom: 0;
}

.no-modal-header .modal-header > .modal-title {
    display: none;
}

.modal-full{
    width: max-content;
    width: -moz-max-content;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.modal-full button.close{
    color: #f6f6f6;
}

.modal-full div.modal-content{
    width: 100%;
    height: 100%;
    background-color: transparent;
}

div.ts-user-editcomedian-modal .modal-full div.modal-content div.modal-body > div[data-target="replacecontent"]{
    min-height: 1px;
    text-align: center;
    height: 100%;
}



div.modal-body div#loginBlock input.mf-input, div.modal-body div#loginBlock div.regularForm label.floating {
    font-size: 1.2rem;
    top: 16px;
}

div.modal-body div#loginBlock input.mf-input, div.modal-body div#loginBlock div.regularForm label.floating.stay{
    top: -9px;
}

div.modal-body div#loginBlock, div.modal-body div#registerBlock, div.modal-body div#forgotPasswordBlock{
    opacity: 0;
    transition: opacity 1s linear 0s;
    -moz-transition: opacity 1s linear 0s;
    -webkit-transition: opacity 1s linear 0s;
}


div.modal-body div.register-block-in-act div#registerBlock, div.modal-body div div#loginBlock, div.modal-body div.forgotpassword-block-in-act div#forgotPasswordBlock{
    opacity: 1;
    transition: opacity 1s linear 0s;
    -moz-transition: opacity 1s linear 0s;
    -webkit-transition: opacity 1s linear 0s;
}

div.modal-body div.register-block-in-act div#loginBlock,
div.modal-body div.register-block-in-act div#forgotPasswordBlock{
    opacity: 0;
    transition: opacity .2s linear 0s;
    -moz-transition: opacity .2s linear 0s;
    -webkit-transition: opacity .2s linear 0s;
}

div.overlayWhite{
    background-color: rgba(255,255,255, 0.4);
    display: block;
    left: 0;
    top: 0;
    min-height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 1001;
}

div.wrapOverlayDisabler1{
    display: none;
    position: absolute;
    background-color: transparent;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

div.wrapOverlayDisabler{
    display: none;
    position: absolute;
    background-color: rgba(234,234,234, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

div.wrapOverlayDisabler.activated, div.wrapOverlayDisabler1.activated{
    display: block;
}

tbody tr:first-child a[data-context="deleteMachinePriceBreakpoint"]{
    display: none;
}

div.modal-body div#wrapOverlayBlock {
    min-height: 200px;
    height: 530px;
    /*noinspection CssInvalidPropertyValue,CssInvalidPropertyValue,CssInvalidPropertyValue*/
    overflow: clip;
    transition: all .15s linear 0.1s;
    -moz-transition: all .15s linear 0.1s;
    -webkit-transition: all .15s linear 0.1s;
}

div.modal-body div.outerTranslatedBlock {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: all .25s linear 0s;
    -moz-transition: all .25s linear 0s;
    -webkit-transition: all .25s linear 0s;
}

div.ajaxLoader > .fineloader, div.ajaxLoader > div.inline-block > .fineloader{
    border: 4px solid transparent;
    border-top: 4px solid #d71921;
    border-right: 4px solid #d71921;
    border-left: 4px solid #d71921;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    margin: 0;
    animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -webkit-animation: spin 1.5s linear infinite;
}

div.ajaxLoader > .fineloader.reverse, div.ajaxLoader > div.inline-block > .fineloader.reverse{
    animation: spin-reverse 1s linear infinite;
    -moz-animation: spin-reverse 1s linear infinite;
    -webkit-animation: spin-reverse 1s linear infinite;
}

div.ajaxLoader > div.wrap-between, div.ajaxLoader > div.inline-block > div.wrap-between{
    width: 15px;
    height: 3px;
    margin-top: -10px;
    background-color: #000;
    display: inline-block;
    vertical-align: middle;
}

div.ajaxLoader > div.wrap-between.wrap-short, div.ajaxLoader > div.inline-block > div.wrap-between.wrap-short{
    width: 5px;
    height: 3px;
    margin-bottom: -20px;

}

body.wrap-fe-page div.ajaxLoader > .fineloader.size75, body.wrap-fe-page div.ajaxLoader > div.inline-block > .fineloader.size75{
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    display: inline-block;
    vertical-align: middle;
}

div.ajaxLoader.fullwidth.fullheight > .fineloader, div.ajaxLoader.fullwidth.fullheight > div.inline-block > .fineloader{
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

body.wrap-fe-page .nice-select, body.wrap-fe-page div.wrapProductListSorter select.mf-select{
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 16px;
}

body.wrap-fe-page div.wrapOtherStructureProperties .nice-select{
    background-color: #fff;
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

body.wrap-fe-page div.wrapOtherStructureProperties .nice-select.open{
    overflow: visible;
}

body.wrap-fe-page .nice-select{
    padding: 0 29px 0 18px;
}

div.wrapVideoInline{
    height: 0;
    padding-bottom: 56.338%;
}

/*noinspection ALL*/

body.wrap-fe-page .nice-select:after{
    height: 8px;
    width: 8px;
}


body.wrap-fe-page .nice-select .list{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    max-height: 320px;
    min-width: 100%;
    overflow: auto;
}

body.wrap-fe-page .nice-select:active, .body.wrap-fe-page .nice-select.open, body.wrap-fe-page .nice-select:focus {
    border-color: transparent;
}

div.ajaxLoader > .fineloader.size50, div.ajaxLoader > div.inline-block > .fineloader.size50{
    width: 50px;
    height: 50px;
}

div.ajaxLoader > .fineloader.size75, div.ajaxLoader > div.inline-block > .fineloader.size75{
    width: 75px;
    height: 75px;
}

.box-shadow-2-animated{
    box-shadow: 0 0 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1);
    transition: all 0.15s ease-out 0s, background-color 0.6s linear 0s;
    -moz-transition: all 0.15s ease-out 0s, background-color 0.6s linear 0s;
    -webkit-transition: all 0.15s ease-out 0s, background-color 0.6s linear 0s;
}

.box-shadow-2-animated{
    box-shadow: 0 0 2px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.3);
}

.box-shadow-2-down{
    box-shadow: 0 2px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2);
}

.box-shadow-4-down{
    box-shadow: 4px 4px 8px rgba(0,0,0, 0.4);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0, 0.4);
}

.box-shadow-2-animated:hover{
    box-shadow: 0 0 5px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0, 0.1);
}

.box-shadow-2-animated:hover{
    box-shadow: 0 0 20px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
}

.bg-white.box-shadow-2-animated:hover{
    background-color: #3a3f49 !important;
}

.bg-white.box-shadow-2-animated:hover .title{
    text-shadow: 1px 1px rgba(0,0,0, 0.4);
    -moz-text-shadow: 1px 1px rgba(0,0,0, 0.4);
    -webkit-text-shadow: 1px 1px rgba(0,0,0, 0.4);
}

.bg-white.box-shadow-2-animated:hover .text-holder{
    color: #fff;
}

.bg-white-if-parent-first{
    background-color: #fff;
}

.bg-white-overlay7{
    background-color: rgba(255,255,255, 0.7);
}

.bg-white-overlay5{
    background-color: rgba(255,255,255, 0.5);
}

.bg-antiquewhite{
    background-color: #faebd7;
}

.bg-cornsilk{
    background-color: #fff8dc;
}

.wrap-white-item{
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.3);
}

div:first-child > .bg-white-if-parent-first{
    background-color: #d71921;
    border-color: #d71921 !important;
    color: #fff;
}

div.item.bg-white-if-parent-first:hover, div[data-disableautoselect="1"] div:first-child > .bg-white-if-parent-first:hover{
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important;
    color: inherit;
}

div:first-child > .bg-white-if-parent-first:hover{
    background-color: #bf171e;
    border-color: #bf171e !important;
    color: #fff;
}

div[data-disableautoselect="1"] div:first-child > .bg-white-if-parent-first{
    background-color: #fff;
    border-color: #fff !important;
    color: inherit;
}

.bgimage{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blurred{
    filter: blur(25px);
}

.blured-outer{
    z-index: 20;
}

div.mAOLThumb > div.whiteBackgroundLight{
    z-index: 1;
}

div.mAOLThumb > div.unveil{
    z-index: 10;
}

div.mAOLThumb > div.whiteBackgroundLight{
    z-index: 1;
}

.margin-top-minus-5{
    margin-top: -5px;
}

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

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

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

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

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

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

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

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

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

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

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

.margin-bottom-40{
    margin-bottom: 40px;
}
.padd2{
    padding: 2px;
}

.padd4{
    padding: 4px;
}

.padd5{
    padding: 5px;
}

.padd7{
    padding: 7px;
}

.padd10{
    padding: 10px;
}

.padd15{
    padding: 15px;
}

.padd20{
    padding: 20px;
}

.padd25{
    padding: 25px;
}

.padd30{
    padding: 30px;
}

.padd40{
    padding: 40px;
}

.paddTopBottom2{
    padding-top: 2px;
    padding-bottom: 2px;
}

.paddTopBottom5{
    padding-top: 5px;
    padding-bottom: 5px;
}

.paddTopBottom7{
    padding-top: 7px;
    padding-bottom: 7px;
}

.paddTopBottom10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddTopBottom15{
    padding-top: 15px;
    padding-bottom: 15px;
}

.paddTopBottom20{
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddTopBottom25{
    padding-top: 25px;
    padding-bottom: 25px;
}

.paddTopBottom30{
    padding-top: 30px;
    padding-bottom: 30px;
}

.paddTopBottom35{
    padding-top: 35px;
    padding-bottom: 35px;
}

.paddTopBottom40{
    padding-top: 40px;
    padding-bottom: 40px;
}

.paddLeftRight-xs-5-md-10{
    padding-left: 5px;
    padding-right: 5px;
}

.paddLeftRight1{
    padding-left: 1px;
    padding-right: 1px;
}

.paddLeftRight2{
    padding-left: 2px;
    padding-right: 2px;
}

.paddLeftRight3{
    padding-left: 3px;
    padding-right: 3px;
}

.paddLeftRight5{
    padding-left: 5px;
    padding-right: 5px;
}

.paddLeftRight10{
    padding-left: 10px;
    padding-right: 10px;
}

.paddLeftRight10{
    padding-left: 10px;
    padding-right: 10px;
}

.paddLeftRight15{
    padding-left: 15px;
    padding-right: 15px;
}

.paddLeftRight20{
    padding-left: 20px;
    padding-right: 20px;
}

.paddLeftRight25{
    padding-left: 25px;
    padding-right: 25px;
}

.paddLeftRight30{
    padding-left: 30px;
    padding-right: 30px;
}

.paddLeftRight35{
    padding-left: 35px;
    padding-right: 35px;
}

.paddLeftRight40{
    padding-left: 40px;
    padding-right: 40px;
}

.paddLeft10{
    padding-left: 10px;
}

.paddLeft40{
    padding-left: 40px;
}

.paddTop10 {
    padding-top: 10px;
}

.paddBottom10 {
    padding-bottom: 10px;
}

.paddTop20{
    padding-top: 20px;
}

.nopadding, div.table div.tr div.td.nopadding{
    padding: 0 !important;
}

.nomargin{
    margin: 0;
}

.marginLeftRightMinus50{
    margin-left: -50px;
    margin-right: -50px;
}

.marginRight10{
    margin-right: 10px;
}

.text-lowercase{
    text-transform: lowercase;
}

.fullpadding, .btn.fullpadding{
    height: 0;
    padding: 0;
    padding-bottom: 100%;
}

.fullpadding-60{
    height: 0;
    padding-bottom: 60%;
}

.fullpadding-50{
    height: 0;
    padding-bottom: 50%;
}

.fullpadding-40{
    height: 0;
    padding-bottom: 40%;
}

.fullpadding-30{
    height: 0;
    padding-bottom: 30%;
}

.lineheight100{
    line-height: 100%;
}

.lineheight120{
    line-height: 120%;
}

.lineheight140, *[class^="size-"].lineheight140{
    line-height: 140%;
}

.lineheight200, *[class^="size-"].lineheight200{
    line-height: 200%;
}

.animated-background{
    transition: background 0.15s ease-out 0s;
    -moz-transition: background 0.15s ease-out 0s;
    -webkit-transition: background 0.15s ease-out 0s;
}

div.overlayImgWhite{
    background-color: #fff;
    z-index: 50;
}

div.wrapBlackOverlayForMarked{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.85);
    z-index: 1000;
}

.markedOverEverything{
    z-index: 2000;
    width: 100%;
    position: absolute;
}

div#main{
    z-index: 40;
    overflow: hidden;
}

body.admin-logged-in-as-user div#main{
    padding-top: 60px;
}

body.error404-page div#main{
    height: 100vh;
}

body.error404-page nav.menu{
    max-width: 1000px;
    margin: 0 auto;
}

body.error404-page nav.menu a.relative, body.error404-page ul.menu > li.relative > a.relative{
    color: #3a3f49;
}

body.error404-page nav.menu a.relative div.dynamic{
    background-color: #3a3f49;
}

div.wrapBlackOverlayForMarked.activated,
div#main.marked-price-required-params div.wrapBlackOverlayForMarked{
    display: block;
}

div.errMessage1{
    position: absolute;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
}

div.modal-content > div.errMessage1{
    position: relative;
    margin-bottom: 15px;
}

div.modal-content > div.errMessage1 > div.closeOverlay{
    display: none;
}

div.wrapErrorIfNoAccepted > div.errMessage1{
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    width: auto;
}

div.wrapAllProductStructures > div.singleTableItem > div.errMessage1{
    position: relative;
    margin-bottom: 15px;
}

div.wrapAllProductStructures > div.singleTableItem > div.errMessage1 + div.errMessage1, div.wrapAllProductStructures > div.singleTableItem > div.errMessage1 + div.errMessage1 + div.errMessage1{
    top: 0;
    margin-top: -10px;
}

div.errMessage1 + div.errMessage1{
    top: 50px;
}

div.errMessage1 + div.errMessage1 + div.errMessage1{
    top: 100px;
}

header, footer{
    background-color: #fff;
    z-index: 1000;
}

body.wrap-fe-page header{
    border-bottom: solid 2px #d71921;
}

body.wrap-fe-page header div.logo, body.wrap-fe-page div.logo{
    width: 220px;
    flex: 0 0 220px;
    -moz-flex: 0 0 220px;
    -webkit-flex: 0 0 220px;
    min-width: 220px;
    max-width: 250px;
}

body.wrap-fe-page.page-id-1 header{
    border-bottom: none;
    border-bottom: 0;
}

header > div.errMessage1{
    top: 100%;
}

body > div.errMessage1{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4100;
    width: 100%;
}

body > div.successMessage1{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1100;
}

.errContent, div.errMessage1 .infoContent{
    display: block;
    position: relative;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

.errContent{
    display: block;
    position: relative;
    color: #fff;
    padding: 10px;
    font-weight: 400;
}

.warningMessage .errContent{
    color: #cff;
    background-color: #f90;
    border: none;
    border: 0;
}

.infoMessage .errContent{
    color: #0098DA;
    background-color: #e6e7e8;
    border: none;
    border: 0;
    padding-right: 40px;
}

div.errMessage1 .errContent{
    background-color: #f30;
    color: rgba(255,255,255, 0.9);
    font-weight: 600;
    padding-right: 40px;
}

div.errMessage1 .infoContent{
    background-color: #4EC698;
    color: #fff;
}

div.errMessage1 .infoContent.bg-default{
    background-color: #d71921;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 100%;
}

.errContent div.closeBtn{
    top: 10px;
    right: 10px;
}

.size-10{ font-size: 10px; }
.size-11{ font-size: 11px; }
.size-12{ font-size: 12px; }
.size-13{ font-size: 13px; }
.size-14{ font-size: 14px; }
.size-16{ font-size: 16px; }
.size-17{ font-size: 17px; }
.size-18{ font-size: 18px; }
.size-19{ font-size: 19px; }
.size-20{ font-size: 20px; }
.size-22{ font-size: 22px; }
.size-24{ font-size: 24px; }
.size-26{ font-size: 26px; }
.size-28{ font-size: 28px; }
.size-30{ font-size: 30px; }
.size-32{ font-size: 32px; }
.size-34{ font-size: 34px; }
.size-36{ font-size: 36px; }
.size-38{ font-size: 38px; }
.size-40{ font-size: 40px; }
.size-42{ font-size: 42px; }
.size-44{ font-size: 44px; }
.size-46{ font-size: 46px; }
.size-48{ font-size: 48px; }
.size-50{ font-size: 50px; }
.size-52{ font-size: 52px; }
.size-62{ font-size: 62px; }
.size-72{ font-size: 72px; }
.size-82{ font-size: 82px; }
.size-92{ font-size: 92px; }

.size-120{ font-size: 120px; }

.size-xs-14-md-18{
    font-size: 1rem;
}

.size-xs-14-md-16{
    font-size: 1rem;
}

.size-xs-16-md-18{
    font-size: 1.1rem;
}

.size-xs-18-md-20{
    font-size: 1.3rem;
}

.size-xs-22-md-30{
    font-size: 22px;
}

.size-xs-1-5{
    font-size: 1.5rem;
}

.size-xs-1-5-md-22{
    font-size: 1.5rem;
}

.size-xs-1-3-md-26{
    font-size: 1.3rem;
}

.size-xs-1-6-md-36{
    font-size: 1.6rem;
}

.size-xs-2-md-42{
    font-size: 2rem;
}

.size-xs-1-7{
    font-size: 1.7rem;
}

.size-xs-1-2rem-md-14{
    font-size: 1.2rem;
}

.col-slg-4,
.col-slg-8,
.col-15,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-slg-15,
.col-xlg-15,
.col-mlg-2,
.col-xlg-2,
.col-mlg-3,
.col-xs-4,
.col-xs-2,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-slg-17,
.col-mlg-17,
.col-xlg-17,
.col-md-19,
.col-lg-19,
.col-xlg-19,
.col-super-item{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-super-item{
    width: 100%;
    flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    margin-left: 0;
    margin-right: 0;
}

.wrapBlockProductsForHomePageFE .col-super-item > .item{
    height: 100%;
    padding-bottom: 30px;
}

li.relative > .col-super-item{
    padding-left: 0;
    padding-right: 0;
}

.col-super-item > .item{
    margin-bottom: 50px;
    box-shadow: 0 0 2px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.4);
    padding: 15px;
}

.price-extra sup{
    vertical-align: inherit;
    font-size: 60%;
    top: -9px;
}

li.relative.single-item > .col-super-item > .item{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

li.relative.single-item > .col-super-item > .item .info{
    border-top: solid 2px #efefef;
}

.col-super-item > .item .image-holder{
    height: 0;
    padding-bottom: 60%;
}

.col-super-item > .item .image-holder > .mAOLThumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.col-xs-15, .col-15 {
    width: 20%;
    flex: 0 0 20%;
}

@media (min-width: 425px) {
    .col-xs-4 {
        width: 33.3333%;
        flex: 0 0 33.3333%;
    }

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

@media (min-width: 576px) {
    .col-sm-17{
        width: 14.2857%;
        flex: 0 0 14.2857%;
    }
}


@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        flex: 0 0 20%;
    }

    .col-md-19 {
        width: 11.1111%;
        flex: 0 0 11.1111%;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        flex: 0 0 20%;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        flex: 0 0 20%;
    }

    .col-lg-19 {
        width: 11.1111%;
        flex: 0 0 11.1111%;
    }


    .fixed-width-md-500{
        width: 500px;
        flex: 0 0 500px;
        -moz-flex: 0 0 500px;
        -webkit-flex: 0 0 500px;
    }

    .flex-md-1{
        flex: 1;
        -moz-flex: 1;
        -webkit-flex: 1;
        max-width: 100%;
    }
}

@media (min-width: 1400px) {
    .col-slg-15 {
        width: 20%;
        flex: 0 0 20%;
    }

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

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

@media (min-width: 1700px) {
    .col-mlg-2 {
        width: 16.66667%;
        flex: 0 0 16.66667%;
    }

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

    .col-mlg-15 {
        width: 20%;
        flex: 0 0 20%;
    }

    .col-mlg-17 {
        width: 14.2857%;
        flex: 0 0 14.2857%;
    }

    .col-mlg-19 {
        width: 11.1111%;
        flex: 0 0 11.1111%;
    }
}

@media (min-width: 2000px) {
    .col-xlg-2 {
        width: 16.66667%;
        flex: 0 0 16.66667%;
    }

    .col-xlg-15 {
        width: 20%;
        flex: 0 0 20%;
    }

    .col-xlg-17 {
        width: 14.2857%;
        flex: 0 0 14.2857%;
    }

    .col-xlg-19 {
        width: 11.1111%;
        flex: 0 0 11.1111%;
    }
}

a.link-overdark{
    z-index: 4;
    overflow: hidden;
}

div.wrap-if-menu-activated {
    display: block;
    position: fixed;
    z-index: -1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0, 0.6);
    transition: opacity 0.7s ease-out 0s;
    -moz-transition: opacity 0.7s ease-out 0s;
    -webkit-transition: opacity 0.7s ease-out 0s;
}

div.wrap-if-mobile-search-activated {
    display: none;
    position: fixed;
    z-index: -1000;
    left: 0;
    top: 46px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0, 0.8);
    transition: opacity 0.5s ease-out 0s;
    -moz-transition: opacity 0.5s ease-out 0s;
    -webkit-transition: opacity 0.5s ease-out 0s;
}

body.menu-is-on div.wrap-if-menu-activated {
    z-index: 1250;
    opacity: 1;
}

body.wrap-fe-page nav.menu a.relative .wrapTitle{
    color: #fff;
    font-weight: 500;
    line-height: 120%;
}

body.wrap-fe-page nav.menu a.relative:hover .wrapTitle{
    color: #fff;
}

body.wrap-fe-page nav.menu a.relative.wrap-special-disabled-link .wrapTitle, body.wrap-fe-page nav.menu a.relative.wrap-special-disabled-link:hover .wrapTitle{
    color: #868786;
}

body.moble-search-activated div.wrap-if-mobile-search-activated {
    display: block;
    z-index: 1200;
    opacity: 1;
}

.wrapOverlayDark, .wrapOverlayDark.abs{
    z-index: 2;
    background-color: rgba(0,0,0, 0.3);
}

.object-over-link-overdark, .object-over-link-overdark.abs{
    z-index: 10;
}

a.link-overdark:hover .wrapOverlayDark{
    background-color: rgba(0,0,0, 0.4);
}

a.link-overdark + img.relative, a.link-overdark .object-over-link-overdark > div{
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

a.link-overdark .object-over-link-overdark > div{
    transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    opacity: 0;
}

a.link-overdark:hover + img.relative{
    transform: rotate(15deg) scale(1.4, 1.4);
    -moz-transform: rotate(15deg) scale(1.4, 1.4);
    -webkit-transform: rotate(15deg) scale(1.4, 1.4);
}

a.link-overdark:hover .object-over-link-overdark > div{
    transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    opacity: 1;
}

.bg-dark1{
    background-color: #3a3f49;
}

.bg-dark2{
    background-color: #2c3039;
}

.bg-green {
    background-color: #25b9a6;
}

.bg-red {
    background-color: #e30613;
}

.bg-default{
    background-color: #d71921;
}

.bg-gray{
    background-color: #ccc;
}

.bg-secondary-light{
    background-color: #979ea4;
}

.bg-khaki{
    background-color: #b92c2c;
}

.bg-lightgray{
    background-color: #eaeaea;
}

.bg-lightdanger{
    background-color: #fee;
}

.bg-lightgray1{
    background-color: #fcfcfc;
}

.bg-lightgray2{
    background-color: #E1E1E1;
}

.bg-lightgray3{
    background-color: #f3f3f3;
}

.bg-lightgray4{
    background-color: #CECECE;
}

.table .thead-darkgray th {
    color: #fff;
    background-color: #6c757d;
    border-color: #999;
}

.bodytext table{
    width: 100%;
    border-collapse: collapse;
}

.bodytext a, .mce-content-body a{
    color: #e30613;
    font-weight: bold;
}

.bodytext a:hover, .mce-content-body a:hover {
    text-decoration: underline;
    color: #e30613;
}

.text-red{
    color: #e30613;
}

.text-violete{
    color: #b849f7;
}

.text-lightyellow{
    color: #f6e9b7;
}

.text-lightgray1{
    color: #f8fafb;
}

.text-lightgray2{
    color: #ddd;
}

.text-lightgray3{
    color: #aaa;
}

a.text-lightgray1:hover{
    color: #999;
}

.bg-default .wrap-social-network-items a.text-lightgray1:hover{
    color: #000;
}

.text-lightgray, .text-lightgray-hover-white{
    color: #999;
}

.text-xs-lightgray-md-default{
    color: #999;
}

.text-lightgray-hover-white:hover{
    color: #fff;
}

a.text-lightgray:hover{
    color: #666;
}

.light{
    font-weight: 100;
}

.strong{
    font-weight: 600;
}

.strong-light{
    font-weight: 500;
}

.dotted-underline{
    border-bottom: 1px dotted;
}

.text-yellow{
    color: #ff0;
}

.text-default, a.text-default:hover{
    color: #d71921;
}

.text-default1, a.text-default1{
    color: #d71921;
}

hr.text-default{
    border-color: #d71921;
}

hr.text-darkgray{
    border-color: #575b60;
}

.x-scale-80{
    transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

.border-alert-around{
    border: solid 1px #d71921;
}

.border-info-around{
    border: solid 1px #ccc;
}

.border-gray-around{
    border: solid 1px #ababab;
}

.border-bottom-red{
    border-bottom: solid 2px rgba(227,6,19, 0.6);
}

.border-bottom-default{
    border-bottom: solid 2px #d71921;
}

hr.border-default{
    border-top: solid 1px #d71921;
}

hr.border-default-twice{
    border-top: solid 2px #9144484a;
}

.border-bottom-lightgray, .border-bottom-xs-lightgray-md-default{
    border-bottom: solid 1px #ddd;
}

.border-bottom-darkgray {
    border-bottom: solid 1px #575b60;
}

.border-bottom-gray {
    border-bottom: solid 1px #bbb;
}

.border-right-lightgray {
    border-right: solid 1px #ddd;
}

.border-right-gray {
    border-right: solid 1px #aaa;
}

.border-bottom-dark1{
    border-bottom: solid 1px #3a3f49;
}

.border-bottom-dark1.border-lg{
    border-width: 4px;
}

.border-bottom-dark1.border-md{
    border-width: 2px;
}

.border-bottom-dark1-after:after{
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px;
    width: 70%;
    background-color: #3a3f49;
}

.border-bottom-dark1-after.border-lg:after{
    height: 5px;
}

.border-bottom-dark1-after.border-md:after{
    height: 3px;
}

.text-green{
    color: #3aac98;
}

.text-warning1{
    color: #856404;
}

a.text-green:hover{
    color: #329080;
}

.text-gray{
    color: #808387;
}

.text-gray.text-hover-red:hover, .text-dark.text-hover-red:hover{
    color: #e30613 !important;
}

.text-dark1{
    color: #3a3f49;
}

.text-darkgray{
    color: #575b60;
}

.text-darkgray1{
    color: #7a7a7a;
}

.text-underline, a.text-underline{
    text-decoration: underline;
}

a.text-darkgray:hover{
    color: #000;
    text-decoration: none;
}

.text-italic{
    font-style: italic;
}

.tinyfont{
    font-weight: 100;
}

.bodytext ul{
    list-style-type: disc;
    padding-left: 15px;
}

a.pre-wrap div{
    white-space: initial;
}

.alert-info-green {
    color: #477f5a;
    background-color: #95f8b7;
    border-color: #85daa2;
}

.btn-square{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 22px;
}

.btn-transparent{
    background-color: transparent;
    padding: 0;
}

.btn-green-outline{
    background-color: #fff;
    border: solid 1px #3aac98;
    color: #3aac98;
}

.btn-green-outline:hover{
    background-color: #3aac98;
    border: solid 1px #3aac98;
    color: #fff;
}

.btn-green{
    background-color: #3aac98;
    border: solid 1px #3aac98;
    color: #fff;
}

.btn-green:hover{
    background-color: #329080;
    border: solid 1px #329080;
    color: #fff;
}

.btn-white{
    background-color: #fff;
    border-color: #fff;
    color: #3a3f49;
}

.btn-white:hover, .btn-white.current{
    background-color: #fff;
    border-color: #fff;
    color: #e30613;
}

.btn-white-hover-red{
    background-color: #fff;
    border-color: #fff;
    color: #3a3f49;
}

.btn-white-hover-red:hover, .btn-white-hover-red.current{
    background-color: #e30613;
    border-color: #e30613;
    color: #fff;
}

.btn-white-hover-red:hover *{
    color: #fff;
}

.btn-white-hover-red:hover .text-secondary{
    color: #ccc !important;
}

.btn-white-hover-gray{
    background-color: #fff;
    border-color: #fff;
    color: #3a3f49;
}

.btn-white-hover-gray:hover, .btn-white-hover-gray.current{
    background-color: #d3d6df;
    border-color: #d3d6df;
    color: #3a3f49;
}

.btn-default{
    background-color: #d71921;
    border: solid 1px #d71921;
    color: #fff;
}

.btn-default:hover{
    background-color: #ec000a;
    border: solid 1px #ec000a;
    color: #fff;
}

.btn-outline-default {
    color: #d71921;
    background-color: transparent;
    background-image: none;
    border-color: #d71921;
}

.btn-outline-default:hover {
    color: #fff;
    background-color: #d71921;
    background-image: none;
    border-color: #d71921;
}

.btn-green-outline.btn-lg{
    border-width: 1px;
}

.btn-icon{
    transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
}

.btn-icon span.inline-block{
    vertical-align: bottom;
    margin-bottom: -5px;
}

.btn-icon:hover{
    color: #e30613;
}

.color-square{
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background-color: #fff;
    transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
}

.wrapIfProductFiltersOnAndActive .color-square{
    margin-bottom: 0;
}

.color-square > span{
    overflow: hidden;
}

.color-square[title="Bijela"] > span, .color-square[data-title="Bijela"] > span, .color-square[data-original-title="Bijela"] > span{
    box-shadow: inset 0 0 0 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0, 0.1);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0, 0.1);
}

.color-square > span:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -5px;
    z-index: 20;
    border: solid 5px transparent;;
    border-top: 5px solid #fff;
}

.color-square.show-more-button{
    background-color: transparent;
}

/*noinspection ALL*/
.color-square.show-more-button:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f067";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    font-size: 2rem;
    line-height: 100%;
    color: #ccc;
}

.wrap-product-version-colors{
    width: calc(100% - 80px);
}

a.color-square:hover{
    transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
}

div.wrapSingleProductDetailsFE .color-square{
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

div.wrapSingleProductDetailsFE div.bodytext iframe, div.wrapSingleOffsetProductDetailsFE div.bodytext iframe{
    max-width: 100%;
}

.color-square-white{
    border: solid 1px #ccc;
}

.circled{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.super-circled-effect{
    width: inherit;
    height: inherit;
    transform: scale(0.01, 0.01);
    -moz-transform: scale(0.01, 0.01);
    -webkit-transform: scale(0.01, 0.01);
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.circled.circled-red{
    background-color: #e30613;
    color: #fff;
}

.circled.circled-green, .circled.small.circled-green{
    background-color: #3aac98;
    color: #fff;
}

.circled.circled-red .super-circled-effect{
    background-color: #3a3f49;
}

.circled.circled-red:hover .super-circled-effect{
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.circle-alert{
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 46px;
    height: 46px;
}

.wrap-alert-circle{
    top: -8px;
    left: 100%;
}

.circled.small{
    width: 26px;
    height: 26px;
    background-color: #f2f2f2;
    border: solid 1px #ccc;
    font-size: 14px;
    line-height: 100%;
}

.circled.x-small{
    width: 20px;
    height: 20px;
}

.circled.small.circled-red{
    background-color: #e30613;
    border-color: transparent;
}

div.checkbox .circled.small{
    width: auto;
    height: 0;
    padding-bottom: calc(100% - 2px);
}

div.circled-stat {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 0;
    padding-bottom: 100%;
    box-shadow: 0 0 0 4px #ccc;
    -moz-box-shadow: 0 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 0 4px #ccc;
}

div.circled-stat-lg {
    box-shadow: 0 0 0 8px #ccc;
    -moz-box-shadow: 0 0 0 8px #ccc;
    -webkit-box-shadow: 0 0 0 8px #ccc;
}

div.circled-stat.text-default {
    box-shadow: 0 0 0 4px #d71921;
    -moz-box-shadow: 0 0 0 4px #d71921;
    -webkit-box-shadow: 0 0 0 4px #d71921;
}

div.circled-stat-lg.text-default {
    box-shadow: 0 0 0 8px #d71921;
    -moz-box-shadow: 0 0 0 8px #d71921;
    -webkit-box-shadow: 0 0 0 8px #d71921;
}

div[data-target="replacewithshoppingcartcounter"]{
    top: -10px;
    left: 36px;
}

*[class^="size-"]{
    line-height: 120%;
}

img, a img, iframe{
    border: 0;
    vertical-align: middle;
}

img{
    max-width: 100%;
}

img.zoomImg{
    background-color: #fff;
    z-index: 100;
}

ul, .bodytext ul.red-dot-list{
    padding: 0;
    margin: 0;
    display: block;
    list-style-type: none;
}

ul.red-dot-list > li{
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

ul.red-dot-list > li:before{
    content: "\25A0";
    color: #d71921;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    vertical-align: middle;
    font-size: 12px;
    line-height: 100%;
}

.row-20{
    margin-right: -20px;
    margin-left: -20px;
}

.row-40{
    margin-right: 0;
    margin-left: 0;
}

.row-10{
    margin-right: -10px;
    margin-left: -10px;
}

.row-5{
    margin-right: -5px;
    margin-left: -5px;
}

.row-1{
    margin-right: -1px;
    margin-left: -1px;
}

.row-0, .row-xs-0{
    margin-right: 0;
    margin-left: 0;
}

.row-0 > div[class^="col"], .row-0 > li[class^="col"]{
    padding-left: 0;
    padding-right: 0;
}

.row-1 > div[class^="col"], .row-1 > li[class^="col"]{
    padding-left: 1px;
    padding-right: 1px;
}

.row-5 > div[class^="col"], .row-5 > li[class^="col"]{
    padding-left: 5px;
    padding-right: 5px;
}

.row-10 > div[class^="col"], .row-10 > li[class^="col"]{
    padding-left: 10px;
    padding-right: 10px;
}

.row-20 > div[class^="col"], .row-20 > li[class^="col"]{
    padding-left: 20px;
    padding-right: 20px;
}

.row-40 > div[class^="col"], .row-40 > li[class^="col"]{
    padding-left: 40px;
    padding-right: 40px;
}

form{
    margin: 0;
    padding: 0;
}

div, section, nav, .item, article, header, .relative{
    display: block;
    position: relative;
}

.static{
    position: static;
}

a, a:hover{
    color: inherit;
    text-decoration: none;
}

a.link-overunderlined:hover{
    text-decoration: underline;
}

/*Reset all Header tags spacings*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin: 0;
    padding: 0;
    line-height: 120%;
}

h1, .h1{
    font-size: 1.5rem;
}

div.hidden, section.hidden, nav.hidden, .item.hidden, article.hidden, header.hidden, footer.hidden, .relative.hidden, .hidden, .abs.hidden, div.row.hidden, div.d-flex.hidden{
    display: none;
}

.hidden-if-last:last-child{
    display: none;
}

div.d-flex.hidden, .hidden-important{
    display: none !important;
}

div.d-flex.animated.hidden{
    display: flex !important;
    opacity: 0;
}

div.d-flex.animated.hidden.activated, .animated.hidden.activated{
    opacity: 1;
}

.animated.hidden{
    display: block;
    opacity: 0;
}

input, select, textarea{
    border: none; border: 0;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    padding: 0;
}

input.mf-input, select.mf-select, textarea.mf-textarea, div.mf-input {
    box-sizing: border-box;
    color: #000;
    padding: 6px;
    width: 100%;
    background-color: #ffffff;
    border: none;
    border: 0;
}

label.floating{
    padding: 0 6px 0 6px;
    background-color: #fff;
    top: 10px;
    left: 0;
    margin-bottom: 0;
    z-index: 50;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    transform : translate3d(0, 0, 0);
    -moz-transform : translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

label.floating.stay{
    top: -9px;
    color: transparent;
    background-color: transparent;
}

div.regularForm input.mf-input, div.regularForm select.mf-select, div.regularForm textarea.mf-textarea {
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 10px;
    color: #000;
    background-color: #fff;
}

div.regularForm input.mf-input.size-18, div.regularForm select.mf-select.size-18, div.regularForm textarea.mf-textarea.size-18{
    font-size: 18px;
}

div.regularForm input.mf-input.mf-padd-15, div.regularForm select.mf-select.mf-padd-15, div.regularForm textarea.mf-textarea.mf-padd-15 {
    padding: 15px;
    border: solid 2px #999;
}

div.regularForm input.mf-input:focus, div.regularForm select.mf-select:focus, div.regularForm textarea.mf-textarea:focus{
    outline: none;
}

div.regularForm label{
    font-size: 15px;
}

div.regularForm label.floating{
    padding: 0 5px 0 5px;
    background-color: #fff;
    color: #888;
    top: 13px;
    left: 5px;
}

div.regularForm label.floating.stay{
    top: -9px;
    color: #6c757d;
    background-color: #fff;
}

div.regularForm.wrap-small input.mf-input, div.regularForm.wrap-small select.mf-select, div.regularForm.wrap-small textarea.mf-textarea {
    padding: 5px 10px;
}

div.regularForm input.mf-input[name="aEOE_cardnumber"]{
    padding-left: 70px;
}

div.regularForm.form-with-field-borders input.mf-input:focus, div.regularForm.form-with-field-borders select.mf-select:focus, div.regularForm.form-with-field-borders textarea.mf-textarea:focus {
    border-color: #d71921;
}

div.title {
    margin-bottom: 10px;
    z-index: 100;
}

div.title.nopadding{
    margin-bottom: 0;
}

div.title .badge{
    vertical-align: middle;
}

.badge-default {
    color: #fff;
    background-color: #d71921;
}

.badge-top-right{
    top: -7px;
    right: -13px;
}

.round0{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.round5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.round10{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.left{
    float: left;
}

.right{
    float: right;
}

.left{
    float: left;
}

.right{
    float: right;
}

.overflow-hidden{
    overflow: hidden;
}

.abs{
    display: block;
    position: absolute;
    z-index: 1;
}

.height0{
    height: 0;
    overflow: hidden;
}

.heightauto{
    height: auto;
}

.right0{
    right: 0;
}

.right1-5rem{
    right: 1.5rem;
}

.left100{
    left: 100%;
}

.right100{
    right: 100%;
}

.top100{
    top: 100%;
}

.bottom100{
    bottom: 100%;
}

.top0{
    top: 0;
}

.left0{
    left: 0;
}

.bottom0{
    bottom: 0;
}

.inline-block, .inline-xs-block{
    display: inline-block;
    vertical-align: middle;
}

.inline-block.valign-inherit, .valign-inherit{
    vertical-align: inherit;
}

.left50{
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.top50{
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.top50.left50{
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.fullwidth{
    width: 100%;
}

.fullheight{
    height: 100%;
}

.single-line{
    height: 18px;
    overflow: hidden;
}

.single-line.size-12{
    height: 14px;
}

.noFloat{
    clear: both;
}

.grid3 .item{
    height: 0;
    padding-bottom: 85%;
}

.grid4 .item{
    height: 0;
    padding-bottom: 60%;
}

.grid4 .fullpadding.item{
    padding-bottom: 100%;
}

.grid3 .item .photo{
    flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
}

.grid3 .item .info, .col-super-item > .item .info{
    padding-top: 10px;
    border-top: none;
    border-top: 0;
    transition: border-top-color 0.3s ease-out 0s;
    -moz-transition: border-top-color 0.3s ease-out 0s;
    -webkit-transition: border-top-color 0.3s ease-out 0s;
}

.grid2 .item .info{
    padding-top: 20px;
    border-top: solid 2px #efefef;
}

.grid3 .item .info > div.effect-with-delay{
    transition: all 0.3s ease-out 0.2s;
    -moz-transition: all 0.3s ease-out 0.2s;
    -webkit-transition: all 0.3s ease-out 0.2s;
    transform : translate3d(0, 0, 0);
    -moz-transform : translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

img.effect-with-delay{
    transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
    transform : translate3d(0, 0, 0);
    -moz-transform : translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    border: solid 4px transparent;
}

.hover-resize-image:hover .info{
    border-top-color: #e0e0e0;
}

.hover-resize-image:hover .info > div.effect-with-delay{
    transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
}

.hover-resize-image:hover img.effect-with-delay{
    transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    box-shadow: 4px 4px 20px rgba(0,0,0, 0.3);
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0, 0.3);
    transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
}

.grid2 .item .photo{
    flex: 0 0 calc(85% - 2px);
    -moz-flex: 0 0 calc(85% - 2px);
    -webkit-flex: 0 0 calc(85% - 2px);
    margin-bottom: 2px;
}

.grid2 .item .text-holder{
    flex: 0 0 calc(15% - 2px);
    -moz-flex: 0 0 calc(15% - 2px);
    -webkit-flex: 0 0 calc(15% - 2px);
}

.grid1 .item .photo{
    flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
}

.grid1 .item .photo div.mAOLThumb {
    background-color: #fff;
    height: 100%;
    transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
}


.grid1 .item .image-holder{
    flex: 0 0 120px;
    -moz-flex: 0 0 120px;
    -webkit-flex: 0 0 120px;
}

.grid1 .item .image-holder img.mAOLThumb{
    width: 100%;
}

div.wrapHomeCollectionsFE .image-holder{
    padding-bottom: 78%;
    height: 0;
}

div.wrapSingleIntroBlockImgLinkFE .image-holder{
    padding-bottom: 26%;
    height: 0;
    background-color: #ccc;
}

div.wrapSingleIntroBlockVideoYoutubeFE .image-holder{
    padding-bottom: 80%;
    height: 0;
    background-color: #ccc;
}

div.wrapHomeCollectionsFE .image-holder .bgimage{
    background-size: contain;
}

.grid1 .item.wrap-if-subcategory div.text-holder{
    width: 75%;
}

.grid1 .item.wrap-if-subcategory div.wrap-if-subcategory{
    padding-left: 15px;
}

.item.wrap-color > div.wrap-color, .wrap-color > div.wrap-color{
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% + 2px);
    margin-left: -1px;
    height: 10px;
}

.singleTableItem.wrap-color > div.wrap-color {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    flex: 0 0 20px;
    -moz-flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
    height: inherit;
}

.item.wrap-color.margin-bottom-10{
    margin-bottom: 20px;
}

.item.wrap-image > div.abs{
    position: relative;
}

.wrapFAQContactMap{
    background-color: #6c757d;
    color: #fff;
}

div.shoppingCartShort div.card-body{
    width: calc(100vw - 100px);
    max-width: 400px;
}

div.wrap-if-subcategory a:before{
    content: "";
    display: none;
    position: absolute;
    right: 100%;
    top: 3px;
    margin-right: 5px;
    width: 7px;
    height: 7px;
    background-color: #e30613;
}

div.wrapCategoriesMenuForParentCategoryFE a.relative{
    margin: 7px 0;
    font-size: 15px;
}

div.wrap-if-subcategory a:hover, div.wrapCategoriesMenuForParentCategoryFE a.relative:hover,
div.wrap-if-subcategory a.current, div.wrapCategoriesMenuForParentCategoryFE a.relative.current, div.wrapAllUserProductRabats a.relative:hover, div.wrapAllUserProductRabats a.relative.current{
    color: #e30613;
}

div.wrap-if-subcategory a:hover:before{
    display: block;
}

.grid2 .item{
    height: 0;
    padding-bottom: 80%;
}

.grid2 .item div.insideContent{
    z-index: 10;
}

.wrap-google-map{
    padding: 0;
}

.wrap-google-map p{
    padding: 0;
    margin: 0;
}

.wrap-google-map iframe{
    position: relative;
    height: 250px;
}

div.wrapInnerSearchBox{
    z-index: 300;
}

div.wrapInnerSearchBoxDesigner{
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0, 0.5);
    transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
}

div.wrapInnerSearchBoxDesigner:focus-within{
    box-shadow: 0 0 40px 10px rgba(0,0,0, 0.6);
    -moz-box-shadow: 0 0 40px 10px rgba(0,0,0, 0.6);
    -webkit-box-shadow: 0 0 40px 10px rgba(0,0,0, 0.6);
}

div.searchBlock{
    width: 100%;
    max-width: 620px;
}

.wrapFixedBlock{
    position: fixed;

}

div.wrapInnerSearchBox .grid2 .item{
    background-color: #fff;
    transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
    height: auto;
    padding-bottom: 0;
}

div.wrapInnerSearchBox .grid2 .item:hover{
    background-color: #eaeaea;
}

div.wrapInnerSearchBox .grid2 .item:after{
    content: "";
    display: block;
    position: relative;
    width: 90%;
    margin-left: 5%;
    height: 1px;
    background-color: #eaeaea;
    z-index: 301;
}

div.wrapInnerSearchBox .grid2 .item div.image-holder{
    flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    padding: 10px 0 10px 20px;
}

div.wrapInnerSearchBox .grid2 .item div.text-holder{
    flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
}

a.darkOverlay:after, .darkOverlay:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0);
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

a.darkOverlay i, .darkOverlay i{
    font-size: 24px;
    color: rgba(255,255,255, 0.4);
    transition: all 0.15s ease-out 0.05s;
    -moz-transition: all 0.15s ease-out 0.05s;
    -webkit-transition: all 0.15s ease-out 0.05s;
    opacity: 0;
}

div.wrapAllCataloguesFE .darkOverlay{
    opacity: 0;
}

div.wrapAllCataloguesFE .darkOverlay i{
    font-size: 8px;
    color: inherit;
}

div.wrapAllCataloguesFE .darkOverlay .btn{
    opacity: 0;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

div.wrapAllCataloguesFE .darkOverlay:hover .btn{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}

a.darkOverlay:hover i, .darkOverlay:hover i{
    color: rgba(255,255,255, 0.9);
    transform: scale(2,2);
    -moz-transform: scale(2,2);
    -webkit-transform: scale(2,2);
    opacity: 1;
}

div.wrapAllCataloguesFE .darkOverlay:hover{
    opacity: 1;
    transition: all 0.8s ease-out 0.2s;
    -moz-transition: all 0.8s ease-out 0.2s;
    -webkit-transition: all 0.8s ease-out 0.2s;
}

a.darkOverlay:hover:after, .darkOverlay:hover:after{
    background-color: rgba(0,0,0, 0.6);
}

.bgimage-cover{
    background-size: cover;
}

.effect-holder > a{
    z-index: 20;
}

.hover-zoom-img:hover > div{
    transform: scale(3,3);
    -moz-transform: scale(3,3);
    -webkit-transform: scale(3,3);
}

.grid1 .item.bgimage, .grid3 .photo.bgimage, .grid2 .photo.bgimage, .grid1 .bgimage, .grid3 .bgimage, .grid3 .photo > .bgimage, .grid2 .photo > .bgimage, .col-super-item > .item .image-holder .photo > .bgimage{
    background-size: auto 100%;
}

.grid1 .item.bgimage.horizontal, .grid3 .photo.bgimage.horizontal, .grid2 .photo.bgimage.horizontal, .grid1 .bgimage.horizontal, .grid3 .photo.horizontal > .bgimage, .grid1 .photo.horizontal > .bgimage, .grid3 .photo.horizontal > .bgimage, .grid2 .photo.horizontal > .bgimage, .col-super-item > .item .image-holder .photo.horizontal > .bgimage{
    background-size: 100% auto;
}

.grid1 .bgimage{
    background-size: 100% auto;
}

.bgimage-1 {
    background-size: auto !important;
}

.grid1 .item.wrap-if-subcategory.bgimage{
    background-position: right center;
}

.shadow-effect{
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    z-index: 10;
}

.hover-resize-image .bgimage{
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    z-index: 10;
}

.hover-resize-image:hover .bgimage{
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.shadow-effect:hover{

    z-index: 20;
}

div.wrapProductStructureBlocks div.wrap-single-block, div.wrapOffsetProductStructureFE div.wrap-single-block{
    transform: translateY(100px);
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
}

div.wrapProductStructureBlocks div.wrap-single-block.inner-block-marked{
    z-index: 2000;
}

div.wrapProductStructureBlocks div.wrap-single-block.inner-block-marked div.wrap-title{
    color: #fff;
}

div.wrapProductStructureBlocks div.wrap-single-block.activated, div.wrapOffsetProductStructureFE div.wrap-single-block.activated{
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}

div.wrapProductStructureBlocks a.item{
    background-color: #fff;
    margin-bottom: 10px;
    color: #231f20;
    font-weight: 300;
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.1);
}

div.wrapProductStructureBlocks .grid1 .item {
    height: 0;
    padding-bottom: 40%;
}

div.wrapProductStructureBlocks a.item.wrap-dots{
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div.wrapProductStructureBlocks a.item.wrap-dots .wrap-block-item-name{
    padding-left: 5px;
    padding-right: 5px;
}

div.wrapProductStructureBlocks a.item.circled{
    height: 0;
    padding: 0;
    padding-bottom: 100%;
    border-radius: 20%;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    box-shadow: 0 0 0 2px #000;
    -moz-box-shadow: 0 0 0 2px #000;
    -webkit-box-shadow: 0 0 0 2px #000;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #fff;
}

div.wrapProductStructureBlocks a.item.circled > span.abs{
    transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

.print-position-dots{
    width: 21px;
    height: 21px;
    margin: 5px 2px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    border: solid 2px #ccc;
}

div.wrapProductStructureBlocks a.item.circled.current, div.wrapProductStructureBlocks a.item.circled:hover{
    border-width: 0;
    padding-bottom: 100%;
    background-color: #fff;
}

div.wrapProductStructureBlocks a.item.circled.current > span.abs, div.wrapProductStructureBlocks a.item.circled:hover > span.abs{
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    border-radius: 20%;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
}

div.wrapProductStructureBlocks a.item:hover{
    background-color: #f9f9f9;
    box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    -moz-box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    -webkit-box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    font-weight: 400;
}

div.wrapProductStructureBlocks a.item.wrap-dots:hover, div.wrapProductStructureBlocks a.item.wrap-dots.current:hover{
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div.wrapProductStructureBlocks a.item.wrap-dots:hover .print-position-dots,
div.wrapProductStructureBlocks a.item.wrap-dots.current .print-position-dots{
    background-color: #d71921;
    border-color: #d71921;
}

div.wrapProductStructureBlocks a.item.current{
    box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    -moz-box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    -webkit-box-shadow: 0 0 0 1px rgba(215,25,33, 1);
    background-color: #d71921;
    color: #fff;
    font-weight: 500;
}

div.wrapProductStructureBlocks a.item.wrap-dots.current{
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div.wrapProductStructureBlocks a.item.current:hover{
    background-color: #c00;
}

div.wrapProductStructureBlocks div.fRow{
    padding: 5px 10px;
    background-color: #fff;
    margin-bottom: 2px;
}

div.wrapQuantitiesAndPrices{
    border-top: solid 2px #d71921;
}

div#main.marked-price-required-params div.wrapQuantitiesAndPrices{
    z-index: 2100;
}

div.checkbox > input[type=checkbox], div.checkbox > input[type=radio]{
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

div.checkbox.checkbox-primary > input[type=checkbox] + label, div.checkbox.checkbox-primary > input[type=radio] + label{
    margin: 0;
}

div.checkbox.checkbox-btn:hover, div.checkbox.checkbox-btn:active, div.checkbox.checkbox-btn:not(:disabled):not(.disabled):active{
    background-color: transparent;
}

div.checkbox.checkbox-btn > input[type=checkbox] + label, div.checkbox.checkbox-btn > input[type=radio] + label{
    margin: 0;
}

div.checkbox.checkbox-btn > input[type=checkbox] + label > span, div.checkbox.checkbox-btn > input[type=radio] + label > span{
    display: block;
    position: relative;
    padding: 5px 15px 5px 30px !important;
    text-align: left;
    font-size: 14px;
    border: solid 2px #000;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

div.checkbox.checkbox-btn > input[type=checkbox]:hover + label > span, div.checkbox.checkbox-btn > input[type=radio]:hover + label > span{
    background-color: #000;
}

div.checkbox.checkbox-btn > input[type=checkbox]:checked + label > span, div.checkbox.checkbox-btn > input[type=radio]:checked + label > span{
    background-color: #000;
    color: #fff;
}

div.checkbox.checkbox-primary > input[type=checkbox] + label > span, div.checkbox.checkbox-primary > input[type=radio] + label > span{
    display: block;
    position: relative;
    padding: 7px 10px 7px 30px !important;
    text-align: left;
}

div.checkbox.checkbox-menu > input[type=checkbox] + label > span, div.checkbox.checkbox-menu > input[type=radio] + label > span{
    background-color: #f6f6f6;
    padding: 10px 20px 10px 40px !important;
}

div.checkbox.checkbox-menu > input[type=checkbox]:hover + label > span, div.checkbox.checkbox-menu > input[type=radio]:hover + label > span {
    background-color: #ddd;
}

div.wrap-sublist div.checkbox.checkbox-menu > input[type=checkbox] + label > span, div.wrap-sublist div.checkbox.checkbox-menu > input[type=radio] + label > span{
    padding: 8px 20px 8px 52px !important;
}

/*noinspection ALL*/
div.checkbox.checkbox-btn > input[type=checkbox] + label > span:after, div.checkbox.checkbox-btn > input[type=radio] + label > span:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    display: block;
    position: absolute;
    left: 8px;
    top: 5px;
    color: #000;
    z-index: 30;
    opacity: 0;
    font-size: 16px;
}

div.checkbox.checkbox-btn > input[type=checkbox]:hover + label > span:after, div.checkbox.checkbox-btn > input[type=radio]:hover + label > span:after{
    opacity: 0.3;
}

div.checkbox.checkbox-btn > input[type=checkbox]:checked + label > span:after, div.checkbox.checkbox-btn > input[type=radio]:checked + label > span:after{
    opacity: 1;
    color: #fff;
}

div.checkbox.checkbox-btn.btn-outline-secondary > input[type=checkbox] + label > span, div.checkbox.checkbox-btn.btn-outline-secondary > input[type=radio] + label > span{
    border-color: #6c757d;
}

div.checkbox.checkbox-btn.btn-outline-secondary > input[type=checkbox]:hover + label > span, div.checkbox.checkbox-btn.btn-outline-secondary > input[type=radio]:hover + label > span{
    background-color: #6c757d;
}

div.checkbox.checkbox-btn.btn-outline-secondary > input[type=checkbox]:checked + label > span, div.checkbox.checkbox-btn.btn-outline-secondary > input[type=radio]:checked + label > span{
    background-color: #6c757d;
}

div.checkbox.checkbox-btn.btn-outline-green > input[type=checkbox] + label > span, div.checkbox.checkbox-btn.btn-outline-green > input[type=radio] + label > span{
    border-color: #3aac98;
}

div.checkbox.checkbox-btn.btn-outline-green > input[type=checkbox]:hover + label > span, div.checkbox.checkbox-btn.btn-outline-green > input[type=radio]:hover + label > span{
    background-color: #3aac98;
}

div.checkbox.checkbox-btn.btn-outline-green > input[type=checkbox]:checked + label > span, div.checkbox.checkbox-btn.btn-outline-green > input[type=radio]:checked + label > span{
    background-color: #3aac98;
}

div.checkbox.checkbox-btn.btn-outline-default > input[type=checkbox] + label > span, div.checkbox.checkbox-btn.btn-outline-default > input[type=radio] + label > span{
    border-color: #d71921;
}

div.checkbox.checkbox-btn.btn-outline-default > input[type=checkbox]:hover + label > span, div.checkbox.checkbox-btn.btn-outline-default > input[type=radio]:hover + label > span{
    background-color: #d71921;
}

div.checkbox.checkbox-btn.btn-outline-default > input[type=checkbox]:checked + label > span, div.checkbox.checkbox-btn.btn-outline-default > input[type=radio]:checked + label > span{
    background-color: #d71921;
}

div.checkbox.checkbox-primary > input[type=checkbox] + label > span.nopadding, div.checkbox.checkbox-primary > input[type=radio] + label > span.nopadding{
    padding: 7px 10px 7px 20px;
    height: 26px;
}

div.checkbox.checkbox-primary > input[type=checkbox] + label > span:before, div.checkbox.checkbox-primary > input[type=radio] + label > span:before{
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 8px;
    width: 19px;
    height: 19px;
    background-color: #f2f2f2;
    border: solid 1px #ccc;
    z-index: 20;
}

div.checkbox.checkbox-menu > input[type=checkbox] + label > span:before, div.checkbox.checkbox-menu > input[type=radio] + label > span:before{
    left: 10px;
    top: 11px;
}

div.wrap-sublist div.checkbox.checkbox-menu > input[type=checkbox] + label > span:before, div.wrap-sublist div.checkbox.checkbox-menu > input[type=radio] + label > span:before{
    left: 29px;
    top: 11px;
    width: 16px;
    height: 16px;
}

div.checkbox.checkbox-primary.color > input[type=checkbox] + label, div.checkbox.checkbox-primary.color > input[type=radio] + label,
div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span, div.checkbox.checkbox-primary.color > input[type=radio] + label > span{
    padding: 0;
    display: block;
    position: relative;
}

div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span > div.checkbox-color, div.checkbox.checkbox-primary.color > input[type=radio] + label > span > div.checkbox-color{
    height: 0;
    padding-bottom: 25%;
    text-align: center;
    font-size: 12px;
    margin-bottom: 40px;
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.2);
}

div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span > div.checkbox-color > div.wrap-color, div.checkbox.checkbox-primary.color > input[type=radio] + label > span > div.checkbox-color > div.wrap-color{
    position: absolute;
    top: 100%;
    left: -1px;
    width: 10px;
    height: 10px;
    transition: width 0.15s ease-out 0s;
    -moz-transition: width 0.15s ease-out 0s;
    -webkit-transition: width 0.15s ease-out 0s;
}

div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span > div.checkbox-color.wrap-color-ffffff, div.checkbox.checkbox-primary.color > input[type=radio] + label > span > div.checkbox-color.wrap-color-ffffff{
    color: #000;
}

div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span:before, div.checkbox.checkbox-primary.color > input[type=radio] + label > span:before, div.checkbox.checkbox-primary.color > input[type=checkbox] + label > span:after, div.checkbox.checkbox-primary.color > input[type=radio] + label > span:after{
    display: none;
}

/*noinspection ALL*/
div.checkbox.checkbox-primary > input[type=checkbox] + label > span:after, div.checkbox.checkbox-primary > input[type=radio] + label > span:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    color: #fff;
    z-index: 30;
    opacity: 0;
    font-size: 12px;
}

div.checkbox > input[type=checkbox] + div.d-flex > div.checker, div.checkbox > input[type=radio] + div.d-flex > div.checker {
    width: 19px;
    height: 19px;
    background-color: #f2f2f2;
    border: solid 1px #ccc;
    margin-right: 10px;
}

div.checkbox > input[type=checkbox] + div.d-flex > div.checker:after, div.checkbox > input[type=radio] + div.d-flex > div.checker:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    display: block;
    position: absolute;
    color: #fff;
    z-index: 30;
    opacity: 0;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

div.checkbox > input[type=checkbox]:checked + div.d-flex > div.checker:after, div.checkbox > input[type=radio]:checked + div.d-flex > div.checker:after{
    opacity: 1;
}

div.checkbox > input[type=checkbox]:checked + div.d-flex > div.text, div.checkbox > input[type=radio]:checked + div.d-flex > div.text{
    color: #000 !important;
}

div.checkbox > input[type=checkbox]:hover + div.d-flex > div.checker, div.checkbox > input[type=radio]:hover + div.d-flex > div.checker {
    background-color: #ddd;
    border-color: #bbb;
}

div.checkbox > input[type=checkbox]:checked + div.d-flex > div.checker, div.checkbox > input[type=radio]:checked + div.d-flex > div.checker {
    background-color: #d71921;
    border-color: #d71921;
}

div.checkbox.checkbox-menu > input[type=checkbox] + label > span:after, div.checkbox.checkbox-menu > input[type=radio] + label > span:after{
    left: 14px;
    top: 11px;
}

div.wrap-sublist div.checkbox.checkbox-menu > input[type=checkbox] + label > span:after, div.wrap-sublist div.checkbox.checkbox-menu > input[type=radio] + label > span:after{
    left: 32px;
    top: 10px;
}

div.checkbox.checkbox-primary.color > input[type=checkbox]:checked + label > span > div.checkbox-color, div.checkbox.checkbox-primary.color > input[type=radio]:checked + label > span > div.checkbox-color{
    font-weight: 600;
}

div.checkbox.checkbox-primary.color > input[type=checkbox]:hover + label > span > div.checkbox-color > div.wrap-color, div.checkbox.checkbox-primary.color > input[type=radio]:hover + label > span > div.checkbox-color > div.wrap-color, div.checkbox.checkbox-primary.color > input[type=checkbox]:checked + label > span > div.checkbox-color > div.wrap-color, div.checkbox.checkbox-primary.color > input[type=radio]:checked + label > span > div.checkbox-color > div.wrap-color{
    width: calc(100% + 2px);
}

div.checkbox.checkbox-primary > input[type=checkbox]:hover + label > span:before, div.checkbox.checkbox-primary > input[type=radio]:hover + label > span:before{
    background-color: #ddd;
    border-color: #bbb;
}

.card.bg-secondary div.checkbox.checkbox-primary > input[type=checkbox]:checked + label > span, .card.bg-secondary div.checkbox.checkbox-primary > input[type=radio]:checked + label > span{
    color: #fff;
}

div.checkbox.checkbox-primary > input[type=checkbox]:checked + label > span:before, div.checkbox.checkbox-primary > input[type=radio]:checked + label > span:before{
    background-color: #d71921;
    border-color: #d71921;
}

div.checkbox.checkbox-primary > input[type=checkbox]:checked + label img.mAOLThumb, div.checkbox.checkbox-primary > input[type=radio]:checked + label img.mAOLThumb{
    box-shadow: 0 0 0 2px #d71921;
    -moz-box-shadow: 0 0 0 2px #d71921;
    -webkit-box-shadow: 0 0 0 2px #d71921;
}

div.checkbox.checkbox-primary > input[type=checkbox]:checked + label > span:after, div.checkbox.checkbox-primary > input[type=radio]:checked + label > span:after, div.checkbox.checkbox-primary.color > input[type=checkbox]:checked + label > span > div.checkbox-color:after, div.checkbox.checkbox-primary.color > input[type=radio]:checked + label > span > div.checkbox-color:after{
    opacity: 1;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item{
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    -moz-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item:before, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -5px;
    z-index: 20;
    border: solid 5px transparent;;
    border-top: 5px solid #fff;
}

body.wrap-fe-page.product-details div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item:before, body.wrap-fe-page.product-details div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item:before, .color-square > span:before{
    border-top-color: #f6f6f6;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item.wrap-white-item:before, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item.wrap-white-item:before{
    top: -1px;
}

/*noinspection ALL*/
div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item:after, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #fff;
    z-index: 30;
    line-height: 100%;
    opacity: 0;
    font-size: 12px;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item.wrap-white-item:after, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item.wrap-white-item:after{
    color: #3a3f49;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox]:checked + div > div.wrap-color-item:after, div.checkbox.checkbox-primary.wrapColors > input[type=radio]:checked + div > div.wrap-color-item:after{
    opacity: 1;
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox]:hover + div > div.wrap-color-item, div.checkbox.checkbox-primary.wrapColors > input[type=radio]:hover + div > div.wrap-color-item{
    transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
}

div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-label, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-label{
    padding-left: 10px;
}

div.checkbox.small{
    transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

div.checkbox.iosSwitch > input[type=checkbox] + label, div.checkbox.iosSwitch > input[type=checkbox] + label:before, div.checkbox.iosSwitch > input[type=radio] + label, div.checkbox.iosSwitch > input[type=radio] + label:before{
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
}

div.checkbox.iosSwitch > input[type=checkbox] + label, div.checkbox.iosSwitch > input[type=radio] + label, div.checkbox.iosSwitch > span.akainput + label{
    width: 44px;
    height: 26px;
    margin: 0;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    background-color: #F55C54;
    box-shadow: inset 0 0 0 0 #F55C54, 0 0 0 2px #F55C54;
    -moz-box-shadow: inset 0 0 0 0 #F55C54, 0 0 0 2px #F55C54;
    -webkit-box-shadow: inset 0 0 0 #F55C54, 0 0 0 2px #F55C54;
}



div.checkbox.iosSwitch > input[type=checkbox]:disabled + label, div.checkbox.iosSwitch > input[type=radio]:disabled + label, div.checkbox.iosSwitch.light > input[type=checkbox] + label, div.checkbox.iosSwitch.light > input[type=radio] + label, div.checkbox.iosSwitch > input[type=checkbox]:disabled:checked + label, div.checkbox.iosSwitch > input[type=radio]:disabled:checked + label, div.checkbox.iosSwitch.checkbox-green > input[type=checkbox]:disabled + label, div.checkbox.iosSwitch.checkbox-green > input[type=radio]:disabled + label, div.checkbox.iosSwitch.checkbox-green > input[type=checkbox]:disabled:checked + label, div.checkbox.iosSwitch.checkbox-green > input[type=radio]:disabled:checked + label, div.checkbox.iosSwitch.checkbox-green.disabled > span.akainput + label{
    background-color: #ccc;
    box-shadow: inset 0 0 0 0 #ccc, 0 0 0 2px #ccc;
    -moz-box-shadow: inset 0 0 0 0 #ccc, 0 0 0 2px #ccc;
    -webkit-box-shadow: inset 0 0 0 #ccc, 0 0 0 2px #ccc;
}

div.checkbox.iosSwitch.checkbox-green > input[type=checkbox]:checked + label, div.checkbox.iosSwitch.checkbox-green > input[type=radio]:checked + label, div.checkbox.iosSwitch.checkbox-green > span.akainput.checked + label{
    background-color: #39c973;
    box-shadow: inset 0 0 0 13px rgba(57,201,115,1), 0 0 0 2px rgba(57,201,115,1);
    -moz-box-shadow: inset 0 0 0 13px rgba(57,201,115,1), 0 0 0 2px rgba(57,201,115,1);
    -webkit-box-shadow: inset 0 0 0 13px rgba(57,201,115,1), 0 0 0 2px rgba(57,201,115,1);
}

div.checkbox.iosSwitch.checkbox-green1 > input[type=checkbox]:checked + label, div.checkbox.iosSwitch.checkbox-green1 > input[type=radio]:checked + label, div.checkbox.iosSwitch.checkbox-green1 > span.akainput.checked + label{
    background-color: #3aac98;
    box-shadow: inset 0 0 0 13px rgba(58,172,152,1), 0 0 0 2px rgba(58,172,152,1);
    -moz-box-shadow: inset 0 0 0 13px rgba(58,172,152,1), 0 0 0 2px rgba(58,172,152,1);
    -webkit-box-shadow: inset 0 0 0 13px rgba(58,172,152,1), 0 0 0 2px rgba(58,172,152,1);
}

div.checkbox.iosSwitch > input[type=checkbox] + label:before, div.checkbox.iosSwitch > input[type=radio] + label:before, div.checkbox.iosSwitch > span.akainput + label:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
}

div.checkbox.iosSwitch > input[type=checkbox]:checked + label:before, div.checkbox.iosSwitch > input[type=radio]:checked + label:before, div.checkbox.iosSwitch > span.akainput.checked + label:before{
    left: calc(100% - 26px);
    box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0,0,0,.3);
}


div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label:before, div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label:after, div.checkbox.checkbox-primary.pills > input[type="radio"] + label:before, div.checkbox.checkbox-primary.pills > input[type="radio"] + label:after, div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label:before, div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label:after, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label:before, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label:after, div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label > span:before, div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label > span:after, div.checkbox.checkbox-primary.pills > input[type="radio"] + label > span:before, div.checkbox.checkbox-primary.pills > input[type="radio"] + label > span:after, div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label > span:before, div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label > span:after, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label > span:before, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label > span:after {
    display: none;
}

div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label > span, div.checkbox.checkbox-primary.pills > input[type="radio"] + label > span {
    padding: 5px 15px !important;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff;
    color: #333;
    font-weight: 400;
}

div.checkbox.checkbox-primary.fullheight.pills > input[type="checkbox"] + label, div.checkbox.checkbox-primary.fullheight.pills > input[type="radio"] + label,
div.checkbox.checkbox-primary.fullheight.pills > input[type="checkbox"] + label > span, div.checkbox.checkbox-primary.fullheight.pills > input[type="radio"] + label > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

div.modal div.checkbox.checkbox-primary.pills > input[type="checkbox"] + label > span, div.modal div.checkbox.checkbox-primary.pills > input[type="radio"] + label > span {
    border: solid 1px #ccc;
}

div.checkbox.checkbox-primary.pills > input[type="checkbox"]:hover + label > span, div.checkbox.checkbox-primary.pills > input[type="radio"]:hover + label > span {
    background-color: #ccc;
}

div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label > span, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label > span{
    background-color: #3a3f49;
    color: #fff;
}

div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label > span .text-muted, div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label > span .text-muted {
    color: #ddd !important;
}

div.modal div.checkbox.checkbox-primary.pills > input[type="checkbox"]:checked + label > span, div.modal div.checkbox.checkbox-primary.pills > input[type="radio"]:checked + label > span {
    border: solid 1px #3a3f49;
}

.wrap-intro-contact{
    text-align: center;
}

.modal-video-transparent.modal-full{
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
}

.modal-video-transparent .modal-body{
    padding: 0;
}

.modal-video-transparent .modal-content{
    background-color: transparent;
    border: none;
    border: 0;
}

.modal-video-transparent.modal-full div{
    height: 100%;
}

.modal-video-transparent .modal-header button.close{
    right: -15px;
    top: 0;
}

.modal-video-transparent.modal-full .modal-header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.modal-video-transparent .modal-content button.close{
    color: #ccc;
    opacity: 1;
}

.modal-video-transparent.modal-full .modal-content button.close:before{
    content: "ZATVORI";
    display: inline-block;
    position: relative;
    padding-right: 10px;
    font-weight: 400;
}

.modal-video-transparent .modal-content button.close:hover{
    color: #fff;
}
div.wrapLeftTitle{
    top: 15px;
    left: 0;
    z-index: 20;
    height: 20px;
    padding: 4px 15px;
}

div.wrapLeftTitle.title-lg{
    height: 34px;
    padding: 8px 25px;
}

div.wrap-menu{
    border-bottom: solid 3px #878686;
}

nav.menu a.relative.wrap-special-disabled-link, ul.menu > li.relative > a.relative.wrap-special-disabled-link, a.relative.wrap-special-disabled-link, a.relative.wrap-special-disabled-link, nav.menu a.relative.wrap-special-disabled-link:hover, ul.menu > li.relative > a.relative.wrap-special-disabled-link:hover, a.relative.wrap-special-disabled-link:hover, a.relative.wrap-special-disabled-link:hover{
    background-color: #c5c6c6;
    cursor: unset;
}

nav.menu a.relative.wrap-special-70-link, ul.menu > li.relative > a.relative.wrap-special-70-link, a.relative.wrap-special-70-link, a.relative.wrap-special-1-link{
    background-color: #e10f26;
}

nav.menu a.relative.wrap-special-71-link, ul.menu > li.relative > a.relative.wrap-special-71-link, a.relative.wrap-special-71-link, a.relative.wrap-special-2-link{
    background-color: #ed7c1e;
}

nav.menu a.relative.wrap-special-72-link, ul.menu > li.relative > a.relative.wrap-special-72-link, a.relative.wrap-special-72-link, a.relative.wrap-special-55-link{
    background-color: #6d4080;
}

nav.menu a.relative.wrap-special-115-link, ul.menu > li.relative > a.relative.wrap-special-115-link, a.relative.wrap-special-115-link{
    background-color: #009fe0;
}

body.wrap-fe-page  nav.menu a.relative.wrap-special-70-link:hover, body.wrap-fe-page  ul.menu > li.relative > a.relative.wrap-special-70-link:hover{
    color: #fff;
    background-color: #ff0000;
}

body.wrap-fe-page  nav.menu a.relative.wrap-special-71-link:hover, body.wrap-fe-page  ul.menu > li.relative > a.relative.wrap-special-71-link:hover{
    color: #fff;
    background-color: #ff6600;
}

body.wrap-fe-page  nav.menu a.relative.wrap-special-72-link:hover, body.wrap-fe-page  ul.menu > li.relative > a.relative.wrap-special-72-link:hover{
    color: #fff;
    background-color: #b000ff;
}

body.wrap-fe-page  nav.menu a.relative.wrap-special-115-link:hover, body.wrap-fe-page  ul.menu > li.relative > a.relative.wrap-special-115-link:hover{
    color: #fff;
    background-color: #00aeff;
}

ul.menu > li.relative > a.relative{
    padding: 0.75rem 1.5rem;
}

nav.menu a.relative div.wrap-inner-link{
    width: 100%;
    height: 36px;
}

nav.menu a.relative div.wrap-inner-link > div.abs{
    height: 72px;
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

nav.menu a.relative div.static{
    opacity: 1;
    padding: 6px 25px;
    height: 28px;
    transition: all .35s linear 0s;
    -moz-transition: all .35s linear 0s;
    -webkit-transition: all .35s linear 0s;
}

nav.menu a.relative div.dynamic{
    opacity: 0;
    display: none;
    padding: 6px 25px;
    height: 28px;
    transition: all .35s linear 0s;
    -moz-transition: all .35s linear 0s;
    -webkit-transition: all .35s linear 0s;
    color: #e30613;
}

nav.menu a.relative:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    height: 3px;
    width: 100%;
    background-color: transparent;
    z-index: 30;
    transition: all .15s linear 0s;
    -moz-transition: all .15s linear 0s;
    -webkit-transition: all .15s linear 0s;
}

body.wrap-fe-page nav.menu a.relative:after{
    display: none;
}

body.wrap-fe-page.page-id-117 div.wrapNewsletterBlockFE{
    display: none;
}



body.wrap-fe-page nav.menu > ul.relative > li.relative{
    position: static;
}

body.wrap-fe-page nav.menu > ul.relative > li.relative > a.relative{
    border: solid 2px #fff;
    margin-bottom: -1px;
    border-bottom-color: transparent;
}



body.wrap-fe-page nav.menu > ul.relative > li.relative > a.relative:after{
    content: "";
    display: none;
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 10px;
}

body.wrap-fe-page div.wrapMobileMenu nav.menu > ul.relative > li.relative > a.relative{
    border: none;
    border: 0;
}

body.wrap-fe-page div.wrapMobileMenu nav.menu > ul.relative > li.relative > a.relative:after{
    content: "";
    display: none;
}

nav.menu a.relative.current, ul.menu > li.relative > a.relative.current{
    color: #e30613;
}

ul.menu > li.relative > a.relative.current, ul.menu > li.relative > a.relative:hover{
    background-color: rgba(0,0,0, 0.05);
}

nav.menu > ul.relative > li.relative > div.submenu{
    display: none;
    top: 0;
    padding: 25px;
    background-color: #fff;
    border: solid 2px #ddd;
    box-shadow: 2px 2px 10px rgba(0,0,0, 0.1);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.1);
}

body.wrap-fe-page nav.menu div.submenu li.relative a:hover, body.wrap-fe-page nav.menu div.submenu li.relative:hover div.wrap-product-title{
    text-decoration: underline;
}

nav.menu > ul.relative > li.relative > div.submenu .ps__rail-y{
    opacity: 0.4;
}

nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-x:hover, nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-y:hover, nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-x:focus, nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-y:focus, nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-x.ps--clicking, nav.menu > ul.relative > li.relative > div.submenu .ps .ps__rail-y.ps--clicking,
div.wrapMobileMenu .ps .ps__rail-x:hover, div.wrapMobileMenu .ps .ps__rail-y:hover, div.wrapMobileMenu .ps .ps__rail-x:focus, div.wrapMobileMenu .ps .ps__rail-y:focus, div.wrapMobileMenu .ps .ps__rail-x.ps--clicking, div.wrapMobileMenu .ps .ps__rail-y.ps--clicking{
    background-color: transparent;
}

nav.menu > ul.relative > li.relative > div.submenu .ps__thumb-y{
    background-color: rgba(0,0,0, 0.3);
}

nav.menu div.submenu a.relative, nav.menu div.submenu li.relative{
    color: #212529;
    font-size: 20px;
}

nav.menu > ul.relative > li.relative:hover > div.submenu.activated{
    display: block;
}

nav.menu a.relative:hover div.wrap-inner-link > div.abs{
    top: -28px;
}


nav.menu a.relative:hover div.static{
    opacity: 0;
}

nav.menu a.relative:hover div.dynamic{
    opacity: 1;
}

div.wrapCollectionMenuFE{
    font-size: 1.6rem;
    overflow: hidden;
}

div.wrapCollectionMenuFE > div.container1{
    padding-left: 0;
    padding-right: 0;
}

.wrap-aka-home-menu div.col > div{
    border: solid 1px #d9dada;
}

.wrap-aka-home-menu .wrapAttentionTitle{
    color: #1a1a18;
}

.wrap-aka-home-menu div.col > div{
    height: 0;
    padding-bottom: 33.41%;
}

.wrap-aka-home-menu div.wrapTitle{
    text-align: left;
}

.wrap-aka-home-menu .wrapAttentionTitle{
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.wrap-aka-home-menu .bodytext{
    font-size: 1rem;
}

.wrap-aka-home-menu div.col > div div.image-holder{
    height: 100%;
    width: 35.6%;
    flex: 0 0 35.6%;
    -moz-flex: 0 0 35.6%;
    -webkit-flex: 0 0 35.6%;
    background-color: transparent;
}

#wrap-home-menu nav.menu div.row > div.col > a.relative div.image-holder{
    height: 60%;
}

#wrap-home-menu nav.menu div.row > div.col > a.relative div.image-holder img{
    transform: scale(0.4,0.4);
    -moz-transform: scale(0.4,0.4);
    -webkit-transform: scale(0.4,0.4);
}

#wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer{
    text-align: center;
    font-size: 42px;
    line-height: 100%;
    color: rgba(0,0,0, 0.4);
    padding-top: 0;
    padding-bottom: 0;
}

.wrap-inner-home-category-link{
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#wrap-home-menu nav.menu div.row a.relative div.wrapTitle{
    text-align: center;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 0;
    height: 40%;
}

#wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer div.image-holder{
    height: 72px;
    max-width: 12vw;
}

#wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer img.icon{
    max-height: 100%;
}

#wrap-home-menu nav.menu div.row a.relative div.wrapTitle{
    font-size: 1.15rem;
    text-align: center;
    color: #3a3f49;
}

#wrap-home-menu nav.menu div.row > div.col{
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
}

#wrap-home-menu nav.menu div.row > div.col > a.relative{
    height: 0;
    padding-bottom: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition: background-color 0.3s ease-out 0s;
    -moz-transition: background-color 0.3s ease-out 0s;
    -webkit-transition: background-color 0.3s ease-out 0s;
    background-color: #fff;
    color: #3a3f49;
}

#wrap-home-menu nav.menu div.row > div.col > a.relative:hover{
    background-color: #d71921;
    color: #fff;
    border-color: #d71921;
}

#wrap-home-menu nav.menu div.row > div.col > a.relative:hover div.wrapTitle{
    color: #fff;
}


div.wrapCollectionMenuFE a.relative{
    color: #3a3f49;
    background-color: #eaeaea;
    padding: 10px 25px 11px;
    border-bottom: solid 1px #fff;
}

div.wrapCollectionMenuFE a.relative > span{
    display: block;
    position: relative;
}

div.wrapCollectionMenuFE a.relative.current{
    color: #fff;
    background-color: #d71921;
}

a[data-target="#navbarTogglerCollections"]{
    transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease 0s;
}

a[data-target="#navbarTogglerCollections"][aria-expanded="true"]{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

div.wrapCollectionMenuFE a.relative:not(.current):hover{
   background-color: #ccc;
}

#navbarTogglerCollections.show{
    height: auto;
}

div.wrapCollectionMenuFE .row{
    overflow: hidden;
    height: 48px;
    display: block;
}

div.wrapCollectionMenuFE div.trigger-mobile-menu{
    height: 48px;
}

div.wrapCollectionMenuFE .row > .col{
    width: 100%;
    flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    max-width: 100%;
}

.menuBGEffect{
    background-color: #d71921;
}

div.wrapMobileMenu{
    background-color: #231f20;
    right: -120%;
    width: calc(100vw - 120px);
    min-width: 220px;
    max-width: 300px;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 2000;
    height: 100%;
    padding-top: 15px;
    color: #ccc;
    font-size: 1.1rem;
    text-align: left;
    padding-bottom: 25px;
}

div#wrapMobileFilters.wrapMobileMenu{
    right: auto;
    left: -120%;
}

div.wrapMobileMenu nav.menu div.submenu-mobile{
    display: block;
}

div.wrapMobileMenu div.wrap-super-scroll{
    height: 100%;
    overflow: hidden;
    margin-right: 1.5rem;
}

div.wrapMobileMenu nav.menu div.submenu-mobile div.info .strong-light{
    font-weight: 400;
}

div.wrapMobileMenu nav.menu li.relative.wrap-if-category-menu:before{
    content: "";
    display: block;
    position: relative;
    margin: 1.5rem;
    height: 1px;
    background-color: #333;
}

div.wrapMobileMenu nav.menu li.relative.wrap-if-submenu > a.relative:before{
    content: "\f105";
    display: block;
    position: absolute;
    right: 2.5rem;
    top: 10px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-style: normal;
}

div.wrapMobileMenu nav.menu li.relative > a.relative, div.wrapMobileMenu nav.menu div.submenu-mobile li.relative a.relative{
    padding: 0.7rem 2.5rem;
}

div.wrapMobileMenu nav.menu div.submenu-mobile li.relative{
    font-size: 1rem;
    margin-bottom: 0;
}

div.wrapMobileMenu nav.menu div.submenu-mobile li.relative a.relative{
    padding: 0.3rem 2.5rem;
}

div.wrapMobileMenu hr{
    margin-left: 2rem;
    margin-right: 2rem;
}

body.menu-is-on div.wrapMobileMenu{
    right: 0;
}

div.searchBlockMobile{
    right: -120%;
    width: calc(100vw - 120px);
    max-width: 300px;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 1210;
}

.hide-if-searchmobile-activated{
    transition: all 0.15s ease-out 0.3s;
    -moz-transition: all 0.15s ease-out 0.3s;
    -webkit-transition: all 0.15s ease-out 0.3s;
}

div.searchBlockMobile input.mf-input{
    background-color: transparent;
    border: solid 2px #ddd;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    outline: none;
}

body.moble-search-activated div.searchBlockMobile{
    right: 50px;
}

body.moble-search-activated .hide-if-searchmobile-activated{
    opacity: 0;
}

div.searchBlock input.mf-input{
    border: none;
    border: 0;
    padding: 10px 15px 10px 15px;
    text-align: left;
    font-size: 15px;
}

div.searchBlock input.mf-input:focus{
    border-bottom-color: #e30613;
    outline: none;
}

div.wrapReverseMenuFE a:hover{
    color: #e30613;
}

div.oeStage{
    overflow: hidden;
}

div.oeStage > ul.relative{
    clear: both;
}

div#wrapInfiniteSlideshow div.wrapArrows{
    top: -60px;
}

div.wrapArrows a.arrow{
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
}

div.wrapArrows a.arrow:hover{
    transform: scale(1.6, 1.6);
    -moz-transform: scale(1.6, 1.6);
    -webkit-transform: scale(1.6, 1.6);
}

div.wrapArrows{
    display: none;
    z-index: 200;
    opacity: 0.15;
}

div.wrapArrows.activated{
    display: block;
}

div#wrapSlideshowThumbnailsFEOuter div.mAOLThumb{
    border: solid 2px #fff;
}

div#wrapSlideshowThumbnailsFEOuter .current div.mAOLThumb{
    border-color: #999;
}

div#wrapSlideshowThumbnailsFEOuter div.mAOLThumb:hover{
    border-color: #ccc;
}

div.qq-upload-button input.mf-file{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}

div.fileUploaderContainer div.overlayMove {
    margin-top: 20px;
}

.uploadedFileText{
    top: 5px;
    color: #666;
}

div.fileUploaderContainer div.flexbox > div.col{
    padding: 0;
}

div.qq-upload-button:hover .btn-blue{
    background-color: #039988;
    border-color: #039988;
    color: #fff;
}

div.qq-upload-button:hover .btn-green{
    background-color: #329080;
    border-color: #329080;
    color: #fff;
}

div.qq-upload-button:hover .btn-default{
    background-color: #ec000a;
    border-color: #ec000a;
    color: #fff;
}

div.fileUploaderContainer div.overlayMove div.progressBarHolder{
    padding: 10px 15px;
    box-shadow: 0 0 2px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.3);
    margin-bottom: 10px;
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

div.fileUploaderContainer div.qq-drag-and-drop {
    border: 2px dashed #ddd;
    color: #ccc;
}

.wrapProgressBar{
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: 100%;
}

.progressBar{
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #d71921;
}

.progressBarText{
    top: 28px;
    color: #666;
}

.cancelUpload{
    color: #ccc;
}

.wrap-slideshow-text{
    z-index: 200;
}

.single-item .dynamic-slideshow-img{
    z-index: 50;
    position: absolute;
}

.wrap-slideshow-button{
    bottom: 10%;
    left: 0;
}

a.control.circled{
    width: 10px;
    height: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}

a.control.circled.current{
    transform: scaleX(4);
    -moz-transform: scaleX(4);
    -webkit-transform: scaleX(4);
    background-color: #d71921;
}

section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img{
    left: 30px;
    top: -50px;
}

section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
    width: auto;
    max-width: none;
    height: 340px;
}

.wrap-slideshow-controls{
    z-index: 200;
}

.single-item .dynamic-slideshow-img > div{
    transform: translateX(2000px) translateY(-1100px);
    -moz-transform: translateX(2000px) translateY(-1100px);
    -webkit-transform: translateX(2000px) translateY(-1100px);
    opacity: 0;
    transition: transform 1.4s ease-out 2.0s, opacity 1s linear 2.5s;
    -moz-transition: transform 1.4s ease-out 2.0s, opacity 1s linear 2.5s;
    -webkit-transition: transform 1.4s ease-out 2.0s, opacity 1s linear 2.5s;
}

.single-item div.wrap-slideshow-text .h1{
    transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    opacity: 0;
    transition: transform 1.2s ease-out 0.6s, opacity 1s linear 0.8s;
    -moz-transition: transform 1.2s ease-out 0.6s, opacity 1s linear 0.8s;
    -webkit-transition: transform 1.2s ease-out 0.6s, opacity 1s linear 0.8s;
}

.single-item div.wrap-slideshow-text .h3{
    transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    opacity: 0;
    transition: transform 1.2s ease-out 1s, opacity 1s linear 1.4s;
    -moz-transition: transform 1.2s ease-out 1s, opacity 1s linear 1.4s;
    -webkit-transition: transform 1.2s ease-out 1s, opacity 1s linear 1.4s;
}

.wrap-search-results-list{
    max-height: 545px;
    overflow-y: auto;
}

.nav-tabs{
    border-bottom: solid 1px #ccc;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{
    border-color: #ccc #ccc #fff #ccc;
}

.nav-tabs .nav-link.active{
    background-color: #6c757d;
    color: #fff;
    border-color: #6c757d #6c757d #fff #6c757d;
}

.card-header{
    font-size: 16px;
}

.card .accordion .card-header{
    font-size: 14px;
    padding-left: 30px;
}

.wrap-categories-with-arrows span:last-child > i{
    display: none;
}

div.wrapAllMachines .singleTableItem.activated div.item div.wrapTitle{
    background-color: #d71921;
}

div.wrapAllMachines .singleTableItem.activated.wrap-additional-job-machine div.item div.wrapTitle{
    background-color: #3a3f49;
}

div.wrapAllMachines .singleTableItem.activated.wrap-offset-machine div.item div.wrapTitle{
    background-color: #ae0303;
}

div.wrapAllMachines .singleTableItem.inactive div.item div.wrapTitle{
    background-color: #c8c8c8;
}

div.wrapAllMachines .singleTableItem.inactive div.item{
    color: #999;
}

.wrap-graphic-icon{
    background-image: url("../images/canvasIcons.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 28px;
    height: 29px;
    overflow: hidden;
    margin: 0 auto;
}

.btn-icon:hover > .wrap-graphic-icon{
    background-position: 0 -29px;
}

.wrap-graphic-icon.icon-messages{
    width: 38px;
    height: 29px;
    background-position: -28px 0;
}

.btn-icon:hover > .wrap-graphic-icon.icon-messages{
    background-position: -28px -29px;
}

.wrap-graphic-icon.icon-basket{
    width: 35px;
    height: 29px;
    background-position: -66px 0;
}

.btn-icon:hover > .wrap-graphic-icon.icon-basket, .btn-icon[aria-expanded="true"] > .wrap-graphic-icon.icon-basket{
    background-position: -66px -29px;
}

.wrap-graphic-icon.icon-login{
    background-position: -101px 0;
}

.btn-icon:hover > .wrap-graphic-icon.icon-login{
    background-position: -101px -29px;
}

.wrapSingleIntroBlockFE{
    background-color: #fff;
    border-bottom: solid 2px #3a3f49;
}

.wrapSingleIntroBlockFE:hover{
    background-color: #f6f6f6;
    border-bottom: solid 2px #d71921;
}

.wrapAllPartnersFE img.mAOLThumb{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(1);
    text-align: center;
    margin: 0 auto;
    height: 20px;
    max-height: 20px;
}

.wrapAllPartnersFE a:hover img.mAOLThumb, .wrapAllPartnersFE div.mAOLThumb:hover img.mAOLThumb{
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
}

.wrapSiteDealsMenuMobile{
    width: 1000%;
}

.wrapSiteDealsMenuMobile a.relative{
    padding: 20px 40px;
    color: #343a40;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
}

.wrapSiteDealsMenuMobile a.relative:after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 2px;
    height: calc(100% - 20px);
    background-color: #ccc;
}

.wrapSiteDealsMenuMobile a.relative.current{
    color: #e30613;
    background-color: #fff;
}

.wrapSiteDealsMenuMobile > div.col{
    padding: 0;
    float: left;
    width: auto;
}

.wrapSiteDealsMenu{
    border-bottom: solid 3px #fff;
}

.wrapSiteDealsMenu a.relative{
    color: #6c757d ;
    text-decoration: none;
    padding: 7px 7px;
}

.wrapSiteDealsMenu a.relative:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    height: 3px;
    width: 100%;
    background-color: transparent;
    z-index: 30;
    transition: all .15s linear 0s;
    -moz-transition: all .15s linear 0s;
    -webkit-transition: all .15s linear 0s;

}


.wrapSiteDealsMenu a.relative:hover, .wrapSiteDealsMenu a.relative.current{
    color: #d71921 ;
    text-decoration: none;
}

.wrapSiteDealsMenu a.relative:hover:after, .wrapSiteDealsMenu a.relative.current:after{
    background-color: #e30613;
}

.wrapSiteDealsProductList{
    min-height: 400px;
}

.wrapAllPartnersFE div.item div.mAOLThumb {
    margin: 0 auto;
    float: none;
    text-align: center;
}

.wrapAllPartnersFE div.item.active img.mAOLThumb{
    transform: scale(0,0);
    -moz-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    opacity: 0;
}

div.wrapColorPopup{
    display: none;
    width: calc(100vw - 40px);
}

div.wrapColorPopup.activated{
    display: block;
}

.wrap-single-color-squared-placeholder{
    width: 48px;
    height: 48px;
    border-width: 2px;
}


.wrap-single-color-squared-placeholder.xs-wider{
    width: 72px;
}

.wrap-single-color-squared-placeholder input.mf-input{
    outline: none;
}

.wrap-single-value-item .arrow{
    transform: scale(4, 1);
    -moz-transform: scale(4, 1);
    -webkit-transform: scale(4, 1);
    transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform-origin: left;
}

div.wrapOffsetProductStructureFE div.singleTableItem div.item{
    background-color: #fff;
    color: #3a3f49;
    padding-bottom: 35%;
}

div.wrapOffsetProductStructureFE div.singleTableItem div.item > a > div{
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
}

div.wrapOffsetProductStructureFE div.singleTableItem div.item > a:hover > div{
    background-color: #3a3f49;
    color: #fff;
}

div.wrapOffsetProductStructureFE div.singleTableItem div:first-child > div.item.bg-white-if-parent-first > a:hover > div, div.wrapOffsetProductStructureFE div.singleTableItem div.item.current > a:hover > div{
    background-color: #c81920;
    color: #fff;
}

div.wrapOffsetProductStructureFE div.singleTableItem div.item.current{
    background-color: #d71921;
    color: #fff;
}

div.wrapOffsetProductShoppingCartPrices div.singleTableItem{
    background-color: #fff;
}

div.wrapOffsetProductShoppingCartPrices div.singleTableItem.alert-warning{
    background-color: #fff3cd;
}

div.wrapOffsetProductShoppingCartPrices div.singleTableItem:not(.disabled):not(.alert-warning):hover{
    background-color: #3a3f49;
    color: #fff;
}

div.wrapOffsetProductShoppingCartPrices div.singleTableItem.current{
    background-color: #d71921;
    color: #fff;
}

div.wrapOtherStructureProperties div.single-item div.title, div[data-name="wrapSizes"] div.wrap-text{
    color: #6c757d;
}

div.wrapOtherStructureProperties div.single-item:hover div.title, div[data-name="wrapSizes"] div.single-item:hover div.wrap-text{
    color: #e30613;
}

div[data-name="wrapSizes"] div.single-item:hover div.wrap-single-color-squared-placeholder{
    border-color: #d71921;
}

div.wrapOtherStructureProperties div.single-item div.checkbox.item-square input[type=radio] + label{
    background-color: #6c757d;
    color: #fff;
    font-size: 1rem;
}

div[data-context="wrapShoppingCartPreviewFEAjax"] > div.wrapShoppingCartItemsOnly > div, div[data-context="wrapShoppingCartPreviewOnlyFEAjax"] > div.wrapShoppingCartItemsOnly > div{
    min-width: 700px;
}

div.wrapShoppingCartItemsOnly > div[data-target="replacewithcontent"]{
    min-width: 600px;
}

div[data-context="wrapShoppingCartPreviewFEAjax"].activated > div.wrapShoppingCartItemsOnly, div[data-context="wrapShoppingCartPreviewOnlyFEAjax"].activated > div.wrapShoppingCartItemsOnly, div.wrapShoppingCartItemsOnly.activated{
    overflow-x: scroll;
}

div.wrapOtherStructureProperties div.single-item div.checkbox.item-square input[type=radio]:hover + label, div.wrapOtherStructureProperties div.single-item div.checkbox.item-square input[type=radio]:checked + label{
    background-color: #3a3f49;
    color: #fff;
}

div.checkbox.checkbox-wrap-image input[type=checkbox]:hover + div.image-holder, div.checkbox.checkbox-wrap-image input[type=radio]:hover + div.image-holder{
    box-shadow: 0 0 0 4px #ddd;
    -moz-box-shadow: 0 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 0 4px #ddd;
}

div.checkbox.checkbox-wrap-image input[type=checkbox]:checked + div.image-holder, div.checkbox.checkbox-wrap-image input[type=radio]:checked + div.image-holder{
    box-shadow: 0 0 0 4px #d71921;
    -moz-box-shadow: 0 0 0 4px #d71921;
    -webkit-box-shadow: 0 0 0 4px #d71921;
}

div.checkbox.checkbox-wrap-image input[type=checkbox] + div.image-holder:after, div.checkbox.checkbox-wrap-image input[type=radio] + div.image-holder:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: rgba(215, 25, 33, 0.4);
    z-index: 30;
    line-height: 100%;
    opacity: 0;
    font-size: 32px;
}

div.checkbox.checkbox-wrap-image input[type=checkbox]:checked + div.image-holder:after, div.checkbox.checkbox-wrap-image input[type=radio]:checked + div.image-holder:after{
    opacity: 1;
}

div.wrapAllProductStructures div[data-name="clonethis"]:first-child a[data-context="deleteProductSingleStructureItem"]{
    display: none;
}

div.wrapAllProductStructures.enableDeleteForAll div[data-name="clonethis"]:first-child a[data-context="deleteProductSingleStructureItem"]{
    display: block;
}

div.wrapCheckoutStepCircles{
    white-space: nowrap;
}

div.wrapCheckoutStepCircles.animated{
    animation-duration: 2s;
    animation-delay: 2s;
    animation-iteration-count: 5;
}

div.step-circle-line-between{
    height: 2px;
    width: calc(100% - 10px);
}

.wrap-if-table table{
    border: none;
    border: 0;
    border-collapse: separate;
}

.wrap-if-table table tr td{
    padding: 7px 10px;
    font-size: 14px;
    border: none;
    border: 0;
    background-color: #fff;
}

.wrap-if-table table tr td:first-child{
    width: 150px;
    background-color: #d71921;
    color: #fff;
}

div.singleTableItem div.collapse > div:last-child.border-bottom-lightgray, div[data-context="wrapShoppingCartPreviewOnlyFEAjax"] > div > div:last-child.border-bottom-lightgray{
    border-bottom: none;
    border-bottom: 0;
}

.atlwdg-trigger{
    z-index: 20000;
}

.wrap-newsletter-block{
    max-width: 1000px;
    margin: 0 auto;
}

.wrap-single-catalogue-intro{
    background-position: 130px 100px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.wrapHomeNewsFEOuter{
    padding: 30px 20px;
}

.wrap-single-catalogue-intro .title h2{
    font-size: 36px;
}

.wrap-back-to-top{
    display: none;
    position: fixed;
    z-index: 200;
    right: 20px;
    bottom: 160px;
    width: 52px;
    height: 52px;
}

body.scroll-over-fullheight .wrap-back-to-top{
    display: block;
}


/*Custom animations*/

@-webkit-keyframes morph {
    0% {  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 128px, 0 128px, 0% 100%); }
    10% {   -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 128px, 0 128px, 0% 100%); }
    30% {   -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 128px, 0 128px, 0% 100%); }
    60% {   -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0 50%, 0% 100%); }
    100% {   -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 100%, 0% 100%); }
}

@keyframes morph {
    0% {  clip-path: polygon(0% 0%, 0% 0%, 0% 128px, 0 128px, 0% 100%); }
    10% {  clip-path: polygon(0% 0%, 100% 0%, 100% 128px, 0 128px, 0% 100%); }
    30% {  clip-path: polygon(0% 0%, 100% 0%, 100% 128px, 0 128px, 0% 100%); }
    60% {  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0 50%, 0% 100%); }
    100% {  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 100%, 0% 100%); }
}


@keyframes updown {
    0% { transform: translateY(0); }
    90% { transform: translateY(20px); }
    100% { transform: translateY(0); }
}

@-webkit-keyframes updown {
    0% { transform: translateY(0); }
    90% { transform: translateY(20px); }
    100% { transform: translateY(0); }
}

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

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

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

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

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg);
        transform: translate3d(50%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(40px) skewX(5deg);
        transform: translateX(40px) skewX(5deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(40px) skewX(-5deg);
        transform: translateX(40px) skewX(-5deg);
        opacity: 1;
    }

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

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg);
        transform: translate3d(50%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(40px) skewX(5deg);
        transform: translateX(40px) skewX(5deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(40px) skewX(-5deg);
        transform: translateX(40px) skewX(-5deg);
        opacity: 1;
    }

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

#searchBlockMobile #frmSearchMobile ::-webkit-input-placeholder{
    color: rgba(200, 200, 200, 0.4);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :-moz-placeholder{
    color: rgba(200, 200, 200, 0.4);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile ::-moz-placeholder{
    color: rgba(200, 200, 200, 0.4);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :-ms-input-placeholder{
    color: rgba(200, 200, 200, 0.4);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :focus::-webkit-input-placeholder{
    color: rgb(255, 255, 255);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :focus:-moz-placeholder{
    color: rgb(255, 255, 255);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :focus::-moz-placeholder{
    color: rgb(255, 255, 255);
    opacity: 1;
}

#searchBlockMobile #frmSearchMobile :focus:-ms-input-placeholder{
    color: rgb(255, 255, 255);
    opacity: 1;
}

#frmSearch ::-webkit-input-placeholder{
    color: rgba(58, 63, 73, 0.4);
    opacity: 1;
}

#frmSearch :-moz-placeholder{
    color: rgba(58, 63, 73, 0.4);
    opacity: 1;
}

#frmSearch ::-moz-placeholder{
    color: rgba(58, 63, 73, 0.4);
    opacity: 1;
}

#frmSearch :-ms-input-placeholder{
    color: rgba(58, 63, 73, 0.4);
    opacity: 1;
}

#frmSearch :focus::-webkit-input-placeholder{
    color: rgba(58, 63, 73, 0.6);
    opacity: 1;
}

#frmSearch :focus:-moz-placeholder{
    color: rgba(58, 63, 73, 0.6);
    opacity: 1;
}

#frmSearch :focus::-moz-placeholder{
    color: rgba(58, 63, 73, 0.6);
    opacity: 1;
}

#frmSearch :focus:-ms-input-placeholder{
    color: rgba(58, 63, 73, 0.6);
    opacity: 1;
}

section.wrapSlideShowFE{
    height: auto;
    max-height: 100vh;
    z-index: 50;
    transition: height 0.6s ease-out 0.1s;
    -moz-transition: height 0.6s ease-out 0.1s;
    -webkit-transition: height 0.6s ease-out 0.1s;
    overflow: hidden;
}

.wrap-slideshow-container{
    height: 0;
    padding-bottom: 124.14%;
}

section#wrapSlideShowFEText.wrapSlideShowFEText{
    z-index: 150;
    width: 42%;
}

section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text{
    color: #fff;
    left: 1.5rem;
}

section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h1{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 2.25rem;
}

section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h1,
section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h3{
    display: inline-block;
    padding: 6px 20px;
    box-shadow: 0 0 0 100px rgba(0,0,0, 0.5) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0,0,0, 0.5) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0, 0.5) inset;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h1{
    margin-bottom: 0;
}

section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h3{
    font-weight: 300;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

section.wrapSlideShowFE ul.relative > li.single-item, section.wrapSlideShowFEText ul.relative > li.single-item{
    z-index: 1;
    opacity: 0;
    transition: opacity 1s ease-out 0s;
    -moz-transition: opacity 1s ease-out 0s;
    -webkit-transition: opacity 1s ease-out 0s;
}

section.wrapSlideShowFE ul.relative > li.single-item.activated, section.wrapSlideShowFEText ul.relative > li.single-item.activated{
    opacity: 1;
    z-index: 150;
}

section.wrapSlideShowFEText ul.relative > li.single-item.activated .wrap-slideshow-text-intro.h1, section.wrapSlideShowFEText ul.relative > li.single-item.activated .wrap-slideshow-text-intro.h4{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}

div.wrapShoppingCartPaymentAndConfirmationFE div.wrap-checkout-totals-if-mobile{
    padding: 15px;
}

ul.nice-ul-list{
    counter-reset: hh-counter;
}

ul.nice-ul-list > li.relative{
    padding-left: 30px;
}

ul.nice-ul-list > li.relative:before{
    content: counter(hh-counter);
    counter-increment: hh-counter;
    color: #d71921;
    display: block;
    position: absolute;
    font-weight: 600;
    left: 0;
    top: 0;
    font-size: 32px;
    line-height: 100%;
}

.credit-card-icons{
    background-image: url("../images/creditCardIcons.png");
    background-position: 0 0;
}

div.wrapSingleOffsetProductDetailsFE div.wrapAllProductManualsFE{
    padding-top: 20px;
}

div.wrapHeaderFEHome{
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 200;
    transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;

}

div.wrapHeaderFEHome > div.wrap-top-tiny-black-block{
    background-color: rgba(255,255,255, 0.75);
    top: -50px;
    transition: all 200ms ease-out 2s;
    -moz-transition: all 200ms ease-out 2s;
    -webkit-transition: all 200ms ease-out 2s;
}

div.wrapHeaderFEHome > div.wrap-top-tiny-black-block.activated{
    top: 0;
}

body.scroll-in-act div.wrapHeaderFEHome{
    background-color: #fff;
    box-shadow: 3px 0 10px rgba(0,0,0, 0.5);
    -moz-box-shadow: 3px 0 10px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 3px 0 10px rgba(0,0,0, 0.5);
}

div.wrapHeaderFEHome div.logo{
    padding: 45px 25px 45px 100px;
    width: 400px;
}

body.scroll-in-act div.wrapHeaderFEHome div.logo{
    padding: 10px 25px 10px 100px;
    width: 300px;
}

.wrapSpecialSlideshowPoligon{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: 100;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

.wrapSpecialSlideshowPoligon > div{

}

.wrapSpecialSlideshowPoligon > div{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 600px;
    background-color: #fff;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 228px, 0 128px, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 228px, 0 228px, 0% 100%);
    animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
    -moz-animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
    -webkit-animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
}

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #fff;
    background: #3a3f49;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

div.wrapCatalogueIntroFE{
    background: url("../images/bottomNiceBackground.png") no-repeat bottom center;
    background-size: contain;
}

.niceBottomLine{
    padding-bottom: 20px;
}

.niceBottomLine:after{
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background-color: #e30613;
}

div.wrapNewsletterBlockFE{
    background-image: url("../images/2.png");
    background-repeat: repeat;
    background-position: center center;
}

div.wrapHomeCollectionsFE div.title h2{
    padding: 20px 60px 20px 20px;
}

div.wrap-newsletter-form{
    width: 100%;
}

div.wrap-newsletter-form button{
    height: 100%;
}

div[data-target="fixed-on-scroll"]{
    top: 0;
    left: 0;
    width: 100%;
    transform : translate3d(0, 0, 0);
    -moz-transform : translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    position: relative !important;
}

.text-black{
    color: #000;
}

.text-white-70{
    color: rgba(255,255,255, 0.7);
}

.text-white-80{
    color: rgba(255,255,255, 0.8);
}

.text-shadow{
    text-shadow: 1px 1px rgba(0,0,0, 0.4);
    -moz-text-shadow: 1px 1px rgba(0,0,0, 0.4);
    -webkit-text-shadow: 1px 1px rgba(0,0,0, 0.4);
}

div#home-menu{
    top: -25px;
}

.wrap-scroll-to-menu{
    z-index: 5000;
    bottom: 100px;
}

.wrap-scroll-to-menu a.relative{
    animation: updown 2s linear infinite;
    -webkit-animation: updown 2s linear infinite;
    -moz-animation: updown 2s linear infinite;
}

.wrapAllFAQsFE .singleTableItem a.relative{
    padding-right: 60px;
}

.wrapAllFAQsFE .singleTableItem a.relative:hover, .wrapAllFAQsFE .singleTableItem a.relative[aria-expanded="true"]{
    color: #d71921;
}

.wrapAllFAQsFE .singleTableItem a.relative[aria-expanded="true"] div.animated{
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

div.wrap-coming-soon{
    width: 120px;
    height: 120px;
    overflow: hidden;
}

div.wrap-coming-soon > div{
    display: block;
    position: absolute;
    padding: 10px;
    width: 200%;
    background-color: #d71921;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform-origin: 100px 125px;
    -moz-transform-origin: 100px 125px;
    -webkit-transform-origin: 100px 125px;
    box-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0, 0.5);

}

.wrap-credit-card-icon{
    height: 30px;
}

.wrap-credit-card-icon img{
    height: 30px;
    width: auto;
}

.wrapIfProductFiltersOnAndActive{
    position: fixed;
    width: calc(100vw - 60px);
    max-width: 400px;
    right: 0;
    top: 120px;
    z-index: -1000;
}

.wrapIfProductFiltersOnAndActive.aka-hidden {
    width: 60px;
}


.wrapIfProductFiltersOnAndActive div.wrap-if-filters-activated{
    display: none;
}

.wrapIfProductFiltersOnAndActive.activated div.wrap-if-filters-activated, .wrapIfProductFiltersOnAndActive.show div.wrap-if-filters-activated{
    display: block;
}

.wrapIfProductFiltersOnAndActive div.wrap-if-filters-activated a[data-action="addedititem"]{
    display: none;
}

.wrapIfProductFiltersOnAndActive.show div.wrap-if-filters-activated a[data-way="close"]{
    display: none;
}

.wrapIfProductFiltersOnAndActive.show div.wrap-if-filters-activated a[data-way="open"]{
    display: block;
}

.wrapIfProductFiltersOnAndActive.activated div.wrap-if-filters-activated a[data-way="close"]{
    display: block;
}

.wrapIfProductFiltersOnAndActive.activated div.wrap-if-filters-activated a[data-way="open"]{
    display: none;
}


.wrapIfProductFiltersOnAndActive.show{
    z-index: 500;
}

.wrapIfProductFiltersOnAndActive > div.wrap-filters-and-controls{
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: all 0.3s ease-out 0.2s;
    -moz-transition: all 0.3s ease-out 0.2s;
    -webkit-transition: all 0.3s ease-out 0.2s;
}

.wrapIfProductFiltersOnAndActive div.overflow-y{
    max-height: 500px;
    overflow-y: auto;
}

.wrapIfProductFiltersOnAndActive.activated > div.wrap-filters-and-controls{
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}

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

    .wrap-credit-card-icon{
        height: 50px;
    }

    .wrap-credit-card-icon img{
        height: 50px;
    }

    .wrap-aka-home-menu div.col > div{
        height: 0;
        padding-bottom: 70%;
    }

    .wrap-aka-home-menu div.wrapTitle{
        text-align: center;
    }

    .wrap-aka-home-menu div.col > div div.image-holder{
        width: 100%;
        flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }

    .paddTopBottom-sm-20{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .paddTopBottom-sm-40{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .inline-xs-block{
        display: block;
        padding: inherit;
    }

    .wrapAllPartnersFE img.mAOLThumb{
        height: 32px;
        max-height: 32px;
    }

    #wrap-home-menu nav.menu div.row > div.col{
        width: auto;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    div.wrapHomeCollectionsFE div.item{
        border-bottom: none;
        border-bottom: 0;
    }

    #wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer{
        display: none;
    }
    #content{
        min-height: calc(100vh - 487px);
    }

    section.wrapSlideShowFE{
        height: auto;
    }

    section.wrapSlideShowFEText .btn{
        padding: 7px 30px;
        font-size: 16px;
    }

    header > .wrapper > .container > div, header > .wrapper > .container > div > div.d-flex{
        height: inherit;
    }

    .grid5 .item{
        height: 0;
        padding-bottom: 30%;
    }

    .grid5 .item.wrap-image, .item.wrap-image{
        height: auto;
        padding-bottom: inherit;
    }

    .grid2 .item {
        height: 0;
        padding-bottom: 80%;
    }

    .grid1 .item .text-holder{
        flex: 0 0 62%;
        -moz-flex: 0 0 62%;
        -webkit-flex: 0 0 62%;
    }

    .color-square{
        width: 20px;
        height: 20px;
    }

    .col-super-item{
        width: 45%;
        flex: 0 0 45%;
        -moz-flex: 0 0 45%;
        -webkit-flex: 0 0 45%;
        padding: 0;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .col-super-item > .item{
        padding: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    li.relative > .col-super-item{
        width: 100%;
        flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrap-single-catalogue-intro {
        background-position: 290px center;
        background-size: auto;
    }

    .grid3 .item .info, .col-super-item > .item .info{
        border-top: solid 2px #efefef;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h1{
        font-size: 36px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h3{
        font-size: 18px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img{
        left: 160px;
        top: -120px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
        height: 480px;
    }

    .modal-video-transparent.modal-full{
        max-width: 98vw;
    }

    .wrapAllGiftProductsForTopCategoryFE .col-super-item{
        width: 100%;
        flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

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

    .hide-on-tablet{
        display: none;
    }

    .wrap-intro-contact{
        text-align: inherit;
    }

    nav.menu a.relative{
        padding: 0;
        height: 0;
        padding-bottom: 60%;
        font-size: 16px;
        line-height: 140%;
    }

    nav.menu > ul.relative > li.relative > div.submenu{
        top: 100%;
        left: 0;
        width: 100%;
    }

    nav.menu > ul.relative > li.relative > div.submenu > ul.relative > li.relative, nav.menu div.submenu li.relative{
        font-size: 14px;
    }

    nav.menu > ul.relative > li.relative > div.submenu > div.wrap-super-scroll{
        max-height: 352px;
        overflow: hidden;
        position: relative;
        padding-right: 40px;
    }

    nav.menu div.submenu li.relative{
        width: 33.3333%;
        flex: 0 0 33.3333%;
        -moz-flex: 0 0 33.3333%;
        -webkit-flex: 0 0 33.3333%;
    }

    nav.menu div.submenu li.relative div.image-holder{
        height: 0;
        padding-bottom: 60%;
    }

    nav.menu div.submenu li.relative div.image-holder .bgimage{
        background-size: auto 100%;
    }

    nav.menu div.submenu li.relative div.image-holder > .mAOLThumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    nav.menu div.submenu li.relative div.image-holder-outer{
        width: 70%;
        flex: 0 0 70%;
        -moz-flex: 0 0 70%;
        -webkit-flex: 0 0 70%;
    }

    nav.menu div.submenu a.relative, nav.menu div.submenu li.relative{
        height: auto;
        padding: 6px 20px;
        font-size: 14px;
    }

    nav.menu div.submenu div.info .strong-light a.relative{
        font-size: 16px;
    }

    nav.menu div.submenu .wrap-sublist a.relative{
        padding: 1px 20px;
    }

    nav.menu div.submenu li.relative{
        border: solid 2px #fff;
    }

    nav.menu div.submenu a.relative, nav.menu div.submenu li.relative:hover{
        background-color: #fff;
    }

    body.wrap-fe-page nav#menu.menu a.relative:hover, body.wrap-fe-page nav#menu.menu li:hover a.relative{
        background-color: #fff;
        color: #212529;
        border-color: #ddd;
        border-bottom-color: #fff;
    }

    body.wrap-fe-page nav.menu > ul.relative > li.relative:hover > a.relative:after{
        display: block;
    }

    div.wrapCollectionMenuFE .row{
        height: auto;
    }

    .wrap-aka-home-menu div.col > div{
        height: 0;
        padding-bottom: 100%;
    }

    .wrap-aka-home-menu div.wrapTitle{
        text-align: center;
    }

    .wrap-aka-home-menu .wrapAttentionTitle{
        font-size: 14px;
        margin-bottom: 10px;
    }

    .wrap-aka-home-menu div.col > div div.image-holder{
        background-color: transparent;
        height: 50%;
        width: 100%;
        flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }

    .wrap-aka-home-menu .bodytext{
        font-size: 12px;
    }

    .wrap-slideshow-container{
        height: 0;
        padding-bottom: 28.76%;
    }

    .wrap-slideshow-button{
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .wrap-slideshow-container .bgimage{
        background-size: cover;
    }

    .padd-md-40{
        padding: 40px;
    }

    .size-md-24{
        font-size: 24px;
    }
    .size-md-62{
        font-size: 62px;
    }
    .size-md-72{
        font-size: 72px;
    }

    .fixed-width-md-100{
        width: 100px;
        flex: 0 0 100px;
        -moz-flex: 0 0 100px;
        -webkit-flex: 0 0 100px;
    }

    .fixed-width-md-110{
        width: 110px;
        flex: 0 0 110px;
        -moz-flex: 0 0 110px;
        -webkit-flex: 0 0 110px;
    }

    .fixed-width-md-120{
        width: 120px;
        flex: 0 0 120px;
        -moz-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
    }

    .fixed-width-md-150{
        width: 150px;
        flex: 0 0 150px;
        -moz-flex: 0 0 150px;
        -webkit-flex: 0 0 150px;
    }

    .fixed-width-md-300{
        width: 300px;
        flex: 0 0 300px;
        -moz-flex: 0 0 300px;
        -webkit-flex: 0 0 300px;
    }

    #wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer{
        display: block;
    }

    section.wrapSlideShowFE{
        height: auto;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h1{
        font-size: 42px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h3{
        font-size: 24px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img{
        left: 180px;
        top: -120px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
        height: 520px;
    }

    .fixed-width-md-400{
        width: 400px;
        flex: 0 0 400px;
        -moz-flex: 0 0 400px;
        -webkit-flex: 0 0 400px;
    }

    div.wrapCollectionMenuFE > div.container1{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    div.wrapCollectionMenuFE{
        background-color: #eaeaea;
        font-size: 1.4rem;
    }

    div.wrapCollectionMenuFE a.relative{
        border-bottom: none;
        border-bottom: 0;
        height: 100%;
        text-align: center;
        display: flex;
        flex: 1;
        -moz-flex: 1;
        -webkit-flex: 1;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        padding: 15px 25px;
    }

    div.wrapCollectionMenuFE .row{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.wrapCollectionMenuFE .row > .col{
        width: auto;
        flex-basis: 0;
        flex-grow: 1;
    }
    div.searchBlock input.mf-input{
        padding: 10px 15px 10px 15px;
        text-align: left;
        font-size: 19px;
    }

    div.wrap-newsletter-form{
        width: 500px;
    }


    .fixed-width-md-600{
        width: 600px;
        flex: 0 0 600px;
        -moz-flex: 0 0 600px;
        -webkit-flex: 0 0 600px;
    }

    .wrapFAQContactMap{
        background-color: #f0f0f0;
        color: inherit;
    }

    .wrap-google-map > div{
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .wrap-google-map iframe{
        height: 350px;
    }

    .wrapFAQContactMap .text-white, .wrapFAQContactMap .text-lightgray1, .wrapContactPageFE .text-white, .wrapContactPageFE .text-lightgray1{
        color: inherit !important;
    }

    .wrapFAQContactMap .text-lightgray1, .wrapContactPageFE .text-lightgray1{
        color: #999 !important;
    }

    div.wrap-if-menu-activated{
        display: none;
    }

    .border-bottom-xs-lightgray-md-default{
        border-bottom: solid 2px #d71921;
    }

    body.wrap-fe-page div.wrapPager a.btn{
        min-width: 28px;
        min-height: 28px;
        font-size: 12.25px;
        padding: .25rem .5rem;
    }

    div[data-context="wrapShoppingCartPreviewFEAjax"].activated > div.wrapShoppingCartItemsOnly, div[data-context="wrapShoppingCartPreviewOnlyFEAjax"].activated > div.wrapShoppingCartItemsOnly, div.wrapShoppingCartItemsOnly.activated{
        overflow-x: visible;
    }


    nav.menu a.relative div.dynamic{
        display: block;
    }

    nav.menu a.relative{
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    body.error404-page nav.menu a.relative{
        height: 72px;
    }

    nav.menu a.relative:after{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

    nav.menu li.relative:first-child a.relative:after{
        display: none;
    }

    header > .wrapper{
        height: auto;
    }

    .md-fullwidth{
        min-width: 100%;
        width: 100%;
    }

    .text-xs-lightgray-md-default{
        color: #d71921;
    }

    .wrap-xs-fullwidth{
        width: auto;
        padding: unset;
    }

    .border-right-md-lightgray {
        border-right: solid 1px #ddd;
    }

    .container.wrap-xs-fullwidth{
        padding-left: 15px;
        padding-right: 15px;
    }

    .size-xs-14-md-16{
        font-size: 16px;
    }

    .size-xs-14-md-18, .size-xs-16-md-18{
        font-size: 18px;
    }

    .size-xs-18-md-20{
        font-size: 20px;
    }

    .size-xs-22-md-30{
        font-size: 30px;
    }

    .size-xs-1-3-md-26{
        font-size: 26px;
    }

    .size-xs-1-6-md-36{
        font-size: 36px;
    }

    .size-xs-2-md-42{
        font-size: 42px;
    }

    h2.size-xs-1-5{
        font-size: 2rem;
    }

    .size-xs-1-7{
        font-size: 22px;
    }

    .size-xs-1-5-md-22{
        font-size: 22px;
    }

    header div.logo{
        width: 250px;
        flex: 0 0 250px;
        -moz-flex: 0 0 250px;
        -webkit-flex: 0 0 250px;
        min-width: 250px;
        max-width: 250px;
    }

    header > .wrapper > .container{
        height: 170px;
    }

    .padd-md-10{
        padding: 10px;
    }

    .wrap-credit-card-icon{
        height: 60px;
    }

    .wrap-credit-card-icon img{
        height: 60px;
    }

    .paddLeft-md-10{
        padding-left: 10px;
    }

    .paddLeftRight-xs-5-md-10{
        padding-left: 10px;
        padding-right: 10px;
    }

    .paddLeftRight-md-15{
        padding-left: 15px;
        padding-right: 15px;
    }

    .paddLeftRight-md-20{
        padding-left: 20px;
        padding-right: 20px;
    }

    .padd-md-15{
        padding: 15px;
    }

    .padd-md-20{
        padding: 20px;
    }

    .d-min-height-300{
        min-height: 300px;
    }

    .inline-block.d-md-block{
        display: inline-block !important;
    }

    .inline-block.d-md-none{
        display: none !important;
    }

    h1, .h1{
        font-size: 2rem;
    }

    h2, .h2{
        font-size: 1.85rem;
    }

    .grid1 .item {
        height: 0;
        padding-bottom: 45%;
    }

    .grid2 .item {
        height: 0;
        padding-bottom: 80%;
    }

    .grid4 .item{
        padding-bottom: 100%;
    }

    .modal.show .modal-dialog.modal-md.modal-video-transparent{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);

    }

    div.wrapLoginContainer{
        width: 300px;
    }

    .grid1 .item.bgimage, .grid3 .photo.bgimage, .grid2 .photo.bgimage, .grid1 .bgimage, .grid3 .bgimage, .grid3 .photo > .bgimage, .grid2 .photo > .bgimage, .col-super-item > .item .image-holder .photo > .bgimage{
        background-size: auto 100%;
    }

    .wrap-single-catalogue-intro{
        padding: 50px;
    }

    .wrapHomeNewsFEOuter{
        padding: 40px 40px;
    }

    .wrap-single-catalogue-intro .title h2{
        font-size: 56px;
    }

    .wrap-single-catalogue-intro {
        background-position: 500px center;
    }

    .wrap-single-catalogue-intro .subtitle{
        font-size: 30px;
    }

    .wrap-single-catalogue-intro .btn, .wrap-slideshow-btn .btn{
        font-size: 18px;
        padding: 10px 30px;
    }

    .grid1 .item.bgimage.horizontal, .grid3 .photo.bgimage.horizontal, .grid2 .photo.bgimage.horizontal, .grid1 .bgimage.horizontal, .grid3 .bgimage.horizontal, .grid3 .photo.horizontal > .bgimage, .grid1 .photo.horizontal > .bgimage, .grid3 .photo.horizontal > .bgimage, .grid2 .photo.horizontal > .bgimage,  .col-super-item > .item .image-holder .photo.horizontal > .bgimage{
        background-size: 90% auto;
    }

    div.wrapSingleOffsetProductDetailsFE div.image-holder, div.wrapSingleProductDetailsFE div.image-holder {
        flex: 0 0 300px;
        -moz-flex: 0 0 300px;
        -webkit-flex: 0 0 300px;
    }

    .grid3 div.wrapSingleOffsetProductDetailsFE div.image-holder .bgimage{
        background-size: cover;
    }

    .margin-bottom-xs-10-md-30{
        margin-bottom: 30px;
    }

    .paddLeftRight-xs-10-md-20{
        padding-left: 20px;
        padding-right: 20px;
    }

    .paddLeftRight-xs-10-md-40{
        padding-left: 40px;
        padding-right: 40px;
    }

    .paddTopBottom-md-10{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .paddTopBottom-md-15{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .paddTopBottom-md-20{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .paddTopBottom-md-40{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .paddTopBottom-xs-10-md-30, .paddTopBottom-md-30{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .padd-xs-10-md-20{
        padding: 20px;
    }

    .paddTopBottom-xs-10-md-20{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .grid1 .item .text-holder{
        flex: 0 0 52%;
        -moz-flex: 0 0 52%;
        -webkit-flex: 0 0 52%;
    }

    .grid1 .item .image-holder{
        flex: 0 0 48%;
        -moz-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
    }

    .color-square{
        width: 20px;
        height: 20px;
    }

    .wrapIfProductFiltersOnAndActive .color-square{
        width: 16px;
        height: 16px;
    }

    .color-square.show-more-button:after{
        font-size: 1.4rem;
    }

    .paddLeftRight-xs-15{
        padding-left: 0;
        padding-right: 0;
    }

    .col-super-item{
        width: 45%;
        flex: 0 0 45%;
        -moz-flex: 0 0 45%;
        -webkit-flex: 0 0 45%;
        padding: 0;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .col-super-item > .item{
        margin-bottom: 60px;
    }

    .wrapBlockProductsForHomePageFE .col-super-item > .item{
        padding-top: 30px;
        padding-bottom: 30px;
        height: 100%;
    }

    .wrapBlockProductsForHomePageFE .col-super-item > .item.hover-resize-image{
        box-shadow: 0 0 0 rgba(0,0,0, 0.0);
        -moz-box-shadow: 0 0 0 rgba(0,0,0, 0.0);
        -webkit-box-shadow: 0 0 0 rgba(0,0,0, 0.0);
        transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }

    .wrapBlockProductsForHomePageFE .col-super-item > .item.hover-resize-image:hover{
        box-shadow: 0 0 20px rgba(0,0,0, 0.2);
        -moz-box-shadow: 0 0 20px rgba(0,0,0, 0.2);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.2);
        z-index: 100;
    }

    body.wrap-fe-page nav.menu > ul.relative {
        padding-left: 240px;
        padding-right: 100px;
    }

    body.wrap-fe-page nav.menu div.submenu li.relative div.wrap-sublist{
        font-size: 12px;
    }

    .wrapIfProductFiltersOnAndActive{
        width: calc(100vw - 100px);
        top: 300px;
    }

}

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

    div.wrapCollectionMenuFE a.relative{
        padding: 35px 25px;
        font-size: 1.6rem;
        text-align: center;
    }

    section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h1,
    section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h3{
        display: inline-block;
        padding: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    section.wrapSlideShowFE ul.relative > li.single-item.wrap-if-instashadow div.wrap-slideshow-text h1{
        margin-bottom: 10px;
    }

    #wrap-home-menu nav.menu div.row > div.col > a.relative{
        height: 0;
        padding-bottom: 33.41%;
    }


    .wrap-aka-home-menu div.col > div{
        height: 0;
        padding-bottom: 80%;
    }

    .wrap-aka-home-menu .wrapAttentionTitle{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .wrap-aka-home-menu div.col > div div.image-holder{
        background-color: transparent;
        height: 60%;
        width: 100%;
    }

    #wrap-home-menu nav.menu div.row a.relative div.wrapTitle{
        text-align: right;
        -ms-flex-pack: end !important;
        justify-content: end !important;
        height: 100%;
        padding-right: 30px;
    }

    #wrap-home-menu nav.menu div.row > div.col > a.relative div.image-holder{
        height: 100%;
        width: 35.6%;
        flex: 0 0 35.6%;
        -moz-flex: 0 0 35.6%;
        -webkit-flex: 0 0 35.6%;
    }

    #wrap-home-menu nav.menu div.row > div.col > a.relative div.image-holder img{
        transform: scale(0.5,0.5);
        -moz-transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
    }

    .col-super-item{
        width: 30%;
        flex: 0 0 30%;
        -moz-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        padding: 0;
        margin-left: 1.666667%;
        margin-right: 1.666667%;
    }

    .wrapAllGiftProductsForTopCategoryFE .col-super-item{
        width: 45%;
        flex: 0 0 45%;
        -moz-flex: 0 0 45%;
        -webkit-flex: 0 0 45%;
        padding: 0;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .modal-sm {
        max-width: 550px;
    }

    .modal-md {
        max-width: 650px;
    }

    .modal-lg {
        max-width: 860px;
    }

    .modal-video-transparent.modal-full{
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
    }

    .margin-bottom-md-55{
        margin-bottom: 55px;
    }

    .margin-bottom-md-100{
        margin-bottom: 100px;
    }

    .modal-xl {
        max-width: 1024px;
    }

    div.wrapColorPopup{
        width: 600px;
    }

    div.wrapSingleProductDetailsFE .color-square{
        width: 20px;
        height: 20px;
    }

    div.checkbox.checkbox-primary.wrapColors > input[type=checkbox] + div > div.wrap-color-item, div.checkbox.checkbox-primary.wrapColors > input[type=radio] + div > div.wrap-color-item{
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        -moz-flex: 0 0 30px;
        -webkit-flex: 0 0 30px;
    }

    .size-xs-1-2rem-md-14{
        font-size: 14px;
    }

    .fixed-width-xs-40.fixed-width-25{
        width: 25px;
        flex: 0 0 25px;
        -moz-flex: 0 0 25px;
        -webkit-flex: 0 0 25px;
    }

    .grid1 .item .text-holder{
        flex: 0 0 62%;
        -moz-flex: 0 0 62%;
        -webkit-flex: 0 0 62%;
    }

    .grid1 .item .image-holder{
        flex: 0 0 38%;
        -moz-flex: 0 0 38%;
        -webkit-flex: 0 0 38%;
    }
    nav.menu a.relative{
        padding: 0;
        height: 0;
        padding-bottom: 33.41%;
    }

    nav.menu div.submenu li.relative{
        width: 20%;
        flex: 0 0 20%;
        -moz-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
    }

    nav.menu > ul.relative > li.relative > div.submenu > div.wrap-super-scroll{
        max-height: 390px;
    }

    nav.menu div.submenu li.relative div.image-holder-outer{
        width: 150px;
        flex: 0 0 150px;
        -moz-flex: 0 0 150px;
        -webkit-flex: 0 0 150px;
    }


    nav#menu.menu a.relative:hover, nav#menu.menu li:hover a.relative{
        background-color: #d71921;
        color: #fff;
    }

    .wrap-single-catalogue-intro .btn, .wrap-slideshow-btn .btn{
        font-size: 14px;
        padding: 10px 30px;
    }

    section.wrapSlideShowFE{
        height: auto;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h1{
        font-size: 62px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h3{
        font-size: 26px;
        letter-spacing: 0.5px;
        margin-bottom: 40px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img{
        left: 280px;
        top: -190px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
        height: 700px;
    }

}

@media only screen and (min-width : 1140px) {
    .hide-on-tablet{
        display: inline;
    }

    .grid1 .item .text-holder{
        flex: 0 0 62%;
        -moz-flex: 0 0 62%;
        -webkit-flex: 0 0 62%;
    }

    .grid1 .item .image-holder{
        flex: 0 0 38%;
        -moz-flex: 0 0 38%;
        -webkit-flex: 0 0 38%;
    }

    .wrapAllGiftProductsForTopCategoryFE .col-super-item{
        width: 30%;
        flex: 0 0 30%;
        -moz-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        padding: 0;
        margin-left: 1.666667%;
        margin-right: 1.666667%;
    }

    .inline-md-block{
        display: inline-block;
        vertical-align: middle;
    }

    nav.menu a.relative div.wrap-inner-link{
        height: inherit;
    }

    nav.menu a.relative div.static, nav.menu a.relative div.dynamic{
        height: 36px;
        padding: 7px 25px;
    }

    nav.menu a.relative div.wrap-inner-link > div.abs {
        height: 73px;
    }

    nav.menu a.relative:hover div.wrap-inner-link > div.abs{
        top: -36px;
    }

    .wrap-single-catalogue-intro{
        height: 300px;
    }
}

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

    #wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer{
        left: 35px;
    }

    #wrap-home-menu nav.menu div.row a.relative div.wrap-image-holder-outer div.image-holder{
        width: 72px;
        max-width: 72px;
        height: 92px;
    }

    #wrap-home-menu nav.menu div.row a.relative div.wrapTitle{
        font-size: 22px;
    }

    .grid1 .item .text-holder{
        flex: 0 0 52%;
        -moz-flex: 0 0 52%;
        -webkit-flex: 0 0 52%;
    }

    .grid1 .item .image-holder{
        flex: 0 0 48%;
        -moz-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
    }

    .wrap-google-map iframe{
        height: 450px;
    }

    .wrapSpecialSlideshowPoligon{
        max-width: 42%;
    }

    .wrapSpecialSlideshowPoligon > div{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: inherit;
        background-color: #fff;
        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 128px, 0 128px, 0% 100%);
        clip-path: polygon(0% 0%, 0% 0%, 0% 128px, 0 128px, 0% 100%);
        animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
        -moz-animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
        -webkit-animation: morph 0.5s ease-in-out 1s normal 1 forwards running;
    }

    section.wrapSlideShowFE{
        height: auto;
    }

    .col-super-item{
        width: 28%;
        flex: 0 0 28%;
        -moz-flex: 0 0 28%;
        -webkit-flex: 0 0 28%;
        padding: 0;
        margin-left: 2.666667%;
        margin-right: 2.666667%;
    }

    .col-super-item1{
        width: 22%;
        flex: 0 0 22%;
        -moz-flex: 0 0 22%;
        -webkit-flex: 0 0 22%;
        padding: 0;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h1{
        font-size: 82px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text h3{
        font-size: 32px;
        letter-spacing: 0.5px;
        margin-bottom: 40px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img{
        left: 300px;
        top: -160px;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
        height: 860px;
    }

    .wrap-aka-home-menu div.col > div{
        height: 0;
        padding-bottom: 33.41%;
        margin-bottom: 0;
    }

    .wrap-aka-home-menu div.col > div div.image-holder{
        background-color: transparent;
        width: 40%;
        flex: 0 0 40%;
        -moz-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
    }


    .wrap-aka-home-menu div.wrapTitle{
        text-align: left;
    }
}

@media only screen and (min-width : 1440px) {
    .container1{
        width: 1440px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    section.wrapSlideShowFE ul.relative > li.single-item div.wrap-slideshow-text{
        left: 0;
    }

    section.wrapSlideShowFE{
        height: auto;
    }

    section.wrapSlideShowFE ul.relative > li.single-item .dynamic-slideshow-img img.mAOLThumb{
        height: 1000px;
    }

}

@media only screen and (min-width : 1544px) {
    .wrap-slideshow-container{
        height: 444px;
        padding-bottom: 0;
    }

    .wrap-slideshow-container .bgimage{
        background-size: auto;
    }
}