:root {
    --primary-color: #383e48;
    --primary-color-contrast: #BCC1C3;
    --primary-color-hover: #4ab5c5;
    --primary-color-hover-contrast: #ffffff;
    --primary-border-color: #383e48;
    --primary-border-color-hover: #4ab5c5;
    --dark-color: #fff;
    --dark-color-contrast: #000;
    --dark-color-hover: #000;
    --dark-color-hover-contrast: #fff;
    --dark-border-color: #fff;
    --dark-border-color-hover: #fff;
    --vw: 100vw;
    color: #BCC1C2;
}

div[style='position: absolute; bottom: 0px; left: 0px; z-index: 9999;'] {
    display: none !important;
    margin-left: -100000px;
}

/* +clearfix { */
.home-products-list li:hover:after,
.home-products-list a:after,
.ik-product-home p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.home-products-list li:hover,
.home-products-list a,
.ik-product-home p {
    display: block;
    height: 1px;
}

/* +} */
body {
    color: #4A4A4A;
    padding: 0;
    margin: 0;
    font-size: 0.9em !important;
    font-family: 'Poppins', sans-serif;
}

/* .icon IMG
{
	max-height: 22px;
	max-width: 22px;
	height: 22px;
} */
.code-style {
    font-size: 0.9em !important;
    font-family: monospace;
    white-space: pre;
    line-height: 1 !important;
    height: 250px !important;
    tab-size: 4;
}

h1 {
    color: var(--primary-color);
    font-weight: normal;
    font-size: 2.3em;
    font-family: 'DM Serif Display', serif;
}

h2 {
    font-size: 1.7em;
    font-weight: normal;
    font-family: 'DM Serif Display', serif;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
    font-family: 'DM Serif Display', serif;
}

.content img {
    margin-bottom: 1.5rem !important;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.lang-choose {
    display: inline;
}

.lang-choose img {
    width: 29px;
    margin-top: -6px;
    margin-left: 4px;
}

.lang-choose-mobile {
    margin-top: 21px;
}

.lang-choose-mobile img {
    border: 1px solid #FFFFFF;
    width: 56px;
}

.lang-choose-footer img {
    width: 44px;
}

.footer-logo {
    width: 173px;
    margin-bottom: 21px;
}

@media (min-width: 991px) {
    .fs-md-1 {
        font-size: 1.5rem !important;
    }
    .fs-md-2 {
        font-size: 1.4rem !important;
    }
    .fs-md-3 {
        font-size: 1.3rem !important;
    }
}

/*Blog*/
.Label_PublishDate {
    color: #A9A9A9;
    margin-bottom: 9px;
    display: block;
}

.blog-citation {
    border-left: 6px solid #A6A6A6;
    padding-left: 1rem;
    margin-left: 1rem;
    font-style: italic;
    color: #565656;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-right: 2rem;
    text-align: justify;
    display: block;
}

@media (min-width: 576px) {
    .blog-citation {
        padding-left: 1.5rem;
        margin-left: 3rem;
        padding-right: 3rem;
    }
}

/* Advanced */
[data-slide-name="advanced-search"] {
    display: none;
}

#SearchForm {
    height: auto;
}

/* Media query 990px */
@media (min-width: 991px) {
    [data-slide-name="advanced-search"] {
        display: flex !important;
    }
    
    #SearchForm {
        height: calc(100vh - 20px) !important;
    }
}

