/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.ui-datepicker {
    display: none;
    z-index: 999999 !important;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span {
    border-color: transparent #ff8400 transparent transparent;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -5px;
    font-size: 0px;
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #ff9635 transparent transparent;
}
.ui-datepicker .ui-datepicker-next span {
    margin-left: 0px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #ff9635;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 4px;
    text-align: right;
    text-decoration: none;
    color: #000000;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -22px;
}
.ui-timepicker-div dl .ui_tpicker_time_label {
    margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-datepicker {
    padding: 15px;
    border: #ffffff 4px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #efefef;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35);
}
.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
    padding-bottom: 10px;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    width: 47%;
    margin-right: 6%;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    width: 47%;
}
.ui-datepicker .ui-datepicker-calendar td {
    border: #cfcfcf 1px solid;
}
.ui-datepicker .ui-datepicker-calendar td a {
    padding: 4px;
    display: block;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
    background: #f9eae7;
}
.ui-datepicker .ui-datepicker-calendar {
    background: #ffffff;
    border: #cfcfcf 1px solid;
    border-collapse: collapse;
}
.ui-datepicker .ui-datepicker-calendar th {
    background: #efefef;
    border: #cfcfcf 1px solid;
    padding: 4px;
    text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
    text-align: center;
    border: #cfcfcf 1px solid;
}
.ui-datepicker {
    width: auto;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    background: #f3d7d2;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: #ffdf66;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dd {
    margin: 0 0 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -5px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
}
.ui-slider-horizontal {
    height: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    background: #dadada;
}
.ui-slider-handle {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f98b25;
    display: block;
    position: absolute;
}
.ui-timepicker-div {
    padding: 10px 0 5px 0;
}
.ui-datepicker .ui-datepicker-buttonpane {
    overflow: hidden;
    padding-top: 10px;
    border-top: #cfcfcf 1px solid;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    background: #f9f9f9;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
    color: #959595;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display:none;
}
/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
    display:none;
}

.image.image-placeholder #fileUploader{
    border:500px solid transparent;
    bottom:0;
    cursor:pointer;
    font-size:10em;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}



/*Magento 2 FAQ*/

.page-main { width:100%; }

.page-title-wrapper .page-title { width:100%; }

.page-title-wrapper .page-title {}

