/*DROPDOWN*/
.select-style {
    border-radius: 10px;
    border: var(--primary-color) 1px solid;
    border: none;
    width: 160px;
    color: white !important;
    overflow: hidden;
    background: var(--primary-color) url("../images/caret-down-png.png") no-repeat 90% 50% !important;
}
.select-style:hover {
    /*border: #3a144b 1px solid;*/
}
.select-style select {
    color:white !important;
    font-weight: bold;
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
}
.select-style select option{
    color:#111;
    font-size: 12px !important;
}
.select-style select:focus {
    outline: none;
}
.h-100{
    height: 100%;
}

/*CUSTOM CHECKBOX*/

/* Customize the label (the container) */
.container1 {
    color:black;
    display: block;
    position: relative;
    padding-left: 25px !important;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 2px;
}

/* Hide the browser's default checkbox */
.container1 input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 2px;
    left: 6px;
    height: 18px;
    width: 18px;
    background-color: white;
    border:1px solid black;
    border-radius: 2px;
    margin-left: -5px;
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
    background-color: black;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container1 .checkmark:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.product-title1{
    font-weight: bold;
    margin-top: 10px;
    color: var(--primary-color);
    font-size: 16px;
    max-height: 23px;
    height: 23px;
    overflow: hidden;
}
.product-title1:hover, .product-title1:active, .product-title1:focus{
    cursor: pointer;
}
.product-subtitle1{
    font-size: 11px;
    /*height: 30px;*/
    /*min-height: 30px;*/
    /*max-height: 30px;*/
    overflow: hidden;
    margin-top: 10px;
}
.product-description1{
    margin-top: 10px;
    margin-bottom:30px;
    min-height: 105px;
    max-height: 105px;
    overflow: hidden;
    font-size: 12px !important;
}
.sub-data-item {
    background: #ddd;
    padding: 5px 10px;
    color: #111;
    font-weight: bold;
    border-radius: 12px;
    font-size: 8px !important;
    display: inline-block;
    /* min-height: 19px !important; */
    margin-bottom: 10px;
    /* max-width: 170px; */
    max-height: 25px;
    overflow: hidden;
    border: 1px solid #bbb;
}


.product-addbtn1 {
    margin:4px;    margin-left: 0px;
    background-color:var(--primary-color);
    border-radius:8px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    width: 100%;
    color: white;
    cursor:pointer;
}

.product-addbtn1  label {
    float: left;
    width: 100%;
    font-size: 17px;
    cursor:pointer;
    margin-bottom: 0px;


}

.product-addbtn1  label span {
    text-align:center;
    padding: 8px 0px;
    display:block;
    font-weight: bold;
    cursor:pointer;
    font-size: 13px;
}

.product-addbtn1  label input {
    position:absolute;
    /*top:-20000px;*/
    left:-200000px;
}

.product-addbtn1  input:checked + span {
    background-color: #932eba;
    color:#fff;
}
.text-inside-image{
    text-align: center;
    position: absolute;
    width: 93%;
    /*line-height: 120px;*/
}
.text-inside-1{
    font-weight: bold;
    font-size: 26px;
    color: white !important;
    /*display: inline;*/
    margin: 0px !important;
    width: 100% !important;
    text-shadow: 0px 1px 5px black;
    margin-top: 50px !important;
    display: block;
}
.text-inside-2{
    display: inline-block;
    color: white !important;
    font-weight: bold;
    width: 100% !important;
    margin-top: -8px;
    font-size: 18px;
    /*text-shadow: 0px 2px 5px black;*/
    text-shadow: 0px 1px 5px black;
}
.remove-shadow {
   box-shadow: none !important;

}
.bt {
    border-top: 1px solid white !important;
}
.cart_overview {
    background: var(--primary-color) !important;
    color: white !important;
    margin-top: -11px !IMPORTANT;
    padding-bottom: 10px;
}
.cart_overview1{
    /*border: 5px solid #ccc !important;*/
    border-radius: 10px !important;
    margin-top: 5px !important;
}
.cart_overview > h4 {
    color: white !important;
    text-align: center;
    padding-top: 22px;
    margin-top: 19px !important;
}
.cart_overview1 > h4 {
    color: black !important;
    text-align: left;
    padding-top: 10px;
    /*margin-top: 19px !important;*/
    margin-left: 18px;
    margin-bottom: 17px !important;
    font-weight: 600;
}
.cart_overview >hr, .cart_overview > div > hr{
    margin: 15px 8px !important;
}
 .cart_overview1 > div > hr{
    margin: 15px 8px !important;
    border-top: 2px solid #e4eaec;
}
.cart_overview1 >hr{
    margin: 3px 8px !important;
    border-top: 1px solid #e4eaec;
}

