/*
Theme Name      : Shop Net
Theme URI       : https: //www.multiroir.com
Description     : Marketplace Medical
Author          : Idir Meziani
Author URI      : https: //www.multiroir.com
Template        : []
Version         : 1.0
*/

/* ==============================================================
    TYPOGRAPHY
============================================================== */


/* loader*/
.loader {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color:#fff;opacity: 0;visibility: hidden;}
.loader img { position: -webkit-sticky; position: sticky; left: 55%;top: 45%;}

.loader.show {z-index: 500;opacity: 0.6;visibility: visible;}

/* Chrome widhs */
.w25{width: 25%;}
.w75{width: 75%;}

/* reCaptcha v3 */
.grecaptcha-badge {bottom: 120px !important;z-index: 999;}

.title {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 26px;
    position: relative;
    font-family: inherit;
    font-weight: 500 !important;
}

.title, .title2, h1.title2,h2.title2,.title3, h1.title3,h2.title3{
    color: #444 !important;
    display: inline-block !important;

    font-weight: bold !important;
}
.title2, h1.title2,h2.title2{
    font-size: 28px !important;
    padding-bottom: 30px !important;
}
.title3, h1.title3,h2.title3{

    font-size: 26px !important;
    padding-bottom: 30px !important;
}

#content{
    padding-bottom: 40px !important;
}
.cat_description h2{
    font-size: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.cat_description h3,.cat_description h4,.cat_description h5{
    font-size: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}
/* ==============================================================
    SUCCESS & ERROR 404  PAGE
============================================================== */
.error-page, .success-page,.pending-page {padding-top: 25px;text-align: center;background: #fff;}
.error-page .error-inner h1, .success-page .success-inner h1,.pending-page .pending-inner h1   {font-size: 140px;text-shadow: 3px 5px 2px #3333;font-weight: 700;}
.error-page .error-inner h1{color: #20b8c5;}
.success-page .success-inner h1,.pending-page .pending-inner h1 {color: green;}
.success-page .success-inner h1.not-achieved {color:red;}
.success-page .success-inner h1.but-no-results {color:#856404;}
.error-page .error-inner h1 span,.success-page .success-inner h1 span,.pending-page .pending-inner h1 span {display: block;font-size: 25px;color: #333;font-weight: 600;text-shadow: none;}
.error-page .error-inner p {padding: 20px 15px;}


/* ==============================================================
    Bootstrap
============================================================== */
.custom-select:active,
.custom-select.open,
.custom-select:focus {
    border-color: #C6D92F !important;
    box-shadow:none !important;
}

section{
    margin-bottom: 30px !important;
}

.breadcrumb-area.mb-30{
    margin-bottom: 10px !important;
}

/* ==============================================================
    Listing
============================================================== */

.product-thumb{
    padding: 10px 10px 0 10px;
}

.product-name h4,.product-name h2 {
    font-size: 15px;
    font-weight: 400;
    font-weight: normal !important;
    line-height: 22px;
    padding: 5px 0;
}

.product-name h4 a,.product-name h2 a {
    color: #111!important;

}

.product-name h4:hover a,.product-name h2:hover a {
    color: #C6D92F  !important;
}

/* product description */
.grid .product .product-body .product-description{display: none;}
.list .product .product-body .product-description{float:left;padding:15px 0;text-align: justify;}

/* rating */
.product .product-body .product-rating { position: relative; height: 25px;}
.product .product-body .product-rating >i {position: relative;width: 14px;margin-right: 0px;background: #FFF;color: orange;z-index: 10;}
.rating>i, .product-rating>i.fa-star {color:orange;margin-right: -4px;}

.grid .product .product-body .product-rating {margin: 0px 10px 10px 15px;}
.grid .product .product-body .product-rating:after {content: "";position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 1px;background-color: #e4e7ed;}
.list .product .product-body .product-rating {margin-bottom :15px;}

.grid .label-product:nth-child(2) {
    top: 10px;
}

/* ==============================================================
    Dynamo
============================================================== */
.dynamo .badge-light{
    font-size: 14px !important;
    font-weight: normal!important;;
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #000 !important;
    background-color: #C6D92F !important;
}

.badge-info {
  color: #000 !important;
  background-color: #e9ecef !important;
}

/* ==============================================================
    home page
============================================================== */
.slick-dot-style .slick-dots {
    bottom: 0px !important;
}

.owl-arrow-style .owl-nav {

    top: -50px !important;
}



/* ==============================================================
    FILTERS
============================================================== */
.filter-price{margin-top: 10px;margin-bottom: 10px;}
#min_price_text, #max_price_text{}
#max_price_text {text-align: right;}
#slider-range {margin:10px 0 25px 0;}
#filters_section{}
#filters_section ul {margin:0;padding:0;}
#filters_section li{list-style:none;border-bottom:#fff 1px solid;}
#filters_section ul li.filter-group {margin-bottom: 15px;  }

.filter-heading{background-color:transparent;display:block;overflow:hidden;cursor:pointer;}
.filter-heading span{float:left;color: #222;font-weight:700;text-transform: uppercase;font-size:14px;padding: 0;}
.filter-heading i{float:right;padding:5px;}

.filter-content { }
.filter-content .opt-select {margin: 0; border: none;} /*js*/
.filter-content .opt_enable {} /*js*/
.filter-content .opt_disable{cursor: default;opacity: 0.2;}

.filter-content .opt_enable,.opt_enable .filter-content  label{cursor:pointer;}

.filter-content .option-container {padding: 5px 0; }
.option-container .option-input{display:inline-block;margin:3px;}
.option-container .option-input i{ }
.option-container label {margin-bottom: 0;font-size: 14px;}
.option-container .option-count {display: inline-block;position:relative;float:right;background-color: #f8f9fa;border-radius:3px;padding: 0px 5px;min-width: 24px;text-align: center;margin-top: 3px;}
.option-container .option-count span {color: #666;font-size: 14px;}
.option-container .option-count i{display:none;}
.option-count.opt_close i.fas.fa-times{display:block;padding:5px 0;color:#f00;}

.filter-content  .opt_disable .option-count,
.filter-content  .option-count i,
.filter-content .option-count.opt_close span{display:none;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,.ui-state-default,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background:#C6D92F !important; border: 1px solid #C6D92F !important;}

button#btn_reset_all{display: block;margin-left:auto;margin-right:auto;margin-bottom: 25px;}


/* ==============================================================
    Contact Us page
============================================================== */
section.contact-us{padding-top: 30px;}
.contact-us .inner{box-shadow: 0px 0px 10px #00000024;border-radius: 5px;}
.contact-us .contact-us-left{width: 100%;height: 100%;}
.contact-us .contact-us-form{padding:50px 40px;}
.contact-us .form {margin-top: 30px;}
.contact-us .contact-info{margin-top:50px;}
.contact-us .single-info:hover:before{opacity: 0.8;}
.contact-us .single-info:hover{transform: translateY(-5px);}
.contact-us .single-info i{font-size:42px;position:absolute;left:40px;}
.contact-us .single-info .si-content {margin-left: 45px;}
.contact-us .single-info {background: #e9e9e9;padding: 40px 60px;height: 150px;border-radius: 10px;position:relative;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.contact-us .single-info:before{background:#e9e9e9;position: absolute;z-index: -1;content: '';bottom: -10px;left: 0;right: 0;margin: 0 auto;width: 80%;height: 90%;opacity: 0;filter: blur(10px);-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.contact-us #map {height: 100%;width: 100%;}

#css-seem-b{display:none !important;} /* VERY IMPORTANT */
#lead-form #website{ display:none; }

/* ==============================================================
    Blog
============================================================== */

.card-blog{margin-bottom: 40px;}

/*** Right COLUMN - blog*******/
.sidebar-title{font-family: "Playfair Display", Sans-serif !important;margin-bottom: .95rem;line-height: 1.5;font-size: 1.20rem;}
.card-blog{margin-bottom: 40px;}
.blog-title h1{line-height: 40px;padding-top: 1rem ;padding-bottom: 1.5rem ;font-size: 2rem;margin-bottom: .5rem;}
.blog{font-family: "Poppins", sans-serif, Sans-serif !important;font-weight: 400 !important;padding-top:15px;font-size: 15px !important;line-height: 1.8 !important;}
.blog h1, .blog h2, .blog h3,.blog h4,.blog h5{font-family: "Playfair Display", Sans-serif !important;}
#blog-post h2.title3{margin-top: 40px;margin-bottom: 20px;}
article img{margin-left: auto;margin-right: auto;display: inline-block;max-width: 100%;height: auto;padding: 4px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;}
article p{text-align: justify;word-wrap: break-word;hyphens: none;}
article ul{margin-top: 5px;margin-bottom: 15px;}
article.single-post a, a.link {}
article.single-post a:hover, a.link:hover {}
article .description ul li{background: url("../images/bullet.png") 0 center no-repeat;padding-left: 25px;}

figcaption {width: 100%;text-align: center;margin: 5px 0 26px 0 ;font-size: 11px;font-style: italic;font-weight: 400;}
#author {text-align: justify;margin: 5px 0 26px 0 ;font-size: 12px;font-weight: 400;padding: 20px;border: 1px solid #ededed;}
#author img {border-radius: 50% }
.post-nav {margin: 20px 0 40px 0;font-style: italic;}
.post-nav-right {border-left: solid 1px #e5e5e5;}
.post-rating{text-align: right;}
.post-by {font-style: italic;font-size: 13px}
img.post-nav-thumb {width: 150px; }
img.post-thumb{width: 100px; }
.help-block{padding-top: 10px; font-style: italic; font-size: 12px;}

/* blog & listings */
.listing-thumb {padding:20px;}
.blog-rating{text-align: right;}
article{margin-bottom: 45px;}
.nav-title-icon{ font-size: 30px; padding: 0 5px}




.text-red{
    color: #dc3545 !important;
}


/* #cookie {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
} */

/* Cookie */
/* #cookie-consent {display: none;} */
.cookie-consent{background:rgba(55, 55, 55, 0.95); padding: 15px 2px; color: rgba(255, 255, 255, 1); font-size: 13px;z-index: 30;}
.cookie-consent .btn {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}
.cookie-consent a {color: rgba(255, 165, 0, 1)!important; text-decoration: underline;}
#cookie-settings-button button {border: none;background-color: var(--color-3);color: #fff;border-radius: 50%;width: 38px;height: 38px;cursor: pointer;}
.cookie-settings-button {position: fixed;bottom: 37px;left: 20px;z-index: 1000;display: none;}
#cookie-consent p {color: #fff !important;}
#cookie-consent .btn-secondary {text-transform: none !important; }
/* Switch Style */
.cookie-setting {display: flex;align-items: center; margin-bottom: 20px;}

@media (max-width: 767px) {

    .cookie-consent {padding-bottom: 110px;}
}
/* Switch Style */
.cookie-setting {display: flex;align-items: center; margin-bottom: 20px;}
.switch {position: relative;display: inline-flex;align-items: center;min-width: 60px;height: 34px; margin: 10px;}
.switch input {opacity: 0;position: absolute;width: 0;height: 0;}
.switch-label {font-weight: bold;}
.switch-description {font-size: smaller; color:#6c757d}
.labels-container {display: flex;flex-direction: column;margin-left: 10px;word-wrap: break-word;cursor: pointer;/* max-width: 300px;  */ }
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 34px;}
.switch .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;transition: .4s;border-radius: 50%;}
.switch  input:checked + .slider {background-color: var(--color-3);}
.switch input:checked + .slider:before {transform: translateX(26px);}
.switch input:checked:disabled + .slider { background-color: #b0b0b0;}
.switch input:checked:disabled + .slider:before {background-color: #f0f0f0;}