/*Home*/
.HomeArticleList .image-wrapper {
    height: 0;
    padding-bottom: 29%;
    background: center / cover no-repeat;
    /*+border-radius: 30px;*/
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

/*Category*/
.category-contents .image-wrapper {
    height: 0;
    padding-bottom: 66%;
    background: center / cover no-repeat;
}

.category-contents h2 {
    font-size: 2.6em;
}

/*Highlight*/
.home-highlight .image-wrapper {
    height: 0;
    padding-bottom: 100%;
    background: center / cover no-repeat;
    /*+border-radius: 30px;*/
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.home-highlight h2 {
    font-weight: bold;
    font-size: 1.6em;
    padding: 4%;
}

.home-highlight p {
    text-align: center;
    padding: 4%;
}

.home-highlight article a {
    /*background-color: #404652;*/
}

/* Catalog category */
.ul-category-filter {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.ul-category-filter li a {
    display: inline-block;
    padding: 9px;
    border: 1px solid #363636;
    margin-right: 13px;
    width: 100%;
    text-align: center;
    /*white-space: nowrap;*/
    color: #000000;
}

.ul-category-filter li a:hover {
    background-color: #3C3C3C;
    color: #FFFFFF;
    text-decoration: none;
}

.ul-category-filter li {
    width: 48%;
    margin-top: 1%;
    margin-right: 1%;
}

@media (min-width: 576px) {
    .ul-category-filter li {
        width: 32%;
        margin-right: 1%;
        margin-top: 1%;
    }
}

@media (min-width: 992px) {
    .ul-category-filter li {
        width: 32%;
        margin-right: 1%;
        margin-top: 1%;
    }
}

/* Colors */
.red {
    background-color: #D22C2C;
    color: white;
}

.green {
    background-color: #2CD12C;
    color: white;
}

.grey {
    color: #FFFFFF;
    background-color: #8E8E8E;
}

.blue {
    background-color: #365899;
    color: #FFFFFF;
}

.orange {
    background-color: #FA8900;
    color: #FFFFFF;
}

.violet {
    background-color: #65087E;
}

.highlight {
    background-color: yellow;
}

.master-container {
    margin-top: 70px;
}

#logo img {
    max-width: 202px;
    margin-bottom: 20px;
}

.mobile-logo {
    width: 169px;
    margin-top: -7px;
    padding-left: 38px;
}

footer {
    font-size: 0.9em;
    background-color: #373E48;
    color: var(--primary-color-contrast);
}

footer ul {
    padding-left: 0;
    color: #9E9E9E;
}

footer a {
    padding-left: 0;
    /* color: #1B1B1B; */
    color: #BCC1C3;
    text-decoration: none;
}

footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/*
.Ikari-previous-page a {
    display: inline-block;
    left: 0;
    z-index: 1;
    background-color: var(--primary-color);
    color: var(--primary-color-contrast) !important;
    padding: 2px 9px 2px 7px;
    text-align: center;
    /* +border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-top: 3px;
}

*/
@media (max-width: 767px) {
    .title-sm-small {
        font-size: 2.5rem;
    }
    
    .image-w-50 {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    [data-letters] span {
        display: none;
    }
    
    .desktop {
        display: none !important;
    }
    
    .ik-product-home {
        width: 49%;
    }
    
    #header1 {
        position: sticky;
        z-index: 100;
        background-color: #FFFFFF;
        width: 100%;
        /*margin-top: 0;*/
        /*padding-top: 0;*/
        top: 0;
        /*padding-bottom: 9px;*/
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349);
    }
    
    .page-wrapper {
        /*margin-top: 133px;*/
    }
    
    #header1 .btn {
        background-color: #BCC1C3 !important;
        color: #404652;
        border: 1px solid #BCC1C3 !important;
    }
}

.cart-bubble {
    background: #A32728;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 10px;
    height: 16px;
    /* left: 3px; */
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 4px;
    right: 10px;
    width: 16px;
    font-weight: bold;
}

.top-navbar a {
    font-size: 32px;
    color: #FFE010 !important;
}

.top-navbar a:hover {
    font-size: 32px;
    color: #C83233 !important;
}

#UpdatePanel_CartTotal {
    /*display: inline-block;*/
    /*vertical-align: super;*/
    font-size: 70%;
    background-color: #000000;
    /* +border-radius: 50%; */
    /*-moz-border-radius: 50%;*/
    /*-webkit-border-radius: 50%;*/
    /*-khtml-border-radius: 50%;*/
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #FFFFFF;
    line-height: 1.7;
    text-align: center;
    /* +placement: 0px -5px; */
    position: relative;
    left: 0px;
    top: -7px;
    border: 2px solid #BCC1C3;
}

@media (min-width: 767px) {
    .mobile {
        display: none !important;
    }
    
    #header1 {
        background-color: #FFFFFF;
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        top: 0;
        /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349);*/
    }
    
    .position-top-right {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .bottomdiv {
        position: absolute;
        bottom: 0;
        right: 0;
        white-space: nowrap;
        margin-right: 13px;
    }
    
    .bottomdiv-wrapper {
        position: relative;
        /* height: 100%; */
        /* width: 100%; */
    }
    
    #header1 .btn {
        background-color: #BCC1C3 !important;
        color: #404652;
        border: 1px solid #BCC1C3 !important;
    }
}

/* border-collapse: collapse; */
.ik-product-home {
    width: 16%;
}

.cart-bubble:before {
    content: '(';
}

.cart-bubble:after {
    content: ')';
}

