/* Theme colors
    green: #7db433
    green dark: #629b15;
    Black: #2b2a29
*/
/*----------------------------------------------------
    LATO FONTS
------------------------------------------------------*/
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url(/fonts/lato/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(/fonts/lato/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(/fonts/lato/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*----------------------------------------------------
    MATERIAL ICONS
------------------------------------------------------*/
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/fonts/material-icons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),
        url(/fonts/material-icons/MaterialIcons-Regular.woff2) format('woff2'),
        url(/fonts/material-icons/MaterialIcons-Regular.woff) format('woff'),
        url(/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/*-------- END --------*/

/* Theme colors
    green: #7db433
    green dark: #629b15;
    Black: #2b2a29
*/

@media only screen and (max-width: 399px) {
    html {
        font-size: 13px;
        font-weight: 300;
    }
}

@media only screen and (min-width: 400px) and (max-width: 990px) {
    html {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1600px) {
    html {
        font-size: 15px;
    }
}
html, body{
    height: 100%;
}
body{
    background-color: #f4f4f4;
    color: #000;
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    overflow-x:hidden;
    padding-top: 128px;
    text-align: left;
    -webkit-animation-duration:1s;animation-duration:1s;
    -webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:content;animation-name:content;
}
@-webkit-keyframes content{
    0%{opacity:0}50%{opacity:0}100%{opacity:1}
}
@keyframes content{
    0%{opacity:0}50%{opacity:0}100%{opacity:1}
}

body.theme_bg{background: #7db433;}

.blink {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.shake{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@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); }
}
.website-notice{
    text-align: center;
    padding: 10px 15px;
    background-color: #db3c17;
    color: #fff;
    box-shadow: #666 0 2px 2px;
    width: 100%; max-height: 200px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.website-notice.off{
    display: none;
}
/*-----------------------
        FONTS
-------------------------*/
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font21 {font-size:21px !important;}
.font22 {font-size:22px !important;}
.font25 {font-size:25px !important;}
.font30 {font-size:30px !important;}

.light      { font-weight: 300 }
.normal     { font-weight: 400 }
.semi-bold  { font-weight: 600 }
.bold       { font-weight: 700 }
.uppercase  { text-transform: uppercase }
/*----------------------------------------------------
    PADDINGS
------------------------------------------------------*/
.pd-0 { padding: 0 !important;}
.pd-5 { padding: 5px;}
.pd-10 { padding: 10px;}
.pd-15 { padding: 15px;}
.pd-20 { padding: 20px;}
.pd-25 { padding: 25px;}
.pd-30 { padding: 30px;}
.pd-40 { padding: 40px;}

.pd-l-0 { padding-left: 0px !important;}
.pd-l-10 { padding-left: 10px !important;}
.pd-l-15 { padding-left: 15px !important;}
.pd-l-30 { padding-left: 30px !important;}

.pd-r-0 { padding-right: 0px !important;}

.pd-lr-0 { padding-right: 0px !important;padding-left: 0px !important;}
.pd-lr-5 { padding: 0 5px;}
.pd-lr-10 { padding: 0 10px;}
.pd-lr-15 { padding: 0 15px;}
.pd-lr-20 { padding: 0 20px;}
.pd-lr-25 { padding: 0 25px;}
.pd-lr-30 { padding: 0 30px;}
.pd-lr-40 { padding: 0 40px;}

.pd-b-10 { padding-bottom: 10px;}
.pd-b-15 { padding-bottom: 15px;}
.pd-b-20 { padding-bottom: 20px;}
.pd-b-30 { padding-bottom: 30px;}

.pd-t-5 { padding-top: 5px;}
.pd-t-10 { padding-top: 10px;}
.pd-t-15 { padding-top: 15px;}
.pd-t-20 { padding-top: 20px;}
.pd-t-30 { padding-top: 30px;}

.pd-tb-5  { padding-top: 5px; padding-bottom: 5px;}
.pd-tb-10 { padding-top: 10px; padding-bottom: 10px;}
.pd-tb-15 { padding-top: 15px; padding-bottom: 15px;}
.pd-tb-50 { padding-top: 50px; padding-bottom: 50px;}

/*----------------------------------------------------
    MARGINS
------------------------------------------------------*/
.mg-0       { margin: 0px !important;}
.mg-r-5     { margin-right: 5px !important;}
.mg-r-10    { margin-right: 10px !important;}
.mg-r-15    { margin-right: 15px !important;}
.mg-l-5     { margin-left: 5px !important;}
.mg-l-10    { margin-left: 10px !important;}
.mg-l-15    { margin-left: 15px !important;}
.mg-l-30    { margin-left: 30px !important;}
.mg-t-5     { margin-top: 5px !important; }
.mg-t-0     { margin-top: 0px !important; }
.mg-t-10    { margin-top: 10px !important; }
.mg-t-15    { margin-top: 15px !important; }
.mg-t-20    { margin-top: 20px !important; }
.mg-t-30    { margin-top: 30px !important; }
.mg-t-40    { margin-top: 40px !important; }
.mg-b-0     { margin-bottom: 0px !important; }
.mg-b-5     { margin-bottom: 5px !important; }
.mg-b-10    { margin-bottom: 10px !important; }
.mg-b-15    { margin-bottom: 15px !important; }
.mg-b-20    { margin-bottom: 20px !important; }
.mg-b-30    { margin-bottom: 30px !important; }

/*----------------------------------------------------
    BORDERS
------------------------------------------------------*/
.border-bottom{ border-bottom: 1px solid #eee !important; }
h1, h2 {
    font-family: 'Prata', serif;
}
h1 {
    font-size: 2.5rem;
    font-weight: 500;
}

h2 {
    font-size: 2rem;
    font-weight: 500;
}

h3 {
    font-size: 1.8rem;
    font-weight: 500;
}

h4 {
    font-size: 1.5rem;
    font-weight: 500;
}

h5 {
    font-size: 1.25rem;
    font-weight: 500;
}

h6 {
    font-size: 1rem;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.no-records{ background-color: #fff; color: #454545; font-size: 18px; text-align: center; width: 100%; padding: 80px 0; }
.no-records:before{ background: url('/images/no-records.png') center no-repeat; background-size: cover; content: ""; display: block; height: 80px; margin: auto; margin-bottom: 15px; width: 80px; }

.pos-relative{
    position: relative;
}
.pos-absolute{
    position: absolute;
}
.inline{
    display: inline-block;
}

::placeholder { /* Firefox, Chrome, Opera */ 
    color: #999; 
    font-size: 1rem;
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #999; 
    font-size: 1rem;
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #999; 
    font-size: 1rem;
} 

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] { -moz-appearance:textfield;}

select{
    height: 37px;
    border: 1px solid #ccc;
}
select:focus {
    outline: none;
}

/* THIS REMOVES THE YELLOW BACKGROUND COLOR FROM CHROME'S AUTOFILL INPUTS */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 30px white inset !important;}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: 0 1px 0 0 #000000;
    box-shadow: 0 1px 0 0 #000000;
}
.input-field i.prefix.active, input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color: #000000;
}
.processing:not(.chip){
    display: none;
    color: #c00;
}
.processingModal {
    background-color: transparent !important;
    box-shadow: none;
    color: white;
    text-align: center;
}
.processingModal p{
    margin-top: 15px;
}
.spinner-white, .spinner-white-only {
    border-color: #ffffff;
}
.error{
    color: red;
    font-size: 13px;
    margin-top: 5px;
    text-align: left;
}
.error:before{
    background-image: url(/images/exclamation-triangle-solid.svg);
    content: " ";
    display: inline-block;
    margin-right: 5px;
    height: 12px;
    width: 14px;
    color: red;
}
form .row {
    margin-bottom: 0px;
}
.form-group {
    margin-bottom: 20px;
}

.input-label.required:after, th.required:after{ content: "*"; color: #e54658; margin-left: 5px; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
/*----------------------------------------------------
    MATERIAL OVERIDES
------------------------------------------------------*/
a {
    color: #035ce5;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
a.underline {
    text-decoration: underline;
}
a.link.outline {
    border: 1px solid #035ce5;
    border-radius: 50px;
    padding: 5px 10px;
    transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out;
}
a.link.outline:hover {
    background-color: #2196f3;
    border: 1px solid #2196f3;
    color: #fff;
}
.action_buttons a.link{
    border: 1px solid #eee;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    padding: 2px 3px 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.action_buttons a.link:hover{
    border: 1px solid #035ce5;
}
a.app_btn{
    border: 1px solid #035ce5;
    border-radius: 10px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out;
    vertical-align: bottom;
}
a.app_btn i{
    color: #035ce5;
    line-height: 40px;
}
a.link .inr-sign{
    color: #6c7990;
    font-size: 24px;
    display: inline-block;
    padding: 1px 6px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
a.app_btn:hover{
    background-color: #035ce5;
    color: white;
}
a.app_btn:hover i, a.app_btn:hover .inr-sign{
    color: white;
}

.btn{
    border: 1px solid transparent !important;
}
.btn i.material-icons{
    color: #fff;
}
.btn-primary{
    background-color: rgba(125,180,50,1);
}
.btn-primary:hover, .btn-primary:focus{
    background-color: rgba(106,157,37,1) !important;
}
.btn-secondary{
    background-color: #2b2a29;
}
.btn-secondary:hover, .btn-secondary:focus{
    background-color: rgba(125,180,50,1) !important;
}
.btn-large{
    font-size: 1.3rem;
}
.btn-back{
    font-size: 1.5rem;
}
.btn-back i.material-icons{
    color: #035ce5;
    line-height: 1.4;
    margin-right: 3px;
}
.btn.btn-flat:hover, .btn.btn-flat:focus {
    background-color: transparent;
    color: #035ce5;
}
.btn.btn-flat:focus{
    border: 1px dotted rgba(255, 81, 181, 1) !important;
}
.btn-outline{
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    box-shadow: none;
}
.btn.small{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}
.btn.track-shipment{
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    background: #f57c00 ;
    box-shadow: none;
    vertical-align: top;
    margin-top: 2px;
}
.btn.track-shipment:hover{
    background: #d86c00;
}
.btn.magenta:not(.btn-outline){
    background-color: #EC1946;
    color: #fff;
}
.file-field.small .btn{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}
.file-field.small .file-path{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}
.block{
    width: 100%;
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 14px;
    color: #000;
    display: block;
    line-height: 22px;
}
.dropdown-content li>a>i {
    height: inherit;
    line-height: inherit;
    float: left;
    font-size: 16px;
    margin: 0 10px 0 0;
    width: 22px;
}
.material-icons {
    color: #6c7990;
}

i.left {
    margin-right: 10px;
}
label {
    color: rgba(0,0,0,0.87);
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: rgb(49, 69, 148) !important;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: rgba(49, 69, 148, 0.6) !important;
}

[type="checkbox"]+span:not(.lever){
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type="checkbox"].small+span:not(.lever){
    font-size: 0.9rem;
    padding-left: 25px;
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after{
    border: 2px solid #7db433;
    background-color: #7db433;
    height: 18px;
    width: 18px;
}
[type="checkbox"].filled-in:checked+span:not(.lever):before{
    top: -1px;
    left: 1px;
    width: 7px;
    height: 12px;
}
[type="checkbox"].small:not(:checked)+span:not(.lever):after, [type="checkbox"].small:checked+span:not(.lever):after{
    height: 15px;
    width: 15px;
}
[type="checkbox"].small:checked+span:not(.lever):before{
    top: -2px;
    left: -1px;
    width: 8px;
    height: 12px;
}
[type="checkbox"].filled-in.red-fill:checked+span:not(.lever):after{
    border: 2px solid #e42714;
    background-color: #e42714;
}
.select-wrapper input.select-dropdown {
    height: calc(2.8rem);
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    margin-bottom: 0;
    padding-left: 10px;
    width: calc(100% - 10px);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select-wrapper .select-dropdown [type="checkbox"]:not(.browser-default)+label{
    height: 18px;
}
.select-wrapper span.caret {
    right: 10px;
}

.material-tooltip{
    background-color: transparent;
    font-size: 13px;
    max-width: 300px;
    padding: 0;
}
.material-tooltip .tooltip-content{
    background-color: #323232;
    border-radius: 5px;
    line-height: 1.5;
    padding: 10px 8px;
}
.material-tooltip .tooltip-content.white{
    background: #fff;
    border: 1px solid #454545;
    color: #000;
 }

.pagination li.prev, .pagination li.next {
    width: auto;
}

#toast-container {
    bottom: 2%;
    left: 0%;
    top: auto;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
    width: 95%;
}
.toast{
    font-size: 1rem;
    font-weight: 500;
    word-break: normal;
    text-align: left;
}
.toast .toast-action {
    margin-left: 0;
}
.go-to-cart-btn{
    line-height: normal;
    height: auto;
}
@media only screen and (min-width : 601px) and (max-width : 1260px)
{
    .toast {
        width: 100%;
        border-radius: 0;
    }
}

@media only screen and (min-width : 1261px)
{
    .toast {
        width: 100%;
        border-radius: 0;
    }
}

@media only screen and (min-width : 601px) and (max-width : 1260px)
{
    #toast-container {
        right: 0%;
        left: 0%;
    }
}

@media only screen and (min-width : 1261px)
{
    #toast-container {
        right: 0%;
    }
}

.chips {
    border-radius: 2px;
    min-height: 45px;
    padding: 0px;
}
.chip.small{
    height: 26px;
    font-size: 12px;
    line-height: 26px;
}
.chip.coupon-applied{
    background-color: #7db432;
    color: #fff;
    margin-left: 15px;
}
.chip.coupon-applied:after{
    font-family: "Material Icons";
    content: "close";
    color: #fff;
    font-size: 1rem;
    float: right;
    margin-left: 10px;
}
.tabs .tab a {
    color: rgba(2,2,2,0.5);
}
.tabs .tab a:hover, .tabs .tab a.active {
    color: #629b15;
}
.tabs .indicator {
    background-color: #629b15;
}

.custom-tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
}
.custom-tabs li {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.custom-tabs li a {
    color: rgba(2,2,2,0.5);
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease;
    transition: color .28s ease;
}
.custom-tabs li a:hover {
    color: #000;
}
.custom-tabs li a.active {
    background-color: rgba(128, 163, 224, 0.2);
    border-top: 2px solid #629b15;
    color: #000;
}

.tab-content > div {
    display: none;
}
.tab-content > div.active{
    display: block;
}

.modal{
    background-color: #fff;
}

/**********************
    INPUT FORMAT
**********************/

.flatpickr-input{
    border-bottom: 1px solid #ccc !important;
    color: #333 !important;
}
.flatpickr-monthDropdown-months{
    display: inline-block;
    font-weight: 600 !important;
}
.flatpickr-day.flatpickr-disabled{
    color: #ccc !important;
}
.flatpickr-day.nextMonthDay:not(.flatpickr-disabled){
    color: #6d6b6b !important;
}
span.flatpickr-weekday{
    color: rgba(0,0,0,0.64)
}
.outline-input label {
    left: 0.6rem;
    top: -0.2rem;
}
.outline-input label:not(.label-icon).active{
    background-color: #fff;
    font-size: 0.9rem;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 0 5px;
    transform: translateY(-35%);
    width: auto;
}

.browser-default{
    width: 100%;
    height: 3rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
textarea.browser-default {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #565656;
    padding: 12px;
    height: 80px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.browser-default:focus, textarea.browser-default:focus {
    border: 1px solid #000000;
}

.input-label {
    color: #333;
    font-weight: 600;
    margin-bottom: 3px;
}
.input-field .prefix.active {
    color: #000;
}
.input-field {
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 0;
}
.input-field span.prefix {
    position: absolute;
    width: 3rem;
    height: 100%;
    line-height: 2;
    font-size: 1.35rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #ccc;
}
.input-field .prefix ~ input{
    margin-left: 0;
    padding-left: 3.5rem;
    width: 100%;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.input-group>.custom-select:not(:first-child), .input-group>.browser-default:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.browser-default {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group-text .secondary_input{
    border: none;
    background: transparent;
    height: 28px;
    width: 50px;
}
.label{
    margin-bottom: 5px;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    
}
.label.underline:after{
    content: ""; 
    display: block;
    width: 25%;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 5px;
    background-color: rgba(219,60,23, 0.4);
}
td, th{
    border-radius: 0;   
}
table.compact td, table.compact th{
    padding: 5px;   
}
/*----------------------------------------------------
    SUMMERNOTE EDITOR OVERIDES
------------------------------------------------------*/
.note-editor .note-editing-area p{
    margin: 0 !important;
}

/*----------------------------------------------------
    TABLE SORT ARROWS
------------------------------------------------------*/

th a {
    color: #333;
}
th a.sort-by {
    padding-right: 18px;
    position: relative;
}
a.sort-by:before,
a.sort-by:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
a.sort-by:before {
    border-bottom-color: #666;
    margin-top: -9px;
}
a.sort-by:after {
    border-top-color: #666;
    margin-top: 1px;
}
a.sort-by.desc:before {
    border-bottom: none;
    margin-top: 1px;
}
a.sort-by.asc:after {
    border-top: none;
    margin-top: 1px;
}

/*----------------------------------------------------
    FOOTABLE OVERIDES
------------------------------------------------------*/
table caption{
    color: #888;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}
table.bordered>tbody>tr.footable-detail-row{
    background-color: #f4f4f4;
    border: none;
    padding: 0;
}
table.bordered>tbody>tr.footable-detail-row > td{
    padding-bottom: 0;
}

table.footable>tbody>tr.footable-empty>td{
    font-size: 25px;
}

.fooicon {
    display: inline-block;
    font-size: inherit;
    font-family: themify!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
.fooicon-plus:before {
    content: "\e64b";
}
.fooicon-minus:before {
    content: "\e648";
}
.fooicon-loader:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border: 5px solid #ccc;
    border-top-color: #000;
    display: block;
    height: 50px;
    width: 50px;
    animation: fooicon-spin-r .6s linear infinite;
}
table>tbody>tr>td>span.footable-toggle {
    margin-right: 8px;
    opacity: 1;
}
table > thead.border-top{
    border-top: 1px solid #d0d0d0;
}
th {
    font-weight: 600;
}

@-webkit-keyframes fooicon-spin-r{
    to {transform: rotate(360deg);}
}
@keyframes fooicon-spin-r{
    to {transform: rotate(360deg);}
}

/*----------------------------------------------------
    ALERTBOX
------------------------------------------------------*/
.modal .modal-footer{
    background-color: #fff;
}
.alertbox-error{ color: #f05050; font-size: 16px; }
.alertbox-error:before{ content: "!"; color: #f05050; display: block; border: 1px solid #f05050; border-radius: 50px; font-size: 30px; height: 50px; width: 50px; margin: 0 auto; margin-bottom: 10px; }

.alertbox-success{ color: #518d33; font-size: 16px; }
.alertbox-success:before{ 
    font-family: "Material Icons"; 
    content: "check"; 
    color: #518d33; 
    display: block; 
    border: 1px solid #518d33; 
    border-radius: 50px; 
    font-size: 30px; 
    height: 50px; 
    width: 50px; 
    line-height: 50px; 
    margin: 0 auto; 
    margin-bottom: 20px; 
    -webkit-font-feature-settings: 'liga';
}

#ConfirmDiv .btn-flat{
    border: 1px solid #eee !important;
}
#ConfirmDiv .btn-flat:hover{
    border: 1px solid #2196F3 !important;
}

#ConfirmDiv .modal-footer{
    background-color: #fff;
}

.info{
    color: #000;
    font-size: 12px;
    margin-top: 5px;
}
.info .material-icons{
    font-size: 16px;
    margin-right: 5px;
}
/*----------------------------------------------------
    TABLE SORT ARROWS
------------------------------------------------------*/

th a {
    color: #333;
}
th a.sort-by {
    padding-right: 18px;
    position: relative;
}
a.sort-by:before,
a.sort-by:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
a.sort-by:before {
    border-bottom-color: #666;
    margin-top: -9px;
}
a.sort-by:after {
    border-top-color: #666;
    margin-top: 1px;
}
a.sort-by.desc:before {
    border-bottom: none;
    margin-top: 1px;
}
a.sort-by.asc:after {
    border-top: none;
    margin-top: 1px;
}

.card-panel{
    position: relative;
    padding: 15px 20px;
    -webkit-box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
    box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
}
.card-panel .card-title{
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.card-panel.header{
    margin-bottom: 0;
}
.card-panel.content{
    margin-top: 1px;
}
.records-per-page{
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;
}
.records-per-page select{
    border: 1px solid #ccc;
    font-size: 13px;
    height: 35px;
}
.chip.fi{
    position: relative;
}
.chip.fi .floatingIcon{
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
}

/*----------------------------------------------------
    SPINNER
------------------------------------------------------*/

.spinner { position: relative; opacity: 1; color: transparent !important; text-shadow: none !important; }
.spinner:hover,.spinner:active,.spinner:focus { color: transparent; outline: none !important; box-shadow: none;}
.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    border-color: #fff;
    border-top-color: #333;
    -webkit-animation: spinner 0.8s linear infinite;
    -moz-animation:    spinner 0.8s linear infinite;
    -o-animation:      spinner 0.8s linear infinite;
    animation:         spinner 0.8s linear infinite;
}
.large.spinner:before { margin-top: -19px; margin-left: -19px; width: 38px; height: 38px;}
.medium.spinner:before { margin-top: -12px; margin-left: -12px; width: 24px; height: 24px;}
.small.spinner:before { border-width: 2px; border-top-color: #333; margin-top: -9px; margin-left: -9px; width: 18px; height: 18px;}
.xsmall.spinner:before { border-width: 2px; border-top-color: #333; margin-top: -7px; margin-left: -7px; width: 14px; height: 14px;}

.spinner.blue.spinner:before { border-color: #69b1e5; border-top-color: #000; }
.spinner.gray.spinner:before { border-color: #ccc; border-top-color: #000; }

@keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);
    }
}

/*----------------------------------------------------
    HEADER
------------------------------------------------------*/
header{
    background-color: white;
    margin-bottom: 0px;
}
header{
    background-color: #fff;
    height: 128px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 10;
}
.nav-up {
    top: -128px;
}
header .top_header{
    align-items: center;
    display: flex;
    padding: 5px 0 3px;
}
header .top_header .brand-logo img{
    width: 200px;
}
header .top_header .mobile_search{
    position: absolute;
    right: 8px;
}
.mobile_search.open{
    left: 0;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 66px;
    line-height: 75px;
    z-index: 2;
}
header .top_header .mobile_search > a{
    padding: 10px;
}
header .top_header .mobile_search > form, header .top_header .mobile_search.open > a{
    display: none;
}
header .top_header .mobile_search.open > form{
    display: block;
}
header .top_header .mobile_search.open > form input{
    height: 60px;
    margin-left: 50px;
    width: calc(100% - 50px);
}
header .top_header .mobile_search.open > form .input-field i{
    color: #444;
    line-height: 66px;
}
header .top_header .search_bar{
    margin: 0 20px;
    width: 50%;
}
header .top_header .search_bar .free-shipping:before{
    font-family: 'Material Icons';
    content: "local_shipping";
    font-size: 1.2rem;
    color: #6eaa1c;
    margin-right: 10px;
    float: left;
    -webkit-font-feature-settings: 'liga';
}
header .top_header .search_bar .free-shipping{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
}
header .top_header .search_bar .input-field>label{
    top: 9px;
}
header .top_header .search_bar .input-field>.browser-default{
    background-color: #f8f8f8;
    border: 1px solid #e0dfdf;
    border-radius: 5px;
    padding-left: 45px;
}
header .top_header .links {
    width: 40%;
}
header .top_header .links a{
    color: #000;
    float: right;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 20px;
}
header .top_header .links a img{
    width: 24px;
}
#settings-dropdown{
    width: 150px;
}
header nav.menu {
    color: #fff;
    background-color: #7db433;
    height: 42px;
    line-height: 42px;
    width: 100%;
}
header nav.menu .container{
    position: relative;
}
header nav.menu .main li{
    padding: 0 15px;
}
header nav.menu .main li:first-child {
    padding-left: 0;
}
header nav.menu .main li a{
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    height: 42px;
    padding: 0;
    position: relative;
}
header nav.menu .main li a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: transparent;
    transition: width 0.2s ease 0s, left 0.2s ease 0s;
    width: 0px;
}
header nav.menu .main li a:hover:after, header nav.menu .main li a.active:after { 
    background: #000;
    width: 100%; 
    left: 0; 
}
header nav.menu .cart_div{
    position: absolute;
    right: 0;
    top: 0;
}
header nav.menu a.cart i{
    color: #000;
    height: 42px;
    line-height: 42px;
    margin-right: 20px;
}
header nav.menu a.cart .cart_items_count{
    color: #000;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 11px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
}
header nav .sidenav-trigger{
    font-size: 1.2rem;
    height: 42px;
    line-height: 42px;
    margin: 0;
    text-transform: uppercase;
    width: 60%;
}
header .top_header .links a.account_dropdown_trigger i.right{
    margin: 0;
}
header nav .sidenav-trigger i{
    color: #fff;
    height: 42px;
    line-height: 42px;
    float: left;
    margin-right: 5px;
}
.btn_bulk_order{
    background-color: #5e901c;
    border-radius: 50px;
    box-shadow: none;
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    position: absolute;
    top: 7px;
    right: 60px;
}
header .top_header .btn_bulk_order{
    top: 27px;
    right: 160px;
}
.btn_bulk_order:hover, .btn_bulk_order:focus{
    background-color: #000;
}
#settings-dropdown a{
    float: none;
    font-weight: 400;
    margin: 0;
}
#settings-dropdown a i{
    color: #000;
    font-size: 21px;
}
@media (max-width: 1024px){
    header nav.menu .main li{
        padding: 0 12px;
    }
}
@media (max-width: 992px){
    header .top_header .brand-logo img {
        width: 160px;
    }
    header .top_header .search_bar{
        width: 60%;
    }
}
@media (max-width: 767px){
    header .top_header .brand-logo img {
        width: 140px;
    }
    header .top_header .search_bar{
        width: 50%;
    }
    header .top_header .links{
        width: 20%;
    }
    header .top_header .search_bar .free-shipping:before{
        font-size: 1rem;
    }
    header .top_header .search_bar .free-shipping{
        height: 20px;
        line-height: 20px;
        font-size: 0.85rem;
    }
}
/*----------------------------------------------------
    MEGA MENU
------------------------------------------------------*/
#megamenu{
    display: none;
    position: relative;
    z-index: 505;
    clear: both;
    background-color: #fff;
    max-width: 1156px;
}
#megamenu .menu_content{
    color: #000;
    max-width: 100%;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.13);
    background-color: #fff;
    display: none;
    box-sizing: border-box;
    max-height: 465px;
}
#megamenu .menu_content .menu_group{
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    clear: both; 
}
#megamenu .menu_content .menu_wrapper{
    border-right: 1px solid #f2f2f2;
    width: 165px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}
#megamenu .menu_content .image_wrapper{
    width: 300px;
}
#megamenu .menu_content .image_wrapper a{
    background-size: 100% !important;
    display: block;
    width: 100%;
}
#megamenu .menu_content .image_wrapper a img{
    width: 100%;
    visibility: hidden;
}
#megamenu .menu_content .menu_wrapper:last-child{
    border-right: none;
}
#megamenu .menu_content .menu_wrapper .col_head{
    line-height: normal;
    margin: 10px 0 5px 0;
}
#megamenu .menu_content .menu_wrapper .col_head a{
    display: inline-block;
    color: #000;
    font-weight: 700;
    padding: 0px 10px;
}
#megamenu .menu_content .menu_wrapper .collection{
    border: none;
    margin: 0;
}
#megamenu .menu_content .menu_wrapper .collection .collection-item{
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    width: 100%;
}
#megamenu .menu_content .menu_wrapper .col_head + .collection li>a{
    color: #000;
    padding: 5px 10px;
}
#megamenu .menu_content .menu_wrapper .collection li>a{
    color: #000;
    padding: 10px;
}

