@import url("./topbar.css");
@import url("./navbar.css");
@import url("./submenu.css");
@import url("./menu.css");
@import url("./testimonials.css");
@import url("./colors.css");
@import url("./products.css");
@import url("./breadcrumb.css");
@import url("./igz.css");
@import url("./select2.css");
@import url("./footer.css");
@import url("./detail.css");
@import url("./smallcart.css");
@import url("./modal.css");

:root {
    --primary-color: #7D53DE;
  }

/* basics */
body {
    font-family:'Montserrat';
    font-size:15px;
    line-height:1.7;  
    padding-top:97px;
    font-weight:400;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color:black;
}

.password {
    position:fixed;
    top: 0px;
    left:0px;
    width: 100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;

}

.alert-danger.alert-arrow-down:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(248, 215, 218, 0);
    border-top-color: #f8d7da;
    border-width: 8px;
    margin-left: -8px; 
}

.alert-danger.alert-arrow-up:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(248, 215, 218, 0);
    border-bottom-color: #f8d7da;
    border-width: 8px;
    margin-left: -8px;
}

.password  form {
    max-width:350px;
    padding: 20px;
    box-shadow: 0 5px 25px rgba(0,0,0,.3);
}

.text-warning {
    color: #ff9007!important;
} 

.image.insurance {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M12 0c-2.996 2.995-7.486 4-11 4 0 8.583 5.067 16.097 11 20 5.932-3.903 11-11.417 11-20-3.515 0-8.006-1.005-11-4zm-.587 14.953l-3.452-3.362 1.237-1.239 2.215 2.123 4.381-4.475 1.238 1.238-5.619 5.715z'/%3E%3C/svg%3E");
}
.image.packing {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M17.677 16.879l-.343.195v-1.717l.343-.195v1.717zm2.823-3.324l-.342.195v1.717l.342-.196v-1.716zm3.5-7.602v11.507l-9.75 5.54-10.25-4.989v-11.507l9.767-5.504 10.233 4.953zm-11.846-1.757l7.022 3.2 1.7-.917-7.113-3.193-1.609.91zm.846 7.703l-7-3.24v8.19l7 3.148v-8.098zm3.021-2.809l-6.818-3.24-2.045 1.168 6.859 3.161 2.004-1.089zm5.979-.943l-2 1.078v2.786l-3 1.688v-2.856l-2 1.078v8.362l7-3.985v-8.151zm-4.907 7.348l-.349.199v1.713l.349-.195v-1.717zm1.405-.8l-.344.196v1.717l.344-.196v-1.717zm.574-.327l-.343.195v1.717l.343-.195v-1.717zm.584-.332l-.35.199v1.717l.35-.199v-1.717zm-16.656-4.036h-2v1h2v-1zm0 2h-3v1h3v-1zm0 2h-2v1h2v-1z'/%3E%3C/svg%3E");
}
.hp-slide-timer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    left: 50%;
    float: none;
    line-height:inherit;
    top: 65.5%;
    transform: translate(-50%,0);
    width:auto;
    color: #fff;
    background-color:#000;
    padding:0px 20px 10px 80px;
}
.hp-slide-timer:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z'/%3E%3C/svg%3E");
    position: absolute;
    left: 20px;
    top:50%;
    margin-top:-20px;
    background-size:cover;
    width:40px;
    height:40px;
    background-repeat: no-repeat;
    content: ''; 
}

.hp-slide-timer .timer-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hp-slide-timer .timer-item-number {
    display: block;
    font-weight: bold;
    font-size: 3rem;
    line-height:4rem;
}

.hp-slide-timer .timer-item-lang {
    text-transform: uppercase;
    line-height:1.2;
}
.hp-slide-timer .timer .timer-item.days {
    position:absolute;
    content: ':';
    font-size: 3rem;
    color: #fff;
    right:10px;
    top:10%;
} 

@media(max-width: 950px) {
    .hp-slide-timer:after{
        width:30px;
        height:30px;
        margin-top:-15px;
    }
    .hp-slide-timer .timer-item-number{
        font-size: 1.5rem;
        line-height:1.6rem;
    }
    .hp-slide-timer {
        padding-top:5Px;
        top: auto;
        gap: 1rem;
        bottom: 20px;
    }
}   
@media(max-width: 575px) {
    .hp-slide-timer .timer-item-lang {
        font-size:11px;
        line-height:1.2;
    }
    .hp-slide-timer:after{
        width:20px;
        height:20px;
        left:10px;
        margin-top:-10px;
    }
    .hp-slide-timer .timer-item-number{
        font-size: 1rem;
        line-height:1.1rem;
    }
    .hp-slide-timer {
        padding-bottom:4px;
        padding-right:10px;
        bottom:5px;
        padding-left:45px;
    }
}   