.top-navbar a {
    color: var(--primary-color);
}

.bg1 {
    background: 0 0 / cover;
}

.ik-product a {
    text-decoration: none !important;
}

.ik-product h2 {
    font-size: 17pt !important;
}

.cd-header-buttons .icon_cart_wrap span {
    background: #FFEA00;
    border-radius: 50%;
    color: #4B4E53;
    font-size: 10px;
    height: 16px;
    left: 3px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 16px;
}

/*Product variants*/
ul.variant1,
ul.variant2 {
    padding-left: 0;
    list-style-type: none;
}

.dup {
    display: inline-block;
    margin-right: 4px;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    text-align: center;
}

.dup:hover {
    border: 1px solid var(--primary-color);
}

.variant-disabled {
    border: 1px solid #FFFFFF;
    background-color: #D7D7D7;
    color: #FFFFFF !important;
}

.variant-enabled {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #FFFFFF;
}

.variant-selected {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color-hover);
    color: #FFFFFF !important;
}

.variant2 img {
    max-width: 73px;
    display: block;
}

/* Image crop */
.bg-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    background: center / cover;
}

.blur {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100% !important;
    position: absolute;
    height: 100% !important;
    display: none;
}

/* Page cards */
.scrollable {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    scrollbar-width: thin;
}

.wp-1 {
    width: 100px;
    min-width: 100px;
}

.wp-2 {
    width: 200px;
    min-width: 200px;
}

.wp-25 {
    min-width: 250px;
    width: 250px;
}

.wp-3 {
    min-width: 300px;
    width: 300px;
}

.page-card {
    min-width: 200px;
    margin-right: 20px;
}

.page-card-image {
    width: 100%;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    height: 0px;
    padding-bottom: 100%;
}

.page-card a {
    text-decoration: none;
    color: #5E5E5E;
}

.square-responsive-image {
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    height: 0px;
    width: 100%;
    padding-bottom: 100%;
}

/* Font sizing */
.font-size-1 {
    font-size: 1.5em;
}

.font-size-2 {
    font-size: 1.8em;
}

.font-size-3 {
    font-size: 2.5em;
}

.font-size-4 {
    font-size: 3em;
}

.font-size-5 {
    font-size: 4em;
}

.font-size--1 {
    font-size: 0.9em;
}

/* Page images */
.images {
    padding: 0 0 0 0px;
    margin: 0;
    list-style-type: none;
}

.images a {
    display: block;
    background-size: cover !important;
    background-position: center !important;
    height: 100%;
}

.images li:nth-child(1) a {
    display: block;
    background-size: cover !important;
    height: 0;
    margin-bottom: 3px;
    padding-bottom: 66%;
}

.images li:nth-child(n+2) {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 3px;
    height: 0px;
    padding-bottom: 18%;
    overflow: hidden;
}

.images li:nth-child(n+2) a {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 3px;
    height: 0;
    padding-bottom: 74%;
}

.images li:nth-last-child(1) {
    padding-right: 0;
}