/*----------------------------------------------------
    MOBILE SIDEBAR MENU
------------------------------------------------------*/

.sidenav .user-view>a{
    text-align: center;
}
.sidenav .menus{
    overflow: hidden;
    height: 100%;
}

.sidenav .ps-scrollbar-y-rail {
    right: 0 !important;
}
.sidenav li.active{
    background-color: #7db433;
}
.sidenav li>a>i {
    color: rgba(0,0,0,1);
    line-height: 47px;
}
.sidenav > li:first-child{
    line-height: normal;
}
.sidenav .user-view, .sidenav .userView {
    padding: 10px 32px 0;
}
.sidenav .user-view .name{
    margin-top: 10px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
}
.sidenav li>a {
    color: rgba(0,0,0,1);
    font-weight: 400;
    padding: 0 10px;
}
.sidenav li>a:hover, .sidenav li>a:hover > i {
    color: #ec1946;
}
.sidenav,
.sidenav ul,
.sidenav li,
.sidenav a {
    display: block;
    font-weight: normal;
}
.sidenav li>a.active>i, .sidenav > li > ul > li > a.active, .sidenav li>a.active:hover, .sidenav ul ul li a.active, .sidenav ul ul li.active a {
    background: #FF6701;
    color: #fff;
}
#mobile-menu ul ul {
    display: none;
}
#mobile-menu ul ul a {
    color: rgba(0,0,0,1);
    padding-left: 50px;
}
#mobile-menu ul ul ul a {
    padding-left: 70px;
}
.sidenav ul li a i {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
.sidenav ul li .arrow {
    -webkit-transition: -webkit-transform 0.15s;
    -o-transition: -o-transform 0.15s;
    transition: transform .15s;
    position: absolute;
    right: 10px;
    display: inline-block;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    text-rendering: auto;
    font-size: 24px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #444;
}
.sidenav ul li .arrow:before {
    content: "chevron_right";
}
.sidenav ul li a.subdrop .arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (min-width: 1600px){
    .sidenav{
        width: 210px;
    }
}
/*----------------------------------------------------
    COMMON FOR ALL PAGES
------------------------------------------------------*/
@media (max-width: 1400px){
    .container{
        width: 90%;
    }
}
@media (max-width: 992px){
    .container{
        width: 95%;
    }
}
.container_big{
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
}
.content_wrapper{
    margin: 0 15px;
    position: relative;
}
section{
    padding: 50px 0;
}
@media (min-width:1200px){
    .container_big{
        min-width: 1030px;
    }
}
.fadeOut {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
     opacity: 0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.breadcrumb {
    font-size: 0.9rem;
    color: #444;
}
.breadcrumb:before{
    font-size: 1.1rem;
    color: #666;
    margin: 0 3px 0 1px;
}
.breadcrumb:last-child{
    color: #777;
    cursor: auto;
}
.delivery_location{
    position: relative;
    max-width: 400px;
    width: 100%;
}
.delivery_location h4{
    font-size: 1rem;
    font-weight: 600;
}
.delivery_location .close_btn{
    position: absolute;
    right: -15px;
    top: -15px;
}
.delivery_location .input_wrapper{
    background-color: rgba(0,0,0,0.3);
    margin-top: 10px;
    padding: 1px;
    position: relative;
}
.delivery_location .input_wrapper input{
    border: none;
    color: black;
    font-size: 1.2rem;
    height: 3.2rem;
    line-height: 3.5;
    padding-left: 30px;
}
.delivery_location .input_wrapper input::placeholder {
    color: #999; 
    font-size: inherit;
}
.delivery_location .input_wrapper i{
    color: #b2b2b2;
    font-size: 21px;
    line-height: 1.2;
    position: absolute;
    top: 11px;
    left: 7px;
}
.delivery_location .input_wrapper button{
    box-shadow: none;
    position: absolute;
    right: 5px;
    top: 5px;
}
@media (max-width: 499px){
    .delivery_location .input_wrapper input::placeholder {
        font-size: 1rem;
    }
}

#BulkOrderForm{
    max-width: 700px;
}
/*---------------------
    LOGIN
----------------------*/
#login-page{
    max-width: 800px;
}
#login-page .login-form, #login-page .intro-bg{
    min-height: 510px;
    min-width: 400px;
    position: relative;
}
#login-page .intro-bg{
    background: url('/images/login-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center left;
}
.login-form .card-content{
    padding: 15px 24px;
}
.login-form .card-content .footer{
    position: absolute;
    width: 380px;
    bottom: 12px;
    left: 0;
    padding: 0 23px;
}
.login-form .profile-image-login{
    max-width: 100px;
    width: 100%;
}
.login-form .form-group h4{
    font-size: 1.25rem;
    line-height: .1em;
    margin: 15px 0 40px;
}
.login-form .form-group h4 span {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 50px;
    padding: 5px 20px 8px;
}
.login-form p.title{
    color: #484848;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 40px;
}
.login-form .register_panel{
    margin-top: 20px;
}
.login-form .register_panel a{
    font-size: 1.1rem;
}
.login-form .register_panel a > i{
    font-size: 24px;
    vertical-align: middle;
}
.login-form .form-group input.mobile, .login-form .form-group .input-group-text{
    font-size: 1.2rem;
    height: 3.5rem;
}
.login-form .form-group .edit_number{
    color: #666;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    position: relative;
}
.login-form .form-group .edit_number a.link{
    position: absolute;
    right: 0;
    font-size: 0.85rem;
}

