.btngroup.btn-primary {
    color: #1E476B;
    background-color: #ADE1FF !important;
    border-color: #ADE1FF !important;
    
}

.btngroup.btn-primary:hover {
    color: #fff;
    background-color: #33B4FF !important;
    border-color: #33B4FF !important;
}

.btngroup.btn-primary.active {
    color: #fff;
    background-color: #33B4FF !important;
    border-color: #33B4FF !important;
}

.btngroup.btn-primary.active:hover {
    color: #fff;
    background-color: #23a8f5 !important;
    border-color: #23a8f5 !important;
}

.site-logo-container img {
    max-width: 250px!important;
}


.body.woocommerce-page .site-logo-container {
    display: none;
}

.group-selector {
     max-width: initial; 
     margin-left: initial !important; 
     margin-right: initial !important; 
}
.group-selector .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 38px;
    border:1px solid #ffff;white-space: nowrap!important;
}


form.group-selector.commutgroup {
    text-align: right;
}

.btn-group .btn-primary {
    color: #1E476B;
    background-color: #D6F0FF !important;
    border-color: #33B4FF99 !important;
}



.btn-group .btn-primary.active {
    color: #000;
    background-color: #6BF055 !important;
    border-color: #4ac534 !important;
}
.btn-group .btn-primary:not(.active):hover {
    color: #fff;
    background-color: #33B4FF !important;
    border-color: #33B4FF !important;
}



.commutgroup .btn {
    font-size: 15px
}

@media (min-width: 768px) and (max-width: 991px) {
    .commutgroup .btn {
        font-size: 14px
    }

}

@media (max-width: 767.99px) {
    .commutgroup .btn {
        font-size: 12px
    }

}

.site-branding.allianceGG .site-logo-container{
    position: relative;
}

.site-branding.allianceGG .site-logo-container::before {
    content: "alliance Gink'GO";
    position: absolute;
    bottom: 1px; 
    right: 0%;
    transform: translateX(-2px);
    font-size: 8px;
    color: black;
    text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, -2px 0 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, 0 2px 0 #ffffff;
    z-index: 1;
    white-space: nowrap;
    font-family: Verdana, Geneva, sans-serif;

}
.site-branding.byepsilon .site-logo-container{
    position: relative;
}

.site-branding.byepsilon .site-logo-container::before {
    content: "by EPSILON";
    position: absolute;
    bottom: 18px;
    right: 10px;
    transform: translateX(-2px);
    font-size: 8px;
    color: black;
    text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, -2px 0 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, 0 2px 0 #ffffff;
    z-index: 1;
    white-space: nowrap;
    font-family: Verdana, Geneva, sans-serif;

}

figure.byepsilonbottom{
    position: relative;
}

figure.byepsilonbottom::before {
    content: "by EPSILON";
    position: absolute;
    bottom: 18px;
    right: 10px;
    transform: translateX(-2px);
    font-size: 8px;
    color: black;
    text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, -2px 0 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, 0 2px 0 #ffffff;
    z-index: 1;
    white-space: nowrap;
    font-family: Verdana, Geneva, sans-serif;

}

.overlayPanier{
    position:fixed ;
    z-index: 99999;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: rgba(255, 255, 255, .7);
}
.overlayPanier::before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    background: url('img/loader.gif') no-repeat center center;
    background-size: 150px 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}