.fb-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.fb-video iframe {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Data letters */
[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 0.9em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    background: #0C7C8D;
    vertical-align: middle;
    margin-right: 0.3em;
    color: white;
}

[data-letters] {
    margin-right: 1.3px;
}

[data-letters] span {
    margin-right: 10.3px;
}

/* ---- */
div[data-slide-defaultheight] {
    overflow: hidden;
}

div[data-slide-target] {
    cursor: pointer;
}

.dashboard {
    background-color: #E8E8E8;
}

.dashboard h1 {
    background-color: #016E92;
    color: #FFFFFF;
}

.dashboard h2 {
    background-color: #E18D00;
    color: #FFFFFF;
    width: 100%;
}

/* Buttons */
.remove-button:before {
    color: #D80000;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f057";
    display: inline-block;
    padding-left: 6px;
}

.remove-button {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* Helper & hacks */
.hiddenfield {
    /* display: none !important; */
    opacity: 0;
    width: 0px;
    height: 0px;
    border: 0px;
    position: absolute;
    margin-left: -1000px;
    margin-top: -87px;
}

a.anchor {
    display: block;
    position: relative;
    top: -54px;
    visibility: hidden;
}

table,
td {
    border: 0px;
}

.break-out {
    width: var(--vw);
    position: relative;
    left: calc(-1 * (var(--vw) - 100%) / 2 );
}

/* Validator hacks */
.alert[style*="inline"] {
    display: inline-block !important;
}

.validator-block[style*="inline"] {
    display: block !important;
}

/* table-cart */
.table-cart td {
    /*padding: 15px;*/
}

/* .table-cart TD:nth-child(3)
{
	text-align: right;
} */
.table-cart td:nth-child(2) {
    text-align: center;
}

.table-cart th {
    text-align: center;
    /*border: 0px solid black;*/
}

.table-cart {
    border-spacing: 0 5px !important;
    border-collapse: separate !important;
}

/* Divcrea-panelside */
body {
    transition: margin-left 0.5s;
    width: 100%;
}

.divcrea-panelside {
    height: 100%;
    box-sizing: border-box;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #404652;
    box-shadow: inset 0 0 5px 5px rgba(34, 34, 34, 0.222);
    color: #FFFFFF;
    overflow-x: hidden;
    transition: 0.5s;
    /* Right or left panel */
    left: 0;
    /* right: 0; */
}

.divcrea-panelside-wrapper {
    width: 250px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.divcrea-panelside-close {
    font-size: 34px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    z-index: 1;
    line-height: 1em;
    cursor: pointer;
}

.divcrea-panelside-open {
    display: inline-block;
    color: #BCC1C4 !important;
    font-size: 32px;
    text-align: center;
    width: 50px;
    text-decoration: none;
    margin-right: 15px;
    float: left;
    position: fixed;
    left: 0;
    top: 22px;
    z-index: 1;
}

.divcrea-panelside .menu-mobile {
    line-height: 1.2;
}

.divcrea-panelside .menu-mobile ul {
    margin: 0px 0px 0px 0;
    padding: 0;
}

.divcrea-panelside .menu-mobile ul {
    margin: 0px 0px 0px 0;
}

.divcrea-panelside .menu-mobile ul ul {
    padding-left: 25px !important;
}

.divcrea-panelside .menu-mobile ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.divcrea-panelside .menu-mobile ul li a {
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.268);
    text-transform: uppercase;
    display: block;
    padding: 19px;
    font-size: 0.9em;
    font-family: 'Poppins', sans-serif;
}

.divcrea-panelside .menu-mobile ul li a:hover {
    background-color: #6D788F;
}

.divcrea-panelside .menu-mobile li > a:after {
    content: ' \F105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

.divcrea-panelside .menu-mobile li > a.selected:after {
    content: ' \f107';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

.divcrea-panelside .menu-mobile li > a:only-child:after {
    content: '';
}

/* Modal */
.modal-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.510);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-message {
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #A2A2A2;
    color: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.2em;
    z-index: 1000;
}

.modal-message-window {
    max-width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    box-sizing: border-box;
    font-size: 1.2em;
    height: 154px;
    text-align: center;
}

.cookiepolicypanel {
    background-color: rgba(0, 0, 0, 0.765);
    color: #FFFFFF;
    padding: 22px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 0.8em;
    text-align: justify;
}

.cookiepolicypanel div:nth-last-child(2) {
    text-align: right;
}

.cookiepolicypanel a {
    color: #3AB6FF;
}

.cookiepolicypanel .btn-cookiepolicypanel {
    background-color: #FFC417;
    color: #000000;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 16px;
}

/* Help popup */
.help-background {
    position: fixed;
    display: block;
    top: 0;
    background-color: rgba(0, 0, 0, 0.641);
    height: 100%;
    width: 100%;
    z-index: 10000;
}

.help-popup {
    position: fixed;
    width: 80%;
    background-color: #FFFFFF;
    display: block;
    z-index: 10000;
    top: 0;
    margin: 10%;
    box-sizing: border-box;
    padding: 20px;
    max-height: 80%;
    overflow: auto;
    border-radius: 3px;
}

.help-popup .help-text {
    margin-top: 20px;
}

span[data-helppopup] {
    cursor: pointer;
    color: #012AD1;
}

/* Grid Calendar */
.mobile-scroll-wrapper {
    display: flex;
    overflow-x: scroll;
    width: 100%;
}

.grid-calendar {
    width: 100%;
    max-width: 236px;
    min-width: 236px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #750B0B !important;
}

.grid-calendar th {
    /* height: 50px; */
    /* width: 50px; */
    text-align: center;
    vertical-align: middle;
    border: 1px solid #616161;
    color: #FFFFFF;
    background-color: #A3A3A3;
}

.grid-calendar td {
    /* height: 20px; */
    /* width: 20px; */
    text-align: center;
    vertical-align: middle;
    border: 1px solid #BCBCBC;
    color: #595959;
    cursor: pointer;
    padding: 5px;
}

.grid-calendar .selected-cell {
    background-color: #07AE00;
    color: #FFFFFF;
}

.grid-calendar .unavailable {
    color: #AEAEAE;
    background-color: #E6E6E6;
}

.grid-calendar .blocked {
    color: #AEAEAE;
    background-color: #E6E6E6;
}

.calendar-monthlabel {
    display: block;
    text-align: center;
}

.calendar-wrapper {
    display: inline-block;
    margin-right: 18px;
}

.calendar-divhack {
    display: inline-block;
}

.booking-time-list li {
    display: inline-block;
    border: 1px solid #7C7C7C;
    border-radius: 7px;
    padding: 6px;
    margin-right: 12px;
    cursor: pointer;
}

.booking-time-list {
    text-align: center;
}

/* Product list new */
.product-image {
    height: 100%;
    background: center / cover;
}

/* Nav1 */
.menu1 {
    /*font-size: 0.9em;*/
    padding: 4px;
    font-family: 'Poppins', sans-serif;
    /*display: inline-block;
    text-align: center;
    font-size: 0.9em;*/
}

.menu5 {
    display: inline-block;
    text-align: center;
    font-size: 0.9em;
    margin-left: 0;
    padding-left: 0;
    float: right;
    margin-bottom: 0px;
}

.menu5 li {
    /*display: block;*/
    /*float: left;*/
    /*position: relative;*/
    /*text-decoration: none;*/
}

.menu5 li a {
    display: inline-block;
    padding: 11px;
    text-decoration: none;
    transition-duration: 0.3s;
    color: #C1C6C7 !important;
    /*border-bottom: 5px solid rgba(0, 0, 0, 0);*/
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.704);
}

.menu5 li a:hover {
    cursor: pointer;
    color: var(--primary-color-hover-contrast);
}

.menu-hover:hover {
    /*background: var(--primary-color-hover);*/
    cursor: pointer;
    /*color: var(--primary-color-hover-contrast);*/
    border-bottom: 6px solid #EC008D;
}

nav.menu1 ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    z-index: 10;
}

nav.menu1 li {
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}

nav.menu1 li a {
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 11px;
    text-decoration: none;
    transition-duration: 0.3s;
}

nav.menu1 li a:hover {
    /*background: var(--primary-color-hover);*/
    cursor: pointer;
    color: var(--primary-color-hover-contrast) !important;
}

nav.menu1 ul li ul {
    background: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    left: 0;
    display: none;
}

nav.menu1 ul li ul a {
    border-bottom: 1px solid #C9C9C9;
}

nav.menu1 ul li:hover > ul,
nav.menu1 ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block !important;
}