.sold {
    background: #dc3545;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size:12px;
    border-radius: 9px;
    padding: 4px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

[ng-cloak] {
    display:none !important;
}

.alert-christmas {
    display:block;
    line-height:1.1;
    padding-left:60px;
    background:url('/application/views/assets/img/christmas_tree.png') 10px center no-repeat #e9f3ea;
    background-size:auto 80%;
    padding-right:25px;
    font-size:13px;
    color: #1C5E1F;
}
.alert-christmas-after {
    background: url('/application/views/assets/img/christmas_tree.png') 10px center no-repeat #f2ebd6;
    color: #95695d;
}

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

.ms-res-ctn.dropdown-menu {
    width: 100% !important;
}
.atc .dropdown-menu{
    width:100%;
}

.atc .dropdown-item .col-6:first-child {
    color:#000;
    font-weight:700;
}


body.order-addproducts {
    padding-top:40px;
}
.text-uppercase{
    text-transform:uppercase;
}
.gm-detail_arrows a{
     white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow:hidden;
  display:block;
}
.superlink {
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
}
@media (max-width:767px) {
    .container {
        max-width: 100%;
    }
}
.gm-rel {
    position:relative;
}

.size-table-link,
.size-table-link:hover {
    color:#333;
    text-decoration:underline;
}
.slick-slide > div {
    float: left;
    line-height: 0;
    width:100%;
}
/* modals */
.modal-backdrop{
    z-index:1250;
}
.modal{
    z-index:1300;
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

.modal-content{
    border-radius:0px;
}


/* alerts */
.alert {
    border:none;
    border-radius:0px;
}


/* buttons */
.btn-rounded {
    border-radius:99px;
}
.btn-group-lg>.btn, .btn-lg{
    font-size:17px;
}
.btn-success[disabled="disabled"] {
    opacity:0.6;
}
/* forms */
.form-control {
    font-size:16px;
}
.form-control:focus{
    border-color:#000;
    box-shadow:none !important;
}
/* boxes */
.gm-box {
    background-color:#f3f3f3;
    padding:20px;
}
.gm-contact_box{
    position:relative;
}
.gm-contact_box svg{
    opacity:0.5;
}
.gm-contact_box h4 a {
    color: #212529;
    text-decoration:none;
}
.gm-contact_box h4 a:hover{
    text-decoration:underline;
}

/* colors */
.original-price {
    text-decoration:line-through;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-top:-40px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    border-radius:999px;
    background:none;
    z-index:50;
}

.slick-prev:before,
.slick-next:before
{
    position:absolute;
    opacity:0.4;
    content:'';
    top:0px;
    left:0px;
    width:100%;
    background-repeat:no-repeat;
    height:100%;
    background-size:100% 100%;
    background-position:center center;
}

.slick-prev
{
    left: 25px;
}
.slick-prev:before
{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm3 5.753l-6.44 5.247 6.44 5.263-.678.737-7.322-6 7.335-6 .665.753z'/%3E%3C/svg%3E");
}
.slick-next
{
    right: 25px;
}
.slick-next:before
{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-3 5.753l6.44 5.247-6.44 5.263.678.737 7.322-6-7.335-6-.665.753z'/%3E%3C/svg%3E");
}

/* Dots */
.slick-dots
{
    position: absolute;
    bottom:-35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin:0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #35b3ee;
}



.gm-home_slider img {
    width:100%;
}
.gm-home_slider .slick-dots {
    background:#f3f4f8;
    bottom:-20px;
}
.gm-home_slider .slick-initialized .slick-slide{
    overflow:hidden;
}

.gm-section {
    padding:50px 0;
}
.gm-section.bg-grey{
    background-color:#f3f4f8;
}
.gm-subtitle {
    color:#000;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    font-size:28px;
}
@media(max-width:991px) {
    .gm-home_slider{
    }
}
@media(max-width:767px) {
    .gm-subtitle {
        font-size:18px;
    }
}
@media(max-width:575px) {
    .btn:not(.btn-lg) {
        font-size:14px;
    }

    .gm-home_slider img:not(.tmr) {
        width: 145vw;
    }
}


.gm-swiper{
    margin-bottom:30px;
}
.gm-swiper .slick-slide {
    margin:0 10px;
}

.gm-product {
    border-radius: 4px;
}

.gm-product .gm-rel .image {
    border-radius: 4px;
}

.gm-swiper_product {
    padding:25px;
    position:relative;
    text-align:center;
    border: 1px solid #f1f1f1;
}
.gm-product:hover,
.gm-swiper_product:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,.08);
}
.gm-swiper_product .image {
    position:relative;
    height:18vw;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.gm-product .name,
.gm-swiper_product .name {
    color: #222;
    font-weight: 600;
    letter-spacing: -0.5px;
    /*word-break: break-all;*/
    margin-top:10px;
    font-size:14px;
}
.gm-product .price,
.gm-swiper_product .price {
    margin-top:10px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.gm-product .discount,
.gm-swiper_product .discount {
    position:absolute;
    top:10px;
    right:5px;
    width: 70px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align:center;
    background: url(../img/discount.svg?v=55) no-repeat 50% 50%;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    padding: 0;
}

.gm-product .discount span,
.gm-swiper_product .discount span {
    font-family: 'Gotham Rounded',sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transform: rotate(14deg);
    width: 50px;
    margin-right: 5px;
    margin-bottom: 4px;
}


@media(max-width:1700px) {
    .gm-swiper_product .image  {
        height: 25vw;
    }
}
@media(max-width:575px) {
    .gm-swiper_product .image  {
        height:44vw;
    }
    .btn-group-lg>.btn, .btn-lg {
        font-size:15px;
        padding: .4rem 1rem;
    }
    .gm-detail .btn-group-lg>.btn, .btn-lg{
        padding:0.6rem 1rem;
    }
}


.gm-instagram {
    background-color:#f3f3f3;
    padding:25px 0;
}
.gm-footer {
    font-size:13px;
    color:#333;
}
.gm-footer h4 {
    font-size:15px;
    font-weight:700;
    margin-bottom:20px;
    text-transform:uppercase;
}
.gm-footer a {
    color:#999;
}
.gm-footer_social a {
    text-decoration:none !important;
    margin-right:10px;
}
.gm-footer_icons img {
    height:22px;
    margin-right:5px;
}

.gm-shop_header{
    height:15vw;
    background-position:center center;
    background-repeat:no-repeat;
}


.gm-shop_header.nibuska {
    height: 22vw; 
}


.page h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 29px;
}
.page h2 {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.page h3,.page h4 {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}


@media(max-width:991px) {

    .gm-shop_header{
        height:25vw;
    }
}

@media(max-width:767px) {
        body {
        padding-top:60px;
    }
    .igz-container > div:last-child {
        display:none !important;
    }
    .page h1 {
        font-size:22px;
    }
    .page h2,
    .page h3,
    .page h4 {
        font-size:17px;
    }
}

@media(max-width:1199px) {
    .gm-footer_social {
        padding-top:30px;
    }
    .gm-footer-social a {
        margin:0 10px;
    }
}

.select2-selection:focus,
.select2-selection:active,
a:focus,
input:focus,
.btn:focus,
button:focus {
    outline:none !important;
    box-shadow:none !important;
}

.box {
    background-color:#f3f4f8;
    padding:25px;
}
.box-outline {
    border:1px solid #d4d4d4;
    padding:25px;
}
.box-danger {
    border-color:red;
}

.gm-order_product {
    line-height:1.2;
}


@media(max-width:575px) {
    .box,.box-outline {
        padding:15px;
    }
    .gm-shop_header{
        height:35vw;
    }
    .gm-swiper .slick-slide{
        margin:0 5px;
    }
    body {
        padding-top:60px;
    }
    .gm-section {
        padding:30px 0;
    }
    .gm-swiper_product{
        padding:10px;
    }
}


/* scrolled filter */
.gm-scrolled_filter {
    position:fixed;
    top:20px;
    z-index:999;
    background:#fff;
}


/* thank you page */
.gm-thanks {
    position:relative;
}
.gm-thanks h2 {
    color:#555;
    font-size:32px;
    text-transform:none;
    margin:0;
}
.gm-thanks h2:after{
    content:'';
    display:block;
    margin:20px auto 0 auto;
    max-width:70px;
    height:2px;
    background:#555;
}
.gm-thanks .btn-lg {
    min-width:200px;
    padding:12px 30px;
    font-size:20px;
    line-height:1;
}

.gm-faces {
    max-width:250px;
    margin:0 auto;
}
.gm-faces > div{
    padding:0 4px;
}

.gm-faces .item {
    border-radius:8px;
    border:2px solid #eaeaea;
    display:block;
    padding:10px 0;
    text-align:center;

}
.gm-faces .item svg {
    opacity:0.3;
}
.gm-faces .item-1 svg path {
    fill:#28a745;
}
.gm-faces .item-2 svg path {
    fill:#ffc107;
}
.gm-faces .item-3 svg path {
    fill:#dc3545;
}
.gm-faces .item-1.active {
    border-color:#28a745;
}
.gm-faces .item-2.active {
    border-color:#ffc107;
}
.gm-faces .item-3.active {
    border-color:#dc3545;
}
.gm-faces .item:hover svg,
.gm-faces .item.active svg {
    opacity:1;
}
.gm-thanks_code {
    font-weight:600;
    letter-spacing:3px;
    background-color:#eee;
    padding:10px;
    font-size:22px;
}

.gm-thanks .btn.reference {
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.gm-thanks_sidebar h3 {
    text-transform:none;
    font-weight:400;
}
.gm-thanks_status {
    color:#777;
    border-radius:5px;
    padding:15px 10px;
}
.gm-thanks_status .title {
    font-weight:600;
    font-size:17px;
    text-transform: uppercase;
}
.gm-thanks_status.active {
    border:1px solid #6E97FF;
    color:#333;
}


@media(max-width:767px) {
    .gm-thanks_box {
        background:#f5f5f5;
        padding-top:80px;
        padding-bottom:40px;
        position:relative;
    }
    .gm-thanks_box:before{
        content:'';
        background-image:url('../img/wave.svg');
        background-size:100% 100%;
        background-position:center center;
        background-repeat:no-repeat;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:60px;
    }
}
.gm-product_rating .fa-star,
.gm-product_rating .fa-star-half-o,

.product-list_rating .fa-star,
.product-list_rating .fa-star-half-o ,
.product-detail_rating .fa-star,
.product-detail_rating .fa-star-half-o{
    color:#F3D22F;
    margin-right:1px;
}
.gm-product_rating .fa-star.disabled {
    color:#eee;
}
.product-detail_reviewtext {
    max-width:650px;
    margin:0 auto 20px auto;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}
.product-list_rating .fa-star.disabled,
.product-detail_rating .fa-star.disabled {
    color:#d0d0d0;
}



.gm-cookies {
    position: fixed;
    background: #fff;
    padding: 15px 10px;
    width:100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    bottom: 0px;
    left: 0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    z-index: 9999;
}

.gm-cookies .btn {
    padding: 4px 12px;
    line-height: 1.2;
    font-size: 13px;
}

.about_image img {
    max-width:100%;
}


.star-rating {
    display:inline;
    color:#F3D22F;
    font-size:23px;
}
.star-rating i {
    cursor:pointer;
}



.kl-orderproduct{
  padding-bottom:15px;
  margin-bottom:15px;
}
.kl-orderproduct:not(:last-child) {
  border-bottom:1px solid #eee;
}
.kl-orderproduct_name {
    color: #111;
    font-weight: 600;
    margin-bottom: 10px;
}

.kl-orderproduct_params{
  font-size:85%;
}

.kl-orderproduct_return {
  color:#111;
  display:block;
  font-weight:500;
  text-decoration:none;
}
.kl-orderproduct_return svg {
  vertical-align: -7px;
}

.kl-orderproduct_return:hover{
  color:#111;
  text-decoration:none;
}

.extra-message {
    position:fixed;
    width:100%;
    top:0px;
    line-height:1;
    left:0px;
    background-color: #ffbe08;
    color: #000;
    text-align:center;
    padding:8px 0;
    z-index:9999;
}
.extra-message.pink {
    background-color:#fad3e4 !important;
    color: red !important;
}
.extra-message.easter {
    background-color:#FAF4C9 !important;
    color: #B34399 !important;
}
.extra-message.easter img {
    vertical-align:-3px;
    margin-right:7px;
}

.extra-message.lightblue {
    background-color:#8bdefa !important;
    color: #8e4da6 !important;
    font-weight:700;
}


body.blackfriday .extra-message {
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    background-color:#0e0c0d;
}
body.blackfriday .extra-message  strong {
    font-weight:800;
}



body.christmas .extra-message {
    color:#fff;
    font-weight:800;
    text-transform:uppercase;
    background-color:#964AFF;
}
body.christmas .extra-message  strong {
    font-weight:800;
}


body.xmas .extra-message {
    color:#fff;
    font-weight:400;
    letter-spacing:0.3;
    text-transform:uppercase;
    background-color:#000;
}
body.xmas .extra-message img {
    position: relative;
    top: -2px;
}

body.halloween .extra-message{
    background-color:#333;
    text-transform:uppercase;
    color:#fff !important;
}
 .extra-message .countdown-amount {
    font-weight:700;
 }
 .extra-message .countdown-period {
    font-size:12px;
    text-transform:none;
    margin-left: 2px;
    margin-right:7px;
 }


body.halloween .extra-message strong {
    
    font-weight:800;
}
body.halloween .extra-message img {
    position:relative;
    top:-2px;
}

body.zasilkovna .extra-message svg {
    display:none;
}

@media(min-width: 1080px) {
    body.zasilkovna .extra-message svg{
        display:block;
        display:block;
        position:absolute;
        right:20px;
        height:70%;
        top:15%;
    }
}
.extra-message br {
    display:none;
}
.extra-message .close {
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:10px;
    height:20px;
    width:20px;
    background-size:100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23000' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E");
}

@media(min-width:600px) {
    body.e_message {
        padding-top:91px;
    }
    .e_message .a-top_bar {
        top:31px;
    }
    .e_message nav.fixed-top {
        top:69px;
    }
    .e_message nav.scrolled.fixed-top {
        top:31px;
    }
    body.e_message .gm-TopBar{
        top:31px;
    }
}

@media(min-width: 992px) {
     .e_message nav.fixed-top {
        top:30px;
     }
} 

body.e_message.xmas-banner .extra-message-close {
    display: none;
}
@media(max-width:599px) {
    .extra-message {
        position: relative;
        line-height: 1.3;
        top:auto;
        left:auto;
    }

    body.e_message.xmas-banner .extra-message-close {
        display: block;
    }

    .extra-message-close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.5rem;
        font-size: 2rem;
        text-decoration: none!important;
    }

    body.xmas-banner .extra-message {
        position: fixed;
        line-height: 1.3;
        top:0;
        left:0;
    }
    body.xmas-banner .extra-message-close {
        color: #fff;
    }
    body.xmas-banner .nav.fixed-top {
        top: 35px;
    }
}

@media (min-width:600px) and (max-width: 991px) {
    .e_message nav.fixed-top {
        top: 31px;
    }
}

body.e_message.xmas-banner .extra-message {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.extra-message .xmas-banner-text {
    padding: 0 0.5rem;
}
.extra-message .xmas-banner-text br {
    display: none;
}
@media (max-width: 599px) {
    .extra-message .xmas-banner-text br {
        display: block;
    }

    body.e_message.xmas-banner nav.fixed-top {
        top: 55px;
    }

    body.e_message.xmas-banner {
        padding-top: 120px;
    }

    body.e_message.xmas-banner .a-mobile_menu {
        top: 115px!important;
    }
}

body.e_message.halloween .extra-message {
    background-color:#333;
    color:#fff;
}
body.blackfriday .extra-message {
    background-color:#964AFF !important;
    font-weight:700 !important;
    color:#000;
}
body.blackfriday .extra-message img {
    width: 41px;
    position: relative;
    top: -1px;
}

#black-friday-2022 {
    display:flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center; background-color:#060707;
    width: 100%;
    height: 150px;
    border-radius:3px;
}

#black-friday-2022 strong {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 147.02%;
    /* or 29px */

    text-transform: uppercase;
}

#black-friday-2022 #countdown ul li {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 147.02%;
    color: #FFFFFF;
    display: inline;
}

@media (min-width:768px) and (max-width: 991px) {
    #black-friday-2022 .col-4 img {
        max-height: 85px !important;
    }
    #black-friday-2022 .col-4 {
        margin-left: -80px !important;
    }
    #black-friday-2022 ul li {
        font-size: 17px !important;
    }
}


/* update */

.gm-detail_stock{
    color:#000;
}
.gm-detail_price.action-price{
    color:var(--primary-color);
    font-size: 31px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
}
.gm-detail_price.original-price{
    color:#000;
    font-weight:700 !important;
    font-size: 20px;
}

.Gm-detail_name {
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
}

.modal-body .product-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    opacity: 0.6;
}

.modal-body .gm-detail {
    margin-top: 10px!important;
}

.gm-detail_collectionName a {
    text-decoration:underline;
    color: #1b1b1b;
}

.gm-new_discount {
    position: absolute;
    top: 30px;
    font-size: 16px;
    right: 40px;
    color: #fff;
    border-radius: 5px;
    line-height: 1;
    padding: 8px 15px;
    align-items: center;
    justify-content: flex-end;
    background: #f11c33;
    font-weight: 700;
    text-align: center;
}

.gm-drop_alert {
    font-size: .6rem;
    border-radius: 5px;
    line-height: 1;
    padding: 8px 15px;
    align-items: center;
    justify-content: flex-end;
    color: #f11c33;
    background: transparent;
    text-align: center;
}

@media (min-width: 575px){
    .gm-drop_alert:not(.detail) {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: .7rem;
        color: #fff;
        background-color: #f11c33;
    }
}

.gm-detail .gm-drop_alert{
    font-size: 14px;
}
.gm-detail .timer h6 {
    font-size:24px;
}

@media(min-width:576px) {
    .new .gm-detail_price.original-price{
            display: block;
            font-size: 20px;
            opacity: 1;
    }
}

@media (max-width: 575px){
    .navbar-toggler {
        top: 6px;
        left: 0px;
        right: auto;
        border-left: 1px solid #ccc;
    }
}

@media(max-width:991px) {
    .gm-detail_name {
        font-size: 20px;
        font-weight: 600;
        text-transform: none;
    }
}
.new .size-table-link{
    text-decoration:none;
}

.new .special-countdown_info{
    margin-bottom:0px;
}
@media (max-width: 575px) {
    .gm-detail_collectionName{
        font-size:15px;
    }
    .gm-detail_price{
        font-size:22px;
        font-weight: 700;
    }
    .navbar-brand {
        position: relative;
        margin: 0 auto;
        display: block;
        top: auto;
        left: auto;
    }
    .cart-toggle{
        right:10px;
    }

}



.gm-detail_info .card {
  border-left:none;
  border-right:none;
  border-radius:0px;
}
.gm-detail_info .card:not(:last-child) {
  border-bottom:0px;
}
.gm-detail_info .card-header,
.gm-detail_info .card-header:first-child {
  padding:0;
  border: none;
}

.gm-detail_info .card:first-child {
    border-top:none;
}

.gm-detail_info .card-header .btn,
.gm-detail_info .card-header .btn:focus,
.gm-detail_info .card-header .btn:active {
  padding:12px 0px;
  font-weight:600;
  width:100%;
  text-align:left;
  line-height:1;
  color:#111;
  font-size:0.85rem;
  text-decoration:none;
  background-color:#fff;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:auto 18px;
}

.gm-detail_info .card-header .btn[aria-expanded="false"]{
  background-image: url('https://www.gomerch.sk/application/views/_external/gm/assets/img/show_reviews.svg');
  background-size: 24px 24px;
}
.gm-detail_info .card-header .btn[aria-expanded="true"]{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 12v1h23v-1h-23z'/%3E%3C/svg%3E");
}

.gm-detail_info .author{
    font-size:90%;
    color:#666;
}
.gm-detail_info .review .rating {
    color:#fdc800;
}
.gm-detail_info .review .text {
    color:#000;
}
.gm-detail_info .review hr {
    background-color:#e2e2e2;
    margin:20px auto;
    border:none;
    height:2px;
    max-width:100px;
}
.gm-detail_info .review:last-child hr {
    display:none;
}