.login-form .resend_otp .resend_link{
    display: inline-block;
    float: right;    
}

.login-form .resend_otp figure{
    display: inline-block;
    margin: 0;
    min-width: 15px;
}
.login-form .loader{
    text-align: center;
}

.login-form .forgot-password-btn{
    position: absolute;
    right: 0;
    top: -1px;
}
.login-form [type="checkbox"]+span:not(.lever){
    padding-left: 28px;
}

#login-page .register_form{
    height: 295px;
    width: 389px;
    position: absolute;
    bottom: 0;
    right: 500px;
    padding: 0 24px;
    z-index: -1;
    background-color: #fff;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}
#login-page .register_form.open{
    right: 11px;
    z-index: 1;
}

#potential_customer_modal, #offer_modal{
    max-height: 100%;
    max-width: 450px;
}
#potential_customer_modal .form-group{
    display: flex;
    margin-bottom: 0;
}
#potential_customer_modal button{
    height: 3rem;
    line-height: 3rem;
    margin-left: 10px;
}
#potential_customer_modal .modal-content, #offer_modal .modal-content{
    padding: 0;
}
#offer_modal, #offer_modal .modal-content{
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}
#offer_modal a.material-icons{
    position: absolute;
    color: #000;
    right: 0;
    top: 0;
}
#potential_customer_modal .warning_message{
    margin-top: 10px;
}