nav.menu1 ul li ul li {
    clear: both;
    width: 100%;
}

/* DivCrea-Slide boot*/
.divcrea-slide {
    position: relative;
}

.divcrea-slide ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.divcrea-slide ul li {
    position: absolute;
    width: 100%;
    height: 100%;
}

.divcrea-slide ul li a {
    margin: 0;
    height: 100%;
}

.divcrea-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    /*+border-radius: 30px;*/
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.divcrea-slide .showcase-title {
    background-color: rgba(47, 47, 47, 0.520);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 2rem;
    position: relative;
    padding: 15px;
    z-index: 1;
    text-align: center !important;
    display: none;
}

.divcrea-slide .showcase-abstract {
    display: none;
    background-color: rgba(255, 255, 255, 0.570);
    padding: 9px;
    margin-bottom: 5%;
    font-size: 1.5em;
    position: relative;
    z-index: 1;
}

.divcrea-slide .showcase-body {
    display: none;
}

.divcrea-slide .divcrea-slide-controls {
    display: block;
    width: 100%;
    text-align: center;
    z-index: 1;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.160);
    height: 27px;
    padding-top: 5px;
    padding-bottom: 5px;
    bottom: 0px;
    box-sizing: border-box;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.divcrea-slide .divcrea-slide-prev {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
    display: inline-block;
    margin-right: 25px;
    cursor: pointer;
    padding-left: 20px;
}

.divcrea-slide .divcrea-slide-next {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
    display: inline-block;
    cursor: pointer;
    /* background-color: rgba(0, 0, 0, 0.391); */
    padding-right: 20px;
}

@media only screen and (max-width: 1000px) {
    .divcrea-slide {
        /*Mobile slide proportion*/
        padding-bottom: 47%;
    }
}