.gm-param_select{
    text-decoration:none;
    padding:3px 0;
    font-weight:700;
    color:#111;
    border-bottom:1px solid #eee;
}
.gm-param_select:last-child {
    border:none;
}
.gm-param_select .note {
    padding-left:10px;
    color:#666;
    font-size:12px;
    font-weight:400;
}
.gm-param_select:hover {
    background-color:rgba(0,0,0,.05);
    text-decoration:none;
    color:#111;
}
.modal-backdrop.show{
    opacity:0.3;
}


.animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

.gm-detail_image .slick-dots li button:before{
    display:none;
}
.gm-detail_image .slick-dots li button {
    width:4px;
    height:4px;
    border:2px solid #fff;
    border-radius:99px;
    background-color:#eee;
}
.gm-detail_image .slick-dots li.slick-active button{
    background-color:#1eaffc;
}

#params_modal .modal-dialog {
        justify-content: flex-end;
        margin:10px 0 0 0;
}
#params_modal .modal-content,
#params_modal .modal-header {

    border-radius:15px 15px 0 0;
}
#params_modal .modal-content{
    border:none;
}
@media (max-width: 768px) {
#params_modal .modal-dialog {
    min-height: calc(100vh - 10px);
}
}




.special-countdown{
    background-color: #f01d33;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z'/%3E%3C/svg%3E");
    background-position:5px center;
    background-size:auto 80%;
    background-repeat:no-repeat;
    border-radius: 99px;
    color: #fff;
    padding: 8px 15px 8px 43px;
    line-height:1;
    text-transform:lowercase;
}
.special-countdown .countdown-section {
    margin-right:7px;
}
.special-countdown .countdown-amount{
    font-size:17px;
    margin-right:4px;
}



.special-countdown_info {
    max-width: 370px;
    margin:0 auto 30px auto;
}
.special-countdown_info hr {
    margin:10px 0;
}
.special-countdown_info .green,
.special-countdown_info .green a {
    color:#2ee471;
}
.special-countdown_info .blue,
.special-countdown_info .blue a{
    color:#1da6ec;
}

.special-countdown_info .col-4 {
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    max-width: 64px;
}
.special-countdown_info .col-8 {
    -ms-flex: 0 0 calc(100% - 94px);
    flex: 0 0 calc(100% - 94px);
    max-width: calc(100% - 94px);
}
.special-countdown_info .green,
.special-countdown_info .blue {
    font-weight:600;
    font-size:15px;
    display:block;
}
.special-countdown_info .green a,
.special-countdown_info .blue a {
    text-decoration:none;
}
@media(max-width:991px) {
   .special-countdown_info .green,
   .special-countdown_info .blue {
        font-size:13px;
   }
}

@media(max-width:575px){
    .special-countdown .countdown-section {
        margin-right:5px;
    }
    .special-countdown .countdown-amount{
        font-size:14px;
        margin-right:3px;
    }
}


/* product page update */

.container.new-product-page {
    font-family: "Arial Narrow";
    letter-spacing: 2px;
}
.new-product-page .main {
    width:500px;
    display:block;
    /*margin:0 auto;*/
}
@media screen and (min-width: 1201px){
    .new-product-page .gm-new_discount {top: 30px; right: 40px}
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    .new-product-page .gm-new_discount {top: 30px; right: 100px}
}
@media screen and (min-width: 1001px){
    .new-product-page .gm-add_to_cart_button {font-size: 20px; padding:15px 20px}
    .new-product-page .gm-detail_name {font-size: 32px;}
    .new-product-page .gm-next_items {font-size: 15px}
    .new-product-page .main {width: 500px;}
    .new-product-page .gm_size_option {width: 54px}

}
@media screen and (orientation: landscape) and (max-width: 1000px){
    .new-product-page .gm-add_to_cart_button {font-size: 20px;padding: 20px}
    .new-product-page .gm-detail_name {font-size: 26px;}
    .new-product-page .gm-next_items {font-size: 15px;}
    .new-product-page .main {width: 500px;}
    .new-product-page .gm_size_option {width: 54px}
}
@media screen and (orientation: portrait) and (max-width: 1000px) and (min-width: 401px){
    .new-product-page .slider-nav {display: none;}
    .new-product-page .gm-add_to_cart_button {font-size: 18px;padding:14px 20px}
    .new-product-page .gm-detail_name {font-size: 26px;}
    .new-product-page .gm-next_items {font-size: 12px;}
    .new-product-page .main {width: 100%;}
    .new-product-page .gm_size_option {width: 54px}
}
@media screen and (orientation: portrait) and (max-width: 400px) and (min-width: 351px){
    .new-product-page .slider-nav {display: none;}
    .new-product-page .gm-add_to_cart_button {font-size: 15px; padding: 24px}
    .new-product-page .gm-detail_name {font-size: 24px;}
    .new-product-page .gm-next_items {font-size: 12px;}
    .new-product-page .main {width: 100%;}
    .new-product-page .gm_size_option {width: 40px}
}
@media screen and (orientation: portrait) and (max-width: 350px){
    .new-product-page .slider-nav {display: none;}
    .new-product-page .gm-add_to_cart_button {font-size: 18px;padding: 8px}
    .new-product-page .gm-detail_name {font-size: 24px;}
    .new-product-page .gm-next_items {font-size: 10px;}
    .new-product-page .main {width: 100%;}
    .new-product-page .gm_size_option {width: auto;padding:0 6px;}
}


.new-product-page  .gm-text_nav {
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    letter-spacing: normal;
    color: gray;
}
.new-product-page  .gm-bold_nav {
    font-weight: 900;
    text-decoration: none;
    color: black;
}
.new-product-page  .gm-detail_name{
    font-family: Oswald, sans-serif;
    font-weight: 600;
}
.new-product-page  .gm-nav_img{
    height: 80px;
    margin-top: -10px;
    margin-left: 5px;
    margin-right: 5px;
}
.new-product-page  .gm-center_text {
    text-align: center;
}
.new-product-page  .gm-gray_text {
    color: #BBBBBB;
    font-weight: bold;
}
.new-product-page  .gm-detail_price {
    font-weight: 400;
    font-size: 20px;
    margin: 5px;
    font-family: Arial, sans-serif;
}
.new-product-page  .gm-color_pick {
    border: none;
    width: auto;
    height: 60px;
    padding: 5px;
    background: transparent;
    overflow: hidden;
    outline: none;
}
.new-product-page  .gm-color {
    margin: 5px;
    width: 55px;
    font-size: 8px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    height: 20px;
    border-radius: 100px;
    border: thin solid black;
    background: white;
    padding: 6px;
    display: inline-block;
}
.new-product-page  .gm-product_size {
    width: auto;
    height: 60px;
    padding: 5px;
    font-size: x-large;
    background: transparent;
    border: none;
    overflow: hidden;
    outline: none;
}
.new-product-page  .gm-product_size {
    width: auto;
    height: 60px;
    padding: 5px;
    font-size: x-large;
    background: transparent;
    border: none;
    overflow: hidden;
    outline: none;
}

.new-product-page  .gm_size_option {
    height:auto;
    border-radius:0px;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 600;
    font-size: 24px;
    font-family: Arial, sans-serif;
    padding: 8px 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.new-product-page  .gm_size_option:visited {
    background-color: #a4a4a7 !important;
    color: white;
}
.new-product-page  .gm_size_option:hover {
    background-color: #a4a4a7 !important;
    color: white;
}
.new-product-page  .gm_size_option:active {
    background-color: #a4a4a7 !important;
    color: white;
}
.new-product-page  .gm_size_option:focus {
    background-color: #a4a4a7 !important;
    color: white;
}
.new-product-page  .btn-primary {
    background-color: #a4a4a7;
    color: white;
}

.btn-outline-primary{
    border-color:#F7F6F8;
    background-color: #F7F6F8;
    color:#111;
}
.show>.btn-outline-primary.dropdown-toggle,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:active:focus{
    border-color:#111;
    color:#111;
    background-color: #F7F6F8;
}

.selectParam .dropdown-item.active,
.selectParam .dropdown-item:active{
    background-color:var(--primary-color);
}
@media(max-width:575px) {
    .new-product-page .gm-detail_gallery .slick-prev,
    .new-product-page .gm-detail_gallery .slick-next {
        width: 25px;
        height: 25px;
    }
    .new-product-page .gm-detail_gallery .slick-slide img {
        max-width:70%;
    }
    .new-product-page .gm-detail_price .gm-detail_price{
        display: inline !important;
    }

}
.new-product-page  .gm-add_to_cart_button {
    height:auto;
    color: white;
    font-family: Arial, sans-serif;
    font-weight: 900;
}
.new-product-page .slick-next,
.new-product-page .slick-prev{
    opacity:0.5;
}
.new-product-page  .product-description {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.6;
    padding-top:4vw;
    font-family: "Open Sans", sans-serif;
}
@media(max-width:1350px) {
    .new-product-page  .product-description{
        padding-top:7vw;
    }
}
.new-product-page  .gm-info_text {
    text-decoration: underline;
    font-weight: bolder;
    letter-spacing: 2px;
    font-size: 14px;
}
@media(min-width:1200px) {
     .new-product-page .slick-next {
        right:-20px;
     }
     .new-product-page .slick-prev {
        left:-20px;
     }
}
.new-product-page  .gm-next_items a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    font-family: Oswald, sans-serif;
    letter-spacing: 2px;
}
.new-product-page  .gm-arrow {
    width: 15px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
}
.new-product-page  .gm-subtitle {
    font-size: 25px;
}
.new-product-page  .gm-name {
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
    margin-left: 5px;
}
.new-product-page  .gm-price {
    font-size: 20px;
    float: left;
    text-align: left;
    margin-left: 5px;
    line-height: 1;
    font-weight: 500;
}
.new-product-page  .gm-product_rating {
    float: left;
    text-align: left;
    margin: 10px;
}
.new-product-page  .gm-shopping_cart {
    width: 35px;
}
.new-product-page .gm-param-buttons .btn {
    margin:0 8px;
    border-radius:99px;
    text-transform:uppercase;
    line-height:1;
    font-size:13px;
    font-weight:600;
    border:2px solid #eee;
    box-shadow:1px 1px 4px rgba(0,0,0,.3);
}
.new-product-page .btn:hover {
    cursor: pointer;
}

.new-product-page .gm-add_to_cart_button[disabled="disabled"] {
   color:#000;
   border:1px solid #000;
   background:none;
}

/* u velikostĂ­ staÄŤĂ­ modry background na selected parameter,
ale u barev to musíme nechat volné aby šla obarvit přes ng-style */
.new-product-page .gm-param-buttons.color .btn-primary {
    background:none;
}
/* box shadow aby byla vidět trošku aspoň bily border */
.new-product-page .gm-param-buttons.color .btn {
    box-shadow:1px 1px 4px rgba(0,0,0,.2);
}


/*              --- Account ---             */

.gm-account {
    font-style: normal;
    font-weight: normal;
}

a:hover {
    color: black;
}

.gm-account-logout-button {
    height: 22px;
    width: 99px;
    border-radius: 9px;
    border-width: 1px;
    line-height: 16px;
    font-size: 14px;
    padding: 0;
    background: none;
}

.gm-account-line1 {
    width: 185px;
    border-top: 1px solid #AAAAAA;
}

.gm-account-line2 {
    height: 100%;
    border-left: 1px solid #AAAAAA;
}

.gm-account-line3 {
    border-left: 1px solid #AAAAAA;
    width: 100%
}

.gm-account-line4 {
    height: 100%;
    border-left: 1px solid #AAAAAA;
}

.gm-account-nav-text {
    width: 82px;
    height: 23px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-decoration: none;
    color: #C4C4C4;
    margin-top: 7px;
}
.gm-account-nav-text:hover {
    text-decoration: none;
    color: #C4C4C4;
}

.gm-account-header {
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
    text-align: start;
}