@media (min-width: 1100px){
    #login-page .card{
        min-width: 400px;
    }
}
@media (max-width: 992px){
    .login-form .card-content .footer{
        width: 100%;
    }
    #login-page .register_form.open{
        right: 12px;
    }
}
@media (max-width: 600px){
    body.login_page{
        display: block;
        padding-top: 0;
    }
    #login-page .card, #login-page .login-form, #login-page .intro-bg{
        min-width: auto;
    }
    #login-page .register_form{
        width: calc(100% - 28px);
    }
    #potential_customer_modal .form-group{
        display: block;
    }
    #potential_customer_modal button{
        height: 36px;
        line-height: 36px;
        margin-top: 5px;
        margin-left: 0px;
    }
}
@media (max-width: 400px){
    #login-page .register_form{
        width: calc(100% - 28px);
    }
    #login-page .register_form.open{
        right: 10px;
    }
}

/*----------------------------------------------------
    HOMEPAGE
------------------------------------------------------*/
.hero_swiper{
    margin-bottom: 50px;
    margin-top: 20px;
    position: relative;
}
.hero_swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.hero_swiper .swiper-slide {      
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.hero_swiper .swiper-button-next, .hero_swiper .swiper-button-prev{
    background: rgba(255,255,255,0.5);
    color: #000;
}
.hero_swiper .swiper-button-prev{
    left: 0;
}
.hero_swiper .swiper-button-next{
    right: 0;
}
.hero_swiper .swiper-button-next:after, .hero_swiper .swiper-button-prev:after{
    font-size: 2rem;
}
.section_header{
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.section_header .category_image{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    height: 80px;
    width: 80px;
}
.section_header h2{
    font-weight: 700;
    text-align: center;
    color: #111;
}
.section_header a.btn_view_all{
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    float: right;
    padding: 2px 10px;
    margin-right: 15px;
}
.categories_section, .offers_section{
    padding: 50px 0;
}
.category_swiper{
    background-color: #fff;
    margin: 30px 0 10px 0;
}
.categories_section .swiper-slide {
    text-align: center;
    background: #fff;
}
.categories_section .swiper-slide a{
    color: #000;
}
.categories_section .swiper-slide a h6{
    font-weight: 600;
}
.categories_section .swiper-slide img{
    border-radius: 10px;
    width: 200px;
}
.categories_section .swiper-button-next, .categories_section .swiper-button-prev{
    background: rgba(255,255,255,0.5);
    color: #000;
    top: 42%;
}
.categories_section .swiper-button-next:after, .categories_section .swiper-button-prev:after{
    font-size: 2rem;
}
@media (max-width: 767px){
    .categories_section .swiper-slide img{
        width: 180px;
    }
}
@media (max-width: 400px){
    .categories_section .swiper-slide img{
        width: 140px;
    }
}
/*------------------------------
        PRODUCT WIDGET
-------------------------------*/
.product_widget .card{
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
    text-align: center;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}
.product_widget .card:hover{
    //border: 1px solid #7db433;
    -webkit-box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
    box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
}
.jb-points-icon{
    display: inline-block;
    width: auto;
    font-size: 0.9rem;
    color: #000;
    margin: 0 5px;
}
.jb-points-icon:before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('/images/jb-points.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: -3px;
    margin-right: 8px;
}
.product_widget .card.widget:hover .discount_percent{
    background-color: #7db433;
}
.product_widget .card .card-content, .product_widget .card .card-action{
    background-color: transparent;
    padding: 10px;
}
.favorite_icon{
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    transition: transform .2s;
    z-index: 2;
}
.discreet_icon{
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 38px;
    width: 32px;
    height: 32px;
    transition: transform .2s;
    z-index: 2;
}
.favorite_icon.marked i{
    color: #F44336;
    animation: leaves .3s ease-in-out;
    -webkit-animation: leaves .3s ease-in-out;
}
.favorite_icon i{
    color: #ccc;
    font-size: 21px;
    line-height: 33px;
    margin: 0;
}
.discreet_icon i{
    color: #f3b30a;
    font-size: 21px;
    line-height: 33px;
    margin: 0;
}
@keyframes leaves {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.product_widget .card .card-image{
    border-radius: 10px 10px 0 0;
    //display: flex;
    overflow: hidden;
    background: #fff;
    background-size: cover;
    position: relative;
}
.product_widget .card.widget .card-image img{
    margin: 0 auto;
    max-width: 200px;
}
.product_widget .card.widget h3{
    color: #333;
    font-size: 1.15rem;
    font-weight: 400;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 200px;
    height: 50px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    line-height: 2.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_widget .card.widget h3.smaller{
    font-size: 1.05rem;
    line-height: 1.5;
}
.product_widget .card.widget h3.smallest{
    font-size: 0.95rem;
    line-height: 1.3;
}
.product_widget .card.widget .product_price{
    margin-top: 10px;
}
.product_widget .card.widget .product_price span.price{
    font-size: 1.12rem;
    font-weight: 700;
    margin-right: 5px;
}
.product_widget .card.widget .product_price del{
    color: #999999;
}
.product_widget .card.widget .product_price .saved{
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 5px;
    min-height: 24px;
}
.saved span.jb-spacer:after, .saved span.jb-spacer:after{
    font-family: "Material Icons"; 
    content: "add"; 
    -webkit-font-feature-settings: 'liga';
    color: #111;
    font-size: 1rem;
    display: inline-block;
    margin-left: 7px;
}
.product_widget figure{
    display: inline-block;
    margin: 0;
}
.product_widget .card.widget .discount_percent, .product_widget .card.widget .out-of-stock{
    background-color: #000;
    border-radius: 8px 0 8px;
    color: #fff;
    font-size: 12px;
    padding: 0px 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.product_widget .card.widget .out-of-stock{
    background-color: #d11c21;
}
.product_widget .card.widget .badge.preorder{
    border-radius: 8px 0 8px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: calc(50% - 50px);
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    cursor: default;
}
.product_widget .card.widget .product_qty{
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
.product_widget .card.widget .not-shipping{
    height: 32px;
    font-size: 1rem;
    color: #b00;
}
.product_widget .card.widget .product_qty .input-group{
    margin-bottom: 0;
}
.product_widget .card.widget .card-action{
    border: none;
    /*display: flex;
    align-items: center;
    justify-content: space-between;*/
    margin: 0 5px;
    padding: 10px 0;
}
.product_widget .card.widget .card-action .btn-cart, .product_widget .card.widget .card-action .notify-btn{
    background-color: #7db433;
    box-shadow: none;
    height: 32px;
    line-height: 30px;
    padding: 0 8px;
}
.product_widget .card.widget .card-action .notify-btn{
    background-color: #d11c21;
}
.product_widget .card.widget .card-action .notify-btn:before{
    font-family: "Material Icons"; 
    content: "notifications_active"; 
    color: #fff; 
    font-size: 1.3rem;
    display: inline-block;
    float: left;
    text-transform: lowercase;
    -webkit-font-feature-settings: 'liga';
    background-color: #d11c21;
    margin-right: 5px;
}
.product_widget .card.widget .card-action .btn-cart::before{
    font-family: "Material Icons"; 
    content: "add_shopping_cart"; 
    color: #fff; 
    font-size: 1.3rem;
    float: left;
    text-transform: lowercase;
    -webkit-font-feature-settings: 'liga';
}
.product_widget .card.widget .card-action .btn-cart::after{
    content: 'ADD';
    display: inline-block;
    margin-left: 5px;
}
.product_widget .card.widget .card-action .btn-cart.added:before{
    content: "close";
}
.product_widget .card.widget .card-action .btn-cart.added.update:before{
    content: "add_shopping_cart";
}
.product_widget .card.widget .card-action .btn-cart.added.update:after{
    content: 'UPDATE';
}
.product_widget .card.widget .card-action .btn-cart.added:after{
    content: 'REMOVE';
}
.product_qty .input-group{
    margin-bottom: 0;
    width: 55px;
}
.product_qty .browser-default{
    height: 32px;
    padding: 0 5px;
}
.product_widget .card.widget .product_offers {
    margin-bottom: 10px;
}
.product_widget .card.widget .card-action .product_offers .swiper-slide a{
    /*border: 1px solid #ddd;*/
    color: #fff !important;
    text-align: center;
}
.product_widget .card.widget .product_offers .swiper-slide{
    width: 60%;
}
.product_widget .product_offers a{
    background: #66a216;
    border: none;
    border-radius: 20px;
    color: #fff;
    letter-spacing: 0.05rem;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px !important;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 10px;
}
.product_widget .card.widget .product_offers li span{
    background-color: #6b6969;
    border-radius: 10px 0 0 10px;
    color: white;
    display: inline-block;
    margin-right: 2px;
    padding: 0 7px;
    text-align: center;
    width: 45px;
}

/*------------------------------
        CATEGORY PAGE
-------------------------------*/
body.category{
    background-color: #f4f4f4;
}
body.category .category_bg{
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: top center;
    /*display: flex;*/
    align-items: center;
    /*padding: 0 15px;*/
    padding-bottom: 5px;
    position: relative;
}
body.category .category_bg .cat_banner{
    visibility: hidden;
    width: 100%;
    display: block;
}
body.category .category_bg .container_big{
    display: block;
}
body.category .header_content{
    margin-top: 10px;
}
body.category .header_content .breadcrumbs{
    display: block;
    height: 30px;
    width: 100%;
}
body.category .header_content .product-title{
    display: inline-block;
    width: 35%;
}
body.category .header_content .sort_nav{
    float: right;
}
body.category .category_products{
    margin-top: 10px;
}
body.category .header_content .products-count{
    font-size: 0.9rem;
    font-weight: 400;
    color: #444;
}
body.category .header_content .sort_div label.active{
    color: #c3c2c2;
    top: -5px;
}
body.category .header_content .sort_div select.browser-default{
    height: 2.3rem;
    padding: 0 5px;
}
body.category h1{
    color: #333;
    font-size: 1.7rem;
    margin-bottom: 5px;
}
body.category .categories_section{
    padding: 0;
}
body.category .category_swiper{
    margin: 0px;
    padding: 20px 0 0;
}
body.category .swiper-slide img{
    width: 150px;
}
body.category .filters_nav{
    background-color: #fff;
    box-shadow: none;
}
body.category .header_content .sort_nav{
    background: none;
    -webkit-box-shadow:none;
    box-shadow:none;
    color: #333;
    height: 35px;
    line-height: 35px;
    width: auto;
}
body.category .header_content .sort_nav li{
    padding: 0 15px;
}
body.category .header_content .sort_nav li a{
    color: #333;
}
body.category .header_content .sort_nav li a.active{
    border-bottom: 1px solid #999;
    font-weight: 600;
}
@media (max-width: 1024px){
    body.category .header_content .sort_nav ul a, body.category .header_content .sort_nav ul li{
        padding: 0 5px;
    }
}
@media (max-width: 992px){
    body.category .header_content .product-title{
        display: block;
        width: 100%;
    }
    body.category .header_content .sort_nav{
        float: none;
        display: block;
        width: 100%;
    }
    body.category .header_content .sort_nav ul a, body.category .header_content .sort_nav ul li{
        padding: 0 10px;
    }
}
@media (max-width: 768px){
    body.category .header_content .breadcrumbs{
        display: none;
    }
}
@media (max-width: 350px){
    body.category .header_content .sort_nav ul li{
        padding: 0 6px;
    }
}
/*------------------------------
            PRODUCT.PHP
-------------------------------*/
.product_details{
    margin-top: 0;
}
.product_details header{
    margin-bottom: 10px;
}
.product_details .images, .product_details .details{
    padding-top: 10px;
}
.product_details .breadcrumb:before, .product_details .breadcrumbs a, .product_details .breadcrumb:last-child{
    color: #777;
}
.product_details .main_image{
    background: url(/images/loader.gif) no-repeat center;
    position: relative;
    text-align: center;
}
.product_details .thumbs_swiper {
    max-width: 500px;
    margin: 0 auto;
}
.product_details .thumbs_swiper .swiper-wrapper{
    justify-content: center;
}
.product_details .thumbs_swiper .swiper-slide img{
    width: 120px;
}
.product_details h1{
    font-size: 2rem;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px;
}
.product_details h1.smaller{
    font-size: 1.5rem;
}
.product_details .brand-link{
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #666;
}
.product_details .product_widget .product_price{
    margin: 15px 0;
}
.product_details .product_widget .product_price span.price{
    color: #7db433;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 5px;
}
.product_details .product_widget .product_price del{
    color: #999999;
}
.product_details .product_widget .product_price .saved{
    font-size: 1rem;
    font-weight: 600;
    margin-top: 5px;
}
.product_details .product_widget .product_price .offer-applied:before{
    font-family: 'Material Icons';
    content: "local_offer";
    -webkit-font-feature-settings: 'liga';
    color: #6ca51f;
    float: left;
    margin-right: 5px;
}
.product_details .product_widget .product_price .offer-applied{
    display: none;
    font-size: 1rem;
    font-weight: 400;
    color: #00a651;
    margin-top: 5px;
}
.product_details .product_qty .input-group{
    margin-bottom: 20px;
    width: 80px;
}
.product_details .product_widget figure{
    display: inline-block;
    margin: 0;
}
.product_details .product_widget .discount_percent{
    border-radius: 8px 0 8px;
    padding: 0px 5px;
    display: inline-block;
}
.product_details .badge.preorder{
    border-radius: 0 10px;
    color: #fff;
    font-size: 12px;
    position: initial;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
.product_details .product_widget .btn-cart{
    background-color: #7db433;
    box-shadow: none;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}
.product_details .product_widget .btn-cart:before{
    font-family: "Material Icons"; 
    content: "add_shopping_cart"; 
    color: #fff; 
    font-size: 1.3rem;
    display: inline-block;
    float: left;
    text-transform: lowercase;
    -webkit-font-feature-settings: 'liga';
}
.product_details .product_widget .btn-cart:after{
    content: 'ADD TO CART';
    display: inline-block;
    margin-left: 5px;
}
.product_details .product_widget .btn-cart.added:before{
    content: "close";
}
.product_details .product_widget .btn-cart.added.update:before{
    content: "add_shopping_cart";
}
.product_details .product_widget .btn-cart.added.update:after{
    content: 'UPDATE';
}
.product_details .product_widget .btn-cart.added:after{
    content: 'REMOVE FROM CART';
}
.product_details .favorite_icon{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    top: 5px;
    text-align: center;
}
.product_details .product_widget .product_offers{
    position: initial;
    padding-top: 0;
}
.product_widget .product_offers li{
    border: 1px solid #eee;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: 600;
    padding-right: 7px;
}
.product_offers li span{
    background-color: #6b6969;
    border-radius: 10px 0 0 10px;
    color: white;
    display: inline-block;
    margin-right: 2px;
    padding: 0 7px;
    text-align: center;
    width: 45px;
}
.product_details .product_variants li .card{
    border: 1px solid #eee;
    border-radius: 2px;
    color: #000;
    text-align: left;
}
.product_details .product_variants li .card-image{
    background-color: #fff;
    height: auto;
}
.product_details .product_variants li .card-image img{
    width: 80px;
}
.product_details .product_variants li .card .variant_price{
    color: #7db433;
    font-weight: 700;
    margin-right: 5px;
}
.product_details .product_variants li .card .mrp{
    color: #999;
    text-decoration: line-through;
}
.product_details .product_description{
    margin: 20px 0;
}
.product_details .related_products h2{
    font-size: 1.42rem;
}
@media (max-width: 499px){
    .product_details .product_widget .btn-cart.main-btn{
        display: block;
    }
}
/*------------------------------
            STATIC PAGES
-------------------------------*/
body.static-page main{
    margin-top: 30px;
}
body.static-page main h1, body.static-page main h2, body.static-page main h3, body.static-page main h4{
    font-family: 'Lato';
}
body.static-page main h1{
    font-size: 2rem;
}
body.static-page main h2{
    font-size: 1.4rem;
}
body.static-page main h3{
    font-size: 1.2rem;
}
body.static-page main p{
    font-size: 1rem;
    text-align: justify;
}
body.static-page.about main p{
    font-size: 1.1rem;
}
body.static-page main p>b{
    font-size: 1.05rem;
}
body.static-page main ol, body.static-page main ul{
    padding-left: 15px;
    padding-top: 0;
    margin-top: 0;
}
body.static-page main ul li{
    list-style: disc;
}
body.static-page main .page-heading{
    margin-bottom: 20px;
}
/*------------------------------
            CART.PHP
-------------------------------*/
body.cart main, main.orders, main.wishlist{
    min-height: 500px;
}
body.cart header{
    height: 80px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
body.cart nav.menu{
    display: none;
}
body.cart .cart_items li{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px 0;
}
body.cart .cart_items li.delivery_location_div, .my_account .list li.header{
    background-color: #eee;
    font-weight: 600;
    padding: 10px;
}
body.cart .cart_items li:not(:last-child){
    border-bottom: none;
}
body.cart .cart_items li .card{
    box-shadow: none;
    margin: 0;
}
body.cart .cart_items li .card-image{
    width: 100px;
}
body.cart .cart_items li .card-image a{
    display: inline-block;
    width: 100%;
}
body.cart .cart_items li .card-image img{
    width: 100%;
}
body.cart .cart_items li .card .card-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    text-align: left;
}
body.cart .cart_items li .card .card-content .col1{
    width: 50%;
}
body.cart .cart_items li .card .card-content a.title{
    color: #000;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 5px;
}
body.cart .cart_items li .card .price{
    color: #7db433;
    font-weight: 700;
    margin-right: 5px;
}
body.cart .cart_items li .card del{
    color: #999;
    text-decoration: line-through;
}
body.cart .cart_items li .card .discount_percent{
    color: #333;
    margin-left: 5px;
}
body.cart .cart_items li .card .offer_applied{
    color: #00a651;
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 5px;
}
body.cart .cart_items li .card .offer_applied .offer_heading{
    color: #333;
    display: inline-block;
    float: left;
    margin-right: 5px;
    font-weight: 600;
    font-size: 0.9rem;
}
body.cart .cart_items li .card .param-changed:before{
    font-family: 'Material Icons';
    content: "chevron_right";
    -webkit-font-feature-settings: 'liga';
    float: left;
    font-size: 1.1rem;
}
body.cart .cart_items li .card .param-changed{
    font-size: 1rem;
    font-weight: 400;
    color: #eee;
    background-color: #b00;
    display: inline-block;
    padding: 1px 8px 1px 5px;
}
body.cart .cart_items li .card figure{
    display: inline-block;
    margin: 0;
}
body.cart .cart_items .cart_actions li{
    border: none;
    padding: 0
}
body.cart .cart_items .cart_actions li a{
    color: #666;
    display: inline-block;
    font-size: 0.9rem;
    padding: 5px 10px
}
body.cart .cart_items .cart_actions li a i.material-icons{
    color: #b0bacc;
    font-size: 17px;
    margin-right: 3px;
    vertical-align: sub;
}
body.cart .order_summary .price_details{
    background-color: white;
    border: 1px solid #ccc;
    margin-top: 14px;
    padding: 0 10px;
}
body.cart .order_summary .add-more-worth{
    font-weight: 400;
    color: #669e1b;
    font-size: 1rem;
    margin: 0;
}
body.cart .order_summary .price_details tr{
    border: none;
}
body.cart .order_summary .price_details td:last-child, body.cart .order_summary .price_details th:last-child{
    text-align: right;
}
body.cart .order_summary .price_details th{
    border-top: 1px solid #ccc;
    font-size: 1.4rem;
}
body.cart .no_products .empty_cart_svg {
    background-size: 150px !important;
    background-position: center !important;
    height: 250px;
    width: 100%;
}
body.cart .cart_no_products p, main.orders .no_orders p, main.wishlist .no_orders p{
    font-size: 1.2rem;
    font-weight: 600;
}
body.cart main.order-placed .material-icons{
    float: left;
    color: #7db433;
    margin-right: 8px;
    font-size: 21px;
}
body.cart main.order-placed .card{
    padding: 20px;
}
body.cart main.order-placed h3{
    font-size: 2.2rem;
}
body.cart main.order-placed h3 .material-icons{
    font-size: 2.4rem;
}
body.cart main.order-placed .free-product{
    font-size: 0.9rem;
    background-color: #7db433;
    color: #fff;
    padding: 2px 5px;
    margin-right: 5px;
    display: inline-block;
}
body.cart main.order-placed .free-product:before{
    font-family: 'Material Icons';
    content: "local_offer";
    -webkit-font-feature-settings: 'liga';
    float: left;
    display: inline-block;
    margin-right: 5px;
}
@media (max-width: 767px){
    body.cart main.order-placed h3{
        font-size: 1.4rem;
    }
    body.cart main.order-placed h3 .material-icons{
        font-size: 1.6rem;
    }
    body.cart .cart_items li .card .card-content .col1{
        width: 100%;
    }
}
/*------------------------------
        ORDER.PHP
-------------------------------*/
.my_account{
    margin-top: 30px;
}
.my_account_tabs{
    margin-top: 13px;
}
.my_account_tabs.collection .collection-item{
    color: #666;
    border: none;
}
.my_account_tabs.collection a.collection-item:not(.active):hover{
    background-color: transparent;
    color: #000;
}
.my_account_tabs.collection .collection-item.active{
    background-color: #444;
    color: #fff;
}
main.orders .empty_cart_svg, main.wishlist .empty_cart_svg {
    background-size: 250px !important;
    background-position: bottom center !important;
    height: 220px;
    margin-bottom: 20px;
    width: 100%;
}
.my_account .list{
    border-bottom: 1px solid #ddd;
    margin: 0;
}
.my_account a.load-more{
    display: block;
    text-align: center;
    background-color: #ddd;
    color: #000;
    padding: 8px 0;
}
.my_account .list li, .my_account .list_header{
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    font-size: 1rem;
    font-weight: 600;
}
.my_account .list_header{
    background-color: #eee;
    margin-top: 13px;
    padding: 10px 15px;
}
.my_account .list li .item
{
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
.my_account .list li .item a.retry-btn
{
    display: block;
    border-radius: 3px;
    font-size: 0.8rem;
    width: 100px;
    height: 28px;
    line-height: 28px;
    margin: 10px auto 0 auto;
    background: rgba(125,180,50,1);
}
.my_account .list li div
{
    flex-grow: 1;
    flex-basis: 0;
}
main.orders .order_status{
    text-align: center;
}
main.orders .order_total{
    text-align: right;
}
main.orders .order_items .item_count{
    background-color: #e2e1e1;
    border-radius: 50%;
    color: black;
    font-size: 1.12rem;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
main.orders .order_items label{
    font-size: 1rem;
}
.my_account .list li .chip{
    border-radius: 3px;
    font-size: 0.8rem;
    height: 28px;
    line-height: 28px;
    margin: 0
}
.wishlist .chip{
    height: 26px;
    line-height: 26px;
}
.my_account .chip.delivered, .wishlist .chip.credit{
    background-color: #629b15;
    color: white;
}
.my_account .chip.shipped{
    background-color: #2196f3;
    color: white;
}
.my_account .chip.processing, .wishlist .chip.debit{
    background-color: #ef6c00;
    color: white;
}

/*------------------------------
        ORDER DETAILS
-------------------------------*/
.order_details .header{
    margin-bottom: 20px;
}
.order_details .card-panel{
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
}
.order_details .card-panel .form-group{
    margin-bottom: 15px;
}
.order_details .card-panel label{
    display: block;
}
.order_details .chip {
    border-radius: 3px;    
}
.order_details ul.action_buttons .btn-white{
    background-color: white;
    color: black;
    box-shadow: none;
    border: 1px solid #333 !important;
    border-radius: 3px;
    margin-bottom: 15px;
    width: 140px;
}
.order_details ul.action_buttons li{
    text-align: right;
}
.order_details .btn-white i.material-icons{
    color: #6c7990;
    vertical-align: middle;
}
.order_details .btn-white:hover{
    background-color: black !important;
    color: white !important;
}
.order_details .btn-white:hover i.material-icons{
    color: white;
}
.order_details .product_list .col{
    padding: 0
}
.order_details .product_list .card{
    box-shadow: none;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    margin: 0 10px 10px 0;
    padding: 10px;
}
.order_details .product_list .card img{
    width: 80px;
}
.order_details .product_list .card a.title{
    color: #000;
    display: block;
    font-weight: 600;
}
.order_details .order_summary, .order_details .order_summary .form-group{
    margin-bottom: 10px;
}
.order_details .order_summary label{
    display: inline-block;
    font-size: 1rem;
    min-width: 180px;
}
.order_details .order_summary .form-group span{
    display: inline-block;
    min-width: 140px;
}

/*------------------------------
        WISHLIST
-------------------------------*/
.wishlist h5{
    color: #777;
    font-size: 1rem;
}
.wishlist .product_list .card{
    box-shadow: none;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    margin: 0 10px 5px 0;
    min-height: 90px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.wishlist .product_list .card img{
    width: 80px;
    max-width: none !important;
}
.wishlist .product_list .card a.title{
    color: #000;
    display: block;
    font-weight: 600;
}
.wishlist .product_list .card .product_price .price{
    color: #7db433;
    font-weight: 700;
    margin-right: 5px;
}
.wishlist .product_list .card .product_price del{
    color: #999;
}
.wishlist .product_list .card .product_price .discount_percent{
    margin-left: 10px;
}
.wishlist .product_list .card .delete_item{
    position: absolute;
    background-color: #ddd;
    border-radius: 50px;
    color: #fff;
    font-size: 0.9rem;
    bottom: 5px;
    right: 5px;
    height: 30px;
    line-height: 45px;
    opacity: 0;
    width: 30px;
    text-align: center;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}
.wishlist .product_list .card:hover .delete_item{
    opacity: 1;
}

/*------------------------------
        CHECKOUT ADDRESSES
-------------------------------*/
.my_profile .collapsible .collapsible-body .update_mobile_number{
    margin-top: 20px;
    max-width: 300px;
    padding: 0 15px;
}
.checkout_jbpoints .collapsible, .checkout_address .collapsible, .checkout_payment .collapsible, .my_profile .collapsible, .wishlist .collapsible{
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    margin-top: 1rem;
}
.checkout_jbpoints .collapsible .collapsible-header, .checkout_address .collapsible .collapsible-header, .checkout_payment .collapsible .collapsible-header, .my_profile .collapsible .collapsible-header, .wishlist .collapsible .collapsible-header{
    background-color: #eee;
    font-size: 1rem;
    font-weight: 600;
}
.checkout_address .collapsible .collapsible-header i, .checkout_payment .collapsible .collapsible-header i, .my_profile .collapsible .collapsible-header i{
    color: #000;
}
.checkout_address .collapsible .collapsible-body, .checkout_payment .collapsible .collapsible-body, .my_profile .collapsible .collapsible-body{
    padding: 1rem;
}
.checkout_address .collapsible .collapsible-body li{
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    padding: 10px 0;
    position: relative;
}
.checkout_address .collapsible .collapsible-body li:last-child{
    border: none;
}
.checkout_address .collapsible .collapsible-body li .content .badge{
    background-color: #444;
    border-radius: 3px;
    color: white;
    font-size: 0.8rem;
    line-height: 20px;
    height: 20px;
    position: absolute;
    right: 0;
}
.checkout_address .collapsible .collapsible-body li .content .edit_btn{
    position: absolute;
    bottom: 10px;
    right: 0;
}
.checkout_address .collapsible .collapsible-body .address{
    color: #666;
    font-size: 0.9rem;
}
#AddressForm img.loader{
    display: none;
    position: absolute;
    right: 0px;
    bottom: 17px;
}
.checkout_payment .collapsible .collapsible-header .rupee{
    font-style: normal;
    line-height: 1;
}
.checkout_payment .collapsible .collapsible-body .payment_options label{
    display: block;
    padding: 10px 0;
}
.checkout_payment .collapsible .collapsible-body .payment_options span>span.desc{
    display: block;
    font-size: 0.9rem;
    color: #666;
    letter-spacing: 0.05rem;
}
/*------------------------------
            FOOTER
-------------------------------*/
.page-footer{
    background-image: url(/images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-footer .logo img{
    width: 60px;
}
.page-footer{
    padding-top: 50px;
}
.page-footer .social_icons{
    margin-top: 15px;
}
.page-footer .social_icons img{
    background-color: black;
    border-radius: 5px;
    margin-right: 10px;
    padding: 6px;
    width: 30px;
}
.page-footer .social_icons img:hover{
    opacity: 1;
}
.page-footer .phone, .page-footer .email{
    clear: both;
}
.page-footer .phone i, .page-footer .email i{
    font-size: 21px;
}
.page-footer .phone img{
    margin-right: 8px;
    width: 20px;
}
.page-footer .footer-copyright{
    background-color: rgba(0,0,0,.6);
    text-align: center;
}
.page-footer .links ul li a{
    display: block;
    padding: 4px 0;
}
.page-footer .links ul li a:before{
    font-family: 'Material Icons';
    content: "chevron_right";
    -webkit-font-feature-settings: 'liga';
}
.page-footer .categories_wrapper {
    margin-bottom: 10px;
}
.page-footer .categories_wrapper h5, .page-footer .categories_wrapper ul {
    margin: 0;
}
.page-footer .categories_wrapper h5 a{
    background-color: #696767;
    border-radius: 50px;
    color: white;
    font-size: 0.8rem;
    margin-right: 5px;
    padding: 0 5px 2px;
}
.page-footer .categories_wrapper ul li {
    display: inline-block;
    font-size: 0.8rem;
}
.page-footer .categories_wrapper ul li:after {
    content: '|';
    padding: 0 2px 0 4px;
}
.page-footer .categories_wrapper ul li:last-child:after {
    display: none;
}
.page-footer .categories_wrapper ul li a{
    color: white;
    font-size: 0.8rem;
}

/*------------------------------
        MEDIA QUERIES
-------------------------------*/
@media (min-width: 601px){
    .product_widget .card.widget .card-action .product_offers{
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        left: 0;
        top: -500px;
        width: 100%;
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
        padding: 10px;
    }
    .product_widget .card.widget:hover .card-action .product_offers{
        top: -240px;
    }
}
@media (min-width: 993px){
    .home_offers_banner .banners{
        display:flex;
        align-items:stretch;
        justify-content:center
    }    
    .product_details .product_variants li .card, .product_details .product_description{
        max-width: 80%;
    }
    .product_widget .card.widget .card-action{
        position: relative;
    }
    
    .my_account .list li:hover{
        background-color: #f4f4f4;
    }
}
@media (max-width: 992px){
    body{
        background-color: #f4f4f4;
    }
    .hero_swiper {
        background-color: #fff;
        min-height: 300px;
        margin-top: 0px;
        padding: 10px;
    }
    .hero_swiper .swiper-button-next, .hero_swiper .swiper-button-prev{
        display: none;
    }
    .essential_products .row .col{
        padding: 0 0.25rem;
    }
    .section_header{
        margin-bottom: 10px;
    }
    .product_widget .card.widget .card-image{
        min-height: 130px;
    }
    .product_details .product_variants li .card .card-image{
        min-height: auto;
    }
    .categories_section {
        padding: 20px 0;
    }
    body.category .category_bg{
        background-size: 108% !important;
    }
    body.category .header_content{
        display: block;
        text-align: center;
    }
    body.category .header_content .sort_nav{
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 10px;
        width: fit-content;
    }
    body.category .header_content .products-count {
        display: block;
        margin-top: 10px;
    }
    body.category h1{
        font-size: 1.8rem;
    }
    body.category .header_content .sort_nav li{
        padding: 0 10px;
    }
    body.category .header_content .sort_nav li a{
        font-size: 0.95rem;
        padding: 0;
    }
    body.cart .cart_items li.delivery_location_div{
        background-color: #fff;
    }
    .page-footer .popular_categories, .page-footer .links{
        margin-top: 30px;
    }
    .my_account .list{
        border: none;
    }
    .my_account .list li, .my_account .list_header{
        background-color: #fff;
        border: none;
        margin-bottom: 5px;
        -webkit-box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
        box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
    }
    .my_account .list li .order_items{
        display: none;
    }
    .wishlist .product_list .card .delete_item{
        display: inline-block;
        margin-top: 8px;
        opacity: 1;
        position: initial;
    }
}
@media (max-width: 600px)
{
    body{
        padding-top: 110px;
    }
    body.category .header_content .sort_nav li{
        padding: 0 7px;
    }
    body.category .header_content .sort_nav li a{
        font-size: 0.9rem;
    }
    header{
        height: 110px;
    }
    .hero_swiper{
        min-height: 162px;
        margin-bottom: 30px;
    }
    .section_header h2 {
        font-size: 1.5rem;
    }
    .product_widget .card.widget{
        margin: .5rem 0 0rem 0;
        text-align: left;
    }
    .product_widget .favorite_icon{
        right: 0;
    }
    .product_widget .card.widget .card-image{
        margin-top: 12px;
        min-height: auto;
        width: 100px;
        display: inline-block;
    }
    .product_widget .card.widget .card-content{
        display: inline-block;
        margin-top: 5px;
        padding-bottom: 0;
        text-align: left;
        width: 65%;
        vertical-align: top;
    }
    .product_widget .card.widget h3{
        font-size: 1rem;
        height: auto;
        max-width: inherit;
    }
    .product_widget .card.widget .product_price {
        margin-top: 5px;
    }
    .product_widget .card.widget .product_price .saved {
        display: inline;
        margin-left: 10px;
    }
    .product_widget .card.widget .card-action .btn-cart{
        margin-left: 10px;
    }
    .product_widget .card.widget .product_offers{
        margin-top: 0px;
        padding: 0;
        position: relative;
    }
    body.category h1{
        font-size: 1.5rem;
    }
    .product_details h1{
        font-size: 1.6rem;
    }
    .breadcrumb, .breadcrumb:before{
        font-size: 0.85rem;
        vertical-align: top;
    }
    .product_details .breadcrumbs{
        display: none;
    }
    .product_details .product_price, .product_details .product_qty{
        display: inline-block;
        vertical-align: bottom;
        margin-left: 10px;
    }
    body.cart{
        padding-top: 80px;
    }
    body.cart header{
        height: 65px;
    }
    body.cart .cart_no_products .empty_cart_svg{
        background-size: 200px !important;
    }
    body.cart .cart_items > li{
        border: none;
        margin-bottom: 5px;
    }
    body.cart .order_summary .price_details{
        border: none;
        margin-top: 0;
    }
    body.cart .cart_items li .card .card-content{
        display: block;
    }
    body.cart .cart_items li .card .card-content .product_price{
        display: block;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    body.cart .cart_items li .card .card-content .product_price del, body.cart .cart_items li .card .card-content .product_price .discount_percent{
        font-size: 0.9rem;
    }
    body.cart .cart_items li .card .card-content .product_price .saved{
        /*margin-left: 10px;*/
    }
    body.cart .cart_items li .card .card-content .col3{
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
    }
    body.cart .cart_items li .card .card-content .col2{
        position: absolute;
        left: -83px;
        bottom: 0;
    }
    body.cart .cart_items .cart_actions li a{
        padding: 5px 0px;
    }
    .checkout_address .collapsible .collapsible-body li .content .badge{
        position: inherit;
        float: none;
        display: inline-block;
        margin-bottom: 5px;
    }
    .my_account .list li .order_total{
        display: none;
    }
    .order_details .card-panel{
        padding: 15px 0px;
    }
    /*.order_details .card-panel.box1 .form-group{
        display: flex;
    }*/
    .order_details .card-panel.box1 .form-group label{
        font-size: 1rem;
        min-width: 120px;
    }
    .order_details .product_list .card{
        margin-bottom: 5px;
        margin-right: 0;
    }
    .order_details ul.action_buttons li{
        display: inline-block;
        margin-right: 10px;
        text-align: left;
    }
    .order_details .action_buttons .btn-white{
        display: inline-block;
        margin-bottom: 0;
    }
}
@media (max-width: 330px)
{
    .hero_swiper {
        min-height: 130px;
    }
    .product_widget .card.widget .card-content{
        display: block;
        text-align: center;
        width: 100%;
    }
    .product_widget .card.widget .card-image{
        background-color: #fff;
        width: 100%;
    }
    .product_widget .card.widget .card-image img{
        width: 100px;
    }
    .product_widget .card.widget h3{
        height: auto;
    }    
    .product_widget .card.widget .card-action{
        justify-content: center;
    }
    .product_widget .card.widget{
        text-align: center;
    }
}
/***********************************************************************************
        CSS FOR CATEGORY/SEARCH PAGE LEFT SIDE FILTERS
***********************************************************************************/
.filters_panel {
    background: #fff;
    margin-top: 15px;
}
.filters_panel .chip{
    background-color:#d53232;
    color: #fff;
}
.filters_panel .collapsible{
    border: none;
    box-shadow: none;
}
.filters_panel .select-wrapper input.select-dropdown {
    border: 1px solid #ccc;
}
.filters_panel .collapsible > li{
    border:none;
}
.filters_panel .collapsible-header{
    background: none;
    font-weight: 600;
    position: relative;
}
.filters_panel > ul > li:not(:first-child) .collapsible-header:after, .filters_panel > ul > li:not(:first-child).active .collapsible-header:after{
    font-family: 'Material Icons';
    font-size: 1.5rem;
    content: "expand_more";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    right: 15px;
    bottom: 8px;
    color: #777;
}
.filters_panel > ul > li:not(:first-child).active .collapsible-header:after{
    content: "expand_less";
}
.filters_panel > ul > li:first-child, .filters_panel > ul > li:first-child .collapsible-header {
    /*border-bottom: none;*/
    border-radius: 5px 5px 0 0;
    cursor: auto;
    font-size: 1.2rem;
    display: none;
}
.filters_panel .collapsible-header i{
    font-size: 1.4rem;
    line-height: 1.4;
}
.filters_panel .collapsible-header i.left{
    margin-right: 5px;
}
.filters_panel .collapsible-header a.close{
    display: none;
    position: absolute;
    top: 12px;
    right: 0px;
}
.filters_panel .collapsible-header .clear_filters{
    font-size: 13px;
    margin-left: 15px;
    margin-top: 5px;
}
.filters_panel .collapsible-body {
    border-bottom: none;
    padding: 0.5rem 1rem;
}
.filters_panel .collapsible-body.categories{
    padding-left: 0.25rem;
    padding-right: 0.5rem;
}
.filters_panel .collapsible-body.limit-height{
    max-height: 250px;
    overflow: auto;
}
.filters_panel .category_list li a {
    color: #111;
    display: block;
    letter-spacing: 0.06rem;
    font-size: 0.9rem;
    padding: 5px 0;
}
.filters_panel .category_list .viewAll {
    color: #035ce5;
    text-transform: uppercase;
    font-weight: 600;
}
.filters_panel .category_list li a.active {
    color: #4080e4;
}
.filters_panel .category_list ul{
    position: relative;
}
.filters_panel .category_list li{
    margin:0;
    padding:0 1.2rem;
    position: relative;
}
.filters_panel .category_list>li{
    padding-left: 0.5rem;
}
.filters_panel .category_list ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #ddd;
}
.filters_panel .category_list ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #ddd;
    margin-top: 2px;
    position: absolute;
    top: 1em;
    left: 0;
}
.filters_panel .category_list ul li:last-child:before {
    height:auto;
    top:1em;
    bottom:0
}
.filters_panel ul.custom-tabs{
    background-color: transparent;
}
.filters_panel ul.custom-tabs > li{
    padding-right: 5px;
}
.filters_panel ul.custom-tabs > li .btn-go{
    background-color: #2087cc;
    box-shadow: none;
    width: 45px;
    padding: 0;
    height: calc(2.3rem + 2px);
    vertical-align: baseline;
}
.filters_panel .dropdown-content li {
    min-height: 45px;
}
.filters_panel .dropdown-content li>span{
    padding: 10px 16px;
}
.filters_panel .browser-default{
    height: calc(2.3rem + 2px);
    line-height: 1.5;
}
.filters_panel .btn{
    height: calc(2.3rem + 2px);
    line-height: 1.5;
    vertical-align: top;
}
.filters_panel .noUi-connect{
    background: #84bd37;
}
.filters_panel .collapsible-header:focus{
    background:#fff;
}
.filters_panel .collapsible-body.noui-slider{
    padding-top: 1.3rem;
}
.filters_panel .collapsible-body.noui-slider .input-group-text{
    width: 60px;
}
.filters_panel .collapsible-body.noui-slider input{
    max-width: 120px;
}
.filters_panel .noui-slider-wrapper{
    width: 80%;
}
.filters_panel .noUi-handle:after, .filters_panel .noUi-handle:before{
    background: #ccc;
}
.mobile_footer{
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    margin: .5rem 0 0 0;
    border-radius: 2px;
    background-color: #ff8f00;
    display: none;

    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.mobile_footer{
    width: 100%;
}
.mobile_footer a i{
    vertical-align: middle;
    color: #fff;
    float: left;
}
.filters_panel .mobile-done{
    display: none;
}
.mobile_footer a{
    color: #fff;
    font-size: 1.2rem;
    display: block;
    padding: 12px 5px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 992px)
{
    .filters_panel{
        position: fixed;
        top: 0;
        left: -450px;
        max-width: 400px;
        z-index: 1041;
        margin-top: 0;
        -webkit-transition: all .25s;
        transition: all .25s;
    }
    .filters_panel .mobile-done{
        display: block;
    }
    .filters_panel > ul > li:first-child, .filters_panel > ul > li:first-child .collapsible-header {
        border-radius: 0;
    }

    .mobile_footer{
        display: block;
        position: fixed;
        left: 0;
        bottom: -2px;
        width: 100%;
        z-index: 5;
    }
    .filters_panel.show{
        left: 0;
        height: 100%;
    }
    .filters_panel .collapsible-header a.close{
        display: block;
        position: absolute;
        right: 0px;
        top: 15px;
    }
    .filters_panel{
        height: 100%;
        overflow: auto;
    }
}

@media (max-width: 800px)
{
    .filters_panel .collapsible{
        box-shadow: none;
        margin: 0;
    }
}

/**********************************************
            MOBILE MEGA MENU
**********************************************/
.mobile-mega-menu .list-group{
    display: block !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mobile-mega-menu .mmTabs{
    margin-top: 0;
}
.mobile-mega-menu .mmTabs .mmSubMenu > ul{
    height: 85%;
    overflow: auto !important;
    overflow: hidden;
    margin-top: 0;
}
.mobile-mega-menu .mmTabs .mmSubMenu .back-to-main{
    border-bottom: #eee solid 1px;
}
.mobile-mega-menu .mmTabs .mmSubMenu .back-to-main a{
    padding-left: 10px;
    font-weight: bold;
    color: #000;
    display: inline-block;
}
.mobile-mega-menu .mmTabs .mmSubMenu .back-to-main:after{
    font-family: "Material Icons";
    content: "arrow_back";
    font-size: 1.5rem;
    float: right;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}
.mobile-mega-menu .mmTabs > li{
    border-bottom: #eee solid 1px !important;
}
.mobile-mega-menu .mmTabs > li:last-child{
    border-bottom: none !important;
}
.mobile-mega-menu .mmTabs > li ul li{
    height: auto;
    line-height: normal;
}
.mobile-mega-menu .mmTabs > li ul a{
    height: 36px;
    line-height: 36px;
}
.mobile-mega-menu > ul{
    width: 100%;
    height: 100%;
    max-height: 92%;
    overflow: auto;
    overflow-x: hidden;
}
.mobile-mega-menu .mmTabs ul a{
    padding-left: 20px !important;
}
.mobile-mega-menu .mmTabs ul ul a{
    padding-left: 30px !important;
}
.mobile-mega-menu .mmTabs ul ul{
    margin-top: 0;
}
.mobile-mega-menu > ul > li{
    position: static;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: #eee solid 1px !important;
    border-radius: 0;
}
.mobile-mega-menu > ul > li > ul > li{
    padding-top: 12px;
    padding-bottom: 12px;
}
.mobile-mega-menu > ul > li:first-child{
    border-top: none !important;
}
.mobile-mega-menu li a{
    display: inline-block;
    width: 80%;
    color: #000;
    font-size: 13px;
}
.mobile-mega-menu .mmHeading{
    border-bottom: #eee solid 1px;
}
.mobile-mega-menu .mmHeading .mmLabel{
    font-size:12px;
    font-weight: bold;
    display: inline-block;
    width: 72%;
    text-align: center;
    margin-top: 3px;
    padding: 12px 5px;
    text-transform: uppercase;
}
.mobile-mega-menu .mmTabs{
    position: relative;
}
.mobile-mega-menu .mmTabs .hasSub{
    display: inline-block;
    float: right;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
}
.mobile-mega-menu .mmTabs .hasSub:after{
    font-family: "Material Icons";
    content: "chevron_right";
    font-size: 1.5rem;
}
.mobile-mega-menu li span.fa{
    font-size:14px;
}
.mobile-mega-menu >ul > li img{
    margin-right: 10px;
    width: 24px;
}
.mobile-mega-menu .mmSubMenu{
    position: absolute;
    display: none;
    top: 0;
    right: -100%;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
}
.mobile-mega-menu .mmSubMenu.visible{
    display: block;
}
.mobile-mega-menu .mmSubMenu li{
    border: none !important;
}