h1 { width:100%; font-family:'Open Sans', sans-serif; font-size:40px; font-weight:300; color:#333; }

.columns { box-sizing: border-box; /*display: flex; flex-wrap: wrap;*/ padding-top:30px; }

.column.main { float: left; order: 1; width:75.1667%; }

.faq_block { width:100%; padding:0px; padding-bottom:0px; margin-bottom:50px; border-top:#f5f6f2 1px solid; }

.faq_block .banner { width:100%; padding:20px 0 }

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

.faq_block h2 { background:#fff; padding:10px 10px; font-family:'Open Sans', sans-serif; font-size:22px; font-weight:400; color:#26a9e0; }

.faq_block h2 a { color:#26a9e0; }

.faq_block ul { background:#f9faf7; list-style:none; margin:0px; padding:20px; padding-bottom:10px; }

.faq_block ul li .accordion-toggle { clear:both; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#333; line-height:24px; padding:7px 30px 0;  }

.faq_block ul li .ui-state-active { background:url(../../frontend/_view/en_US/FME_Prodfaqs/css/minus-icon.png) no-repeat 0px 12px; }

div[aria-expanded = "false"] .accordion-toggle {background:url(../../frontend/_view/en_US/FME_Prodfaqs/css/plus-icon.png) no-repeat 0px 12px;}
div[aria-expanded = "true"] .accordion-toggle {background:url(../../frontend/_view/en_US/FME_Prodfaqs/css/minus-icon.png) no-repeat 0px 12px;}


.faq_block ul li .accordion-content { padding:0 30px; }

.faq_block ul li:last-child { padding-bottom:0px; }

/*.faq_block ul li span { background:#26a9e0; padding:6px; color:#fff; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:600; }*/

.faq_block ul li p { clear:both; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#5a5a5a; padding:6px 0; line-height:22px; }

.faq_block ul li p a { font-weight:700; }

.faq_block div.read_more { padding:3px 0; background:#fff; text-align:center; font-size:13px; font-weight:300; color:#26a9e0; text-transform:uppercase; margin-top:30px; }

.faq_block div.read_more a { display:block; text-decoration: none; cursor: pointer; color: #5a5a5a; }

.faq_block div.read_more a span { font-size:13px; padding:0 3px; }

.faq_block div.read_more a:hover { color: #26a9e0; }

.rate-success { background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/success.gif") no-repeat scroll left center; padding-left: 26px; margin-left: 10px; font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; color:green; line-height:40px; }

.rate-fail { padding-left: 54px; font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; color:red; line-height:35px; }



/*Right SideBar*/

.sidebar {  width: 21.8333%; float: right; order: 2; }
 
.sidebar .block-faq .block-title strong { font-family:'Open Sans', sans-serif; font-size: 18px;font-weight:400; color:#333; }

.sidebar .block-faq { width:100%; padding:20px 0; border-bottom:#f5f6f2 1px solid; }

.sidebar .block-faq p { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; padding:10px 0; color:#7e7e7e; }

.sidebar .block-faq ul { list-style:none; padding:0px; margin:0px; }

.sidebar .block-faq ul li a { font-family:'Open Sans', sans-serif; font-size:14px; color:#26a9e0; line-height:24px; }

.sidebar .block-faq ul li a:hover { color:#333; }

.sidebar .block-faq ul.tags { list-style:none; padding:0px; margin:10px 0; }

.sidebar .block-faq ul.tags li { margin: 0; padding:4px 0; display:inline-block; }

.sidebar .block-faq ul.tags li a { text-decoration: none; background:#e4edf4; padding:3px 5px; font-family:'Open Sans', sans-serif; font-size:13px; color:#2e5675; line-height:24px; }

.sidebar .block-faq ul.tags li a:hover { color:#333; cursor: pointer; }

.sidebar .block-faq #faqssearch { width:99%; background:#fff;  border:#cacbc4 1px solid; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#5a5a5a; padding:8px 0; text-indent:8px; margin-top:15px; }

.sidebar .block-faq .form-button {  line-height: 2rem; background:#26a9e0; border:0; border-radius:2px; padding:6px 12px; margin-top:10px; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; color:#fff; text-transform:uppercase; }

.sidebar .block-faq td { padding: 0;}
/*Search style sheet*/

.faq_search { width:100%; background:#f5f6f2; padding:40px 0; margin-top:20px; margin-bottom:20px; }

.faq_search .inner_container { max-width:900px; margin:0 auto; text-align:center }

.faq_search .inner_container h2 { font-family:'Open Sans', sans-serif; font-size:22px; font-weight:300; color:#333; }

.faq_search .inner_container ul { list-style:none; text-align:center; padding:0px; margin:0px }

.faq_search .inner_container ul li { display:inline-block; vertical-align:top; margin:0 2px }

.faq_search .inner_container ul li.text_field { width:50%; background:#fff; border:#cacbc4 1px solid; border-radius:2px; padding:10px 13px; margin-top:18px; }

.faq_search .inner_container ul li.text_field .field { width:100%; background:none; border:0px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#5a5a5a; }

.faq_search .inner_container ul li .btn { background:#26a9e0; border:0; border-radius:2px; padding:11px 15px; padding-bottom:10px; margin-top:18px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#fff; }

.faq_block ul li .add_thread1 { margin:30px 40px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; border-left: #eee 2px solid; padding:20px; box-sizing: border-box; }

.faq_block ul li .add_thread2 { margin:30px 80px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; border-left: #eee 2px solid; padding:20px; box-sizing: border-box; }

.sort_by { width:auto; padding:15px; box-sizing: border-box; background:#f6f6f6; text-align:left; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#5a5a5a; line-height:24px; }

.sort_by select { padding:5px; border:#ccc 1px solid; width:15%; }

.faq_block ul li .answered_by { background:#f6f6f6; padding:10px 15px; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#818181; line-height:22px; margin:10px 0 }
.faq_block ul li .add_answer { width:100%; padding:20px 0 }
.add_question {background: #26a9e0;
    border: #26a9e0 1px solid;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    float: right;
    text-align: right;
    margin-top: 40px;}
.faq_block ul li .add_answer a { padding:10px 18px;/* background:#f9f9f9;*/ border:#eeeeee 1px solid; border-bottom: #eee 2px solid; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#26a9e0; text-transform:uppercase; }


@media (min-width: 200px) and (max-width: 700px) {

 h1 { font-size:28px; }
 
 .faq_search .inner_container ul li.text_field { width:80%; }
 
 .column.main { float: none; order: 1; width:100%; }
 
 .sidebar {  width:100%; float: none; order: 2; }

 .sidebar .block-faq #faqssearch { width:80%; }
}

.br-theme-css-stars { padding:6px 0; }

.progress-loader { background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.progress-loader2 { background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.faq_block ul li .add_thread1 { margin:30px 10px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid;  padding:20px; box-sizing: border-box; }

.faq_block ul li .add_thread2 { margin:30px 20px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; padding:20px; box-sizing: border-box; }
.like-loader { background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.sortbyasc {background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/asc_arrow.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 10px;
                    padding-left: 20px; }
 .sortbydesc {background: url("../../frontend/_view/en_US/FME_Prodfaqs/css/desc_arrow.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 10px;
                    padding-left: 20px; }
.data-loader {
                    width: 100%;
                    height: 100%;
                       margin-top: 100px;
                    position: absolute;
                    margin-left: 500px;
                    }/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Shopbybrand
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.brand-container {
    margin: 0 20px;
}
.brand-image-container, .brand-description-container, .brand-cms-container {
    margin-bottom: 20px;
}
.brand-image-container .brand-image-photo {
    display: block;
    height: auto;
    max-width: 100%;
}

.product-list-container.brand-list-container {
    border-top: solid 1px #dfdfdf;
    padding-top: 20px;
}

.block-brand-search {
    padding: 15px;
    background-color: #0ed08e;
    text-align: center;
    color: #fff;
}

.block-brand-search .block-title {
    font-size: 3.5em;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: normal;
}

.block-brand-search .block-content {
    margin-bottom: 40px;
    margin-top: 1em;
}

.block-brand-search .block-content .mp-searchbox {
    position: relative;
    max-width: 790px;
    text-align: left;
    margin: 0 auto;
}

.block-brand-search .search-btn {
    display: inline-block;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 1;
    height: 61px !important;
}

.block-brand-search .search-btn > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.block-brand-search .search-btn:before {
    -webkit-font-smoothing: antialiased;
    font-size: 39px;
    line-height: 61px;
    color: #8f8f8f;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

@media (max-width: 500px) {
    .block-brand-search .search-btn:before {
        -webkit-font-smoothing: antialiased;
        font-size: 25px;
        line-height: 61px;
        color: #8f8f8f;
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        text-align: center;
    }
}

.block-brand-search .block-content .mp-searchbox .form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s;
    padding: 20px 10px 20px 50px !important;
    height: auto !important;
}

@media (max-width: 500px) {
    .block-brand-search .block-content .mp-searchbox .form-control {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s;
        padding: 20px 10px 20px 15px !important;
        height: auto !important;
    }
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    border-top: 0;
    padding: 10px 0;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.autocomplete-suggestion a.shopbybrand-suggestion:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.autocomplete-suggestion a.shopbybrand-suggestion .shopbybrand-suggestion-left,
.autocomplete-suggestion a.shopbybrand-suggestion .shopbybrand-suggestion-right {
    float: left;
    padding: 5px 10px;
}

.shopbybrand-product-name {
    font-size: 18px;
    color: #333333;
}

.shopbybrand-product-des {
    color: #333333;
}

.block-brand-feature .block-content .owl-carousel {
    width: calc(100% - 40px);
    margin: auto;
}

.page-layout-1column .column.main {
    width: 100% !important;
}

.block-brand-feature .owl-carousel .owl-item img {
    height: 200px;
}

.block-brand-list ul.brand-options {
    list-style-type: none;
}

.block-brand-list ul.brand-options:after,
.block-brand-list .brand-mix-container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.block-brand-list ul.brand-options li {
    border: 1px solid #ddd;
    position: relative;
    min-width: 38px;
    float: left;
    margin-bottom: 5px;
    margin-left: 2px;
}

.block-brand-list ul.brand-options li#mp-first-opt {
    border-left: 1px solid #ddd;
}

.block-brand-list ul.brand-options li.active {
    background: #0ed08e;
    color: #ffffff;
}

.block-brand-list ul.brand-options li.control {
    cursor: pointer;
}

.block-brand-list ul.brand-options li.disabled {
    cursor: not-allowed;
}

.block-brand-list ul.brand-options a.mp-option-item {
    color: inherit;
    position: relative;
    display: block;
    padding: 10px 14px;
    line-height: 20px;
    text-decoration: none;
}

.block-brand-list ul.brand-options li.disabled a {
    color: #777;
    opacity: 0.5;
}

.block-brand-list .mp-filter.mix {
    float: left;
    margin: 5px;
}

.block-brand-list .mp-filter.mix .mp-label {
    text-align: center;
    padding: 10px;
}

.products {
    margin: 15px 0 !important;
}

.brand-list-content {
    width: 97%;
    float: right;
}

.brand-list-content ol {
    display: flex;
    flex-wrap: wrap;
}

.column.main .product-items {
    margin-left: 0 !important;
}

.product-list-container .brand-char-title {
    float: left;
    font-weight: 700;
    font-size: 22px;
    width: 3%;
    margin-top: 10px;
}

.block-brand-feature .brand-image {
    display: unset;
}

#quick-view .brand_title {
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

#quick-view .related-product-modal-title {
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.related-product-modal-content .toolbar-products {
    position: inherit !important;
}

.related-product-modal-content ol {
    display: flex;
    flex-wrap: wrap;
}

.related-product-modal-content .product-item-info {
    width: 90%;
}

@media (max-width: 769px) {
    #quick-view .related-product-modal-title {
        float: left;
        padding: 10px 0;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        border-bottom: solid 1px #dfdfdf;
        margin-bottom: 15px;
    }

    .related-product-modal-content .toolbar-products {
        position: relative !important;
    }
}

#quick-view .brand-info-container {
    float: left;
    width: 30%;
    padding: 0 25px;
}

#quick-view .related-product-container {
    float: left;
    width: 60%;
}

.limiter {
    display: none;
}

.quickview_popup a {
    color: #dfdfdf;
}

@media (max-width: 603px) {
    #quick-view .brand-info-container {
        float: left;
        width: 100%;
        padding: 0;
    }

    #quick-view .related-product-container {
        float: left;
        width: 100%;
    }

}

.img-content {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

.img-content img {
    width: 250px;
}

.brand_description {
    clear: both;
}

.brand-information .product-image-container {
    margin-top: 25px;
}

.shopbybrand-product-des p {
    white-space: nowrap;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 480px) {
    .shopbybrand-product-des p {
        white-space: nowrap;
        width: 255px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 720px) {
    .shopbybrand-product-des p {
        white-space: nowrap;
        width: 480px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 1024px) {
    .shopbybrand-product-des p {
        white-space: nowrap;
        width: 640px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

#category-brand-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#category-brand-subtitle {
    display: block;
}

#block-category-brand-container {
    border-bottom: solid 1px #ccc;
}

.block-brand-feature .relate-content {
    text-align: center
}

.block-brand-feature .relate-content a {
    color: #333
}

.block-brand-feature .relate-content a span {
    display: block;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .page-with-filter .columns .sidebar-main {
        width: 100%
    }
}

#thumbnail-brand-subtitle {
    display: block;
}

#block-brand-thumbnail-container {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

#brand-thumbnail-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#brand-thumbnail-menu li a {
    display: block;
    color: #000;
    padding: 3px 0;
    text-decoration: none;
}

#brand-thumbnail-menu li span {
    display: block;
    padding: 8px 8px 8px 50px;
}

.brand-items {
    padding-bottom: 4px;
}

.ln_overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
    display: none;
}

.loader img {
    top: 40%;
    left: 45%;
    display: block;
    position: fixed;
}

.ln_slider_container {
    width: calc(100% - 20px);
    margin: 0 15px 0 5px;
}

.brand-topmenu-image {
    width: 40px;
    height: 30px;
    float: left;
    padding: 2px 5px;
}

@media (max-width: 768px) {
    .nav-bottom-item li {
        width: 100%;
        text-align: center;
    }
}

.owl-carousel.brand-carousel .owl-item img {
    height: 200px;
}

.page-layout-1column .column.main {
    width: 100% !important;
}

@media (max-width: 600px) {
    .brand-detail .product-item-photo {
        width: 100%;
        float: left;
        text-align: center;
    }

    .brand-detail .product-item-details {
        float: left;
    }
}
/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Core
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.row-mp {
    min-height: 1px;
    margin: 0 -10px;
}

.col-mp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    float: left;
    padding: 0 10px;
}

/*All*/
.mp-1 {
    width: 8.33333333333%;
}

.mp-2 {
    width: 16.6666666667%;
}

.mp-3 {
    width: 25.0%;
}

.mp-4 {
    width: 33.3333333333%;
}

.mp-5 {
    width: 41.6666666667%;
}

.mp-6 {
    width: 50.0%;
}

.mp-7 {
    width: 58.3333333333%;
}

.mp-8 {
    width: 66.6666666667%;
}

.mp-9 {
    width: 75.0%;
}

.mp-10 {
    width: 83.3333333333%;
}

.mp-11 {
    width: 91.6666666667%;
}

.mp-12 {
    margin-left: 0;
    width: 100%;
}

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

.mp-clear {
    clear: both
}

@media (min-width: 1200px) {
    .mp-lg-1 {
        width: 8.33333333333%;
    }

    .mp-lg-2 {
        width: 16.6666666667%;
    }

    .mp-lg-3 {
        width: 25.0%;
    }

    .mp-lg-4 {
        width: 33.3333333333%;
    }

    .mp-lg-5 {
        width: 41.6666666667%;
    }

    .mp-lg-6 {
        width: 50.0%;
    }

    .mp-lg-7 {
        width: 58.3333333333%;
    }

    .mp-lg-8 {
        width: 66.6666666667%;
    }

    .mp-lg-9 {
        width: 75.0%;
    }

    .mp-lg-10 {
        width: 83.3333333333%;
    }

    .mp-lg-11 {
        width: 91.6666666667%;
    }

    .mp-lg-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mp-md-1 {
        width: 8.33333333333%;
    }

    .mp-md-2 {
        width: 16.6666666667%;
    }

    .mp-md-3 {
        width: 25.0%;
    }

    .mp-md-4 {
        width: 33.3333333333%;
    }

    .mp-md-5 {
        width: 41.6666666667%;
    }

    .mp-md-6 {
        width: 50.0%;
    }

    .mp-md-7 {
        width: 58.3333333333%;
    }

    .mp-md-8 {
        width: 66.6666666667%;
    }

    .mp-md-9 {
        width: 75.0%;
    }

    .mp-md-10 {
        width: 83.3333333333%;
    }

    .mp-md-11 {
        width: 91.6666666667%;
    }

    .mp-md-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mp-sm-1 {
        width: 8.33333333333%;
    }

    .mp-sm-2 {
        width: 16.6666666667%;
    }

    .mp-sm-3 {
        width: 25.0%;
    }

    .mp-sm-4 {
        width: 33.3333333333%;
    }

    .mp-sm-5 {
        width: 41.6666666667%;
    }

    .mp-sm-6 {
        width: 50.0%;
    }

    .mp-sm-7 {
        width: 58.3333333333%;
    }

    .mp-sm-8 {
        width: 66.6666666667%;
    }

    .mp-sm-9 {
        width: 75.0%;
    }

    .mp-sm-10 {
        width: 83.3333333333%;
    }

    .mp-sm-11 {
        width: 91.6666666667%;
    }

    .mp-sm-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mp-xs-1 {
        width: 8.33333333333%;
    }

    .mp-xs-2 {
        width: 16.6666666667%;
    }

    .mp-xs-3 {
        width: 25.0%;
    }

    .mp-xs-4 {
        width: 33.3333333333%;
    }

    .mp-xs-5 {
        width: 41.6666666667%;
    }

    .mp-xs-6 {
        width: 50.0%;
    }

    .mp-xs-7 {
        width: 58.3333333333%;
    }

    .mp-xs-8 {
        width: 66.6666666667%;
    }

    .mp-xs-9 {
        width: 75.0%;
    }

    .mp-xs-10 {
        width: 83.3333333333%;
    }

    .mp-xs-11 {
        width: 91.6666666667%;
    }

    .mp-xs-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .col-mp {
        width: 100%;
    }
}


/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_GDPR
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */

 .gdpr-cookie-container {
	position: fixed;
	bottom:10px;
	z-index:999;
	background: #FFFFFF;
	display: none;
}

.gdpr-cookie-container.bottom-left {
  	left:10px;
}

.gdpr-cookie-container.bottom-right {
  	right:10px;
}

.customer-agreements-block label {
  	vertical-align: top;
}
.customer-agreements-block label > button {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0px 8px;
	height: auto;
	text-decoration: underline;
}

.customer-agreement.required label::before {
	content: '*';
	color: #e02b27;
	font-size: 1.2rem;
	margin: 0 0 0 0px;
	text-decoration:none;
}

.collapsible {
	cursor: pointer;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	background-color: white;
}

.active-group, .collapsible:hover {
    background-color: white;
}

.active-group-cookie, .collapsible:hover {
  	background-color: white;
}


.group-content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #eeeeee;
	font-size: 14px;
    line-height: 22px;
}

.cookie-collapsible {
    cursor: pointer;
    padding: 9px;
    width: 100%;
    border: none;
    font-size: 15px;
}

.active-group, .cookie-collapsible:hover {
    background-color: white;
}

.active-group-cookie, .cookie-collapsible:hover {
  	background-color: white;
}

.clear {
  	clear: both;
}
.cookie_always_active:after {
	content: url("../../frontend/_view/en_US/Webkul_GDPR/images/icon.png");
	color: blue;
	margin-left: 5px;
	margin-top: -2px;
	float: right;
}

.cookie_always_active.selc:after {
	content: url("../../frontend/_view/en_US/Webkul_GDPR/images/icon_1.png");
}
/*
.always_active{
	margin-top: -7px;
}
*/
.cookie-content {
    padding: 0 9px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #efefef;
  }

.active-group:after {
	content: "\2212";
	color: #2893cb;
	font-size: 18px !important;
	padding : 5px;
	margin : 7px;
}

.cookie_switch {
	position: relative;
	width: 60px;
	height: 34px;
	float: right;
	display:flex;
	top: -10px;
}

.cookie_switch input { 
	opacity: 0;
	width: 0;
	height: 0;
	margin-top: -9px;
}

.slider_round {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider_round:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider_round {
  	background-color: #2196F3;
}

input:focus + .slider_round {
  	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_round:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider_round {
  	border-radius: 34px;
}

.slider_round:before {
  	border-radius: 50%;
}

span.slider_toggle::after {
	cursor: pointer !important;
	content: '\002B' !important;
	color: #2893cb !important;
	font-size: 24px !important;
	padding : 5px !important;
	margin-left : 58px !important;
	margin-top : 0px !important;
	display: block;
}
span.slider_toggle.selc::after {
	content: '\2212' !important;
}

.main-cookie-content {
	display: flex !important;
	flex-wrap: initial !important;
}
/*p {
  	text-align: justify;
}*/

.cookie-group-name {
	align-items: center;
	gap:83%
}
.main-content-div {
	margin:10px;
	padding:10px;
	border-radius: 3px;
	border: 1px solid #BDBDBD;
}

.action.primary.accept-cookie-consent{
	width:100%;
	margin-bottom:5px;
}
.secondary_actions {
	display : flex;
	padding : 0%
}
.always_active:after {
	cursor: pointer;
	content: '\002B';
	color: #2893cb;
	font-size: 24px !important;
	padding : 5px;
	margin : 7px;
	position: relative;
    top: 4px;
}
.always_active.selc:after {
  	content: '\2212';
}
/* .cookie_switch_toggle:after {
	cursor: pointer;
	content: '\002B';
	color: #2893cb;
	font-size: 24px !important;
	padding : 5px;
	margin-left : 58px;
	margin-top : -6px;
}
.cookie_switch_toggle.selc:after {
  	content: '\2212' !important;
} */
.secondary-switcher-text.toggle:after {
	content: url("../../frontend/_view/en_US/Webkul_GDPR/images/icon.png");
	color: #2893cb;
	font-size: 18px !important;
	padding : 3px;
	margin-left : 62px;
}
.secondary-switcher-text.toggle.selc:after {
	content: url("../../frontend/_view/en_US/Webkul_GDPR/images/icon_1.png");
}
.secondary-switcher-text.toggle {
  	right : 20px;
	float:right;
}

.modal-popup-category-cookie.modal-popup.modal-slide .modal-footer {
    text-align:left;
}
.cookie_switch.cookie-switcher-text.allactive {
	width:auto;
	float:right;
	top: 0px;
}

button.action.secondary.accept-cookie-consent,button.action.secondary.cookie-settings.preferred_cookie{font-size: 13px;padding: 10px 10px;}
.modal-popup.modal-popup-category-cookie .modal-content{overflow-y: scroll !important;}


@media screen and (max-width:820px){
	.modal-popup.cookie-block-modal{z-index: 900;overflow: hidden;width: 100%;margin: 0px !important;padding: 0 15px !important;}
	.modal-popup.cookie-block-modal .main-cookie-content > div{padding: 10px !important;color: #263228;font-family: Open Sans;font-size: 13px !important;font-style: normal;font-weight: 400;line-height: 18px !important;}
	.modal-popup.cookie-block-modal .modal-inner-wrap{margin: 0px !important;max-height: 100% !important;overflow: hidden !important;}



}