.gm-account-medium-header {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

.gm-account-small-header {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.gm-account-save-button {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-weight: bold;
    color: black;
    border: 1px solid black;
}

.gm-account-save-login {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-weight: bold;
    color: white;
}

.gm-account-input-password::placeholder {
    text-align:right;
    font-family: FontAwesome, sans-serif;
}

.gm-account-medium-text {
    font-weight: 300;
    font-size: 22px;
}

.gm-account-small-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
}

.gm-account-plus {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 100;
}

.gm-account-rewards {
    border-radius: 15px;
    padding: 10px;
    color: #8a8888;
    border: #eeeeee solid;
}

.gm-account-reward-number {
    color: white;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    font-size: 4rem;
    padding-top: 8px;
    left: 0;
    right: 0;
    top: -5px;
    bottom: 0;
}

.gm-modal-submit-btn {
    border: 4px solid; 
    border-radius:5px; 
    width: 100px;
}

.gm-account-reward-badge-number {
    color: white;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    font-size: 2.5rem;
    padding-top: 8px;
    left: 0;
    right: 0;
    top: -5px;
    bottom: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: rotate(-5deg);
}

.gm-account-badge {
    overflow: hidden;
    height: 100px;
    max-width: 120px;
    border-radius: 15px;
    border: #eeeeee solid;
    right: -3%;
}

.gm-account-reward-info { 
    width: 30px; 
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    border: 3px solid #8a8888;
}

.gm-account-reward-info-content {
    margin-left: 52%;
    margin-top: 1%;
    background-color: rgb(216, 201, 201);
    z-index: 1000;
    position: absolute;
    max-width: 80%;
    padding: 10px;
}

.gm-account-big-input {
    max-width: 250px;
    text-align: center;
}

/* background: */
.gm-account-reward-first-progress::-webkit-progress-bar {background-color: #c7eefa !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-first-progress::-webkit-progress-value {border-radius: 5px;}
.gm-account-reward-first-progress::-moz-progress-bar {background-color: #c7eefa !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-first-progress {background-color: #c7eefa !important;width: 100%;height: 20px;border-radius: 5px;}

.gm-account-reward-second-progress::-webkit-progress-bar {background-color: #c3ebe4 !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-second-progress::-webkit-progress-value {border-radius: 5px;}
.gm-account-reward-second-progress::-moz-progress-bar {background-color: #c3ebe4 !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-second-progress {background-color: #c3ebe4 !important;width: 100%;height: 20px;border-radius: 5px;}

.gm-account-reward-third-progress::-webkit-progress-bar {background-color: #d1f0d6 !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-third-progress::-webkit-progress-value {border-radius: 5px;}
.gm-account-reward-third-progress::-moz-progress-bar {background-color: #d1f0d6 !important; width: 100%;height: 20px;border-radius: 5px;}
.gm-account-reward-third-progress {background-color: #d1f0d6 !important;width: 100%;height: 20px;border-radius: 5px;}

/* value: */

.gm-account-reward-first-progress::-webkit-progress-value {background-color: #1eaffc !important;}
.gm-account-reward-first-progress::-moz-progress-bar {background-color: #1eaffc !important;}
.gm-account-reward-first-progress {color: #1eaffc !important;}

.gm-account-reward-second-progress::-webkit-progress-value {background-color: #209b9b !important;}
.gm-account-reward-second-progress::-moz-progress-bar {background-color: #209b9b !important;}
.gm-account-reward-second-progress {color: #209b9b !important;}

.gm-account-reward-third-progress::-webkit-progress-value {background-color: #28973f !important;}
.gm-account-reward-third-progress::-moz-progress-bar {background-color: #28973f !important;}
.gm-account-reward-third-progress {color: #28973f!important;}




.gm-account-progress-text {
    color: white;
    height: 20px;
    font-weight: bold;
}

.gm-account-no-orders {
    background-color: #efefef;
    height: 100px;
}

.gm-account-order-state {
    width: 100px;
    height: 20px;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: 500;
    color: white;
    text-align: center;
}

.gm-account-table-bold {
    font-weight: 500;
}

.gm-account-table {
    border-spacing: 0;
    border: none;
    text-align: center;
    font-weight: 300;
}

.gm-account-detail-brand {
    font-weight: 300;
    font-size: 12px;
}

.gm-account-detail-product {
    font-size: 14px;
    font-weight: 600;
}

.gm-account-detail-price {
    font-weight: 400;
    font-size: 12px;
}

.gm-account-info-text {
    font-size: 13px;
    font-weight: 300;
    color: #838181;
}

.gm-account-complaint-th {
    text-align: center;
}
.gm-account-complaint-td {
    text-align: center;
}

.gm-account-checkbox {
    width: 16px;
    height: 16px;
}

.gm-account-select {
    padding: 1px;
    width: 200px;
    height: 30px;
    border-radius: 5px;
    font-weight: 300;
    text-align: center;
    text-align-last: center;
}

.gm-account-gray-select {
    background: #C4C4C4;
    color: #ffffff;
    font-weight: 600;
}

.gm-account-next-button {
    float: right;
    width: 90%;
    height: 35px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 4px;
}

.gm-account-textarea {
    height: 60px;
    width: 100%;
    /*border: none;*/
}

.gm-account-big-input {
    width: 100%;
    color: #888888;
}

.gm-account-checkmark-text {
    left: 40px;
}

.gm-account-complaint-button1 {
    font-weight: 600;
    letter-spacing: 0.1em;
    width: 350px;
}

.gm-account-complaint-button2 {
    font-weight: 600;
    letter-spacing: 0.1em;
    width: 350px;
}

@media (min-width: 768px) {
    .gm-account-table {
        border: 0.5px solid #999999 !important;
        border-radius: 5px;
        border-collapse: separate;
    }
    .gm-account-next-button {
        width: 190px;
    }
    th {
        font-weight: 300;
        font-size: 18px;
    }
    .gm-account-big-input {
        width: 400px;
    }
}

th {
    border-bottom: 1px solid black !important;
    border-top: none !important;
    font-weight: 500;
    font-size: 15px;
    padding: .3rem !important;
}

td {
    border: none !important;
    padding: .4rem !important;
    vertical-align: middle !important;
}


.modal-body .gm-detail_gallery > div.pl-xl-0 {
    padding-left:15px !important;
}
.modal-body .gm-detail_gallery{
    max-height:60vh;
    overflow:hidden;
}
@media(min-width:1200px) {
    .modal-body .gm-detail_gallery > div.col-xl-9 {
        -ms-flex: 0 0 99%;
        flex: 0 0 99%;
        max-width: 99%;
    }
}
 
.cart-product-not-available { 
}
.alert-danger a {
    color:#9e4f4f !important;
}

.a-mobile_menu__navitem .badge {
    vertical-align:1px;
}
.a-mobile_menu__navitem.highlighted > span:first-child {
    text-decoration:underline;
}

.detail_video {
    overflow: hidden;
    position: relative;
}

.detail_video_thumb {
    overflow: hidden;
    position: relative;
}


.detail_video video {
    width: 100%;
    max-height:600px;
    margin-bottom:30px;
    outline: unset;
    border:none !important;
}
.detail_video_thumb video {
    width: 100%;
    max-height:200px;;
    outline: unset;
    border:none !important;
}
@media(max-width: 575px) {
    .detail_video video{
        max-height:350px;
    }
}



.gm-search {
    top:0px;
}

.gm-search .modal-dialog {
max-width: 100%;
  width: 100%;
  margin: 0px;
}
.gm-search .modal-content {
    border-radius:0px;
    border:none;
    height:calc(100vh);
}
.gm-search .modal-body {
  height:100%;
}
.gm-search_input {
  position:relative;
}
.gm-search_close{
  position:absolute;
  right:0px;
  top:0px;
  background:#fff;
  padding:12px;
  text-decoration:none;
}
.gm-search_close svg path {
  fill:#999;
}
.gm-search .modal-body {
  padding-top:0px;
}


@media(max-width:575px) {
  .kl-navbar{
    min-height:66px;
  }
  .gm-search {

  }
  .gm-search .modal-content {
  
  }

}


/*
 * easy-autocomplete 
 */
 
.easy-autocomplete {
    position: relative;
    border-bottom: 1px solid #eee;
    width:100% !important;
}
.easy-autocomplete input {
    width:100%;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    height:50px;
    font-size:16px;
}
@media(min-width:768px) {
    .easy-autocomplete input {
        font-size:20px;
    }
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
    box-shadow: none;
}
.easy-autocomplete a {
    display: block;
}
.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
  max-height: calc(100vh - 130px);
  overflow-y: scroll;
  padding-right: 20px;
}
.easy-autocomplete-container::-webkit-scrollbar {
  display: none;
}

.easy-autocomplete-container ul {
  display: none;
  margin-top:15px;
  padding:0px;
  position: relative;
  margin-left:-10px;
  margin-right:-20px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
  background: inherit;
  display:block;
  margin-bottom:15px;
  padding:0 10px;

  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;

}
.easy-autocomplete-container ul li.selected {
  cursor: pointer;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

.easy-autocomplete-container ul li a,
.easy-autocomplete-container ul li a:hover {
text-decoration: none !important;
}

.gm-sold{
    padding: 10px;
    text-align: center;
    background-color: rgb(217 69 69);
    border-radius: 4px;
    color: #fff;
}

@media(min-width:768px) {
  .easy-autocomplete-container ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  } 
}

@media(min-width:992px) {
  .easy-autocomplete-container ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24.99%;
    flex: 0 0 24.99%;
    max-width: 24.99%;
  }  
}
@media(min-width:1200px) {
  .easy-autocomplete-container ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19.99%;
    flex: 0 0 19.99%;
    max-width: 19.99%;
  }  
}


.explo-book{
    border: 1px solid #ededed;
    border-radius:6px;
    padding:8px;
    font-size:13px;
    position: relative;
    text-decoration:none;
    line-height:1.16;
}
.explo-book .fa,
.explo-book .far{ 
    position: absolute;
    color: #999;
    top:8px;
    right:8px;
    font-size: 18px;
}
.explo-book.active .fa,
.explo-book.active .far {
    color: #1eaffc;
}
.explo-book.active {
    border: 1px solid #1eaffc;
}
.explo-book:hover{
    text-decoration:none;
}
.explo-book .desc {
    color: #999;
    font-size: 11px;
}
.explo-book:hover{
    box-shadow:0px 0px 15px rgba(0,0,0,.1);
}

@media(max-width: 991px){
    .search-icon-new{
        position:absolute;
        right:60px;
    }
}



.snowflake {
  color: #fff;
  font-size:0px;
  border-radius:99px; 
}


.snowflake { 
  font-size:12px;
} 

.snowflake:nth-child(even){
    font-size: 18px;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}

.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}

.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



.select2-results__option .row {
    margin-left:0px;
    margin-right:0px;
}
.select2-results__option .row > div:first-child {
    padding-left:0px;
}

.select2-results__option .row > div:last-child {
    padding-right:0px;
}

/* cookies 2022 */
@media (min-width: 768px) {
    .cookies-modal .modal-dialog {
        max-width: 700px;
    }
    .cookies-modal .modal-body {
        padding:30px;
    }
}
.cookies-modal .btn {
    padding-top:15px;
    padding-bottom:15px;
}
.cookies-modal a:not(.btn) {
    text-decoration: underline;
}
.cookies-modal h2 {
    font-weight:700;
}
@media(max-width: 575Px) {
    .cookies-modal h2{
        font-size:21px;
    }
} 
@media(max-height: 1100px) {
    .cookies-modal_preferences > .inner{
        max-height:calc(100vh - 300px);
        overflow:scroll;
        padding-right:20px;
    }
}
.cookies-modal_preferences > .inner > .row {
    margin-left:0px;
    margin-right:0px;
}
.cookies-modal_preferences > .inner > .row > div:first-child {
    padding-left:0px;
}
.cookies-modal_preferences > .inner > .row > div:last-child {
    padding-right:0px;
}
[class*=icheck-]>input:first-child {
    position: absolute!important;
    opacity: 0;
    margin: 0;
}
[class*=icheck-]>label {
    padding-left: 29px!important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #D3CFC8;
    border-radius: 0;
    margin-left: -29px;
}
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #337ab7;
    border-color: #2e6da4;
}

[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}
[class*=icheck-]>input:first-child:disabled+label{
    opacity:0.65 !important;
}
.cookies-modal p.small {
    font-size:13px;
}

#direct_sizetable table{
    border:1px solid #ddd !important;
}
#direct_sizetable table td{
    border-bottom: 1px solid #ddd !important;
}
#direct_sizetable table td:not(:last-child) {
    border-right: 1px solid #ddd !important;
}

@media(min-width: 992px) {
    .navbar-brand img {
        margin-top:18px;
    }
}

.navbar-brand img.tree {
    position: absolute;
    right: -38px;
    top:18px;
    margin: 0;
    z-index: 10;
    height: 30px;
    width: auto;
}
@media(max-width: 991px) {
    .navbar-brand img.tree{
        top: 12px;
    }
}
@media(max-width: 575px) {
    .navbar-brand img.tree {
        right: -30px;
        top:1px;
        height: 26px;
    }
}

.wof-open{
    position: fixed;
    width:120px;
    height:120px;
    right:20px;
    bottom:20px;
    background-position:center center;
    box-shadow:0px 0px 20px rgba(0,0,0,.4);
    background-size:80% 80%;
    background-color: #141d34;
    border-radius:99px;
    background-repeat:no-repeat;
    background-image: url('https://www.gomerch.sk/application/views/_external/gm/assets/img/wheel-04-2022.png');
}
.wof-open_christmas{
    position: fixed;
    width:120px;
    height:120px;
    right:20px;
    bottom:20px;
    background-position:center center;
    box-shadow:0px 0px 20px rgba(0,0,0,.4);
    background-size:90% 90%;
    background-color: #fff;
    border-radius:99px;
    background-repeat:no-repeat;
    background-image: url('https://www.gomerch.sk/application/views/_external/gm/assets/img/wheel-xmas-2023.png?v=33');
}

.wof-open_valentine{
    position: fixed;
    width:120px;
    height:120px;
    right:20px;
    bottom:20px;
    background-position:center center;
    box-shadow:0px 0px 20px rgba(0,0,0,.4);
    background-size:90% 90%;
    background-color: #FFF;
    border-radius:99px; 
    background-repeat:no-repeat;
    background-image: url('https://www.gomerch.sk/application/views/_external/gm/assets/img/wheel-03-2023.png?v=333');
}

#wof {
    color: #fff;
    font-family: 'Baloo Bhaijaan 2', cursive;
}

#wof_christmas {
    color:#fff;
    font-family: 'Montserrat', sans-serif;
}

#wof .modal-body{
    padding-left:40px;
    padding-right:40px;
    padding-bottom:70px;
    position:relative;
}

#wof_christmas .modal-body{
    padding: 15px;
    position:relative;
    margin: 15px;
} 
#wof_christmas .heart {
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    width: 40px;
    background: #fff;
    transform: translate(-50%,0);
}
#wof_christmas .heart.top {
    top: -10px;
    bottom: auto;
}
#wof_christmas .trees {
    position: absolute;
    right: 5px;
    bottom: 0px;
    width: 240px;
}
#wof_christmas .arrow {
    position: absolute;
    right: 141px;
    bottom: 50px;
}

#wof svg.star {
    position:absolute;
}