.cart_overview>div {
    margin: 0px 15px;
}
.cart_overview1 >div, .cart_overview1 > form >div {
    margin: 0px 15px;
    padding:3px;
}
.cart_item_right{
    float:right;
}
.cart_overview > div > h5{
    color:white !important;
}
.cart_overview1 > div > h5{
    color:black !important;
    font-size: 14px;
    font-weight: 600;
}
.cart_overview > div > h5 > hr{
    margin: 5px -7px !important;
}
.cart_overview1 > div > h5 > hr{
    margin: 5px -7px !important;
    border-top: 2px solid #e4eaec;
}
.checkout-steps {
    padding-top: 15px !important;
}
#responsive-padding{
    border: none !important;
    border-radius: 10px;
    background: #ccc;
}
.more_filters_btn{
    color: black;
    font-weight: bold;
    font-size: 13px;
    float: right;
    margin: 8px 18px 0px 0px;
}
.cart_subtitle_checkout h5{
    text-transform: uppercase;
    font-weight: bold;
}
.btn_finish_order {
    border: none !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    width: 100%;
    border-radius: 5px !important;
    padding: 10px;
}
.checkout_right_side > div > h3{
    /*border-top: 3px solid #ccc !important;*/
    padding-top: 15px !important;
    margin-top: 0px !important;
    color:black !important;
    font-weight: bold;
}
.checkout_right_side{
    color:black !important;
}
.checkout_right_side div{
    margin-bottom:20px !important;
    color: black !important;
    font-weight: bold;

}
.checkout_right_side select,.checkout_right_side input {
    font-weight: normal !important;
}
.coupon_input{
    display: inline;
    width: 80%;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center !important;
}
.coupon_btn{
    display: inline;
    width: 19%;
    margin: 0px !important;
    padding: 8px 0px !important;
    margin-top: -4px !important;
    margin-left: -5px !important;
    border-radius: 0px 5px 5px 0px !important;
    border: none !important;
    background: var(--primary-color) !important;
    color: #fff !important;
}
.coupon_btn:hover, .coupon_btn:active, .coupon_btn:focus{
    display: inline;
    width: 19%;
    margin: 0px !important;
    padding: 8px 0px !important;
    margin-top: -4px !important;
    margin-left: -5px !important;
    border-radius: 0px 5px 5px 0px !important;
    border: none !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.coupon_btn:hover{
    background: #9a30c3 !important;
}
.coupon_div{
    border: 2px dashed black;
    padding: 15px
}


.custom-button-default {
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    box-shadow: 0 4px #bbb9bb;
    text-transform: none !important;
}
.custom-button-default:hover,.custom-button-default:focus,.custom-button-default:active  {
    border: 1px solid var(--primary-color) !important;
}
.cancel-btn {
    background: white !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    margin-right: 0px !important;
    text-align: center !important;
}
.cancel-btn:hover{
    border:1px solid var(--primary-color) !important;
}
.margin-right-5px {
    margin-right: 5px !important;
}
@media screen and (max-width: 767px){
    .full-size-buttons{
        width:100% !important;
        margin-left:0px !important;
        margin-right:0px !important;
    }
}
.header-fix-width{
    max-width: 1280px !important;
    width: 95% !important;
    margin: auto;
}
@media  (min-width : 1020px) {
    .header-fix-width{
        max-width: 100% !important;
        width: 100% !important;
        margin: auto;
    }
}
.white-background1{
    background: white;
    padding: 10px;
}
.cancel-btn1{
    background: var(--secondary-color) !important;
    color: white !important;
    border: none !important;
    text-align: center !important;
    margin-right: 10px !important;
}
.cancel-btn1:hover{
    background: #ff9138 !important;
    border: none !important;
}
input.save-btn1:hover{
    border:none !important;
    background: #952fbc !important;
    color:white !important;
}
.checkout-location-btn{
    color: white !important;
    box-shadow: none !important;
    padding: 5px 15px !important;
    width: auto !important;
    display: inline-block !important;
    float:right;
    margin-top: 40px !important;
    border-radius: 5px !important;
    text-transform: none !important;
    text-decoration: none !important;
}
.checkout-location-btn:hover, .checkout-location-btn:active,.checkout-location-btn:focus{
    background: var(--secondary-color) !important;
    border: 1px solid var(--primary-color) !important;
    /*color: var(--primary-color) !important;*/
    border-radius: 5px !important;
    text-decoration: none !important;
    cursor: pointer;
}
.click-title{
    cursor: pointer;
}
@media screen and (max-width: 403px){
    .checkout-location-btn{
        margin-top: 5px !important;
        padding: 5px 5px !important;
    }
}
.back-btn-item{
    background: var(--primary-color);
    border: none !important;
    color: white !important;
    font-size: 12px;       padding:11px 26px;
    border-right: 1px solid white !important;
}
.back-btn-item:hover,.back-btn-item:focus,.back-btn-item:active{
    cursor: pointer !important;
}
.title-item5{
    color: black !important;
    font-size: 24px !important;
}
.description-item5{
    font-size: 14px !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}
.button-pag1 button{
    background: transparent;
    border: none;
    border-radius: 20px;
    color: var(--primary-color) !important;
}
.button-pag1 button:hover,.button-pag1 button:active,.button-pag1 button:focus {
    border: 1px solid var(--primary-color);
    border-radius: 20px;
}
.block1{
    padding: 15px 30px;
    background: white;
    border-radius: 10px;
}
.block-title1{
    color: var(--primary-color) !important;
    font-weight: bold;
}
.block-text1{
    font-size: 20px;
}
.choose-locations-item .inner-location-wrap{
    /*padding: 15px !important;*/
    height: 150px;
}
.checkout-location-img {
    height: 120px !important;
    width: 130px !important;
}
.checkout-location-btn1{
    font-size: 40px;
    color: var(--primary-color);
}
.checkout-location-btn1:hover{
    color: var(--primary-color);
    cursor: pointer;
}
.checkout-location-btn-holder{
    position: relative !important;
    width: auto !important;
    float: right !important;
    top: -10px;
}
.cursor-change:hover{
    cursor: pointer;
}
.checkout-location-text{
    margin-top: 10px;
    color: #aaa;
}
.checkout-location-title {
    font-size: 15px !important;
    padding-top: 32px;
    overflow: hidden;
    font-weight: bold;
    height: 56px;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .inner-location-wrap  .checkout-location-img {
        height: 130px !important;
    }
    .checkout-location-btn-holder {
        top: -26px !important;
    }
    .checkout-location-title {
        font-size: 15px !important;
        padding-top: 25px;
        overflow: hidden;
        font-weight: bold;
        height: 52px;
    }
}
@media screen and (max-width: 991px){
    .checkout-location-btn-holder {
        top: 45px !important;
    }
    .block1 .left-side-contact{
        padding-left:5% !important;
        padding-right:5% !important;
    }
}
@media screen and (max-width: 451px){
    .checkout-location-text {
        margin-top: 0px !important;
        font-size: 11px !important;
    }
    .inner-location-wrap  .checkout-location-img {
        height: 120px !important;
        width: 100px !important;
    }
    .checkout-location-title {
        font-size: 15px !important;
        padding-top: 31px;
        overflow: hidden;
        height: 52px;
    }
    .checkout-location-btn-holder {
        top: 30px !important;
    }
}
@media screen and (max-width: 391px){
    .checkout-location-text {
        font-size: 10px !important;
    }
    .inner-location-wrap  .checkout-location-img {
        height: 120px !important;
        width: 100px !important;
    }
    .checkout-location-title {
        font-size: 13px !important;
        padding-top: 33px;
        height: auto;
        overflow: auto;
    }
    .checkout-location-btn-holder {
        top: 30px !important;
    }
}
@media screen and (max-width: 377px){
    .checkout-location-btn-holder {
        top: -18px !important;
    }
}
.header-buttons1 {
    position: absolute;
    right: 10% ;
    top: 30px;
    z-index: 10;
}
.coin-buttons{
    position: absolute;
    left: 10% ;
    top: 39px;
    z-index: 10;
}
.login-btn{
    color: white !important;
    text-decoration: none !important;
    background: var(--primary-color);
    padding: 10px 20px 10px 15px;
    border-radius: 10px;
}
.coin-btn1{
    color: black !important;
    text-decoration: none !important;
    background: white;
    padding: 10px 6px 10px 2px;
    border-radius: 10px;
}
.coin-btn1:hover{
    background: #f8f8f8;
}
.coin-btn1 .coin-img1 {
    height: 20px !important;
    width: 20px !important;
    position: relative;
    top: -4px;
    display: inline-block;
}
.login-btn:hover{
    background: var(--primary-color);
}
.login-btn i{
    position: relative;
    top: 7px;
}
.top-links{}
.top-links ul{}
.top-links ul li{
    display: inline-block;
}
.top-links ul li a{
    padding-right: 0px !important;
    font-size: 20px;
}
.dot-link:after{
    content: "•";
    color: black;
    margin-left: 15px;
}
.profile12 .block1{
    margin-top:25px !important;
}
.big-title{
    text-transform: uppercase !important;
    color: var(--primary-color) !important;
    font-size: 30px !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}
.block-title2{
    color: var(--primary-color) !important;
    font-weight: bold;
    font-size: 18px !important;
}
.block-text2 {
    font-size: 13px !important;
}
.read-more-link{
    float: right;
    text-decoration: none !important;
    color: var(--primary-color);
    cursor: pointer;
    display: inline-block;
}
.read-more-link i{
    position: relative;
    top: 7px;
    left: 5px;
}
.read-more-link:hover{
    color:var(--primary-color);
}
.item-contact1{
    border-bottom: 1px solid #00000017;
    padding-bottom: 10px;
    margin-top: 10px;
}
.item-contact1 i{
    font-size: 40px;
    color: var(--primary-color);
}
.first-row-contact{
    margin: 0px !important;
    font-size: 13px;
    margin-top: 0px !important;
    font-weight: bold;
    color:var(--secondary-color) !important;
}
.second-row-contact{
    margin: 0px !important;
    font-size: 10px;
    margin-top: 3px !important;
}
.left-side-contact{
    margin-top: 130px;
    padding-left:10% !important;
    padding-right:10% !important;
}
@media screen and (max-width: 767px){
    .left-side-contact {
        margin-top: 130px;
        margin-bottom:130px;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}
.fix-p p{
    margin-bottom: 5px !important;
    font-size: 13px !important;
}
.item-wrapper:hover, .item-wrapper:active, .item-wrapper:focus{
    box-shadow: 0px 0px 22px #ccc;
}
.shopping-icon {
    font-size: 11px;
    padding-right: 5px;
}
.button-pag1{
    margin-top:5px;
    margin-bottom:5px;
}
@media screen and (max-width: 541px){
    .make-float1{
        float:none !important;
    }
}

.login-btn {
    color: white !important;
    text-decoration: none !important;
    background: var(--primary-color);
    padding: 10px 20px 10px 15px;
    border-radius: 10px;
    margin-left: 20px !important;
}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99991; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color:white;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    /*padding-left:15px*/

}
@media screen and (max-width: 991px){
    a.login-btn{
        color: #111 !important;
        text-decoration: none !important;
        background: transparent !important;
        padding: 0px !important;
        border-radius: 0px !important;
        margin-left: 0px !important;
        display: block;
    }
    a.login-btn .material-icons{
        position: relative;
        top: 6px;
        left: -3px;
        padding-right: 5px;
    }
    .sidenav a{
        padding:5px !important;
        padding-left:6px !important;
        font-weight: 400 !important;
        color: #424242 !important;
        font-size: 15px !important;
        padding-top: 10px !important;
    }
    .sidenav .glyphicon{
        font-size: 18px !important;
        position: relative !important;
        top: 3px !important;
        padding-right: 15px !important;
    }
    .message-notification-icon{
        width: 22px;
        height: 22px;
    }
    .sidenav #language-select1 .icon-arrow-down{
        right: 120px !important;
        margin-top: -22px !important;
    }
    .credits-number1{
        background: var(--primary-color);
        color: white;
        padding: 5px 14px 7px 12px;
        border-radius: 6px;
        margin-left: 30px;
    }
    .dd-select .icon-arrow-down {
        margin-top: -23px !important;
    }
    .language-form1 > #language-select3 > .dd-select .dd-selected-description {
        color: #424242 !important;
    }
    .language-form1 > #language-select4 > .dd-select .dd-selected-description {
        color: #424242 !important;
    }
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
    padding:0px !important;
}
.sidenav .closebtn:hover {
    text-decoration: none !important;
    cursor: pointer;
    color: var(--primary-color);
}
.separator-mobile{
    height: 1px !important;
    overflow: hidden !important;
    background-color: #e5e5e5 !important;
    /*margin: 9px -25px !important;*/
    margin: 9px -15px !important;
    border-color: #ccc !important;
}
#language-select3 .dd-select .icon-arrow-down{
    right: 10px !important;
}
.top-links #language-select3  ul li{
    display: block !important;
}