@media only screen and (min-width: 1001px) {
    .divcrea-slide {
        /*Desktop slide proportion*/
        padding-bottom: 45%;
    }
}

/* Products home */
.home-products-list {
    padding: 0px;
    margin: 0;
    list-style-type: none;
}

.home-products-list li {
    border: 1px solid #FFFFFF;
    padding: 39px;
    margin: 0px;
    width: 89px !important;
}

/* [clearfix] */
.home-products-list li:hover {
    transition: all 0.2s ease-in;
    /* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.365); */
    border: 1px solid #BBBBBB;
}

/* [clearfix] */
.home-products-list a {
    text-decoration: none;
    color: #4B4B4B;
}

.home-products-list img {
    width: 100%;
    /* (*+placement: float-left 0px 0px;*)
    float: left;
    position: relative;
    left: 0px;
    top: 0px; */
}

/* .home-products-list .image-wrapper
{
	height: 0;
	background: center / contain no-repeat #FFFFFF;
	width: 100%;
	padding-bottom: 123%;
} */
.home-products-list h3 {
    font-size: 1em;
    display: block;
    font-weight: bold;
    overflow: hidden;
    /* height: 37px; */
}

.ik-product-home {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: -3px;
    position: relative;
    /* margin-right: 10px; */
    padding: 10px;
}

.ik-product-home:nth-child(4n) {
    margin-right: 0 !important;
}

/* [clearfix] */
.ik-product-home p {
    margin-top: 0px;
}

/* // */
#toTop {
    display: none;
    height: 41px;
    background-color: var(--primary-color);
    width: 50px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    position: fixed;
    border-radius: 7px 7px 0px 0px;
    margin-right: 15px;
    font-size: 25.1px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 7px;
    border-bottom: 0px solid black;
}

.image-wrapper {
    height: 0;
    padding-bottom: 100%;
    width: 100%;
    background: center / contain no-repeat;
}

.catalog-attributes ul {
    padding-left: 0;
    margin-left: 0px;
    list-style-type: none;
}

.catalog-attributes label {
    font-weight: bold;
    margin-bottom: 2px;
}

.ProductImage {
    max-width: 106px;
}

.moreimages {
    padding: 0;
    list-style-type: none;
    vertical-align: middle;
    display: flex;
}

.moreimages li {
    width: 30%;
    display: inline-flex;
    margin-right: 10px;
}

.moreimages img {
    width: 100%;
    border: 1px solid #737373;
}

.catalog-item h2 {
    font-weight: bold;
    font-size: 0.9em;
}

/* Color custom */
@media only screen and (min-width: 768px) {
    .divcrea-slide {
        /*Desktop slide proportion*/
        padding-bottom: 45%;
    }
    
    .custom-margin {
        margin-bottom: 22px;
        border-bottom-left-radius: 0;
    }
    
    .custom-over {
        z-index: -1;
        position: absolute;
        left: 0;
        bottom: 9px;
    }
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-custom1 {
    background: url('/images/bg-bibliotecadibabele.jpg') center right / contain no-repeat #404652;
}

.bg-custom2 {
    background-color: #BCC1C4;
}

.bg-custom3 {
    background-color: #4AB5C5;
}

.bg-custom4 {
    background: url('/images/logo-mailing.png') bottom left / 5% no-repeat #373E48;
    border-bottom-left-radius: 0px !important;
}

.bg-custom5 {
    background: #ECE1BA;
    color: #544F35;
}

.bg-custom5 a {
    color: #D8151D;
}

.bg-custom6 {
    background: #232323;
}

.bg-custom7 {
    background: #D8151D;
    font-size: calc(14px + 0.390625vw);
}

.bg-custom7 a {
    color: #FFFFFF;
    text-decoration: none;
}

.bg-custom-top {
    background: url('/images/bg-top.jpg') top repeat-x, url('/images/bg-bottom.jpg') bottom repeat-x;
}

.text-color-primary {
    /* color: #9D1683; */
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-light {
    color: #D3D3D3 !important;
}

.border-primary {
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-border-color) !important;
    border: 1px solid black;
}

.btn-primary:focus {
    color: #FFF;
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-border-color-hover) !important;
    box-shadow: 0 0 3px 0.25rem var(--primary-color) !important;
}

.btn-primary:active {
    color: #FFF;
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-border-color-hover) !important;
}