#wof svg.star-1 {
    left:45%;
    top:-2%;
}
#wof svg.star-2 { 
    left:54%;
    top:0%;
}
#wof svg.star-3 {
    left:60%;
    top:-4%;
}
#wof svg.star-4 {
    left:75%; 
    top:-1%;
}
#wof svg.star-5 {
    left:82%;
    top:1%;
}
#wof svg.star-6 {
    left:85%;
    top:-0.5%;
}
#wof svg.star-7 {
    left:90%;
    top:3%;
} 

#wof svg.star-8 {
    left:95%;
    top:7%;
}

#wof_christmas .modal-dialog {
    overflow:visible;
}

#wof .modal-content {
    background-color:#141d34;
    background-image:url('../img/rocket_bg.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:66% auto;    
    border-radius:20px;
}
#wof_christma .modal-header {
    display:none !important;
}
#wof_christmas .modal-content{
    background-color:#fff;
    border: none;
    position: relative; 
    background-image:url('../img/wof-bg.png');
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:25px 0 25px 25px;
}

#wof .text-warning {
    color:#f69020 !important;
}
#wof_christmas .text-warning {
    color: #d8c499 !important;
}

#wof_christmas .result,
#wof .result {
    min-height:115px;
    max-width:75%;
    color: #000;
}

#wof .wheel-wrap {
    position:absolute;
    top:6%;
    right:25px;
    overflow:hidden;
}

#wof_christmas .wheel-wrap{
    position:absolute;
    top:7%;
    right:25px;
    overflow:hidden;
}

#wof #wheel_ring {
    background-image: url('/application/views/_external/gm/assets/img/wheel-04-2022.png');
    width: 330px;
    height: 330px;
    background-size: contain;
    border-radius: 50%;
    transition: 5s;
    overflow: hidden;
}
#wof_christmas .hr {
    height:3px;
    background-color:#7755D6;
    width:100%;
    position:relative;
}
#wof_christmas .hr  img {
    position:absolute;
    width:20Px;
    bottom: 0px;
    right:calc(25% - 10px);
}
#wof_christmas #wheel_ring {
    background-image: url('/application/views/_external/gm/assets/img/wheel-xmas-2023.png');
    width: 270px;
    height: 270px;
    background-size: contain;
    border-radius: 50%;
    transition: 5s;
    overflow: hidden;
}

#wof_christmas .logo {
    max-width:230px;
    margin-bottom:5px;
}
#wof_christmas .input,
#wof .input {
    position:relative;
    background-color:#7755D6;
    border-radius:14px;
    z-index:1;
    padding: 10px 15px;
    font-size: 19px;
    border:2px solid #7755D6;
    font-weight:700;
    z-index:30;
    color: #fff;
}
#wof_christmas .win,
#wof .win {
    font-size:16px;
    color: #000;
    max-width: 400px;
}
#wof_christmas .input .form-control,
#wof .input .form-control {
    font-size: 20px;
    color: #fff;
    border-color:#7755D6;
    background-color:#7755D6;
    border: none;
    height:35px;
    padding:0px 10px;
}

#wof_christmas .input .copy,
#wof .input .copy {
    position:absolute;
    right: 0px;
    width:50px;
    height:100%;
    top:0px;
    background-color:#7755D6;
    border-radius: 0px 10px 10px 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23141d34' d='M6 22v-16h16v7.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6h-7.362zm18-7.614v-10.386h-20v20h10.189c3.163 0 9.811-7.223 9.811-9.614zm-10 1.614h-5v-1h5v1zm5-4h-10v1h10v-1zm0-3h-10v1h10v-1zm2-7h-19v19h-2v-21h21v2z'/%3E%3C/svg%3E");
    background-size:20px auto;
    background-repeat:no-repeat;
    background-position:center center;
}

#wof_christmas .input .copy {
    background-color:#7755D6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6 22v-16h16v7.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6h-7.362zm18-7.614v-10.386h-20v20h10.189c3.163 0 9.811-7.223 9.811-9.614zm-10 1.614h-5v-1h5v1zm5-4h-10v1h10v-1zm0-3h-10v1h10v-1zm2-7h-19v19h-2v-21h21v2z'/%3E%3C/svg%3E");

}


#wof_christmas .btn-spin{
    color:#fff;
    background-color:transparent;
    background-image: url('../img/wof-btn.png');
    background-size:100% 100%;
    padding-left:30px;
    background-repeat:no-repeat;
    background-position:center center;
}

#wof_christmas .info,
#wof .info {
    font-size:16px;
    font-weight:600;
    color:#000;
    padding-left:8px;
    border-radius:10px;
    padding-right:8px;
}

#wof_christmas .btn{
    border-radius:5px;
}
#wof .btn {
    border-radius:10px;
}
#wof .btn-warning:hover{
    background-color:#bf343c;
}
#wof_christmas .btn-warning:hover{
    background-color:#c5373f;
}
#wof_christmas .btn-lg,
#wof .btn-lg {
    font-weight:800;
    text-transform:uppercase;
    font-size: 30px;
    padding:16px 35px;
    line-height:1;
}

#wof_christmas .modal-dialog{
    max-width:630px;
}
#wof .modal-dialog{
    max-width:700px;
}


#wof .title {
    font-weight: 700;
    line-height:1.2;
    max-width: 290px;
}

#wof_christmas .title{
    font-weight: 700;
    line-height:1.2;
    max-width: 290px;
}

#wof_christmas .subtitle {
    text-transform:uppercase;
    font-weight:700;
    font-size:20px;
    color: #000;
    line-height:1.6;
    max-width:50%;
} 
#wof_christmas .subtitle  span{
    display:block;
    font-size:17px;
}
#wof_christmas .title,
#wof .title {
    font-size:50px;
}

#wof_christmas .modal-header,
#wof .modal-header{
    border-bottom:none;
}

#wof_christmas .modal-header{
    padding:0px;
    height:30px;
}

#wof .modal-header .close{
    color: #fff;
    opacity:1;
}
#wof_christmas .modal-header .close{
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
    opacity:1;
    z-index:99;
}

#wof .logo {
    transform: rotate(-4deg);
    width:230px;
}



@media(max-width: 767px) {
    #wof_christmas .arrow{
        position: absolute;
        right: 50%;
        bottom: 20px;
        margin-right: -15px;
    }
    #wof_christmas .modal-body{
        margin:5px;
    }
    #wof_christmas .heart{
        display:none;
    }
    #wof_christmas .modal-content{
        border-width:5px;
    }
    #wof_christmas .input .form-control{
        font-size:13px;
        padding: 0px; 
    }
    #wof_christmas .btn-lg, #wof .btn-lg{
        font-size: 24px;
        padding: 12px 20px;
    }
    #wof_christmas .logo {
        margin: 20px auto 10px auto;
        max-width: 150px;
    }
    #wof_christmas .wheel-wrap{
        margin:15px auto 0 auto;
        position:relative;
        top: auto;
        right:auto;
    }
    #wof .modal-dialog,
    #wof_christms .modal-dialog{
        max-width:90%;
        margin:0 auto;
    }

    #wof_christmas .trees {
        position: absolute;
        right: 27%; 
        bottom: 0px;
        width: 36%;
        bottom: 0px;
    }

    #wof .modal-content{
        background-image: url('../img/rocket_only.png?v=4');
        background-size:auto 130px;
        background-position:center bottom;
    }
    #wof_christmas .input,
    #wof .input{
        padding: 5px 10px;
        font-size: 15px;
    }

    #wof .modal-header .close{
        right:10px;
        top:4px;
    }
    #wof_christmas .result,
    #wof .result{
        max-width: 100%;
    }
    #wof_christmas .result svg,
    #wof .result svg {
        width:30px;
    }
    #wof_christmas .win,
    #wof .win{
        text-align:center;
        font-size:17px;
    }
    #wof .modal-body {
        text-align:center;
        padding-left:20px;
        padding-right:20px;
        padding-top:20px !important;
        padding-bottom:30px;
    }
     #wof_christmas .modal-body{
        overflow:hidden;
        padding-top:0px !important;
        text-align:center;
     }
    #wof_christmas .title,
    #wof .title{
        font-size:30px;
    }
    #wof_christmas .subtitle,
    #wof .subtitle{

    }
    #wof .title, 
    #wof .subtitle,
    #wof_christmas .title, 
    #wof_christmas .subtitle{
        max-width: 100%;
    }
    #wof svg.star-1 {
        left:10%;
    }
    #wof .star-2 {
        display:none;
    }
    #wof .star-4 {
        display:none;
    }
    #wof .logo{
        width:180px;
    }
    #wof .star {
        margin-top:20px;
    }
    #wof .btn-lg{
        padding:8px 20px;
        font-size:28px;
    }
    #wof .wheel-wrap{
        top: auto;
        right: auto;
        position:relative;
        margin-top: 20px;
        text-align:center;
        padding-bottom:30px;
    }
    #wof_christmas #wheel_ring,
    #wof #wheel_ring{
        margin:0 auto;
        width:230px;
        height:230px;
    }
    #wof .result{
        min-height:0px;
    }

}

.gm-cart_products .gm-cart_newinsurance .name{
    overflow: inherit;
    text-overflow: none;
    white-space:inherit;
}


.gm-cart_insurance a {
    text-decoration:none;
}

@media(max-width: 380px) {
    #wof .modal-content{
        background-size:auto 150px;
    }
}


.text-easter-purple {
    color: #B34399 !important;
}

body.happykids .extra-message {
    background-color:#8560c8;
    color:#fff;
}
.gm-product_easter h3 {
    font-size:19px;
    font-weight:700;
    text-transform:none;
}
.text-easter-blue {
    color: #00B3C5 !important;
}
.gm-product_easter {
    background-color:#faf7ca;
    padding:20px 30px;
    font-size: 15px;
    line-height:1.2;
}
.gm-product_easter big {
    font-size: 18px;
}
@media(max-width: 575px) {
    .gm-product_easter {
        padding:15px 20px;
    }
}

.gm-product_easter .eggImg{
    width: 100%;
    max-width:70px;
}

.gm-product_easter img.shaking{
  animation: shake 0.5s;
  animation-iteration-count: 2;
}

.gm-product_easter .input-group .form-control {
    border-color:#00B3C5;
    background-color:#fff !important;
    font-weight:700;
    color: #000;
    text-align: center;
    font-size: 16px;
}
.gm-product_easter .input-group-text {
    background: #00B3C5;
    border-color: #00B3C5;
    cursor:pointer;
}