.check-login-form{
    background: var(--primary-color);
    padding: 10px 10px;
    color: white;
}
.login-btn-checkout{
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color)  !important;
    text-transform: uppercase  !important;
    color:white;
    padding: 7px 0px;
    text-align: center !important;
}
.login-btn-checkout:hover{
    background: #f5870c;
    cursor: pointer;
}
@media screen and (min-width: 500px){
    .checkout-location-btn-holder {
        margin-left: 80% !important;
    }
}

.ws-row2 {
    background: var(--primary-color) !important;
    padding: 5px 0;

}

.product-title1 {
    font-weight: bold;
    margin-top: 10px;
    color: var(--primary-color);
    font-size: 16px;
    max-height: 50px !important;
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
}


#product-section > div.col-md-8 {
    margin-bottom: 100px !important;
}

#checkout-section > div.checkout-steps > div > div > div.col-md-4.col-sm-4.col-xs-12.no-padding.right-sidebar-holder > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) {
    float: right;
}

@media screen and (max-width: 991px){
    .form-group #full-width{
        width: 100% !important;
    }
}
.img-avatar-menu {
    width: 150px !important;
    height: 150px !important;
    margin-top: 10px;
    margin-left: -15px;
}
.title-avater-menu {
    width: 100% !important;
    text-align: center;
    display: block;
    margin-top: 15px;
    margin-left: -10px;
    padding: 0px !important;
    font-weight: 500 !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #222;
    opacity: 1; /* Firefox */
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #222
}
.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #222
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #222
}

div.item-carousel .image {
    width: 75px !Important;
    height: 75px !important;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    margin: 4px;
    border-radius: 3px;
    border: 1px solid lightgray;
}