.btn-primary:hover {
    color: #FFF;
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-border-color-hover) !important;
}

.btn-outline-primary {
    /* color: #9C1682 !important; */
    /* border-color: #9C1682 !important; */
}

.btn-outline-primary:hover {
    /* color: #FFFFFF !important; */
    /* background-color: #9C1682 !important; */
}

.btn-secondary {
    background-color: #4AB5C5;
    border-color: #4AB4C4 !important;
    border: 1px solid black;
}

.btn-secondary:hover {
    background-color: #373E48;
    border-color: #4AB4C4 !important;
    border: 1px solid black;
}

.btn-dark {
    color: var(--dark-color-contrast);
    background-color: var(--dark-color);
    border-color: var(--dark-border-color);
}

.btn-dark:hover {
    color: var(--dark-color-hover-contrast) !important;
    background-color: var(--dark-color-hover) !important;
    border-color: var(--dark-border-color-hover) !important;
}

.btn-info {
}

.percent-badge {
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    line-height: 52px;
    position: absolute;
    text-align: center;
    background-color: #FE0000 !important;
    border: 3px solid #FFFFFF !important;
    color: #FFFFFF !important;
    font-weight: bold;
    z-index: 10;
    margin-left: -21px;
    margin-top: -23px;
    font-size: 18px;
}

.font-dm-serif {
    font-family: 'DM Serif Display', serif;
}

.zoom {
    transition: transform 0.2s;
    /* Animation */
}

.zoom:hover {
    transform: scale(1.1);
}

/* Table */
.custom-table-head th {
    vertical-align: middle;
    border: 0px;
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
}

.custom-table-head th a {
    color: #000000;
}

/* Ikari menu horizontal */
#IkariMenu.horizontal {
    line-height: 1;
    z-index: 1;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

#IkariMenu.horizontal ul {
    list-style: none;
    flex-flow: row wrap;
}

#IkariMenu.horizontal ul li {
    width: 20%;
}

#IkariMenu.horizontal > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#IkariMenu.horizontal ul li a {
    display: flex;
    justify-content: center;
    align-content: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px;
    font-weight: normal;
    transition-duration: 0.3s;
    background-color: #404652;
    text-align: center;
    height: 100%;
}

#IkariMenu.horizontal ul li > ul a {
    font-size: 1em;
}

#IkariMenu.horizontal ul li > ul a:hover {
    background-color: #323846 !important;
    color: #FFFFFF !important;
}

#IkariMenu.horizontal ul li:hover > ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
}

#IkariMenu.horizontal ul li.current-menu-item {
    /*background: #DDD;*/
}

#IkariMenu.horizontal ul li a:hover {
    background: #323846;
}

#IkariMenu.horizontal ul ul {
    display: none;
    position: absolute;
    background: #404652;
}

#IkariMenu.horizontal ul ul a {
    line-height: 120%;
    padding: 10px 15px;
    color: #FFFFFF;
}

#IkariMenu.horizontal .edge ul {
    left: auto;
    right: 0;
}

/*Menu custom*/
.menu-custom {
    top: -33px;
    position: relative;
    z-index: 100;
    width: 60%;
    float: right;
    margin-bottom: -25px;
    display: flex;
    justify-content: end;
    font-family: 'Poppins', sans-serif;
}

.menu-custom ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu-custom ul a {
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
    color: #404652;
}

.menu-custom ul a:hover {
    color: #FFFFFF;
}

/*Ikari menu horizontal*/
/*#IkariMenu.horizontal
{
	line-height: 1;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}*/
/*#IkariMenu.horizontal UL
{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;
}*/
/*#IkariMenu.horizontal UL LI A
{
	display: block;
	color: #000000;
	text-decoration: none;
	(*line-height: 44px;*)
	padding: 15px;
	font-weight: normal;
	margin: 0;
	transition-duration: 0.3s;
	width: 100%;
	height: 100%;
}*/
/*#IkariMenu.horizontal UL LI > UL A
{
	font-size: 12px;
	color: #FFFFFF;
}*/
/*#IkariMenu.horizontal > UL
{
	position: relative;
	(*float: left;*)
	(*display: inline-block;*)
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}*/
/*#IkariMenu.horizontal UL LI:hover > UL
{
	display: block;
}*/
/*#IkariMenu.horizontal UL LI.current-menu-item
{
	background: #DDD;
}*/
/*#IkariMenu.horizontal UL LI A:hover
{
	background: #7E030F;
	color: #FFFFFF;
}*/
/*#IkariMenu.horizontal UL UL
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(155, 4, 20, 0.941);
	padding: 0;
	width: 600px;
}*/
/*#IkariMenu.horizontal UL UL LI
{
	float: left;
	width: 200px;
}*/
/*#IkariMenu.horizontal UL UL A
{
	line-height: 120%;
	padding: 10px 15px;
}*/
/*#IkariMenu.horizontal UL UL UL
{
	top: 0;
	left: 100%;
}*/
/*#IkariMenu.horizontal .edge UL
{
	left: auto;
	right: 0;
}*/
/* Ikari menu vertical*/
.ikari-menu.vertical {
    line-height: 1;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    overflow: hidden;
    white-space: normal;
}