@keyframes pulse {
    0% {
        transform: scale(0.85);
    }

    70% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(0.85);
    }
}


@media(max-width: 575px){
    .gm-product_easter{
        font-size:14px;
    }
    .gm-product_easter big {
        font-size: 16px;
    }
}


body.halloween .gm-product_easter{
    background-color: #2e2d2e;
    background-image: url('../img/halloween-bg.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    border-radius:4px;
    text-transform:uppercase;
    color: #fff;
}
body.halloween .gm-product_easter #easter_code{
    max-width:160px;
}
@media(max-width: 767px) {
    body.halloween .gm-product_easter #easter_code{
        margin: 0 auto;
        max-width:100%;
    }
}
body.halloween .gm-product_easter .js-easterOpened {
    background-size:auto 25px;
    background-position:right 30px bottom;
    background-image: url('../img/halloween-underline.png');
    padding-bottom: 20px;
    background-repeat:no-repeat;
}
body.halloween .gm-product_easter .js-easterImage{
   animation: pulse .6s linear infinite;
}
body.halloween .gm-product_easter img.title {
    width:100%; 
    max-width:240px;
}
body.halloween .gm-product_easter  .text-easter-blue {
    color: #fff !important;
}
body.halloween .gm-product_easter  .text-easter-purple{
    color: #ddf774 !important;
}
body.halloween .gm-product_easter .input-group .form-control{
    border-color: #ddf774;   
    borde-right: none;
    border-width:3px;
}
@media(max-width: 575Px) {
    body.halloween .gm-product_easter .js-easterImage{
        max-width:80px !important;
    }
}
body.halloween .gm-product_easter .input-group-text {
    background: #7755d6;
    border-color: #ddf774;
    border-width: 3px;
    border-left:none;
}
body.halloween .js-easterResult strong {
    display: block;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 140%;
}


.gm-detail_price.easter-price {
    color:#8561c8 !important;
    position:relative;
}

.gm-detail_price.easter-price:after {
    color: #fff;
    font-weight:600;
    border-radius:4px;
    content: '-20%';
    position:absolute;
    padding:3px 5px;
    line-height:1;
    top: 4px;
    right:-40px;
    background-color:#8561c8;
    font-size:11px;
}

@media(max-width: 575px) {
    .gm-detail_price.easter-price:after{
        right:0px;
        top: -20px;
    }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}



/* slick - basics */
.gmnew-slider.slick-slider{
    padding-bottom:45px;
    position:relative;
}
.gmnew-slider .slick-arrow{
    width: 50px;
    height:50px;
    background-color:#fff;
    background-size:auto 50%;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:99px;
    box-shadow:0px 0px 15px rgba(0,0,0,.15);
    position:absolute;
    z-index:999;
    top:calc(((100% + 45px)/2));
    border: none;
    font-size:0px;
    color: transparent;
    cursor:pointer;
    transform: translate(0,-50%);
}
.gmnew-slider .slick-dots li button:before{
    display: none !important;
}
.gmnew-slider .slick-arrow:before {
    display:none !important;
}
.gmnew-slider .slick-arrow:focus,
.gmnew-slider .slick-arrow:active {
    box-shadow:0px 0px 15px rgba(0,0,0,.15) !important;
}
.gmnew-slider .slick-arrow:hover{
    box-shadow:0px 0px 15px rgba(0,0,0,.25);
}
.gmnew-slider .slick-arrow:focus {
    box-shadow:none;
    outline: none;
}
.gmnew-slider .slick-prev {
    left: 0px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.619046 10.9871L11.3283 0.285721L12.4623 1.37413L2.84337 10.9871L12.4623 20.6001L11.3283 21.6886L0.619046 10.9871Z' fill='black'/%3E%3C/svg%3E%0A");
}
.gmnew-slider .slick-next {
    right:5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3808 11.0129L1.67157 21.7143L0.537598 20.6259L10.1565 11.0129L0.5376 1.39986L1.67157 0.311444L12.3808 11.0129Z' fill='black'/%3E%3C/svg%3E%0A");
}

.gmnew-slider .slick-dots {
    position:absolute;
    left:0px;
    bottom:15px;
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
    list-style:none;
}
.gmnew-slider .slick-dots > li {
    display:inline-block;
    width:auto;
    height:auto;
    margin:0 2px;
}
.gmnew-slider .slick-dots > li > button {
    border: none;
    background-color:#eee;
    border-radius:99px;
    width:50px;
    height:8px;
    color:transparent;
    position:relative;
    overflow:hidden;
    font-size:0px;
    box-shadow:none !important;
    transition:all .3s;
}
.gmnew-slider .slick-dots > li.slick-active > button {
    background-color:#ddd;
}
.gmnew-slider .slick-dots > li > button:after {
    width:0px;
    position:absolute;
    left: 0px;
    top: 0px;
    height:100%;
    border-radius:99px;
    content: '';
    background-color:#000;
}
.gmnew-slider .slick-dots > li.animating > button:after {
    transition:all 4s;
    width:100%;
}



@media(max-width: 575px) {
    .gmnew-slider.slick-slider{
        padding-bottom:35px;
    }
    .gmnew-slider .slick-dots{
        bottom:10px;
    }
    .gmnew-slider .slick-dots > li > button {
        width:15px;
    }
    .gmnew-slider .slick-dots > li.slick-active > button{
        width:40px;
    }
    .gmnew-slider .slick-arrow{
        width:28px;
        height:28px;
        top:calc(50% + 22px);
    }
}   

/* slick - homepage slider */

.gmnew-slider .slick-slide {
    padding:0 10px;
}
.gmnew-slider .slick-prev {
    left:calc(20vw - 25px);
}
.gmnew-slider .slick-next {
    right:calc(20vw - 25px);
}   
.gmnew-slider img {
    height:auto;
}
@media(max-width: 575px) {
    .gmnew-slider .slick-slide{
        padding:0 5px;
    }
    .gmnew-slider .slick-prev{
        left:5px;
    }
    .gmnew-slider .slick-next {
        right:5px;
    }
}

.fast-order .select2-container .select2-selection--single{
    height:46px;
}

.fast-order .select2-container .select2-selection--single .select2-selection__rendered{
    padding-top: 4px;
}

.fast-order .edit-quantity{
    max-width:26px;
}

.fast-order .input-qty{
    height: 47px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px;
    border-right: none;
}
.fast-order .text-light{
    color: #8b8b8b !important;
}
.fast-order .edit-quantity a{
    display: block;
    border: 1px solid #eee;
    padding: 5px;
    font-size: 11px;
    margin: 0;
    float: left;
    background:#fff;
    line-height: 11px;
    color: #999;
}

.gm-ig_new .row {
    margin-left:-8px;
    margin-right: -8px;
}
.gm-ig_new .row > div{
    padding-left:8px;
    padding-right:8px;
}
@media(min-width: 768px) {
    .gm-ig_new .row > div.col-md-2 {
        max-width:19.999%;
        flex: 0 0 19.999%;
    }
    .gm-ig_new .row > div.d-md-block.d-md-none {
        display:none !important;
    }
}

.fast-order .edit-quantity a:first-child {
    border-top-right-radius:4px;
    border-bottom: none;
}

.fast-order .edit-quantity a:last-child {
    border-bottom-right-radius:4px;
}

.gmplus-cells {
    cursor:pointer; 
   margin-left:-4px;
   margin-right:-4px; 
}
.gmplus-cells > div {
    padding-left:4px;
    padding-right:4px;
}

.gmplus-cell{
    text-align:center;
    font-size:13px;
    position:relative;
}
.gmplus-cell > div:first-child{
    border: 1px solid #eaeaea;
    border-bottom:none;
    padding:4px;
    line-height:1.2;
}

.gmplus-cell > div:first-child img {
    margin-left:2px;
    position:relative;
    top:-2px;
}

.gmplus-cell > div:last-child{
    color: #fff;
    font-weight:700;
    background-color:#626262;
    line-height:1.1 ;
    padding:4px;
}
.gmplus-cell > div:last-child.not{
    background-color:#7c4141;
}

@media(max-width: 575px) {
    .gmplus-cells > div {
        padding:3px;
        font-size:12px;
    }
}

.sizetable img{
    max-width:100%;
    height:auto;
}


.product-timer{
    border: 1px solid #eee;
    border-radius: 4px;
    padding:15px;
}
.product-timer .timer {
    overflow:hidden;
    margin-left:-8px;
    margin-right:-8px;
}
.product-timer .timer-item {
    float: left;
    width: 25%;
    max-width: 80px;
    text-align:left;
    padding:0 8px;
}
.product-timer .timer-item-number {
    font-size:23px;
    font-weight:800;
}
.product-timer .timer-item-lang {
    font-size:13px;
    margin-left:4px;
    color: #999;
}


.material-link {
    display:block;
    border-radius:8px;
    border: 1px solid #333;
    padding:15px;
    text-decoration:none;
    line-height:1.1;
    text-align:center;
}
.material-link:hover{
    text-decoration:none;
}
.material-link.active {
    color: #1eaffc;
    border-color:#1eaffc;
}
.material-link strong {
    font-size:17px;
    margin-bottom: 4px;
}

.alecau-counter{
    background-color:#000;
    color: #fff;
    background-image: url('/application/views/_external/alecau/assets/img/alecau.png');
    padding:100px 0 0 20px;
    height:195px;
    text-align:center;
    background-position:center center;
    background-size:cover;
}
@media(max-width: 767px) {
    .alecau-counter {
        height:26vw;
        padding-top: 12vw;
        padding-left:2vw;
    }
}
.alecau-counter .timer-item {
    display:inline-block;
}
.alecau-counter .timer-item:nth-child(1) {
    display:none ;
}
.alecau-counter .timer-item:not(:last-child):after {
    content: ':';
    margin: 0 4px;
    font-weight:900;
    font-size:40px;
    display:inline-block;
}
.alecau-counter .timer-item-lang {
    display:none !important;
}
.alecau-counter .timer{
    max-width: 240px;
    margin:0 auto;
}
.alecau-counter .timer-item-number {
    font-size:40px;
    line-height:1;
    font-weight:900;
}

@media(max-width: 575px) {
    .alecau-counter .timer-item-number,
    .alecau-counter .timer-item:not(:last-child):after{
        font-size:24px;
    }
}

.a-search_input button{
    border:none;
    height:30px;
    background-color:#000;
    color: #fff;
    padding:0 15px;
    border-radius:4px;
}
.a-search_input button:hover{
    color:#fff;
    background-color:#000;
}
.a-search.j-opened {
    border-left:none;
}

.umdtm {
    background: linear-gradient(90deg, #0066FF 0%, #0500FF 100%);
    color: #fff!important;
    font-weight: bold;
    padding: .5rem 1.25rem;
    border-radius: .25rem;
    text-decoration: none!important;
    position: relative;
    font-family: 'Inter', sans-serif;
    z-index: 1;
}

.new-umdtm {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%);
    color: #fff!important;
    font-weight: bold;
    padding: .5rem 1rem;
    border-radius: .25rem;
    text-decoration: none!important;
    position: relative;
    font-family: 'Inter', sans-serif;
    z-index: 1;
}

.new-umdtm .umd {
    position: relative;
}
.new-umdtm .tm {
    position: absolute;
    top: 0;
    right: -10px;
    font-size: .5rem;
}
.new-umdtm::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    border-radius: .25rem;
    z-index: 0;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%);
}

.new-umdtm:hover::before {
    opacity: 1;
}

.umdtm .umd {
    position: relative;
}
.umdtm .tm {
    position: absolute;
    top: 0;
    right: -10px;
    font-size: .375rem;
}
.umdtm::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    border-radius: .25rem;
    z-index: 0;
    background: linear-gradient(90deg, #0500FF 0%, #0066FF 100%);
}

.umdtm:hover::before {
    opacity: 1;
}

.gm-paymenticons img {
    margin-right:5px;
}

.xmas-banner .extra-message {
    background: rgb(97,15,10);
    background: linear-gradient(90deg, rgba(97,15,10,1) 0%, rgba(191,40,27,1) 25%, rgba(97,15,10,1) 50%, rgba(191,40,27,1) 75%, rgba(97,15,10,1) 100%);
    color: #fff;
}