.ikari-menu.vertical ul {
    list-style: none;
    position: relative;
    padding: 0;
    z-index: 10;
    width: 100% !important;
    margin: 0;
}

.ikari-menu.vertical ul > li > a {
    font-weight: bold;
    font-size: 19px;
    color: #000000;
    display: block;
    margin-top: 16px;
    text-decoration: none;
}

.ikari-menu.vertical ul > li > ul > li a {
    color: #373737;
    display: block;
    margin-top: 12px;
    font-size: 15px;
    padding: 0 0 0 20px;
    border-top: 0px solid black;
    font-weight: bold;
    text-decoration: none;
}

.ikari-menu.vertical ul > li > ul > li > ul li a {
    color: #373737;
    display: block;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 40px;
}

.ikari-menu.vertical ul a:hover {
    /* background-color: #FFF7C3; */
    color: #5B5B5B;
}

.ikari-menu.vertical ul li.current-menu-item {
    background: #DDD;
}

.ikari-menu.vertical .edge > ul {
    left: auto;
    right: 0;
}

.ikari-menu.vertical .edge ul ul {
    right: 200px !important;
    left: auto;
}

.ikari-menu.vertical li > a:after {
    content: '\00a0';
    font-family: fontawesome;
    font-weight: bold;
}

.ikari-menu.vertical li > a:only-child:after {
    content: '';
}

.ikari-menu.vertical li > a.selected:after {
    content: '\00a0\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

.ikari-menu.vertical .MenuActive {
    background-color: #E41445;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    /*margin-left: 35px;*/
    /*padding-left: 5px;*/
}

.ikari-menu.vertical .MenuActive:hover {
    background-color: #686868;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    /*margin-left: 35px;*/
    /*padding-left: 5px;*/
}

/* Ikari DataPager */
span[id*="Catalog_DataPager"] {
    line-height: 0.7;
    display: block;
    width: 100%;
    text-align: right;
}

span[id*="Catalog_DataPager"] a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
    background-color: #BCC1C3;
    border: 1px solid #BCC1C3;
}

span[id*="Catalog_DataPager"] .aspNetDisabled {
    background-color: #FFFFFF;
    color: #404652;
    border: 1px solid black !important;
    display: none;
}

.dp-current {
    padding: 10px;
    display: inline-block;
    line-height: 0.7;
    background-color: #404652;
    color: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #404652;
}

.dp-previous-next {
    border: 1px solid #404652;
    padding: 10px;
    display: inline-block;
    line-height: 0.7;
    background-color: #FFFFFF;
    text-decoration: none;
    color: #000000 !important;
    border-radius: 2px;
}

.dp-numeric {
    border: 1px solid #404652;
    padding: 10px;
    display: inline-block;
    line-height: 0.7;
    background-color: #FFFFFF;
    text-decoration: none;
    color: #000000;
    border-radius: 2px;
}

/*Ikari promo*/
.ik-promo img {
    width: 19px;
}

.ik-promo {
    background-color: #FFD492;
    padding: 7px;
    border: 2px solid #FDB33F;
    /*+border-radius: 9px;*/
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
}

.ik-promo a {
    color: #0030D1;
}

.ik-input-qty {
    font-family: none !important;
    width: 80px !important;
}

/*Ikari search results*/
.ul-filter-results {
    display: inline-flex;
    list-style-type: none;
    padding: 0;
    margin-left: 9px;
}

.ul-filter-results li {
    margin-right: 7px;
    border: 1px solid #BCC1C3;
    color: #404652;
    padding: 4px 9px 4px 10px;
}

.ul-filter-results li i {
    cursor: pointer;
}

#SearchForm {
    position: sticky;
    top: 0;
    overflow: auto;
    overflow-x: hidden;
}