.xmas22-progress {
    padding: 0.35rem;
    text-align: center;
    font-weight: bold;
    background-color:#9d89de;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    position: relative;
    overflow: hidden;
}
.xmas22-progress-bar {
    height: 100%;
    background-color:#7256cf;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.xmas22-progress-bar.done {
    background-color: #05D355;
}
.xmas22-progress-text {
    color:#fff;
    font-size:13px;
    position: relative;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
.xmas22-lottery-trigger {
    animation: shake 0.82s 1s cubic-bezier(.36,.07,.19,.97) both;
    position: relative;
}
.xmas22-lottery-trigger::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #F3D595;
    filter: blur(46px);
    width: 100%;
    height: 100%;
    transition: .25s ease-in-out;
    opacity: 0;
}
.xmas22-lottery-trigger:hover::before {
    opacity: 1;
}
.xmas22-lottery-trigger img {
    transition: .25s ease-in-out;
    position: relative;
}
.xmas22-lottery-trigger img:hover {
    transform: scale(1.05);
}
.xmas22-modal * {
    font-family: 'Montserrat', sans-serif;
}
.xmas22-modal .close {
    z-index: 1;
    color: #000;
    opacity: 1;
}
.xmas22-modal .close.fixed {
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.xmas22-modal .modal-title {
    font-size: 1.7rem;
    font-weight: bold;
    background-color: #F2D28D;
    background-image: linear-gradient(0deg, #B57E48 0%, #F5DDA1 15%, #AC784A 42%, #F3D89D 71%, #F2D28D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
}

@media (min-width: 992px) {
    .xmas22-modal .modal-title {
        font-size: 2.5rem;
    }
}

@media(max-width:767px) {
    #wof_christmas .info {
        line-height: 1.2;
        z-index: 9999;
        text-align: center;
        background-color:#fff;
        padding: 5px;
        width: 100%;
    }
}

.xmas22-modal .modal-content {
    border: none;
}
.xmas22-modal .modal-content p {
    line-height: 1.6rem;
}
.xmas22-modal .modal-content ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.alert-info a {
    text-decoration:underline;
    color: #0c5460;
    font-weight: 600;
}

.gm-january-timer {
    color: #fff;
    background-color:red;
    border-radius:99px;
    padding:8px 12px 8px 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.8327C14.6024 18.8327 18.3334 15.1017 18.3334 10.4993C18.3334 5.89698 14.6024 2.16602 10 2.16602C5.39765 2.16602 1.66669 5.89698 1.66669 10.4993C1.66669 15.1017 5.39765 18.8327 10 18.8327Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5.5V10.5L13.3333 12.1667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size:auto 50%;
    font-size:15px;
    background-position:8px center;
    background-repeat:no-repeat;
    display:inline-block;
}
.gm-january-timer .mt-1 {
    margin-top:0px !important;
}
.gm-january-timer h6,.gm-january-timer * {
    font-size:15px !important;
    line-height:1 !important;
    font-weight:500;
}

.attr-modal-discount {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='22' viewBox='0 0 44 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.9178 0H3C1.34315 0 0 1.34315 0 3V19C0 20.6569 1.34315 22 3 22H35.8983C36.9745 22 37.9682 21.4235 38.5025 20.4893L43.1386 12.3826C43.6715 11.4508 43.6659 10.3053 43.124 9.37867L38.5073 1.48539C37.9693 0.565429 36.9835 0 35.9178 0Z' fill='%23DD0000'/%3E%3C/svg%3E%0A");
    font-weight:700;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    color: #fff;
    display:inline-block;
    border-radius:3px;
    padding:2px 8px 2px 5px;
    line-height: 1;
    letter-spacing: -0.7px;
}

.dummy-row {
    background-color: rgba(0,0,0,.1);
    height:15px;
    border-radius:3px;
    display:inline-block;
}
.bf-info{
    border-radius:8px;
    overflow:hidden;
    position:relative;
    padding-top: 40px;
    padding-bottom:80px;
    padding-left:30px;
    padding-right: 35%;
    background-image: url('/application/views/_external/gm_new/assets/img/bf_bg.png');
    background-position:right center;
    background-size: cover;
    background-repeat:no-repeat;
}
.bf-info .title {
    position:relative;
    padding-bottom:18px;
    color: #fff;
    text-transform:uppercase;
    line-height:1.1;
    display:inline-block;
    font-weight:600;
    font-size:18px;
    background-image: url('/application/views/_external/gm_new/assets/img/bf_underline.png');
    background-size:100% 35px;
    background-repeat:no-repeat;
    background-position:center bottom;
}
.bf-info .title  span {
    font-weight:800;
    font-size:24px;
}

.bf-info .timer {
    padding:10px;
    color: #fff;
    font-weight:800;
    padding-right:30px;
    font-size:20px;
   background-image: url('/application/views/_external/gm_new/assets/img/bf_bubble.svg');
   background-position:center center;
   background-size:100% 100%;
   background-repeat:no-repeat;
   position:absolute;
   bottom: 20px;
   left:30px;
}
.bf-info .countdown-section:not(:last-child):after {
    content: ':';
    display:inline-block;
    margin: 0 3px;
}
.bf-info .countdown-period {
    display:none;
}
.christmas-shippingB{
     background-image: url('/application/views/_external/gm/assets/img/tree_bg.png');
   background-position:center center;
   background-size:100% 100%;
   margin-bottom:20px;
   line-height:1.1;
   text-align:center;
   background-repeat:no-repeat;
   padding:20px 30px;
   text-transform:uppercase;
   font-size:17px;
   font-weight:300;
    border-radius:6px;
    color:#fff;
}
.christmas-shippingB strong {
    font-weight:600;
}


.gm-TopBar {
    position:absolute;
    width:100%;
    color: #2F2D2E;
    top:0px;
    background-color: #F7F6F8;
    text-align:right;
    border-bottom: 1px solid rgba(47, 45, 46, 0.10);
    z-index:1200;
    padding:16px 0;
    font-family:'Montserrat', sans-serif;
}

body.modal-open .gm-TopBar{
    z-index:10;
}

.gm-TopBar a {
    color: #2F2D2E;
    font-weight:500;
    display:inline-block;
    font-size:13px;
    position:relative;
}

.gm-TopBar a:hover {
    text-decoration:none;
}

.gm-TopBar .links {
    display:flex;
    justify-content:end;
    align-items:center;
    gap:20px;
    line-height:1.2;
    margin-left:auto;
}

.gm-TopBar button.btn,
.gm-TopBar a.btn{
    display:inline-block;
    background:none;
    font-size:13px;
    font-family:'Montserrat', sans-serif;
    padding:0px;
    border: none;
    text-decoration:none;
    position:relative;
}

.gm-TopBar .btn img {
    position: relative;
    top: -2px;
    width: 18Px;
    margin-right: 5px;
}


.gm-Nav .dropdown-toggle::after,
.gm-TopBar .dropdown-toggle::after {
    border: none;
    margin: 0;
    background-image:url('https://www.gomerch.sk/application/views/_external/gm_2024/assets/img/new_chevron_down.svg');
    width:10px;
    height: 5px;
    background-size:cover;
    background-position: center center;
    transition: .2s all;
    vertical-align:2px;
    margin-left:4px;
    background-repeat:no-repeat;
    opacity: 0.75;
}
.gm-Nav .dropdown-toggle[aria-expanded="true"]::after,
.gm-TopBar .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
.gm-Nav .dropdown-toggle::after{
    opacity:1;
}


body.e_message .gm-TopBar{
    top:31px !important;
}
.gm-Nav {
    padding:25px 0;
}

.gm-Nav .navbar-brand{
    position:relative;
}   

.gm-Nav .navbar-brand img {
    margin-top:0px;
}

.gm-Nav .navbar-nav .nav-link {
    font-size:15px;
    font-family:'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing:0;
    color:#2F2D2E;
    text-transform:none;
    padding: 24px 24px;
}


.gm-NavSearch.form-control {
    font-family:'Montserrat', sans-serif;
    background-color:#F7F6F8;
    border-radius:4px;
    height:56px;
    padding: 0 16px 0 64px;
    border: none;
    background-size:28px auto;
    background-image: url('https://www.gomerch.sk/application/views/_external/gm_2024/assets/img/search_icon_2024.svg');
    background-position:16px center;
    background-repeat:no-repeat;
}

.gm-Search.form-control {
    font-family:'Montserrat', sans-serif;
    background-color:#F7F6F8;
    border-radius:4px;
    height:56px;
    border: none;
    padding: 0 58px 0 15px;
    background-size:28px auto;
    background-image: url('https://www.gomerch.sk/application/views/_external/gm_2024/assets/img/search_icon_2024.svg');
    background-position: right 1em bottom 8px;
    background-repeat: no-repeat;
}

.gm-Search {
    font-family:'Montserrat', sans-serif;
    background-color:#F7F6F8;
    border-radius:4px;
    height:56px;
    border: none;
    padding: 0 0 0 58px;
    background-size:32px auto;
    background-image: url('../img/gm-search.svg');
    background-position:16px center;
    background-repeat:no-repeat;
}

.Gm-detail_search {
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    appearance: none;
    font-family:'Montserrat', sans-serif;
    border-radius:4px;
    border: 1px #E5E5E5 solid;
    height:56px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.Gm-detail_search option {
    font-family: 'Montserrat', sans-serif;
    padding: 16px 24px; /* This might not be supported or render inconsistently */
    background-color: white; /* Attempting to ensure a consistent background */
    border: none; /* Removing any default border applied by the browser, though this might not have any effect */
}

/* Style to remove default appearance for Firefox */
.Gm-detail_search:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.Gm-select_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.Gm-select_wrapper:after {
    content: '';
    position: absolute;
    right: 10px; /* Adjust based on padding */
    top: 75px;
    transform: translateY(-50%);
    /* Custom arrow styles */
    width: 12px; 
    height: 7.4px; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2F2D2E; /* Arrow color */
}

/* GM new detail start*/

.Gm-reviews_text {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
}

.new_price {
    text-align: left;
    color: black;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}

.btn-show_more {
    width: 306px;
    height: 65px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    border: 2px solid #C6C6C6;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.Gm-new_discount {
    position: absolute;
    top: 20px;
    font-size: 16px;
    right: 30px;
    color: #fff;
    border-radius: 5px;
    line-height: 1;
    padding: 8px 15px;
    align-items: center;
    justify-content: flex-end;
    background-color: var(--primary-color);
    font-weight: 700;
    text-align: center;
}
body.blackfriday .Gm-new_discount{
    background-color:var(--primary-color) !important;
}

.Gm-detail_galleryNav .slick-slide {
    padding: 20px;
}

.Gm-collectionPathText {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    opacity: 0.35;
}

.Gm-detail_name {
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
}

.Gm-detail_client_button {
    background-color: #E8E1EF;
    height: 31px;
    padding: 8px;
    border-radius: 4px;
    gap: 8px;
}

.Gm-detail_client_button span {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
}

.Gm-detail_new_button {
    background-color: var(--primary-color);
    width: 76px;
    height: 31px;
    padding: 8px;
    border-radius: 4px;
    border: 0 !important;
}

.Gm-detail_add_to_cart {
    height: 56px;
    padding: 16px, 40px, 16px, 24px;
    border-radius: 4px;
    gap: 12px;
    background-color: var(--primary-color);
}

.Gm-detail_add_to_cart strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    color: white;

}

.Gm-detail_new_button span {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.Gm-detail_price {
    font-size: 31px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    color: #1A1A1A;
}
.Gm-detail_price.action-price {
    color:var(--primary-color) !important;
}

#currentProduct .Gm-product-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    opacity: 0.6;
}

.Gm-detail_new_frame {
    padding: 24px;
    border-radius: 4px;
    border: 1px #E5E5E5 solid;
}

.Gm-detail_new_frame_text {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0em;
    line-height: 1.2em;
}

.Gm-detail_support_text {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 0em;
}

.Gm-detail_days_text {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
}

.Gm_detail_products_title {
    font-family: Montserrat;
    font-size: 31px;
    font-weight: 600;
    line-height: 43px;
    letter-spacing: -0.02em;
    text-align: left;
}

.Gm_products_main_page_title {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 600;
    line-height: 67px;
    letter-spacing: -0.02em;
    text-align: left;
}



/* GM new detail end */

.gm-Search-label {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.04em;
    text-align: left;

}

.gm-new_detail_gallery_frame {
    margin-top: 20px;
}

.js-navSearchSub {
    width: 500px;
    height: 300px;
    background-color: #00B3C5;
    overflow: hidden;
}

.gm-new_section {
    margin-top: 100px!important;
}

@media(min-width: 992px) {
    .gm-Nav.fixed-top {
        position:sticky;
        top:0px;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .gm-Nav.fixed-top.scrolled {
        position:sticky;
        top:0px;
    }
}

@media(min-width: 992px) and (max-width: 1100px) {

    .gm-Nav.fixed-top {
        position: sticky;
        top: 0px;
        padding-left: 1vw;
        padding-right: 1vw;
    }

}



@media(min-width: 1200px) {
    .gm-NavSearch.form-control{
        min-width: 400px;
    }

    .gm-Search.form-control{
        width:100%;
    }
}

@media(min-width: 576px) and (max-width: 991px) {

    .gm-Nav .navbar-brand {
        left: 40%;
        top: 30px;
        position: absolute;
    }

    .gm-Nav.navbar {
        display: flex!important;
    }

    .gm-Nav .cart-toggle {
        border-right: 0px!important;
        position: absolute!important;
        right: 0;
        top: 30px!important;
        padding-right: 20px;
    }

}

@media(max-width: 991px) {

    .user_account_icon {
        position: absolute;
        right: 54px;
        top: 19px;
    }
}


/******* GM ACCOUNT ********/

.Gm-account_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: #2F2D2E;
}

.Gm-account_dropdown_boxes:hover {
    background-color: #F7F6F8;
}

.Gm-account_dropdown_titles {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
}

.Gm-account_section {
    padding-top: 50px;
    padding-bottom: 150px;
}

.Gm-account_button {
    border-radius: 4px;   
    border: 1px solid #ADADAD;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_label {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_input {
    height: 48px;
    border-radius: 4px;
    border: 1px solid #ADADAD;   
}

.Gm-account_input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #ADADAD;
}

.Gm-account_login_button {
    height: 66px;
    border-radius: 4px;
    background-color: #2F2D2E;
    font-family: Montserrat;
    font-size: 16px!important;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    color: #FDFCFB;
}

.Gm-account_login_button:hover {
    color: #FDFCFB!important;
}


.Gm-acoount_no_account {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_register_link {
    color:var(--primary-color); 
    font-weight: 500;
    text-decoration:underline;
}

.Gm-account_forgot_password_link {
    color:var(--primary-color); 
    text-decoration:underline;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
}

.Gm-account_save_password {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #ADADAD;
}

.Gm-account_orders_content {
    border-bottom: 1px solid #ADADAD;
}

.Gm-account_orders_titles th {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_orders_reference {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    color: #2F2D2E;
}

.Gm-account_orders_date {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    color: #808080;
}

.Gm-account_orders_status {
    height: 24px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    color: white;
}

.Gm-account_orders_detail_link {
    color:var(--primary-color); 
    text-decoration:underline;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

.Gm-account_orders_products_imgs {
    border-radius: 10px;
    border: 1px solid #E7E8EA;
    display: inline-block;
}

.Gm-account_orders_products_imgs img {
    border-radius: 4px;
}

.Gm-account_orders_box {
    border-radius: 10px;
    box-shadow: 2px 7px 16px 0px #00000012;
}

.Gm-account_orders_box .col_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
}

.Gm-account_orders_box .col_content {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}

.Gm-account_address_subtitle {
    font-size: 15px;
    font-weight: 500;
    line-height: 18.29px;
}

.Gm-account_detail_drop tr {
    display: table-cell;
}

@media(max-width:767px) {
    .Gm-account_login_button {
        height: 50px;
    }
    .Gm-account_section {
        padding-top: 35px;
    }

}

.termsfeed-com---nb-simple{
    font-family: Montserrat !important;
}
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before,
.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-cp-foot-save {
    background-color: var(--primary-color) !important;
}
.termsfeed-com---palette-light .cc-nb-reject{
    background-color: #2F2D2D !important;
}

@media (min-width: 576px) and (max-width: 991px) {
    .gm-Nav .navbar-brand {
        left: 40%;
        top: 37px;
        position: absolute;
    }

    .gm-Nav .navbar-toggler {
        position: relative;
        margin-bottom: 10px;
        top: 5px;
    }
}

/****************** PRODUCT DETAIL PAGE ********************/

.gm-detail_priceNote {
    font-size: 14px;
}

@media (max-width: 767px) {
    .lp-slider p {
       color: #333333
    }
    .Gm_detail_products_title {
       font-family: Montserrat;
       font-size: 18px;
       font-weight: 600;
       line-height: 22px;
       letter-spacing: -0.02em;
       text-align: left;
       color: #2F2D2E;
    }
 }

 .gm-detail_gallery figure.zoom {
    background-position: 50% 50%;
    position: relative;
    width: 100%; 
    overflow: hidden;
    cursor: zoom-in;
 }
 
 .gm-detail_gallery figure.zoom img {
    transition: opacity 0.5s;
    display: block;
 }
 
 .gm-detail_gallery figure.zoom img:hover {
    opacity: 1;
 }
 
 @media (max-width: 575px) {
    .gm-detail_gallery figure.zoom {
       background-image: none!important;
       width: 100%;
    }
    .gm-detail_gallery .slick-slide img {
       max-width: 100%;
    }
 }

 .gm-detail_image .slick-dots li.slick-active button {
    background-color: var(--primary-color);
 }
 .lp-slider {
    padding-bottom: 0px;
    padding-top: 5vw;
 }
 .lp-slider p {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    opacity: 0.6;
 }
 .choices__inner {
 border: 0px;
 border-radius: 4px;
 }
 .choices__item {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    color: #2F2D2E;
    opacity: 0.75;
 }
 .choices__list {
    text-align: left;
 }
 .choices__list--dropdown, .choices__list[aria-expanded] {
    border: 1px solid #F7F6F8!important;
 }
 .custom-select-wrapper {
    position: relative;
 }
 .custom-select {
    appearance: none;
    background-color: #F7F6F8;
    border: 0;
    padding: 10px;
    width: 100%;
    font-family: Arial, sans-serif;
    color: #333;
    border-radius: 5px;
 }
 .custom-select:focus {
    outline: none;
 }
 .Gm-select_wrapper:after {
    right: 20px;
    top: 31px;
 }
 #accordion .card-header {
    position: relative;
    display: inline-block;
    width: 100%;
 }
 #accordion .card-header:after {
    position: absolute;
    right: 24px; /* Adjust based on padding */
    top: 50%;
    transform: translateY(-50%);
    /* Custom arrow styles */
    width: 12px;
    height: 7.4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2F2D2E; /* Arrow color */
 }
 .card {
    border: 0;
 }
 .btn-gm_new_label {
    background-color: var(--primary-color);
    left:2%;
    bottom:2%;
    color: white;
 }
 .gm-product .name {
    text-align:left;
    font-weight: 500;
    font-size: 14px;
 
 }
 .gm-product {
    border: 0px;
    background-color: #F7F6F8;
 }
 .main-title {
    text-align:center;
 }
 .btn-creator {
    background-color: white;
    font-weight: 600;
    font-size: 12px;
    color: #2F2D2E;
    opacity: 0.4;
 }
 .btn-darkgrey {
    color: #fff;
    background-color: #2F2D2E;
 }
 .btn-eshop {
    background-color: #E8E1EF;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 40px;
 }
 .gm-detail {
    margin-top: 10%;
 }
 
 .gm-product_rating .fa-star, .gm-product_rating .fa-star-half-o, .product-list_rating .fa-star, .product-list_rating .fa-star-half-o, .product-detail_rating .fa-star, .product-detail_rating .fa-star-half-o {
    color: black;
    margin-right: 1px;
    font-size: 16px;
 }
 .gm-detail_info .review .rating {
    color: var(--primary-color);
    font-size: 16px;
 }

 .btn-gm_top_seller {
    background-color: #F64747;
    color: white;
    height: 30px;
}

.btn-gm_premium {
    background-color: #FFBD24;
    color: white;
    height: 30px;
}

.btn-gm_top_seller span, .btn-gm_premium span {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
}

.choices[data-type*=select-one]::after {    
    content: "";
    width: 16px!important;
    height: 10px!important;
    background:url("https://www.gomerch.sk/application/views/_external/gm_2024/assets/img/new_chevron_down.svg") no-repeat;
    border-style: none!important;
    top: 45%!important;
}


@media (max-width: 991px) {

    .filtered_data {
        top: 160px!important;
        width: 92vw !important;
        left: 0!important;
        right: 0!important;
        margin-inline: auto!important;

    }

}

.xmas {
    padding:20px;
    background:url('https://www.gomerch.sk/application/views/_external/gm_2024/assets/img/bg-christmas.png');
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    font-size:16px;
    text-align:left;
}
.xmas .title {
    font-weight:800;
    font-size:19px;
    margin-bottom:5px;
}
.xmas .countdown {
    margin-top:20px;
    border-radius:4px;
    color:#fff;
    font-size:16px;
    padding:7px;
    background-color:#964AFF;
    display:inline-block;
}
.xmas .countdown small {
    content:'';
    width:0px;
    color:transparent;
}
.xmas .countdown small:not(:last-child):after {
    margin:0 3px 0 -3px;
    display:inline;
    color:#fff;
    content:':';
}
.xmas .countdown  * {
    font-size:16Px !important;
    font-weight:600 !important;
}

/****************** INDEX CSS ********************/


.btn-show_all {
    width: 306px;
    height: 65px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.client_avatars_mobile img{
    border-radius: 999px;
    background-color: #fff;
}

.gmnew-slider {
    padding-top: 0px!important;
}
.gmnew-slider .slick-arrow {
    border-radius: 4px;
    background-color: #2F2D2E;
}

.gmnew-slider .slick-prev {
    background-image: url('data:image/svg+xml,%0A<svg width="13" stroke="white" stroke-width="1" height="13" viewBox="0 0 13 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.619046 10.9871L11.3283 0.285721L12.4623 1.37413L2.84337 10.9871L12.4623 20.6001L11.3283 21.6886L0.619046 10.9871Z" fill="white"/></svg>%0A');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.gmnew-slider .slick-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='13' stroke='white' stroke-width='1' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3808 11.0129L1.67157 21.7143L0.537598 20.6259L10.1565 11.0129L0.5376 1.39986L1.67157 0.311444L12.3808 11.0129Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.lp-client_avatars {
    margin-bottom: 60px;
}

.lp-text {
    text-align: center;
}

@media(max-width: 768px) {
    .gmnew-slider {
        padding-top: 50px;
    }

    .lp-h2 {
        font-size: 23px;
        text-align: left;
    }

    .lp-text {
        text-align: left;
    }
}

/****************** LP GENERAL CSS ********************/
.new_references .avatar_img {
    border-radius: 8px;
    width: 100%;
}

.new_references .avatar_img {
    border-radius: 8px;
    width: 100%;
}

.new_references .title {
    color: black;
    font-weight: 600;
    font-size: 28px;
}

.new_references .text_title {
    color: #2F2D2E;
    font-weight: 600;
    font-size: 18px;
}

.new_references .text_content {
    color: #2F2D2E;
    font-weight: 400;
    font-size: 15px;
}

.new_references .client_avatars {
    overflow: hidden;
    display: flex;
}

.new_references .client_avatars > div {
    width: 34px;
    margin-left: 2px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
}

.new_references .client_avatars img {
    width: 40px;
    height: 40px;
    border-radius: 99px;
    background-color: #ddd;
    padding: 1px;
    opacity: 0.5;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.new_references .client_avatars img:hover {
    cursor: pointer;
}

.new_references .client_avatars img.active {
    opacity: 1;
    border: 3px solid #fff;
    z-index: 3;
    padding: 1px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
}

.arrow-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.arrow-btn:focus {
    outline: none;
}

@media(max-width: 575px) {	

    .new_references .avatar_img {
        border-radius: 8px;
    }
}

@media(max-width: 991px) {
    .new_references .avatar_img {
        border-radius: 8px;
        width:80%;
    }

    .new_references_main_content {
        width: 80%;
        margin: 0 auto;
    }
}

/****************** LP B2B CSS ********************/
.custom-select {
    appearance: none;
    background-color: #F7F6F8;
    border: 0;
    padding: 10px;
    width: 100%;
    font-family: Arial, sans-serif;
    color: #333;
    border-radius: 5px;
  }

  .custom-select:focus {
    outline: none;
  }

  .choices__item {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    color: #2F2D2E;
    opacity: 0.75;
  }

  .choices__list {
    text-align: left;
  }

  .choices__list--dropdown, .choices__list[aria-expanded] {
    border: 1px solid #F7F6F8!important;
  }

  .custom-select-wrapper {
    position: relative;
  }

  .b2b-video_frame iframe {
	height: 512px;
  }

  .pilulka_ref {
	margin-top: 100px;
}

@media(max-width: 765px) {

	.b2b-video_frame iframe {
		height: 300px;
	}

	.lp-contactBox .inner {
		padding:24px 15px 25px 24px !important;
	}

	.pilulka_ref {
		margin-top: 70px;
	}
}