/** Shopify CDN: Minification failed

Line 23:0 Unexpected "{"
Line 23:1 Expected identifier but found "%"
Line 24:0 Unexpected "{"
Line 24:1 Expected identifier but found "%"
Line 26:0 Unexpected "{"
Line 26:1 Unexpected "{"
Line 26:14 Expected ":"
Line 27:0 Unexpected "{"
Line 27:1 Unexpected "{"
Line 27:12 Expected ":"
... and 425 more hidden warnings

**/
@font-face {
    font-family: 'fontawesome';
    src: url('fontawesome-webfont.woff2') format('woff2'),
        url('fontawesome-webfont.woff') format('woff'),
        url('fontawesome-webfont.ttf') format('truetype');         
}                                            

{% assign header_font = settings.header_font_new %}      
{% assign base_font = settings.base_font_new %}
  
{{ header_font | font_face }}
{{ base_font | font_face }}
  
/* Font size */                       
$font_size: {{ settings.body_font_size }}px;  
            
/* Font family */
{% if settings.font == 'shopify_fonts' %}
    $fonts_name: {{ base_font.family }}, {{ base_font.fallback_families }};
{% else %}
    $fonts_name: {{ settings.fonts_name }};
{% endif %}
        
{% if settings.font_2 == 'shopify_fonts' %}
    $fonts_name_2: {{ header_font.family }}, {{ header_font.fallback_families }};
{% else %}
    $fonts_name_2: {{ settings.fonts_name_2 }};
{% endif %}

/* Color */                
$body_bg: {{ settings.body_bg }};
$body_color: {{ settings.body_color }};
$link_color: {{ settings.link_color }};
$link_color_hover: {{ settings.link_color_hover }};

/* Breadcrumb */
$breadcrumb_color : {{ settings.breadcrumb_color }};
$breadcrumb_text_transform : {{ settings.breadcrumb_text_transform }};

/* Header and Title */
$page_title_font_size: {{ settings.page_title_font_size }}px;
$page_title_color: {{ settings.page_title_color }};
$page_title_text_align : {{ settings.page_title_text_align }};  

/* Product  */
$product_text_transform : {{ settings.product_name_text_transform }};
$product_name_text_align : {{ settings.product_name_text_align }};  
$color_title_pr: {{settings.color_title_product}};
$color_title_pr_hover: {{settings.color_title_product_hover}};
$color_vendor : {{ settings.color_vendor }};
$new_text : {{ settings.new_text }};
$bg_new : {{ settings.bg_new }};
$sale_text : {{ settings.sale_text }};
$bg_sale : {{ settings.bg_sale }};
$custom_label_text : {{ settings.custom_label_text }};
$custom_label_bg : {{ settings.custom_label_bg }};
$sold_out_text : {{ settings.sold_out_text }};
$bg_sold_out : {{ settings.bg_sold_out }};
$color_price: {{ settings.color_price }};
$color_price_sale: {{ settings.color_price_sale }};
$color_compare_price: {{ settings.color_compare_price }};
$color_quick_view: {{ settings.color_quick_view }};
$color_wishlist: {{ settings.color_wishlist }};
$border_wishlist: {{ settings.border_wishlist }};
$color_compare: {{ settings.color_compare }};

/* Show Reviews  */
$no_reviews : {{ settings.color_no_reviews }};
$has_reviews : {{ settings.color_has_reviews }};   

/* Button 1 */
$background_1: {{ settings.btn_1_bg_color }};
$color_1 : {{ settings.btn_1_text_color }};
$border_1 : {{ settings.btn_1_border_color }};

/* Button 1 Hover*/
$background_1_hover: {{ settings.btn_1_bg_color_hover }};
$color_1_hover : {{ settings.btn_1_text_color_hover }};
$border_1_hover : {{ settings.btn_1_border_color_hover }};

/* Button 2 */
$background_2: {{ settings.btn_2_bg_color }};
$color_2 : {{ settings.btn_2_text_color }};
$border_2 : {{ settings.btn_2_border_color }};

/* Button 2 Hover*/
$background_2_hover: {{ settings.btn_2_bg_color_hover }};
$color_2_hover : {{ settings.btn_2_text_color_hover }};
$border_2_hover : {{ settings.btn_2_border_color_hover }};

/* Button 3 */
$background_3: {{ settings.btn_3_bg_color }};
$color_3 : {{ settings.btn_3_text_color }};
$border_3 : {{ settings.btn_3_border_color }};

/* Button 3 Hover*/
$background_3_hover: {{ settings.btn_3_bg_color_hover }};
$color_3_hover : {{ settings.btn_3_text_color_hover }};
$border_3_hover : {{ settings.btn_3_border_color_hover }};


/* Border Color */
$border_widget_title : #e0e0e0;
$border_color_1 : #ebebeb;
$border_color_2: #e8e8e8;
$border_page_title: #eaeaea;
$border_input: #cbcbcb;
$border_checkbox: #d0d0d0;
$border_dropdown: #dadada;
$border_bt_sidebar: #e6e6e6;
$color_ipt: #3c3c3c;
$color_icon_drop: #3c3c3c;

/* Slick Color */
$color_slick_arrow: {{ settings.slick_arrow_color }};
$background_slick_arrow: {{ settings.slick_arrow_background }};
$border_slick_arrow: {{ settings.slick_arrow_border }};

$background_slick_dots: {{ settings.slick_dots_background }};
$border_slick_dots: {{ settings.slick_dots_border }};
$background_slick_dots_active: {{ settings.slick_dots_background_active }};
$border_slick_dots_active: {{ settings.slick_dots_border_active }};

/* Text Field */
$color_text_field_label: {{ settings.color_text_field_label }};
$color_text_field_text: {{ settings.color_text_field_text }};
$color_text_field_border: {{ settings.color_text_field_border }};
$color_text_field_placeholder: {{ settings.color_text_field_placeholder }};




           
        
/* Mixin ================= */


%hover_img{
  display: block;
  position: relative;
  overflow: hidden;

  &::before{
    content: "";
    background-color: rgba(255, 255, 255, .10);
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease 0s;
    z-index: 1;
  }

  &:hover::before{
    left: 0;
  }
}
.one-block-image{
  .img-itm{
    a{
      @extend %hover_img;
    }
  }
}

.home-top-banner{
  .custom-item{
    a{
      @extend %hover_img;
    }
  }
}

#instafeed {
  a{
    @extend %hover_img;
  }
}
.animate-hvr{
  @extend %hover_img;
}
.article-img{
  a{
    @extend %hover_img;
  }
}

/* transform */
@mixin transform($transforms) {
  -moz-transform: $transforms;
  -o-transform: $transforms;
  -ms-transform: $transforms;
  -webkit-transform: $transforms;
  transform: $transforms;
}

@mixin rotate($deg) {
    @include transform(rotate(#{$deg}deg));
}

@mixin scale($scale) {
    @include transform(scale($scale));
}

@mixin scaleX($scale) {
    @include transform(scaleX($scale));
}

@mixin translate($x, $y) {
    @include transform(translate($x, $y));
}

@mixin translateX($x) {
    @include transform(translateX($x));
}

@mixin translateY($y) {
    @include transform(translateY($y));
}

@mixin skew($x, $y) {
    @include transform(skew(#{$x}deg, #{$y}deg));
}

@mixin transform-origin ($origin) {
    -moz-transform-origin: $origin;
    -o-transform-origin: $origin;
    -ms-transform-origin: $origin;
    -webkit-transform-origin: $origin;
    transform-origin: $origin;
}
                     
/* transition */   
@mixin transition($transition) {
    -webkit-transition: $transition;
    -moz-transition: $transition;
    -ms-transition: $transition;
    -o-transition: $transition;
    transition: $transition;
}

@mixin transition-delay($time) {
    transition-delay: $time;
    -moz-transition-delay: $time;
    -webkit-transition-delay: $time;
    -o-transition-delay: $time;
    -ms-transition-delay: $time;
}

/* box-shadow */
@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
    @if $inset {
        -webkit-box-shadow:inset $top $left $blur $color;
        -moz-box-shadow:inset $top $left $blur $color;
        box-shadow:inset $top $left $blur $color;
    } @else {
        -webkit-box-shadow: $top $left $blur $color;
        -moz-box-shadow: $top $left $blur $color;
        box-shadow: $top $left $blur $color;
    }
}

/* border-radius */
@mixin border-radius($radius) {
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

/* opacity */
@mixin opacity($value){
    $IEValue: $value*100;
    opacity: $value;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity="+$IEValue+")";
    filter: alpha(opacity=$IEValue);
}

/* Flex */
@mixin flex($align,$justify) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: $align;
    -moz-align-items: $align;
    -ms-align-items: $align;
    align-items: $align;
    -webkit-box-pack: $justify;
    -moz-box-pack: $justify;
    -ms-flex-pack: $justify;
    -webkit-justify-content: $justify;
    justify-content: $justify;
}

@mixin flexbox() {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

@mixin inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@mixin justify-content($justify) {
    -webkit-box-pack: $justify;
    -moz-box-pack: $justify;
    -ms-flex-pack: $justify;
    -webkit-justify-content: $justify;
    justify-content: $justify;
}

@mixin align-items($align) {
    -webkit-align-items: $align;
    -moz-align-items: $align;
    -ms-align-items: $align;
    align-items: $align;
}

@mixin flex-direction($direction) {
    -webkit-flex-direction: $direction;
    -moz-flex-direction: $direction;
    -ms-flex-direction: $direction;
    flex-direction: $direction;
}

@mixin flex-wrap($wrap) {
    -webkit-flex-wrap: $wrap;
    -moz-flex-wrap: $wrap;
    -ms-flex-wrap: $wrap;
    flex-wrap: $wrap;
}

/* calc */
@mixin calc($property, $expression) {
    #{$property}: -moz-calc(#{$expression});
    #{$property}: -webkit-calc(#{$expression});
    #{$property}: -ms-calc(#{$expression});
    #{$property}: calc(#{$expression});
}

@mixin animation-duration($duration) {
    animation-duration: $duration;
    -moz-animation-duration: $duration;
    -webkit-animation-duration: $duration;
    -o-animation-duration: $duration;
}

@mixin animation-name($name) {
    animation-name: $name;
    -moz-animation-name: $name;
    -webkit-animation-name: $name;
    -o-animation-name: $name;
}

@mixin animation-delay($delay) {     
    -moz-animation-delay: $delay;
    -webkit-animation-delay: $delay;
    -o-animation-delay: $delay;
    animation-delay: $delay;
}

@mixin animation-iteration-count($count) {
    animation-iteration-count: $count;
    -moz-animation-iteration-count: $count;
    -webkit-animation-iteration-count: $count;
    -o-animation-iteration-count: $count;
}

// Keyframes Load Freeshipping

@keyframes load-ani {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes load-ani {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0      
    }
    to {
        background-position: 40px 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

[data-cart-status],
.alertBox.alertBox--info {
    display: none;
}

// 

@keyframes box-shadow{
    0%, 100%{
        @include box-shadow(0, 0, 0, 0);
    }

    50%{
        @include box-shadow(0, 0, 0, 4px);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Color Button ============  */
@mixin button_1 {
    background: $background_1;
    color: $color_1;
    border-color: $border_1;
   
}

@mixin button_2 {
    background: $background_2;
    color: $color_2;
    border-color: $border_2;
    
}

@mixin button_3 {
    background: $background_3;
    color: $color_3;
    border-color: $border_3;
    
}

@mixin filled_obj {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@mixin label {
    font-size: $font_size;
    font-weight: 500;
    line-height: $font_size + 8;
    color: $color_text_field_label;
}

/* Style Common */
.benifit .feature-items:last-child{
  display:none;
}
*:focus {
    outline: none;
}

button:focus {
    outline: none;
}

.wrapper-overlay {
    position: fixed;
    background-color: rgba(35,35,35,0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: none;
    z-index: 4;
}

html {
    padding-bottom: 0 !important;
    position: relative;
    -webkit-font-smoothing: antialiased;  
    scroll-behavior: smooth;
    
    &.halo-modal-open,
    &.translate-overlay,
    &.cart-show,
    &.customer-show,
    &.options-show,
    &.sidebar-open,
    &.search-show {
        overflow-y: hidden;
        .wrapper-overlay {
            display: block;
        }
    }

    &.sidebar-open {
        .sidebar {
            @include transform(none);
              z-index: 999;
        }
    }
}

html,
body {
    font-size: $font_size;
    color: $body_color;
}

body {
    {% if settings.body_bg != '' %}
    background-color: $body_bg;
    {% endif %}
    margin: 0 auto;
    font-family: $fonts_name, 'Arial', 'sans-serif';
    line-height: $font_size + 10;
    letter-spacing: .02em;
}

img {
    max-width: 100%;
    height: auto;
    border: none;
}

.placeholder-svg {
    display: block;
    fill: rgba(120, 129, 136, 0.15);
    stroke: rgba(120, 129, 136, 0.2);
    background-color: rgba(120, 129, 136, 0.1);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(120, 129, 136, 0.2);
    stroke-width: .1px;
}

svg {
    fill: currentColor;
    stroke: currentColor;
    width: 17px;
    height: 18px;
}

fieldset,
legend {
    border: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px white inset;
    -webkit-text-fill-color: $body_color;
}

input::-ms-clear,
select::-ms-expand {
    display: none;
}

blockquote {
    border: none;
    background-color: #fafafa;
    color: $color_text_field_text;
    font-size: $font_size;
    line-height: $font_size + 12; 
    font-style: normal;
    margin: 0;
    padding: 20px 35px;
}

input[type="image"] {
    width: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    margin: 0;
    @include border-radius(0px);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    color: $color_text_field_text;
    border: 1px solid $color_text_field_border;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    padding: 7px 12px 5px;
    line-height: $font_size + 10;
}

input[type="checkbox"],
.custom-radio input[type="radio"] {
    vertical-align: top;
    margin-right: 10px;
    display: none;
}

input[type="checkbox"] + label {
    padding-left: 26px;
    cursor: pointer;
    margin-bottom: 9px;
    position: relative;
    
    &:before {
        position: absolute;
        content: "";
        top: 2.5px;
        left: 0;
        border: 1px solid $border_checkbox;
        width: 14px;
        height: 14px;
        background-color: #fff;
    }
    
    &:after {
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        top: 6px;
        left: 3px;
        border: 2px solid #232323;
        border-top: none;
        border-right: none;
        background: rgba(255, 255, 255, 0);
        @include rotate(-45);
        @include transition(all .1s);
    }
}

input[type="checkbox"]:not(:checked) + label:after {
    @include opacity(0);
    @include transform(scale(0) rotate(-45deg));
}

input[type="checkbox"]:checked + label:after {
    @include opacity(1);
    @include transform(scale(1) rotate(-45deg));
}

// input[type="checkbox"]:checked + label:after,
// input[type="checkbox"] + label:hover:after {
//     @include opacity(1);
//     @include transform(scale(1) rotate(-45deg));
// }

.custom-radio input[type="radio"] + label {
    cursor: pointer;
    margin-bottom: 9px;
    position: relative;
    padding-left: 24px;
    
    &:before {
        position: absolute;
        content: "";
        top: 2px;
        left: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #cecece;
        @include border-radius(50%);
    }
    
    &:after {
        position: absolute;
        content: "";
        border: 4px solid $page_title_color;
        @include border-radius(50%);
        top: 5px;
        left: 3px;
        @include transition(all .1s);
    }
}

.custom-radio input[type="radio"]:not(:checked) + label:after {
    @include opacity(0);
    @include scale(0);
}

.custom-radio input[type="radio"]:checked + label:after,
.custom-radio input[type="radio"] + label:hover:after {
    @include opacity(1);
    @include scale(1);
}

select {
    @include border-radius(0);
    border: 1px solid $color_text_field_border;
    display: block;
    width: 100%;
    padding: 7px 32px 5px 12px;
    line-height: $font_size + 10;
    outline: none;
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    min-height: 36px;
    
    * {
        outline: none;
        background: #fff;
        color: $color_text_field_text;
        border: none;
    }
    
    & + .icon-dropdown {
        width: 30px;
        position: absolute;
        bottom: 0;
        color: #bfbfbf;
        right: 2px;
        background-color: rgba(255, 255, 255, 0);
        height: 42px;
        top: inherit;
        z-index: 1;
        @include flexbox();
        @include align-items(center);
        @include justify-content(center);
        
        .fa {
            font-size: 16px;
        }
    }
}

.main-content {
    display: block;  
    min-height: 500px;
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    textarea {
        height: initial;
        padding: 10px 12px 8px;
        @include border-radius(0);
        width: 100%;
      
        display: block;
        outline: none;
    }
}

.template-index {
    .main-content {
        padding-bottom: 0;
    }
}

label {
    @include label();
    
    em {
        color: {{ settings.color_text_field_label }};
        font-weight: 500;
        font-style: normal;
    }
}

ul,
ol {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

a {
    @include transition(all .3s ease);
    color: $link_color;
    
    &:hover {
        color: $link_color_hover;
        outline: none;
        text-decoration: none;
    }
}

.errors ul {
    padding-left: 0;
    li {
        color: red;
    }
}

.form-success {
    border: 1px solid $border_color_1;
    background: #fafafa;
    margin-bottom: 20px;
    padding: 5px 20px;
    ul {
        padding-left: 10px;
    }
}

/* ----- Typography -------  */
h1, h2, h3, h4, h5, h6 {
    /* font-weight: 720; */
    line-height: 1.25em;
    margin: 0;
    padding: 0; 
    color: #292929;  
    /* font-family: "Faculty Glyphic", sans-serif; */
    font-style: normal;
}

h1 {
    font-size: 2.307692308em;
    margin-bottom: 1em;
}

h2 {
    /* font-size: 2em; */
    font-size:44px;
    margin-bottom: 1em;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
}
  
h3 {
    font-size: 20px;
    margin-bottom: 1.25em;
}

h4 {
    font-size: 17px;
    margin-bottom: 1.5em;
}

h5 {
    font-size:15px;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    margin-bottom: 1.5em;
}

p:last-child,
p:last-of-type {
    margin-bottom: 0;
}

small {
    font-size: 12px;
}

/* ----- Table ------- */
table {
    border: 1px solid $border_page_title;
    width: 100%;
    
    td,
    th {
        border-bottom: 1px solid $border_page_title;
        padding: 9px 15px;
    }
    
    th {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700;
    }
}

.btn {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    font-size: $font_size + 8;
    line-height: $font_size + 20;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    @include border-radius(0);
    padding: 13px 15px 10px;
    border: 1px solid rgba(255,255,255,0);
    min-width: 130px;
    max-width: 100%;
    @include transition(all .3s ease);
    
    &:hover,
    &:focus {
        outline: none;
        box-shadow: none;
    }
}

.btn[disabled] {
    background: $bg_sold_out !important;
    border-color: $bg_sold_out !important;
    color: $sold_out_text !important;
    @include opacity(1);
}

.close {
    @include opacity(1);
    float: none;
    
    svg {
        width: 17px;
        height: 18px;
    }
    
    &:hover,
    &:focus {
        @include opacity(1);
    }
}

.fancybox-slide {
    .fancybox-image-wrap {
        backface-visibility: visible;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
    }
}

.not_img {
    height: 50vh;
    line-height: 50vh;
    background-color: rgba(35,35,35,0.2);
    width: 100%;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-shadow:  0 1px 0 #ccc, 
        0 2px 0 #c9c9c9, 
        0 3px 0 #bbb, 
        0 4px 0 #b9b9b9, 
        0 5px 0 #aaa, 
        0 6px 1px rgba(0,0,0,.1), 
        0 0 5px rgba(0,0,0,.1), 
        0 1px 3px rgba(0,0,0,.3), 
        0 3px 5px rgba(0,0,0,.2), 
        0 5px 10px rgba(0,0,0,.25), 
        0 10px 10px rgba(0,0,0,.2), 
        0 20px 20px rgba(0,0,0,.15);
}

.dropdown-border {
  background: #fff;
}

.slick-slider {
    img {
        margin-left: auto;
        margin-right: auto;
    }
    
    .slick-track {
        min-width: 100%;
    }
}

.slick-arrow {
    width: 40px;
    height: 40px;
    padding: 3px 0 0 0;
    background-color: $background_slick_arrow;
    border: 1px solid $border_slick_arrow;
    color: $color_slick_arrow;
    position: absolute;
    cursor: pointer;
    top: 50%;
    @include transform(translateY(-50%));
    z-index: 2;
    outline: none;    
    @include transition(all .5s ease);
    @include border-radius(50%);
    
    .fa {
        font-size: 26px;
        font-weight: 500;
    }

    &.slick-prev {
        left: -4px;
        padding-right: 1px;
    }
    
    &.slick-next {
        right: -4px;
        padding-left: 2px;
    }

    &.slick-disabled {
        @include opacity(.3);
        cursor: default;
    }
}

.slick-dots {
    display: block;
    padding: 0;
    margin: 25px 0 0 0;
    text-align: center;
    letter-spacing: -.33em;
    line-height: 0;
    
    li {
        display: inline-block;
        font-size: 0px;
        margin: 0px 5px;
{% comment %}         width: 12px;
        height: 12px; {% endcomment %}
        letter-spacing: normal;
        
              button {
                  width: 64px;
                  height: 10px;
{% comment %}     width: 12px;
                  height: 12px;
                  @include border-radius(50%); {% endcomment %}
                  border: 1px solid $border_slick_dots;
                      background-color: #051B2C;
{% comment %}     background: $background_slick_dots; {% endcomment %}
                  padding: 0;
                  outline: none;
                  cursor: pointer;
        }
        
        &.slick-active button {
            background: $background_slick_dots_active;
            border-color: $border_slick_dots_active;
        }
        
        &:first-child {
            margin-left: 0;
        }
        
        &:last-child {
            margin-right: 0;
        }
    }
}

.grid-item {
    &.grid-item-border {
        .product-image {
            border: 1px solid {{ settings.product_image_border_color }};
        }
    }
}

.page-header, .btn,
.product-shop .product-title {
  font-family: $fonts_name_2;
  h1,h2 {
    font-family: $fonts_name_2;
  }
}
.rte {
  font-family: $fonts_name;
}

.widget-product {
    .products-grid {
        .grid-item {
            margin-bottom: 5px;
        }
    }    
    .slick-arrow {
        @include calc(top, '50% - 5px');
        &.slick-prev {
            left: 6px;
        }
        &.slick-next {
            right: 6px;
        }
    }
}

/* ----- Header ------- */
.header-top .top-message p.message{
  margin-left:58px;
}
.header-top {
    .top-message {
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        text-align: center;
        padding: 4px 10px;
        position: relative;
        &.parallax-message{
            padding: 31px 25px;
            font-size: 12px;
            letter-spacing: .02em;
            text-transform: none;
            p{
                span{
                    a{
                        background-repeat: repeat-x;
                        background-position-y: -1px; 
                    }
                }
            }
        }
    }
    .close {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: top;
        position: absolute;
        top: 50%;
        right: -3px;
        @include translateY(-50%);
        margin-top: -.5px;
    }
}

.svg-mb {
    width: 60px;
    height: 50px;
    @include flexbox();
    @include align-items(center);
    &.cart-icon {
        width: 65px;
    }
    .icon-search {
        svg {
            position: relative;
            width: 18px;
            height: 18px;
        }
    }
    .icon-user {
        svg {
            margin-top: 2px;
        }
    }
}

.icon-user {
    svg {
        width: 19px;
        height: 20px;
        stroke-width: 10px;
    }
}

.icon-search {
    @include inline-flex();  
}

.cart-icon {
    position: relative;
    padding-right: 10px;
    svg {
        stroke: rgba(255, 255, 255, 0);
        width: 22px;
        height: 22px;
		margin-top: -2px;
    }
    
    .cartCount {
        position: absolute;
        top: -10px;
        right: 0px;
        min-width: 15px;
        min-height: 15px;
        text-align: center;
        @include border-radius(50%);
        z-index: 2;
        font-weight: 500;
    }
}
                         
.icon-nav {
    border: none;
    outline: none;
    padding: 0;
    @include flex(center, center);
    width: 26px;
    height: 17px;
    position: relative;
    
    .icon-line {    
        display: block;
        width: 26px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        @include transform(translate(-50%,-50%));

        &:before,
        &:after {
            background-color: #fff;
            display: block;
            width: 26px;
            height: 2px;
            position: absolute;
            left: 0;
            right: 0;
            content: "";
        }
        
        &:before {
            bottom: 7px;
        }
        
        &:after {
            top: 7px;
        }
    }    
    &.menu-open {
        .icon-line {
            background: rgba(255,255,255,0);
            width: 20px;
            &:before, &:after {
                width: 20px;
             }
            &:before {
                bottom: 0;
                @include transform(rotate(-45deg));
            }
            &:after {
                top: 0;   
                 @include transform(rotate(45deg));            
            }
        }
    }  
}

.close-menu-mb {
    display: none;

    &.menu-open {
        @include flex(center, center);
        position: fixed;
        background: {{ settings.close_mobile_bg }};
        color: {{ settings.close_mobile_color }};
        z-index: 33;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        svg {
            fill: {{ settings.close_mobile_color }};
            stroke: none;
            width: 25px;
            height: 26px;
        }
    }
}

.infinite-scrolling {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;

    .btn {
        width: 100%;
        max-width: 300px;
        @include button_1();

        &:hover {
            @include button_2();
        }

        &.disabled {
            color: $sold_out_text !important;
            background: $bg_sold_out !important;
            border-color: $bg_sold_out !important;
            cursor: default;
            pointer-events: none;
        }
    }
}

.product-pagination {
    @include flexbox();
    @include justify-content(space-between);
    @include align-items(center);
    width: 100%;
    padding: 10px 0 50px 0;
    &.no-pagination {
        @include justify-content(flex-end);
        padding-bottom: 0;
    }
    .padding {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%;
        margin: 0;

        .toolbar-bottom {
            .page-total {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                color: #3c3c3c;
            }
            .pagination-page {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }

        }

        .infinite-scrolling {
            width: 50%;
            float: right;
        }
    }

    .compare-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        a {
            color: #3c3c3c;
            font-size: $font_size;
            text-transform: uppercase;
            font-weight: 500;
            @include flex(center, flex-end);
            .compare-text {
                background-image: linear-gradient(transparent 96%, #3c3c3c 4%);
                background-repeat: repeat-x;
                background-position-y: -2px;
            }
            .countPill {
                margin-left: 8px;
                min-width: 22px;
                min-height: 22px;
                text-align: center;
                @include border-radius(50%);
                background: $bg_sale;
                color: $sale_text;
                display: inline-block;
            }
        }
    }
}

.padding {
    margin: 5px 0 65px 0;
    .toolbar-bottom {
        
        @include flexbox();
        @include justify-content(space-between);
        @include align-items(center);
        font-size: $font_size;     
    }
    
    .pagination-page {
        text-align: center;
        @include flex(center, center);
        color: $page_title_color;
        margin-bottom: 0;
        li {
            display: inline-block;
            margin: 0 12px;
            list-style: none;
            a {
                color: $page_title_color;
            }

            .fa {
                font-size: $font_size + 4;
                font-weight: 400;
                position: relative;
                top: 1px;
            }

            a,
            span {
                padding: 0 2px;
                display: inline-block;
                font-size: $font_size;
            }
            &.text {
                a {
                    padding: 0 4px;
                }
                span {
                    padding: 0;
                }
            }
            &.active,
            &.text,
            &.disabled {
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: .05em;
            }

            &.disabled {
                @include opacity(0.5);
                span {
                    &:before {
                       display: none;
                    }
                }
                
                a {
                    pointer-events: none;
                }
            }

            &.active, &:hover {
                span {
                    position: relative;
                    &:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 3px;
                        width: 100%;
                        height: 1px;
                        background: $page_title_color;
                        @include opacity(0.7);
                    }
                }
            }

            &:first-child {
                margin-left: 0;

                .fa {
                    padding-right: 10px;
                }
            }

            &:last-child {
                margin-right: 0;

                .fa {
                    padding-left: 10px;
                }
            }
        }
    }
}

body {
    &.has-right-popup {
       
    }
}

.header-mb,
.header-mb-items {
    @include flexbox();
    @include align-items(center);
}

.header-logo {
    margin: 0;
    font-size: 20px;
    .logo-title{
        display: inline-block;
        svg{
            width: 100%;
            height: auto;
        }
    }
}

.header-mb {
  	.header-mb-left {
      .icon-search {
        .icon-close {
          display: none;
        }
      }
    }
  
    .header-mb-middle {
        @include calc(width, '100% - (120px + 125px)');
        @include justify-content(center);
        
        .header-logo {
            padding: 1px 5px;
        }
    }
    
    .header-mb-right {
        .svg-mb {
            @include justify-content(flex-end);
            padding-right: 0;
          	&.cart-icon {
              > a {
                position: relative;
                min-width: 32px;
              }
              svg {
                margin-top: 1px;
              }
              .cartCount {
                top: -7px;
              }
          	}
        }
    }
}

.header-pc {
  display: none;
}
.wishlist {
    .fa {
        font-size: $font_size + 2;
        margin-right: 5px;
        line-height: 20px;
        vertical-align: middle;
    }
    
    .wishlist-text {
        display: inline-block;
        vertical-align: middle;
    }
}
.products-grid{
    .slick-track{
        .grid-item{
            opacity: 0;
            visibility: hidden;
            &.slick-slide{
                opacity: 1;
                visibility: visible;
            }
        }
    }
}
.search-bar {
    position: relative;
    padding-left: 18px;
    border-bottom: 1px solid #000;

    .input-group-field {
        border: none;
        background-color: rgba(255, 255, 255, 0);
        margin: 0;
        font-size: $font_size;
        line-height: $font_size + 8;
    }

    input[type="search"] {
        color: #0f0f0f;
        &::-webkit-input-placeholder {
            color: #0f0f0f;
            @include opacity(1);
        }
        &::-moz-placeholder {
            color: #0f0f0f;
            @include opacity(1);
        }
        &:-ms-input-placeholder {
            color: #0f0f0f;
            @include opacity(1);
        }
        &:-moz-placeholder {
            color: #0f0f0f;
            @include opacity(1);
        }
    }

    .icon-search {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 32px;
        padding: 0;
        @include align-items(center);
        background: rgba(255, 255, 255, 0);
        min-width: inherit;
    }
}
.quickSearchResultsWrap {
    .container {
        padding: 0;
    }

    .products-grid {
        .grid-item {
            margin-bottom: 42px;
        }
    }

    .header-search__trending {
        .list-item {
            margin-top: 22px;
            margin-bottom: 30px;
            .item {
                padding: 5px 0;
                > a {
                    @include flex(center, flex-start);
                    font-style: italic;
                    color: #0f0f0f;
                    svg {
                        width: 11px;
                        height: 14px;
                        margin-right: 10px;
                        fill: #cacaca;
                    }

                    &:hover {
                        color: #0f0f0f;
                        svg {
                            fill: #0f0f0f;
                        }
                        span {
                            background-image: linear-gradient(#fff 97%, #575757 3%);
                            background-repeat: repeat-x;
                            background-position-y: -3px;
                        }
                    }
                }
                
            }
        }
    }

    .header-search__product {
        margin-bottom: 25px;

        .product-item {
            .product-bottom {
                .product-vendor {
                    margin-bottom: 1px;
                    line-height: 20px;
                }

                .product-title {
                    line-height: 20px;
                    margin-bottom: 2px;
                    font-size: $font_size;
                }
                .item-swatch {
                    li {
                        a {
                            padding: 2px 0;
                        }
                    }
                }
            }
        }
    }

    .header-search__results {
        .header-search__no-results {
            margin-top: 27px;
        }

        .box-title {
            font-size: 12px;
            line-height: 20px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #0f0f0f;
            border-bottom: 1px solid $border_bt_sidebar;
            padding-bottom: 5px;
            margin-bottom: 15px;
            margin-top: 30px;
        }

        .text-center {
            border-top: 1px solid $border_bt_sidebar;
            .text-results {
                display: block;
                font-weight: 600;
                color: #0f0f0f !important;
                text-transform: uppercase;
                letter-spacing: .05em;
                padding: 6px 0 4px;
                margin-top: 15px;
                margin-bottom: 15px;
            }
        }
        .product-item {
            .product-image {
                .product-grid-image {
                    min-height: initial;
                    {% if settings.product_image_crop %}
                        &:after {
                            padding-top: 160px;
                        }
                    {% endif %}
                }
            }
        }
        .price-box {
            margin-bottom: 0;
        }
    }
}

.lang-currency-groups { 
    .label-text {
        display: block;
        font-size: $font_size + 1;
        letter-spacing: normal;
        text-transform: capitalize;
        font-weight: normal;
        padding: 7px 0 6px;
    }
    
    .dropdown-menu {
        @include flexbox();
        @include flex-wrap(wrap);
        position: static;
        border: none;
        padding: 0;
        width: 100%;
        min-width: inherit;
        margin: 0;
        @include border-radius(0);
        z-index: inherit;
        top: inherit;
        left: inherit;
        float: none;
        font-size: $font_size;
        background: inherit;
    }
    
    .btn-group {
        display: block;
        
        .dropdown-item {
            display: block;
            padding: 9px 15px 7px 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            color: #3c3c3c;
            
            .img-icon,
            .text {
                display: inline-block;
                vertical-align: middle;
            }
            
            .text {
                position: relative;
                top: 2.5px;
                border-bottom: 1px solid rgba(255, 255, 255, 0);
                line-height: $font_size + 2;
            }
            
            &.active {
                .text {
                font-weight: 500;
                border-bottom-color: #3c3c3c;
                }        
            }
            
            &:hover,
            &:focus,
            &:active,
            &.active {
                color: inherit;
                background-color: inherit;
            }
        }    
        
        .img-icon {
            margin-right: 8px;
            width: 23px;
            display: block;    
            
            img {
                min-height: 16px;
                width: auto;
                object-fit: contain;
            }
        }
    }
}

.customer-content {
    text-align: left;

    .action-btn {
        margin-bottom: 22px;
        text-align: center;

        .forgot-password {
            color: $body_color;

            &:before {
                background-color: $body_color !important;
            }
        }
    }

    .btn {
        display: block;
        width: 100%;
    }

    .btn-login {
        @include button_1();
        margin-bottom: 16px;
        &:hover{
            @include button_2();
        }
    }

    .ct-register {
        .btn-register {
            @include button_2();
            &:hover{
                @include button_1();
            }
        }
    }

    .form-group {
        margin-bottom: 15px;

        input {
            -webkit-box-shadow: 0 0 0 40px white inset;
            -webkit-text-fill-color: $color_text_field_placeholder;

            &:focus {
                box-shadow: none;
                -webkit-box-shadow: 0 0 0 40px white inset;
                -webkit-text-fill-color: $color_text_field_text;
            }
        }
    }

    .acc {
        color: $body_color;
        display: block;
        margin-bottom: 16px;
        text-align: center;
        font-weight: 500;
    }

    .btn-logout {
        @include button_2();
        &:hover{
            @include button_1();
        }
    }
}

.qty-group {
    @include flexbox();
    @include justify-content(center);
    @include align-items(center);
    border: 1px solid $border_dropdown;
    max-width: 106px;
      height: 35px;
    background-color: $body_bg;
    
    .button {
        position: relative;
        width: 40px;
        height: $font_size + 22;
        display: inline-block;
        vertical-align: middle;
        
        &:before,
        &:after {
            position: absolute;
            content: "";      
            background-color: #7b7b7b;
            top: 50%;
            left: 50%;
            @include translate(-50%, -50%);
        }
        
        &:before {
            width: 13px;
            height: 3px;
        }
        
        &:after {
            height: 13px;
            width: 3px;
        }
        
        &.minus {
            border-right: 1px solid #cbcbcb;
            &:after {
                background-color: rgba(255, 255, 255, 0);
            }
        }

        &.plus {
            border-left: 1px solid #cbcbcb;
        }
    }
    
    input[name="quantity"],
    input[name="updates[]"] {
        display: inline-block;
        vertical-align: middle;
        width: 75px;
        border: none;
        text-align: center;
        color: #646464;
        padding: 7px 5px 5px;
        background-color: rgba(255, 255, 255, 0);
    }

    input[name="quantity"]:disabled,
    input[name="updates[]"]:disabled {
        background-color: rgba(255,255,255,0) !important;
    }
}
.btn-checkout {
    &.show{
        opacity: 0.65;
        pointer-events: none;
    }
}

#dropdown-cart {
    .cart-title {
        h5 {
            font-size: $font_size + 2;
            font-weight: 500;
            letter-spacing: .05em;
            color: #0f0f0f;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 0px;
        }
    }

    .no-items {
        text-align: center;
        .cart_empty {
            margin-top: 20px;
            margin-bottom: 20px;
            color: #727272;
        }
    }
    
    .has-items {
        .dropdownCartCount {
            text-align: center;
            color: #727272;
            display: block;
            margin-bottom: 18px;
            .cartCountWrap {
                display: inline-block;
                border-bottom: 1px solid #9c9c9c;
                line-height: 12px;
            }
        }

        .free_shipping_massage {
            color: #31708f;
            background: #e8f4fa;
            padding: 10px 15px 8px;
            text-align: center;
            margin-bottom: 28px;
            min-height: 40px;
            span {
                font-weight: 600;
            }
        }
    }   

    .btn {
        width: 100%;
        margin-bottom: 20px;
       

        &.btn-view-cart,
        &.btn-continue {
            @include button_1();
            &:hover{
                @include button_2();
            }
        }  
        
        &.btn-checkout {
            @include button_2();
            &:hover{
                background: #a32015;
                color: #fff;
                border-color: #a32015;
            }
        }
    }

    .summary {
        border-top: 1px solid $border_color_1;
        padding-top: 12px;
        margin-bottom: 22px;

        > div {
            font-weight: 500;
            color: #34313a;
            @include flexbox();
            @include justify-content(space-between);
            @include align-items(center);
            padding: 3px 0;
            .label {
                font-size: $font_size;
            }
        }

        .total {
            .price {
                font-size: $font_size + 2;
                letter-spacing: normal;
            }
        }
    
        .free_shipping {
            .text {
                font-size: $font_size;
                font-weight: 500;
                text-transform: uppercase;
            }
        }
    }
    
    .cart_empty {
        margin-bottom: 15px;
        text-align: center;
    }
    
    .product-details {
        @include calc(width, '100% - 79px');
        padding-right: 35px;
        position: relative;
        margin-top: -2px;
        .product-name-wrap {
            margin-bottom: 12px;
        }

        .product-name {
            margin-bottom: 3px;
            display: inline;
        }
        
        .option {
            color: $color_compare_price;
            margin-bottom: 3px;
            margin-left: 2px;
            display: inline-block;
        }
        
        .btn-remove {
            @include inline-flex();
            position: absolute;
            top: 3px;
            right: 6px;
            
            svg {
                color: #969696;
                width: 20px;
                height: 18px;
            }
        }
    }
    
    .cart-collateral {
        color: #727272;
        @include flex(center, flex-start);
        .price {
            color: $color_price;
            font-size: $font_size + 2;
            letter-spacing: normal;
            margin-left: 22px;
        }
    }

    .has-items {
        max-width: 100%;
        overflow: hidden;
    }
    
    .mini-products-list {
        text-align: left;
      
        overflow-y: auto;
        margin: 8px -9px 30px 0px;
        
        .item {
            @include flexbox();
            margin-bottom: 22px;
            
            &:last-of-type {
                margin-bottom: 0;
            }

            &+.item {
                padding-top: 27px;
                border-top: 1px solid $border_color_1;
            }
        }
        
        .product-image {
            width: 79px;
            padding-right: 15px;
            
            img {
                max-width: 64px;
            }
        }
        
        &::-webkit-scrollbar-track {
            background-color: #fafafa;
        }

        &::-webkit-scrollbar {
            width: 0;
            background-color: #fafafa;
        }

        &::-webkit-scrollbar-thumb {
            background-color: #e6e6e6;
        }
    }

    .extra-options {
        margin-top: 30px;
        h2.box-title {
            font-size: $font_size + 2;
            font-weight: 500;
            color: $page_title_color;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 17px;
        }

        .products-grid {
            max-width: 190px;
            margin: 0 auto;
            .grid-item {
                padding: 0 10px;

                .product-item {
                    .product-image {
                        .product-grid-image {
                            min-height: initial;
                            {% if settings.product_image_crop %}
                                &:after {
                                    padding-top: 170px;
                                }
                            {% endif %}
                        }
                    }
                     .product-top {
                        margin-bottom: 5px;
                     }
                     .product-bottom{
                        .action{
                            .btn{
                                &:hover {
                                    color: $color_2_hover !important;
                                }
                            }
                        }
                     }
                     .product-vendor {
                        margin-bottom: 2px;
                     }
                     .product-title {
                        line-height: 20px;
                        font-size: $font_size;
                     }
                     .price-box {

                     }
                }
            }
            .slick-arrow {
                background: none;
                border: none;
                top: 22%;
                width: 20px;
                height: 21px;
                padding-top: 0;
                svg {
                    fill: #34313a;
                    stroke: #34313a;
                    width: 20px;
                    height: 21px;
                }
                &.slick-prev {
                    left: -55px;
                    padding-right: 0;
                }
                &.slick-next {
                    right: -55px;
                    padding-left: 0;
                }
            }
        }
    }
}

#back-top {
    top: initial !important;
    position: fixed;
    bottom: 15vh;
    z-index: 98;
    right: 3.175%;
    
    a {
        width: 52px;
        height: 52px;
        font-size: 40px;
        color: #000000;
        background-color: #fff;
        border: 2px solid #000000;
        @include flexbox();
        @include justify-content(center);
        @include align-items(center);
        cursor: pointer;
        
        .fa {
            font-weight: 700;
            margin-top: -4px;
        }
    }
}


/* Product Grid */
.widget-title {
    text-align: center;
    padding-top: 15px;
    margin-bottom: 30px;
    
    .box-title {
        color: $page_title_color;
        font-size: $font_size + 12;
        letter-spacing: .05em;
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 12px;
    }
    .desc {
        color: $body_color;
        font-size: $font_size;
    }
}

{% if settings.show_product_des_top_de %}
.product-item{
    .product-des.abs-top{
        display: block;
    }
}

{% else%}
 .product-item{
    .product-des.abs-top{
        display: none !important;
    }
}
{% endif %}

.products-grid {
    .not_img {
        height: 270px;
        line-height: 270px;
        font-size: 18px;
    }

    .no-product {
        .product-top, .grid-view-item__image {
            margin-bottom: 10px;
        }
    }

    .grid-item {
        margin-bottom: 48px;
        margin-top: 10px;
    }

    .product-details {
        display: none;
    }

    {% if settings.product_image_resize %}
        .product-image {
            overflow:hidden;
            img {
                position: absolute!important;
                top: 50%;
                left: 50%;
                @include translate(-50%, -50%);
                object-fit: contain;
                {% if settings.product_image_crop %}
                height:100%;
                width:auto;
                max-width:none;
                {% else %}
                height: 100%;
                max-height: 100%;
                width: 100%;
                max-width: 100%;
                {% endif %}

            }
        }

        .product-grid-image {
            position: relative;

            &:after {
                content: "";
                display: block;
                width: 100%;
                height: 0;
                padding-top: {{settings.product_image_height}}%;
            }
        }
        {% endif %}
    
    .product-image {
        .product-grid-image {
            min-height: 216px;
        }

        img {
            min-height: 216px;
        }
    }
}

{% if settings.product_image_crop %}
.sidebar-widget-product {
    .products-grid .grid-item {
        .product-grid-image {
            &:after {
                padding-top: 170px;
            }
        }
    }
}
{% endif %}

.image-swap {
    position: relative;
        
    .images-two {
        position: absolute !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        @include opacity(0);    
        width: 100%;
        height: 100%;
        cursor: pointer;
    } 
}

.sizes-list {
    margin: 0;
    letter-spacing: -.33em;
    background: {{ settings.bg_item_size }};
    li {
        display: inline-block;
        letter-spacing: normal;
        padding: 10px 12px;
        &:first-of-type {
            padding-left: 0;
        }
        
        &:last-of-type {
            padding-right: 0;
        }
        
        a {
            color: {{ settings.color_item_size }};
            display: block;
            text-align: center;
            font-weight: 400;
            line-height: 15px;
            border-bottom: 1px solid transparent;
            &:hover {
                color: {{ settings.color_item_size_hover }};
                font-weight: 600;
                border-bottom: 1px solid {{ settings.color_item_size_hover }};
            }
        }
    }
}



.item-swatch {
    list-style: none;
    padding: 0;
    margin: 0;
    letter-spacing: -.33em;
    line-height: 0;

    li {
        display: inline-block;
        margin: 0 4px 0;
        letter-spacing: normal;
        text-align: center;
        vertical-align: middle;
        position: relative;
        
        &:first-of-type {
            margin-left: 0;
        }
        
        &:last-of-type {
            margin-right: 0;
        }
        .tooltiptext {
            display: none;
        }
        label {
            width: 22px;
            height: 22px;
            @include border-radius(50%);
            margin: 0;
            background-size: contain;
            cursor: pointer;
            background-position: center;
            &.active {
                @include box-shadow(0, 0, 1px, 2px {{ settings.border_active_item_swatch }});
            }
            img {
                @include border-radius(50%);
                height: 100%;
                width: 100%;
            }
            &.White {
                border: 2px solid {{ settings.border_item_swatch }};
                &.has-image {
                    border: none;
                }
            }
        }
        
        a {
            width: 30px;
            height: 22px;
            display: inline-block;
            cursor: pointer;
            line-height: 22px;
            text-align: center;
            font-size: $font_size;
            font-weight: 400;
            color: #787878;
            letter-spacing: 0;
        }

        &.item-swatch-more {
            a {
                width: auto;
                margin-left: 2px;
            }
        }
        .tooltip {
            text-align: center;
            background: $background_1;
            color: $color_1;
            bottom: 100%;
            padding: 4px 7px;
            display: block;
            position: absolute;
            z-index: 2;
            min-width: 44px;
            left: 50%;            
            @include translateX(-50%);
            margin-bottom: 12px;
            @include opacity(0);            
            visibility: hidden;            
            @include transition(all 0.25s ease-out);   
            @include box-shadow(2px, 2px, 6px, rgba(0,0,0,0.28));
            font-size: $font_size - 1;
            font-weight: 500;
            letter-spacing: normal;
            pointer-events: none;

            &:after {
                border-left: solid transparent 7px;
                border-right: solid transparent 7px;
                border-top: solid $background_1 7px;
                bottom: -7px;
                content: " ";
                height: 0;
                left: 50%;                
                @include translateX(-50%);
                position: absolute;
                width: 0;
            }
        }

        &:hover {
            .tooltip {
                @include opacity(1); 
                visibility: visible;
                pointer-events: auto;
            }
        }
    }
}

.product-label {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    letter-spacing: -.33em;
    text-align: right;
    
    .label {
        line-height: 1em;
        font-size: $font_size;
        font-weight: 400;
        text-transform: capitalize;
        padding: 4px 7px 3px;
        border: none;
        margin: 0;
        @include border-radius(1px);
        min-width: 42px;
        min-height: 20px;
        @include inline-flex();
        @include justify-content(center);
        @include align-items(center);
        letter-spacing: normal;
        text-align: center;
    }

    .new-label {
        background-color: $bg_new;
        color: $new_text;
        margin-bottom: 5px;
    }
    .sale-label {
        background-color: $bg_sale;
        color: $sale_text;
        margin-bottom: 5px;
        font-weight:500;
    }
    .sold-out-label {
        background-color: $bg_sold_out;
        color: $sold_out_text;
        margin-bottom: 5px;
    }
    .custom-label {
        background-color: $custom_label_bg;
        color: $custom_label_text;    
    }    
}

.quickview-button {
    color: $color_quick_view;
    svg {
        fill: $color_quick_view;
        width: 22px;
        height: 22px;
    }
}

.compare-button {
    color: {{settings.color_compare}};
    display: none;
    svg {
        fill: {{settings.color_compare}};
        width: 32px;
        height: 32px;
    }

    .compare-text {
        margin-left: 10px;
    }

    &.compare-added {
        color: $color_price_sale;
        svg {
            fill: $color_price_sale;
        }
    }
}

.product-vendor {
    margin-bottom: 4px;
    
    a {
        color: $color_vendor;
        font-size: $font_size;   
        font-weight: 400;    
        
        &:hover {
            color: $color_vendor;
        }
    }
}

.product-title,
.product-name {
    color: $color_title_pr;
    display: block;
    margin-bottom: 4px;
    text-transform: $product_text_transform;
    font-size: $font_size - 1;
    line-height: $font_size + 10;
    font-weight: 500;
    
    &:hover {
        color: $color_title_pr_hover !important;
    }
}
.product-title{
    span{
        &:hover{
            background-image: linear-gradient(transparent 97%, $color_title_pr_hover 3%);
            background-repeat: repeat-x;
            background-position-y: -2px;
        }
    }
}

.price-box {
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: $font_size + 2;
    font-weight: 400;
    
    .price-regular {
        color: $color_price;
    }
    
    .old-price {
        color: $color_compare_price;
        text-decoration: line-through;
        margin-right: 5px;
    }
    
    .special-price {
        color: $color_price_sale;
    }
    
    em {
        font-size: $font_size;
        color: $color_compare_price;
        font-weight: normal;
        font-style: normal;
        margin-right: 2px;
    }
}

.spr-icon.spr-icon-star-empty:before {
    color: $no_reviews;
}
.spr-starrating .spr-icon.spr-icon-star-empty:before {
    color: $no_reviews;
}



.spr-badge-starrating {
    margin-right: 0 !important;
}

.spr-starrating.spr-summary-starrating {
    margin-right: 10px;
}

.spr-icon {
    padding: 0 2px;
    font-size: 105% !important;
    margin: 0;
    
    &:first-of-type {
        padding-left: 0;
    }
    
    &.spr-icon-star,
    &.spr-icon-star-hover {
        content: '\e800' !important;
    }
    
    &.spr-icon-star-empty,
    &.spr-icon-star-half-alt {
        opacity: 1 !important;
    }  
}

[class^="spr-icon-"]:before,
[class*=" spr-icon-"]:before {
    font-size: 100% !important;
    content: '\e800' !important;
}

.product-item {
    .inner-top {
        text-align: center;
{% comment %}       border-radius: 8px; {% endcomment %}
{% comment %}     border: 1px solid black; {% endcomment %}
        .product-top {
            position: relative;    
            text-align: center;
            display: inline-block;
            width: 100%;
            margin-bottom: 12px;
        }
    }
    
    
    .product-grid-image {
        position: relative;
        display: block;
    }
    
    .product-image {
        
        img {
            object-fit: contain;
            max-height: 100%;
          width:100%;
{% comment %}           border-radius:10px; {% endcomment %}
        }
    }

    .wishlist {         
        margin-bottom: 8px;
        color: $color_wishlist;
        svg {
            fill: $color_wishlist;
            stroke: $color_wishlist;
            width: 24px;
            height: 23px;
        }

        .wishlist-text {
            display: none;
        }

        &.whislist-added {
            .fa {
                color: $color_price_sale;
            }
            svg {
                fill: $color_price_sale;
                stroke: $color_price_sale;
            }
        }
    }
    
    .spr-badge {
        margin-bottom: 9px;
        
        .spr-badge-starrating {
            &+.spr-badge-caption {
                display: none;
            }
        }
    }
        
    .btn {
        @include button_2();
        width: 100%;
        &:hover{
            @include button_1();
        }
    }
    
    .product-bottom {   
        text-align: $product_name_text_align;
    }
    
    .product-des {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        @include opacity(0);
        @include transition(opacity .5s ease);
        visibility: hidden;
        &.abs-top {
            top: 15px;
            left: 15px;
            right: auto;

            .compare-button {
                .compare-text {
                    display: none;
                }
            }

            > a {
                &.quickview-button {
                    margin-bottom: 6px;
                }
            }
            > a:not(.compare-button) {
                display: block;
            }
        }
        &.abs-center {
            top: 50%;
            @include translateY(-50%);
            @include opacity(1);
            visibility: visible;
        }
        
        &.abs-bottom {      
            bottom: 0;
        }
    }
}


/* Header */
.site-header {
  z-index:99999 !important;
    .dropdown-border {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
        // z-index: 99;
        overflow-y: auto;
        // @include transition(all 0.3s ease);
        padding: 16px 30px;
        width: 430px;
        @include calc(max-width, '100vw - 40px');
        // @include translateX(100%);
        // @include box-shadow(4px, 8px, 5px, 5px rgba(0,0,0,0.1));
        border-left: 1px solid #e6e6e6;
      background: #cfe9e7;
/*         background: -moz-linear-gradient(top, #fff8dc 100%, #fff 15%, #fff 100%);
        background: -webkit-linear-gradient(top, #fff8dc 100%, #fff 15%, #fff 100%);
        background: -ms-linear-gradient(top, #fff8dc 40%, #fff 100%, #fff 100%);
        background: linear-gradient(top, #f9f9f9 0%, #fff 15%, #fff 100%); */
        &.menu-open {
            right: 0;
            @include transform(none);
            z-index: 1000;
            opacity: 1;
            visibility: visible;
        }
    }
}

/* ----- Navigation ------- */
.site-nav {
    li {
        a {
            position: relative;
            .icon-dropdown {
                @include opacity(.4);
                right: 6px;
            }
        }
    }

    .icon-dropdown {
        width: 20px;
        display: inline-block;
        font-size: 19px;
        position: absolute;
        top: 13px;
    }

    .menu-mb-title {
        letter-spacing: .05em;
        font-size: $font_size + 1;
        font-weight: 600;
        text-transform: uppercase;
        padding: 13px 20px 11px;
        position: relative;
        text-align: center;
        cursor: pointer;

        .icon-dropdown {
            left: 20px;
            text-align: left;
        }
    }

    .menu-lv-1, >.item {
        > a {
            text-transform: uppercase;
            font-size:  $font_size;
            font-weight: 500;
            letter-spacing: .05em;
            display: inline-block;
        }
    }

    .mega-menu {
        .menu-lv-2 {
            > a {
                text-transform: uppercase;
                font-weight: 500;
                letter-spacing: .05em;
                line-height: 20px;
                display: inline-block;
            }
        }
        .site-nav-dropdown {
            &.style_1 {
                .featured-product {
                    max-width: 230px;
                    width: 100%;
                    text-align: center;
                    .slick-arrow {
                        background: none;
                        border: none;
                        top: 22%;
                        width: 20px;
                        height: 21px;
                        padding-top: 0;
                        svg {
                            width: 20px;
                            height: 21px;
                        }
                        &.slick-next {
                            right: 6px;
                            padding-left: 0;
                        }
                        &.slick-prev {
                            left: 6px;
                            padding-right: 0;
                        }
                    }

                    > h3 {
                        font-size: $font_size;
                        font-weight: 500;
                        letter-spacing: .05em;
                        text-align: center;
                        margin-bottom: 22px;
                        text-transform: uppercase;
                    }

                    .product-item {
                        padding: 0 10px;
                        .inner-top {
                            text-align: center;
                            .product-top {
                                display: inline-block;
                                margin-bottom: 5px;
                                .product-label{
                                    top: 0;
                                    right: 45px;
                                }
                            }
                            .product-bottom {
                                .product-vendor {
                                    margin-bottom: 2px;
                                }
                                .product-title {
                                    font-size: $font_size;
                                    font-weight: 500;
                                    margin-bottom: 2px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                                .item-swatch {
                                    margin-bottom: 20px;
                                }
                                .action {
                                    min-width: 210px;
                                }
                            }
                        }
                    }
                }
            }
            &.style_2 {
                .banner-bottom {
                    font-size: $font_size;
                    font-weight: 500;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    padding: 7px 0px;
                    text-align: center;
                    margin-top: 15px;
                }
            }
        }

    }

    .icon-label {
        font-size: $font_size - 2;
        font-weight: 500;
        letter-spacing: normal;
        margin: 0 0 0 10px;
        line-height: 1em;
        padding: 4px 6px 3px;
        text-transform: capitalize;
        position: relative;
        top: -1px;
        @include border-radius(1px);
        text-align: center;

        &:before {
            content: "";
            border: 5px solid transparent;
            position: absolute;
        }
    }
}

@-moz-document url-prefix() {
 /* hack css firefox */ 
    .site-nav .icon-label {
        padding: 3px 6px 4px;
    }
}


/* Modal */
.ajax-error-modal {
    position: fixed;
    top: 50%;
    bottom: auto;
    right: auto;
    left: 0px;
    overflow: hidden;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    @include translateY(-50%);

    .modal-inner {
        background-color: $bg_sale;
        color: $sale_text;
        display: inline-block;
        padding: 15px 20px 13px;
        line-height: $font_size + 10;
    }
}

.halo-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, .8);
    
    .modal-overlay {
        position: relative;
        margin: .5rem auto;
        pointer-events: none;
        max-width: 887px;
        top: 50vh;
        @include translateY(-50%);
    }
    
    .halo-modal-content {
        position: relative;    
        @include flexbox();
        -webkit-box-orient: vertical;
        @include flex-direction(column);
        width: 100%;
        pointer-events: auto;
        background-color: $body_bg;
        background-clip: padding-box;
        outline: 0;  
        max-width: 90%;
        margin: 0 auto;
        .close-window {
            width: 35px;
            height: 35px;      
            position: absolute;
            right: -17px;
            top: -17px;
            background: #000000;
            color: #fff;
            @include flexbox();
            @include justify-content(center);
            @include align-items(center);
            z-index: 2;
            svg {
                fill: #fff;
                stroke: #fff;
                width: 18px;
                height: 18px;
            } 
            &:hover {
                background: #b20000;
                color: #fff;
                svg {
                    fill: #fff;
                    stroke: #fff;
                } 
            } 
        }
        
        .halo-modal-body {
            max-height: 81vh;
            overflow: auto;
            
            &::-webkit-scrollbar-track {
                background-color: #e6e6e6;
            }

            &::-webkit-scrollbar {
                width: 5px;
                background-color: #e6e6e6;
            }

            &::-webkit-scrollbar-thumb {
                background-color: #969696;
            }
        }
    }
}

.images-contain {
    position: relative;
}

.select-icon {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    z-index: 2;
    
    .glyphicon {
        width: 24px;
        height: 24px;
        display: block;
        @include border-radius(50%);
        position: relative;
        cursor: pointer;
        
        &:before,
        &:after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: "";
            @include translate(-50%, -50%);
        }
        
        &:before {
            width: 10px;
            height: 2px;
        }
        
        &:after {
            width: 2px;
            height: 10px;
        }
    }
    
    &:before{
        -webkit-animation: box-shadowl 1.5s linear infinite;
        animation: box-shadow 1.5s linear infinite;
        content: "";
        width: 24px;
        height: 24px;
        position: absolute;
        @include border-radius(50%);
        left:0;
        top:0;
    }
}

.loading-modal {
    display: none;
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    top: 50%;
    left: 50%;
    @include translate(-50%, -50%);
    @include border-radius(1px);
    
    div {
        position: absolute;
        top: 13px;
        left: 13px;
        width: 35px;
        height: 35px;
        border: 4px solid $page_title_color;
        @include border-radius(50%);
        animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        -moz-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        -webkit-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        -o-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: $link_color_hover transparent transparent transparent;
        
        &:nth-child(1) {
            @include animation-delay(-0.45s);
        }
        
        &:nth-child(2) {
            @include animation-delay(-0.3s);
        }
        
        &:nth-child(3) {
            @include animation-delay(-0.15s);
        }
    }
}

.modal-header {
    .close {
        padding: 0;
        margin: 0;
    }
}

.close-modal {
    color: {{ settings.close_color}} !important;
    background: {{ settings.close_bg}};
    width: 35px;
    height: 35px;
    @include flexbox();
    @include justify-content(center);
    @include align-items(center);
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 2;
    padding-top: 1px;
    svg {
        margin-left: 1px;
    } 

    &:hover {
        color: {{ settings.close_color_hover }};
        background: {{ settings.close_bg_hover }};
    }

      
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;  
    cursor: pointer;
}


.halo_modal-custom {
    .modal-dialog {
        width: 900px;
        max-width: 88%;
        margin: 5rem auto;
        -webkit-overflow-scrolling: touch;

        &.modal-dialog-centered {
            @include calc(min-height, '100% - (5rem * 2)');
        }
    }
    
    .modal-content {
        @include box-shadow(0, 1px, 4px, rgba(0,0,0,.15));
        border: none;
        @include border-radius(0);
    }
        
    .modal-header {
        @include justify-content(center);
        border-bottom: none;
        background: #f5f5f5;
        padding: 14px 15px 12px;
    }
    
    .modal-title {
        font-size: $font_size + 2;
        text-align: center;
        line-height: $font_size + 12;
        text-transform: uppercase;
        font-weight: 500;
        color: #000;
        letter-spacing: .05em;
    }
    
    .modal-body {
        padding: 30px 15px 50px 15px;
        .title-wrapper {
            text-align: center;
            border-bottom: 1px solid $border_bt_sidebar;
            padding-bottom: 25px;
            margin-bottom: 24px;
            
            .des {
                line-height: $font_size + 12;
            }
        }
        
        .questions {
            font-weight: 500;
            text-align: center;
            margin-bottom: 25px;
            color: $page_title_color;
        }
        
        .actions {
            .btn {
                @include button_2();
                width: 100%;
                &:hover{
                    @include button_1();
                }
            }
        }
        
        .form-group {
            margin-bottom: 20px;
            
            input[type="text"],
            input[type="password"],
            input[type="email"],
            input[type="tel"],
            textarea {
                height: initial;
                padding: 9px 15px 7px;
                border: 1px solid $border_input;
                color: $color_ipt;
                @include border-radius(0);
                width: 100%;
                display: block;
                outline: none;
            }
            
            label {
                font-weight: 500;
                
                &:first-child {
                    margin-bottom: 10px;
                }
            }
            
            input[type="radio"]+label {
                font-weight: normal;
                color: $body_color;
                margin-right: 28px;
            }
        }
        
        .custom-radio {
            margin-bottom: 10px;
            padding-top: 5px;
            
            label {
                &:first-child {
                    margin-right: 28px;
                }
            }
            
            &.last {
                margin-bottom: 18px;
                
                label {
                    &:first-child {
                        display: block;
                        margin-bottom: 16px;
                    }
                }
            }
        }
    }
}

#ask_an_expert {
    .modal-dialog {
        width: 800px;
    }

    .form-wrappder {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        .title-wrapper {
            .title {
               font-size: $font_size;
               font-weight: 500;
               letter-spacing: .05em;
               text-transform: uppercase;
               color: $page_title_color;
               margin-bottom: 15px;
            }
        }
        .form-content {
            input, textarea {
                max-width: 100%;
            }
        }
    }
    
}

#product_custom_engraving {
    .modal-dialog {
        width: 1003px;
    }

    .modal-body {
        padding-top: 42px;
    }

    .col-row {
        .title {
            font-size: $font_size;
            font-weight: 500;
            color: $page_title_color;
            letter-spacing: .05em;
            text-transform: uppercase;
        }
        .col-item {
            input {
                &::-moz-placeholder {
                  color: $body_color;
                  @include opacity(1);
                }
                &:-ms-input-placeholder {
                  color: $body_color !important;
                  @include opacity(1);
                }
                &::-webkit-input-placeholder {
                  color: $body_color;
                  @include opacity(1);
                }

            }
            .info-text {
                margin-top: 7px;
                margin-bottom: 15px;
                color: $body_color;
                font-size: $font_size;
                max-width: 380px;
                .text {
                    @include opacity(0.7);
                    padding-right: 10px;
                }
                .number {
                    float: right;
                    padding-left: 10px;
                }
            }
        }

        .description {
            margin-top: 20px;
            display: inline-block;
            width: 100%;
        }
        .total-price {
            margin-top: 30px;
            font-size: 14px;
            font-weight: 500;
            color: $page_title_color;
            label {
                margin-bottom: 8px;
            }
            .price {
                letter-spacing: 0;
            }
        }
        .submit {
            margin-top: 25px;
            .btn {
                @include button_2();
                width: 100%;
                &:hover{
                    @include button_1();
                }
            }
            .error-valid {
                margin-top: 10px;
                text-align: center;
                color: $color_price_sale;
                font-style: italic;
            }
        }
        
    }
}

#size_chart {
    .modal-body {
        .modal-text {
            margin-bottom: 47px;
            h3, .heading {
                font-size: $font_size;
                font-weight: 500;
                color: $page_title_color;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-bottom: 14px;
            }
        }

        .modal-img {
            text-align: center;
        }
    }
}

/* ----- Next Prev Product ------- */
.next_prev-groups {
    @include flexbox();
    @include align-items(flex-start);
    &.has-vendor {
        .next-prev-product {
            top: 32px;
            padding-bottom: 10px;
            min-width: 70px;
        }
    }
    .next-prev-product {
    display:none;
        width: 50px;
        position: absolute;
        right: 10px;
        top: 5px;
    }
    
    .breadcrumb {
        @include calc(width, '100% - 50px');
    }
    
    .next-prev-icons {
        @include flexbox();
        @include justify-content(flex-end);
        
        .icon-pro {
            color: #34313a;
            display: inline-block;
            width: 22px;
            height: 22px;
        }

        .next-btn {
            margin-left: 25px;
        }
        
        svg {
            width: 22px;
            height: 22px;
        }
    }
    
    .next-prev-modal {
        position: absolute;
        @include calc(top, '100% + 10px');
        margin-top: -10px;
        right: 4px;
        border: 1px solid #e5e5e5;
        @include border-radius(1px);    
        z-index: 3;
        background-color: $body_bg; 
        width: 298px;
        @include calc(max-width, '100vw - 20px');
        @include box-shadow(0, 2px, 3px, rgba(0,0,0,.1));
        display: none;
        
        .next-prev-content {
            display: none;
            
            &.active {
                display: block;
            }
        }
        
        .content {
            @include flexbox();
            @include align-items(center);
            text-align: left;
        }
        
        .product-image {
            max-width: 60px;
        }
        
        .column-right {
            @include calc(width, '100% - 60px');
            padding: 12px 20px;
            .product-name {
                font-size: $font_size;
                letter-spacing: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .price-box {
                margin-bottom: 0;
            }
        }
    }
}

.ajax-lookbook-modal {
    position: absolute;  
    width: 270px;
    max-width: 100%;
    display: none;  
    z-index: 5;

    .ajax-modal-content {
        padding: 30px 29px 30px;
        position: relative;
        background-color: $body_bg;
        @include box-shadow(0, 1px, 4px, rgba(0,0,0,.15));
        border: 1px solid #fbfbfb;
        @include border-radius(1px);
        position: relative;
        z-index: 2;
    } 
    
    .lookbook-content {
        
        .product-item {
        .product-grid-image {
            &:before {
                display: none;
            }
        }
        .product-top{
            .product-label{
                top: 0;
                right: 45px;
            }
            .product-image{
                img{
                    max-width: 120px;
                }
            }
        }
        .product-bottom{
            .product-title{
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .item-swatch{
                margin-top: 13px;
                margin-bottom: 20px;
            }
        }
        .action {
            max-width: 100%;
            margin: 0;
            margin-bottom: 5px;
        }
        
        .btn {
            @include button_2();
            padding: 10px 15px;
            &:hover{
                @include button_1();
            }
        }
        
        .product-vendor {
            line-height: $font_size + 10;
            margin-bottom: 2px;
        }
        
        .price-box {
            font-size: $font_size + 2;
            margin-bottom: 7px;
        }
        
        .pr-details {
            @include button_1();
            &:hover{
                @include button_2();
            }
        }
        }
    }
    
    .overlay {
        background-color: rgba(255, 255, 255, 0);
    }
}

.animate-hvr {
    position: relative;
    overflow: hidden;
    display: block;
    
    &:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .7);
        @include opacity(0);    
        @include transition(opacity .5s ease);
    }
}

.page-header {
    text-align: $page_title_text_align;
    margin-bottom: 42px;
    margin-top: 38px;

    h2,
    h1 {
        font-size: $page_title_font_size;
        color: $page_title_color;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-weight: 500;
        margin-bottom: 39px;
        {% unless settings.display_breadcrumb %}
        margin-top: 20px;
        {% endunless %}
    }
}

.breadcrumb {
    margin: 0;
    font-size: $font_size;
    line-height: $font_size + 12;
    @include border-radius(0);
    background-color: rgba(255, 255, 255, 0);
    padding: 16px 0 16px;
    @include justify-content(center);
    
    * {
        text-transform: $breadcrumb_text_transform;
        color: $breadcrumb_color;
        
        &:hover {
            color: $breadcrumb_color;
        }
    }
    .fa {
        @include opacity(0.7);
    }
    
    .arrow {
        font-size: $font_size + 2;
        padding: 0 8px 0 10px;
    }
}

/* Newsletter Popup */
.wrapper-newsletter {
    .not_img {
        height: 360px;
        line-height: 360px;
    }
    
    .halo-modal-body {
        @include flexbox();
        padding: 50px;
        .column-left {
            width: 100%;          
            background: #fff;
            padding: 25px 35px 20px 35px;
        }
                
        .title {
            color: #34313a;
            font-size: $font_size + 10;
            letter-spacing: .05em;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 20px;
            margin-top: 25px;
        }
        
        .des {
            color: #3c3c3c;
            font-size: $font_size;
            font-weight: 500;
            line-height: $font_size + 10;
            margin-bottom: 28px;
            text-align: center;
        }
        
        #email-subscibe {
            margin-bottom: 37px;
            
            .input-group {
                @include justify-content(center);
            }
            
            .input-group-field {
                padding: 7px 15px 5px;
                border: 1px solid #f3f3f3;
                background-color: #f3f3f3;
                color: #0f0f0f;
                -webkit-flex-grow: 1;
                -moz-flex-grow: 1;
                -ms-flex-grow: 1;
                flex-grow: 1;
                width: calc(100% - 114px);
                
                &::-webkit-input-placeholder {
                    color: #3c3c3c;
                    @include opacity(0.6);
                }

                &::-moz-placeholder {
                    color: #3c3c3c;
                    @include opacity(0.6);
                }

                &:-ms-input-placeholder {
                    color: #3c3c3c;
                    @include opacity(0.6);
                }

                &:-moz-placeholder {
                    color: #3c3c3c;
                    @include opacity(0.6);
                }
            }
            
            .btn {
                @include button_2();
                min-width: 114px;
                max-width: 114px;
                padding: 10px 15px 8px;
                &:hover{
                    @include button_1();
                }
            }
        }
        
        .social-icons {
            margin-bottom: 45px;
            text-align: center;
            
            li {        
                &:hover {
                    a {
                        background: rgba(255, 255, 255, 0) !important;
                    }
                }
            }
        }
        
        #dismiss {
            &+label {
                color: #969696;
                font-weight: normal;
                padding-left: 23px;
                margin-bottom: 0;
                > span {
                    position: relative;
                }
                
                &:before {
                    width: 13px;
                    height: 13px;
                    border-color: #8e8f8f;
                    top: 3px;
                }
                
                &:after {
                    top: 6px;
                    left: 2px;
                }
            }
        }
    } 
}

/* Social Icons */
.social-icons {
    letter-spacing: -.33em;
    margin: 0;
    line-height: 0;
        
    li {
        letter-spacing: normal;
        display: inline-block;
        margin: 0 13px;
        &.whatsapp {
            svg {
                width: 18px;
                height: 18px;
            }
        } 
        &:last-of-type {
            margin-right: 0;
        }
        
        &:first-of-type {
            margin-left: 0;
        }

        a {
            font-size: 14px;
            color: $page_title_color;
            height: 18px;
            line-height: 18px;
            display: inline-block;
            vertical-align: bottom;
            text-align: center;
            .fa {
                font-size: 20px;
                &.fa-facebook {
                    font-size: 18px;
                }
                &.fa-instagram {
                    font-size: 20px;
                }
                &.fa-twitter {
                    font-size: 23px;
                }
            }
        }
        
        &:hover {
            a {
                color: $page_title_color;
            }
        }
    }

    li.facebook:hover a {
        color: #3b5998;
    }

    li.twitter:hover a {
        color: #55acee;
    }

    li.google_plus:hover a {
        color: #dd4b39;
    }

    li.instagram:hover a {
        color: #c13584;
    }

    li.rss:hover a {
        color: #ff6600;
    }

    li.pinterest:hover a {
        color: #cb2027;
    }

    li.tumblr:hover a {
        color: #32506d;
    }

    li.snapchat:hover a {
        color: #fffc00;
    }

    li.youtube:hover a {
        color: #ff0000;
    }

    li.vimeo:hover a {
        color: #aad450;
    }
    li.whatsapp:hover a {
        color: #00e676;
    }
}

/* Payment Method */
.payment-methods {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: right;
    li {
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 12px;
        
        img {
            max-height: 24px;
        }

        &:last-of-type {
            margin-right: 0;
        }
    }
}

.themevale_popup {
  position: fixed;
  left: 0px;
  bottom: 0px;
  transition: all .3s ease;
  z-index: 99;
  width: 100%;
    .sticky_form {
        position: static;
        @include transform(translate3d(0, 0, 0));
        display: none;
    }
}

/* .show_sticky {
    .themevale_popup {
        .sticky_form {
            display: block;
        }
    }
} */

.productView-stickyCart.activebtn{
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
}
/* ----- Sticky Add To Cart ------- */
{% if settings.display_sticky %}
.sticky_form {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; 
    background-color: {{ settings.bg_sticky }};
    color: {{ settings.color_sticky }};
    z-index: 100;
    padding: 7px 0;
    @include transition(.5s ease);
    @include transform(translate3d(0, 100%, 0));
    /* @include opacity(0); */
    @include box-shadow(0, -3px, 3px, -3px rgba(0, 0, 0, .1));

    .sticky_icon {
        display: inline-block;
        font-size: 18px;
        line-height: 25px;
        position: relative;
        top: 1px;
        margin-right: 8px;
    }

  .align-items-center{
    @include justify-content(center);
  }
  .sticky-item{
   margin:0px 20px;
  }
    .countdown-item {
        display: inline-flex;
        font-size: $font_size;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        line-height: $font_size + 13;

    }

    .clock-item {
        .num {
            padding-left: 5px;
        }

        span {
            &:not(.num) {
                padding-right: 5px;
            }
        }

        &:first-of-type {
            .num {
                padding-left: 0;
            }
        }

        &:last-of-type {
            span {
                &:not(.num) {
                    padding-right: 0;
                }
            }
        }
    }

    .pr-img {
        @include flexbox();
        @include align-items(center);

        img {
            width: 45px;
        }

        .product-title {
            margin: 0 0 0 17px;
        }
    }

    .sticky_group {
        @include flexbox();
        margin: 0 -10px;
        max-width: 312px;

        .pr-selectors,
        .quantity {
            padding: 0 10px;
        }
    }

    .action {
        text-align: right;
    }

    .sticky-add-to-cart {
        @include button_2();
        width: 100%;
        min-width: initial;
        max-width: 200px;
        padding: 3px 15px;
        margin-top: -2px;
      font-size:18px;
        &:hover {
            @include button_1();
        }
    }

    .quantity {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
        flex: 0 0 110px;
        max-width: 110px;
        .qty-group{
            max-width: 90px;
            input[name="quantity"]{
                width: 30px;
            }
            .button{
                &.plus,&.minus{
                    border: none;
                }
                &:before{
                    width: 10px;
                    height: 2px;
                }
                &:after{
                    height: 10px;
                    width: 2px;
                }
            }
        }
    }

    .pr-selectors {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 110px);
        flex: 0 0 calc(100% - 110px);
        @include calc(max-width, '100% - 110px');

        .pr-active {
            position: relative;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border: 1px solid $border_dropdown;
            display: block;
            padding: 5px 30px 5px 11px;
/*          padding: 9px 30px 9px 13px; */
            color: {{ settings.color_variants }};
            cursor: pointer;
            background:#fff !important;
          {% comment %}             
            background: {{ settings.bg_sticky }}; 
          {% endcomment %}

            &:before {
                right: 10px;
                position: absolute;
                top: 50%;
                content: "\f107";
                font: normal normal normal 18px/1 FontAwesome;
                @include transform(translateY(-50%));
            }
        }

        ul {
            padding: 0;
            list-style: none;
            position: absolute;
            top: auto;
            @include calc(width, '100% - 20px');
            @include calc(bottom, '100% - 1px');
            background: {{ settings.bg_sticky }};
            margin-bottom: 0;
            border: 1px solid $border_dropdown;
            overflow: auto;
            height: 0;
            @include opacity(0);
            @include transition(all .3s ease);

            li {
                a {
                    display:block;
                    padding: 5px 0;
                    color: {{ settings.color_variants }};

                    &:hover,
                    &.active {
                        color: #5572ad;
                    }
                }

                .sold-out{
                    color: #b6b6b6;
                    text-decoration: line-through!important;
                    pointer-events: none;
                }
            }
        }
    }

    &.open-sticky {
        .pr-selectors {
            ul {
                @include opacity(1);
                max-height: 290px;
                padding: 10px;
                height: inherit;
              width: 292px;
  bottom:42px;
            }
        }
    }
}

.show_sticky {
    .sticky_form {
        @include transform(translate3d(0, 0, 0));
        @include opacity(1);
    }
}
{% endif %}

/* Someone Purchased */

.product-notification {
  min-height: 100px;
  background: #fff;
  width: 100%;
  @include transition(all 1s ease);  
  @include opacity(0);
  z-index: 999;
  visibility: hidden;
  // @include box-shadow(0, 1px, 3px, rgba(0,0,0,.2));
  border: 1px solid #e6e6e6;
  @include border-radius(1px);
  position: relative;
  &.active{
    @include transition(all 1s ease);  
    @include opacity(1);
    visibility: visible;
  }

  .close-notifi {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    svg {
      width: 16px;
      height: 16px;
      fill: #232323;
      stroke: #232323;
    }
  }

  .product-suggest{
    @include flex(flex-start, center);
    padding: 10px;

    .product-image{
      width: 60px;
      display: block;
      img{
        object-fit: cover;
      }
    }

    .column-right{
      padding: 0px 25px 0 20px;
      line-height: 20px;
      width: calc(100% - 60px);
      .info {
        color:#969696;
        margin-top: 8px;
        font-size: 11px;
      }

      .from-ago,
      .time-ago{
        color:#969696;
        font-size:11px;
        display: block;
      }

      label{
        display: inline;
        color:#969696;
        font-size: $font_size;
        font-weight:400;
      }

      .product-name{          
        display: inline;
        color: #323232;
        font-size: $font_size;
        font-weight:400;
        margin-left: 2px;
        background-image: linear-gradient(#fff 97%, #323232 3%);
        background-repeat: repeat-x;
        background-position-y: -1px;
      }
    }
  }
}

/* Cookies Popup */
#accept-cookies{
  display:none;
  z-index: 999;
  padding: 10px 10px 15px 10px;
  width: 100%;

  .block-cookies{
    font-size: 12px;
    font-weight: 400;
    .des {
      line-height: 22px;
    }

    .btn{
      cursor: pointer;
      font-size: $font_size;
      font-weight: 500;
      text-transform: capitalize;
      letter-spacing: 0;
      line-height: 20px;
    }

    .btn-bottom {
      margin-top: 17px;
      @include flex(center, flex-end);
      a {
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        display: inline-block;
        text-transform: uppercase;
        span {
           display: inline-block;
        }
        &.privacy_policy {
            span {
                border-bottom: 1px solid transparent;
            }
        }
        &.btn-accept {
          margin-left: 28px;
          
          .icon {
            width: 18px;
            height: 11px;
            margin-left: 5px;
            text-align: center;
            display: inline-block;
            position: relative;
            &:before {
                content: '';
                width: 12px;
                height: 8px;
                position: absolute;
                top: 0px;
                left: 3px;
                border-top: none;
                border-right: none;
                background: rgba(255,255,255,0);
                -moz-transform: scale(1) rotate(-45deg);
                -o-transform: scale(1) rotate(-45deg);
                -ms-transform: scale(1) rotate(-45deg);
                -webkit-transform: scale(1) rotate(-45deg);
                transform: scale(1) rotate(-45deg);
            }
          }
        }
      }
    }
  }
}

.countdown {
    .clock-item {
        display: inline-block;
        min-width: 48px;
        padding: 8px 7px 7px 8px;
        text-align: center;
        margin-left: -1px;
        background: rgba(0,0,0,0.8);
        @include border-radius(2px);
        margin-bottom: 5px;
        span {
            display: block;
        }
        .num {
            font-size: $font_size + 4;
            font-weight: 500;
            letter-spacing: 0;
            color: #fff;
            line-height: 16px;
            margin-bottom: 5px;
        }
        .text {
            font-size: $font_size - 2;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0;
            color: rgba(255,255,255,0.6);
            line-height: 12px;
        }
        + .clock-item {
            margin-left: 5px;
        }
    }
}

.translate-header {
    > .cart-icon, > .icon-search {
        display: none;
    }
}

/* ----- Home Slideshow ------- */

.home-slideshow,
.lookbook-slideshow {
    position: relative;
    
    .images-contain {
        text-align: center;
    }
    
    .item {
        position: relative;
    }
    
    .slick-arrow {
        top: 50%;
        border-width: 2px;
        @include opacity(0);
        width: 72px;
        height: 72px;
        padding-top: 7px;
        transform: translateY(-50%);
        
        svg {
            width: 25px;
            height: 25px;
            stroke-width: .2px;
        }
        
        &.slick-prev {
            padding-right: 2px;
        }
    }
    
    &:hover {
        .slick-arrow {
            @include opacity(1);
        }
    }
}

.home-slideshow {
    .fluid-width-video-wrapper {
        width: 100%;
        position: relative;
        padding: 0;
    }

    [data-video-mp4] {
        .video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .fluid-width-video-wrapper {
            &:before {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                content: "";
                z-index: 2;
                @include opacity(.4);
                background-color: #866965;
                position: absolute;
            }
        }
    }
}

.slideshow,
.lookbook-slideshow {
    &:not(.slick-slider) {
        .item + .item {
            display: none;
        }
    }
}

.slide-content {
    text-align: center;
    padding: 25px 25px 30px;
    &:after {
        display: table;
        content: "";
    }
    
    .slide-heading {
        letter-spacing: .05em;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
        position: relative;
    }
    
    .slide-text {
        margin-bottom: 28px;
        line-height: 28px;
        max-width: 425px;
        margin-left: auto;
        margin-right: auto;
    }
    .slide-countdown {
        margin-bottom: 30px;
        .clock-item {
            display: inline-block;
            min-width: 106px;
            padding: 15px 10px 10px 10px;
            text-align: center;
            margin-left: -1px;
            span {
                display: block;
            }
            .num {
                font-weight: 500;
                letter-spacing: 0;
                margin-bottom: 5px;
            }
            .text {
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: .05em;
            }
        }
    }
    .group-slide-button {
        @include flex(center, center);
        &.has-one-button {
            .slide-button {
                min-width: 287px;
            }
        }
        &.has-two-button {
            .slide-button {
                min-width: 195px;
                display: inline-block;
                +.slide-button {
                    margin-left: 30px;
                }
            }
        }
    }
    .slide-button {
        @include box-shadow(0, 2px, 2px, rgba(0,0,0,0.1));
        
        &:hover {
            background-color: $background_2 !important;
            color: $color_2 !important;
            border-color: $background_2 !important;
        }
    }
}

/* Homepage Collection */
.homepage-collection-wrapper {
    padding: 7em 0;
    .column-left {

        .widget-title {
            text-align: left;
            margin-bottom: 15px;
        }
        .desc-text {
            color: $body_color;
            margin-bottom: 18px;
        }
        .collection-link {
            font-size: $font_size + 2;
            font-weight: 500;
            color: $page_title_color;
            text-transform: uppercase;
            letter-spacing: .05em;
            span {
                position: relative;
                // display: inline-block;
                &:before {
                    content: "";
                    background: $page_title_color;
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    bottom: 2px;
                    left: 0;
                    @include opacity(0.7);
                }
            }        
        }
    }

    .column-right {
        .products-grid {
            .grid-item {
                margin-bottom: 0;
                @include opacity(0);
                visibility: hidden;
                height: 0;
                &.slick-slide {
                    @include opacity(1);
                    visibility: visible;
                    height: auto;
                }
                .collection-title-wrapper{
                    text-align: center;
                    margin-top: 25px;
                    .collection-title {
                        h3 {
                            font-size: $font_size + 8;
                            font-weight: 500;
                            color: $page_title_color;
                            text-transform: uppercase;
                            letter-spacing: .05em;
                            margin-bottom: 8px;
                            a {
                                color: $page_title_color;
                            }
                        }

                        .count-products {
                            text-align: center;
                            color: #636468;
                        }

                        .btn-shadow {
                            margin-top: 15px;
                            .btn {
                                @include button_1();
                              	padding: 13px 25px 10px;
                                &:hover{
                                    @include button_2();
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .slick-arrow {
        top: 36%;
        &.slick-prev {
            left: -5px;
        }
        &.slick-next {
            right: 5px;
        }
        &.slick-disabled {
            @include opacity(0);
        }
    }
}

/* Homepage Top Banner */
.home-top-banner {
/*     border-top: 1px solid $border_color_2; */
    padding-top: 30px;
    display: inline-block;
    width: 100%;
  display:none;

    .slick-slide {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: 1fr;
        display: grid;
        > div {
            height: 438px;
        }
        .col-md-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    .banner-image {
        margin-bottom: 12px;
        display: inline-block;
        @include opacity(0);
        visibility: hidden;
        .custom-item {
            position: relative;
            text-align: center;
            height: 100%;
            > a {
                display: block;
                height: 100%;
            }

            .not_img {
                text-shadow: none;
                width: 100%;
                height: 100%;
            }

            .caption {
              text-align: center;
              position: absolute;
              left: 0;
              width: 100%;
              line-height: 20px;
              font-weight:600;
              padding: 40px 35px;
              &.position-top {
                top: 0;
              }
              &.position-middle {
                top: 50%;
                @include transform(translateY(-50%));
              }
              &.position-bottom {
                bottom: 0;
              }

              h3.heading {
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-bottom: 15px;
                &.no-bottom {
                    margin-bottom: 2px;
                }
              }
              .desc-text {
                font-weight: 400;
                line-height: 22px;
                margin-bottom: 26px;
                &.no-bottom {
                    margin-bottom: 5px;
                }
              }
              > a{
                &:hover{
                  &:before{
                    content: none;
                  }  
                }
              }
              .link_text {
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                line-height: 16px;
                display: inline-block;
                margin-bottom: 5px;
              }
            }
        }
        &.has-desc{
            .caption {
                top: 50%;
                transform:translateY(-50%);
                bottom: auto !important;
            }
        }
        &.no-img {
            position: relative;
            .custom-item {
                @include flex(center, center);
                @include flex-wrap(wrap);
                .caption {
                    top: 50%;
                    transform: translateY(-50%);
                    &.position-top {
                        @include align-items(flex-start);
                    }
                    &.position-bottom {
                        @include align-items(flex-end);
                    }
                }
            }
        }
    }

    .slick-dots {
        position: relative;
        margin-bottom: 30px;
    }
}

/* Homepage New Product Tab */
.home-new-product-tab {
    padding-bottom: 38px;

    .widget-title {
        margin-bottom: 10px;
    }
    .list-product-tabs {
        text-align: center;
        @include justify-content(center);
        border-bottom: none;
        margin-bottom: 18px;
        li {
            margin-bottom: 5px;
            margin-left: 4px;
            margin-right: 4px;
            a {
                color: $body_color;
                font-size: $font_size + 2;
                font-weight: 400;
                text-transform: capitalize;
                display: inline-block;
                line-height: 15px;
                position: relative;
                padding: 12px 15px 11px;
                border: 1px solid transparent;
                @include transition(none);

                &.active {
                    border: 1px solid $body_color;
                    @include border-radius(20px);
                }
            }
        }
    }
    .product-tabs-content {
        position: relative;
        .tab-content {
            display: none;
            &.active {
                display: block;
            }

            .products-grid {
                padding-right: 5px;
            }

        }
    }
}

/* Homepage Product Tab */
.home-product-tab{
   padding:7em 0;
}
.home-product-tab, .product-widget-tab {
    .list-product-tabs {
        text-align: center;
        @include justify-content(center);
        border-bottom: none;
        margin-bottom: 6px;
        li {
            margin-bottom: 15px;
            a {
                font-size: 29px;
                font-weight: 800;
                color: $page_title_color;
               /*  font-size: $page_title_font_size; */
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                display: inline-block;
                line-height: 15px;
                position: relative;
                padding-left: 32px;
                padding-right: 25px;
                &.active {
                    span {
/*                      background-image: linear-gradient(#fff 97%, $page_title_color 3%);
                        background-repeat: repeat-x;
                        background-position-y: -2px; */
                        
                    }
                }
            }

            +li {
                a {
                    &:before {
                        content: "/";
                        color: #969696;
                        position: absolute;
                        left: 0;
                        top: 0;
                        font-size: 12px;
                    }
                }
            }
        }
    }

    .product-tabs-content {
        position: relative;
        .tab-content {
            display: none;
            &.active {
                display: block;
            }

            .products-grid {
                padding-right: 5px;
            }

        }
    }
}

/* Homepage Custom Block:Video */
.home-spotlight-block {
    .spotlight-item {
        position: relative;
        .img-box {
            text-align: center;
            position: relative;
            .video {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 2;
                @include transform(translate(-50%,-50%));
                width: 102px;
                height: 72px;
                svg {
                    width: 102px;
                    height: 72px;
                }
            }
        }
        .spotlight-wrap {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 10px 40px;
            @include flex(center, flex-start);
            @include flex-wrap(wrap);
            width: 100%;
            min-height: calc(50% - 36px);
            .spotlight-inner {
                .title {
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 15px;
                    font-weight: 500;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                }
                .des {
                    line-height: 16px;
                }
            }
        }
    }
    .home-spotlight-button {
        text-align: center;
        margin-top: 35px;
        a {
            @include button_2();
            min-width: 210px;
            &:hover{
                @include button_1();
            }
        }
    }

    .slick-dots {
        margin-top: 25px;
    }
}

#video-popup {
    width: 99%;
    max-width: 900px;
    padding: 15px;
    background: transparent;
    overflow: visible;
    .videoInner {
        padding: 10px;
        background: #000;
        .videoWrapper {
            position: relative;
            padding-bottom: 54.25%;
            height: 0;
            iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
        }
    }
    .fancybox-close-small {
        &:after {
            background: #b20000;
            color: #fff;
            font-size: 25px;
            @include border-radius(0px);
            outline: none;
        }
    }
}

/* Homepage Customer Review */
.homepage-reviews {
    .not_img {
        width: 90px;
        height: 115px;
        line-height: 115px;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 600;
    }

    .item {
      text-align: center;
      border: 1px solid $border_color_2;
      padding: 30px;
      min-height:280px;
    }

    .item-image {
        margin-bottom: 12px;
    }

    .star-reviews {
        margin-bottom: 5px;

        svg{
            width: 24px;
            height: 24px;
            stroke: none;
        }

        &.star5{
          svg{
            fill:$has_reviews;
          }
        }

        &.star4{
          svg{
            fill:$has_reviews;
            &:last-child{
              fill:$no_reviews;
            }
          }
        }

        &.star3{
          svg{
            fill:$has_reviews;
          }
          svg:nth-child(4){
            fill:$no_reviews;
          }
          svg:nth-child(5){
            fill:$no_reviews;
          }
        }

        &.star2{
          svg{
            fill:$no_reviews;
          } 
          svg:nth-child(1){
            fill:$has_reviews;
          }
          svg:nth-child(2){
            fill:$has_reviews;
          }
        }

        &.star1{
          svg{
            fill:$no_reviews;
          }
          svg:first-child{
            fill:$has_reviews;
          }
        }

        &.star0{
          svg{
            fill:$no_reviews;
          }
        }
    }

    .title-reviews {
        text-align: center;
        margin-bottom: 12px;
        .purchased-text {
            display: inline-block;
        }
        .title {
            display: inline-block;
            h4{
              color: #005599;
              font-size: $font_size;
              font-weight: 500;
              line-height: 22px;
              margin-bottom: 0px;
            }
        }
    }

  .body-review {
    color: $body_color; 
    font-size: $font_size;
    font-weight: 400;
    max-width: 450px;
    margin: 0 auto 15px auto;
  }

  .name-review {
    h5{
      color: $page_title_color;
      font-size: $font_size + 2;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: .05em;
      margin-bottom: 0;
      span {
        background-image: linear-gradient(transparent 97%, $page_title_color 3%);
        background-repeat: repeat-x;
        background-position-y: -2px;
      }
    }
  }

  .row {
    &:not(.slick-slider) {
      .item{
        display: none;
      }
    }
  }

  .slick-arrow {
    top: calc(50% - 18px);
  }
}


/* Homepage Brand Slider */
.slider-brand-wrapper {
    .slider-brand-button {
        text-align: center;
        margin-top: 35px;
        .btn {
            @include button_2();
            min-width: 210px;
            &:hover{
                @include button_1();
            }
        }
    }
    .slide_brand{
        .slick-dots{
            margin-top: 5px;
        }
    }
}

/* Homepage Instagram */
.home-instagram {
    padding-bottom: 55px;
    #instafeed {
        margin-left: -5px;
        margin-right: -5px;
        .item {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
            img{
                min-height: 100%;
                object-fit: cover;
            }
        }
    }
    .infinite-scrolling-instagram{
        text-align: center;
        a{
            display: block;
            width: 100%;
            margin-top: 25px;
            svg{
                width: 40px;
                height: 40px;
                stroke: transparent;
            }
        }
    }
    .home-instagram-button {
        text-align: center;
        margin-top: 34px;
    }
    .btn {
        @include button_2();
        min-width: 210px;
        &:hover{
            @include button_1();
        }
    }

    .btn-icon {
        svg {
            fill: #000000;
            stroke: none;
            width: 40px;
            height: 40px;
        }
    }

    .slick-arrow {
        &.slick-next {
            right: -14px;
        }
        &.slick-prev {
            left: -14px;
        }
    }
}

/* Policy Block */
.policys-block {
  .policy-item {
    @include flex(center, center);
    padding: 6px 0 6px;
  }

  .policy-text {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1em;
  }

  .policy-icon {
    margin-right: 20px;
    line-height: 0;
    svg {
        @include rotate(50);
    }
  }
  .slick-dots {
    display: none !important;
  }
}

/* Footer */
.footer {
    .footer-top {
        padding: 27px 0 25px 0;
        .col-lg-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 22%;
            flex: 0 0 27%;
            max-width: 28%;
        }
        .col-lg-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 56%;
            flex: 0 0 45%;
            max-width: 45%;
        }
        .footer-logo {
            margin-bottom: 16px;
        }
        .address {
            p {
                line-height: 20px;
                margin-bottom: 8px;
            }
        }
        .footer-social {
            margin-top: 35px;
        }
        .col-footer {
            .foot-title {
                font-size: 14px;
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-top: 12px;
            }
            ul {
                margin-bottom: 38px;
                li {
                    a {
                        line-height: 20px;
                    }
                    + li {
                        margin-top: 12px;
                    }
                }
            }
        }

        .footer-newsletter {
            h3 {
                font-size: 14px;
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-top: 12px;
            }
            .des {
                margin-bottom: 32px;
            }

            .input-group-field {
                font-size: 12px;
                padding: 9px 20px 7px;
                -webkit-flex-grow: 1;
                -moz-flex-grow: 1;
                -ms-flex-grow: 1;
                flex-grow: 1;
                width: calc(100% - 115px);
                &::-webkit-input-placeholder {
                    @include opacity(1);
                }

                &::-moz-placeholder {
                    @include opacity(1);
                }

                &:-ms-input-placeholder {
                    @include opacity(1);
                }

                &:-moz-placeholder {
                    @include opacity(1);
                }
            }


            .btn {
                min-width: 90px;
                max-width: 115px;
                font-size: 11px;
                font-weight: 500;
                letter-spacing: .05em;
                cursor: pointer;
                padding: 9px 20px 7px;
            }

        }
    }

    .footer-bottom {
        padding: 0px 0;
        .footer_copyright {
            p {
                line-height: 29px;
                  text-align: center;
   					 color: #fff;
            }
        }
    }
}

.page-tpl,
.blog-detail {
    .rte {
        line-height: $font_size + 12;

        p {
            margin-bottom: 2rem;
        }
        
        h4 {
            font-size: $font_size;
            font-weight: 500;
            color: $page_title_color;
            line-height: $font_size + 12;
            margin-bottom: 10px;
        }

        ul,
        ol {
            margin: 0 0 25px 0px;
        }

        ul {
            li {
                margin-bottom: 6px;

/*                 &:before {
                    content: "";
                    width: 6px;
                    height: 6px;
                    background-color: #8c8c8c;        
                    @include border-radius(50%);
                    border: none;
                    margin: 8.5px 11px 10px 0;
                    float: left;
                } */
            }   
        }

        ol {
            li {
                counter-increment: li;

                &:before {
                    content: counter(li);
                    min-width: 17px;
                    float: left;
                }
            }
        }
    }
}

.template-page {
    .main-content {
        .container {
            max-width: 1240px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    
    .breadcrumb {
        margin-top: 50px;
    }
}

.t-header {
    background-color: #f8f8f8;
    @include flexbox();
    @include align-items(center);

    .col-title {
        font-size: $font_size;
        line-height: $font_size + 8;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        margin: 0;
        color: $page_title_color;
    }

    .column {
        padding: 14px 20px 12px;
    }
}

.shopify-challenge__container {
  padding-top: 40px;
  .shopify-challenge__message {
    margin-bottom: 20px;
  }
  .shopify-challenge__button {
    @include button_1();
    &:hover{
        @include button_2();
    }
  }
  .g-recaptcha {
    padding-bottom: 10px;
  }
}

/* ----- Contact Page ------- */
.contact-us-page {
    .page-header {
        margin-bottom: 0px;
        margin-top: 32px;
        text-align: center;

        h1 {
            margin-bottom: 12px;
        }

        .rte {
            margin-bottom: 5px;
            color: $body_color;
        }

        .line {
            display: inline-block;
            width: 100%;
            max-width: 270px;
            height: 1px;
            background-color: $body_color;
            @include opacity(0.7);
        }
    }

    .wrapper {
        padding-top: 37px;

        .form-contact, .location-wrap {
            margin-bottom: 25px;
        }

        .form-header {
            margin-bottom: 32px;
            h2 {
                color: $page_title_color;
                font-size: $font_size + 4;
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-bottom: 12px;
            }
        }
    }

    .form-contact {
        .form-success {
            margin-bottom: 25px;
        }
        .errors {
            border: 1px solid $border_color_1;
            background: #fafafa;
            padding: 5px 20px; 
            margin-bottom: 25px;
            ul {
                margin-bottom: 0;
                padding-left: 10px;
                li {
                    list-style: disc;
                }
            }
        }
    }

    .form-group {
        margin-bottom: 10px;
        
        label {
            font-weight: 500;
            margin-bottom: 9px;
        }

        input[type="text"] {
            display: inherit;
        }

        textarea {
         
            min-height: 180px;
        }
    }
    
    #contactFormWrapper {
        .btn {
            min-width: 205px;
            @include button_2();
            margin-top: 5px;
            padding: 11px 15px 9px;
            &:hover{
                @include button_1();
            }
        }
    }

    .location {
        line-height: $font_size + 12;
        background: #fafafa;
        padding: 59px 25px;
        max-width: 470px;
        float: right;
        h4 {
            color: $page_title_color;
            font-size: $font_size + 4;
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
            margin-bottom: 28px;
        }

        p {
            margin-bottom: 24px;
            &.desc {
                margin-bottom: 20px;
            }

            &:last-of-type {
                margin-bottom: 28px;
            }
        }

        .btn {
            background: transparent;
            color: $body_color;
            border: 1px solid $body_color;
            font-size: $font_size;
            font-weight: 500;
            letter-spacing: .02em;
            margin-bottom: 32px;
            min-width: 164px;

            &:hover {
                background: #0f0f0f;
                border: 1px solid #0f0f0f;
                color: #fff;
            }
        }

        a {
            color: $body_color;

            &:hover {
                color: $link_color;
            }
        }
        
        strong {
            font-weight: normal;
        }
        
        .open-hours {
            border-top: 1px solid $border_bt_sidebar;
            padding-top: 28px;
            strong {
                text-transform: uppercase;
            }
        } 
    }    
    
}

/* ----- Wishlist ------- */
.wishlist-header {

    .column {
        padding: 11px 20px 9px;
    }
}

.wishlist-content {
    margin-bottom: 20px;

    .grid-item {
        padding: 35px 0;
        border-bottom: 1px solid $border_color_2;
        // display: none;

        .product-item {
            @include flexbox();
            @include align-items(center);
        }

        // &:nth-child(-n + 3) {
        //     display: block;
        // }
    }

    .column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;

        &.col-img {
            padding-left: 0;
            padding-top: 0;
        }

        .btn {
            @include border-radius(1px);
            max-width: 160px;
            text-transform: none;
            padding: 11px 15px 9px;
            font-size: 12px;
            letter-spacing: .02em;
        }
    }

    .product-image {
        margin: 0;

        img {
            max-width: 120px;
        }
    }

    .col-prod {
        padding-top: 0;
    }

    .price-box {
        margin: 0;
        color: $color_price;
    }

    .product-vendor {
        margin: 0;

        a {
            color: $body_color;
            display: inline-block;
            margin-bottom: 3px;
        }
    }

    .product-title {
        font-size: 12px;
        color: $page_title_color;
    }

    .col-remove {
        a {
            @include flex(center, center);
            color: $color_1;
            background: $background_1;
            border-color: $border_1;

            &:hover {
                color: $color_price_sale;
                background: #fff;
                border-color: $color_price_sale;
            }
        }

        svg {
            margin-right: 10px;
            width: 13px;
            height: 14px;
        }
    }

    .col-options {
        .btn {
            @include button_1();
            &:hover{
                @include button_2();
            }
        }
    }
}

.wishlist-footer {
    @include flex(center, space-between);
    @include flex-direction(row);
    margin-top: 8px;
    .share {
        color: $body_color;
        display: inline-block;

        &:hover {
            color: $link_color_hover;
        }

        .fa {
            color: #646464;
            font-size: $font_size + 3;
            margin-right: 7px;
        }
    }
    .padding {
        margin-bottom: 0;
        margin-top: 0;
    }

    .wishlist-pagination {
        margin-top: 0px;
    }
}

.wishlist-page {
    .page-header {
        h2,
        h1 {
            margin-bottom: 30px;
        }
    }

    .col-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 135px;
        flex: 0 0 135px;
        max-width: 135px;
    }

    .col-price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
        flex: 0 0 310px;
        max-width: 310px;
    }

    .col-options {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 175px;
        flex: 0 0 175px;
        max-width: 175px;
        padding-right: 0;
    }

    .col-remove {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        max-width: 190px;
    }

    .col-prod {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 810px);
        flex: 0 0 calc(100% - 810px);
        @include calc(max-width, '100% - 810px');
    }

    .wrapper-wishlist {
        .wrapper-overflow {
           overflow-x: auto;
        }

        .wishlist-content,
        .wishlist-header {
            width: 100%;
            min-width: 928px;
            overflow-x: hidden;
        }
    }
}

/* Collection List Page */
.list-collection {
    .grid-item {
        margin-bottom: 35px;
        .item {
            position: relative;
            height: 100%;
            .product-image {
                min-height: 320px;
                @include flex(center, center);
                height: 100%;
            }
            .collection-title-wrapper {
                position: absolute;
                left: 20px;
                right: 20px;
                bottom: 20px;
                &:hover{
                    border-left: 1px solid #e6e6e6;
                    border-right: 1px solid #e6e6e6;
                    border-bottom: 1px solid #e6e6e6;
                }
                .collection-title {
                    width: 100%;
                    background: rgba(0,0,0,0.7);
                    text-align: center;
                    padding-top: 20px;
                }

                .title {
                    font-size: $font_size + 4;
                    font-weight: 500;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    margin-bottom: 5px;
                    padding: 0 20px;
                    a {
                        color: #fff;
                    }
                }
                .count-products {
                    color: #fff;
                    font-size: $font_size;
                    font-weight: 400;
                    padding: 0 20px 20px 20px;
                    display: inline-block;
                    &.has-desc {
                        padding-bottom: 10px;
                    }
                }

                .desc {
                    color: #fff;
                    font-size: $font_size;
                    font-weight: 400;
                    line-height: 20px;
                    padding: 0px 20px 15px 20px;
                }

                .btn {
                    background-color: #fff;
                    border-color: #fff;
                    color: #000;
                    width: 100%;
                    display: none;
                    &:hover {
                        background-color: #000;
                        border-color: #000;
                        color: #fff;
                    }
                }
            }
            &:hover {
                .collection-title-wrapper {
                    .title {
                        span {
                            background-image: linear-gradient(transparent 97%, #fff 3%);
                            background-repeat: repeat-x;
                            background-position-y: -2px;
                        }
                    }
                }
                .btn {
                    display: block;
                }
            }
        }
    }
}

.best-seller-product,
.recently-viewed-products {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

/*Collection Page*/
.template-collection {
    .compare-button {
        display: block;
    }
    .recently-viewed-products {
        margin-top: 25px;
        margin-bottom: 60px;
    }
}

.toolbar {
    margin-bottom: 35px;
    @include flexbox();
    @include justify-content(space-between);
    @include align-items(center);
    @include flex-wrap(wrap);

    .column-right {
        @include flexbox();
        @include justify-content(flex-end);
    }

    .toolbar-col {
        @include flexbox();
        @include align-items(center);

        label {
            font-weight: 500;
            margin: 0 15px 0 0;
            text-transform: uppercase;
            color: #232323;
            position: relative;
            top: 1px;
            letter-spacing: .05em;
        }

        .label-tab {
            border: 1px solid $border_dropdown;
            background-color: $body_bg;
            padding: 10px 14px 8px 15px;
            @include flexbox();
            @include justify-content(space-between);
            @include align-items(center);
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            cursor: pointer;
        }

        .icon-dropdown {
            color: $color_icon_drop;
            font-size: 16px;
            padding-left: 8px;
        }

        .dropdown-menu {
            padding: 5px 0;
            margin: 2px 0;
            right: 0;
            @include border-radius(0);
            font-size: $font_size;
            color: $body_color;
            min-width: 100%;

            li {
                padding: 6px 15px 2px 15px;
                * {
                    display: inline-block;
                    cursor: pointer;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                &.active,
                &:hover {
                    background-color: #f4f4f4;
                    color: #66787f;
                }
            }
        }
    }

    .filters-toolbar__limited-view {
        margin-left: 35px;

        .limited-view {
            min-width: 187px;
            position: relative;
            .label-text-wrap {
                .item-per-page-text {
                    text-transform: lowercase;
                }
            }
            .dropdown-menu {
                li {
                    text-transform: lowercase;
                }
            }
        }
    }

    .filters-toolbar__sortby {
        margin-left: 35px;

        .filter-sortby {
            min-width: 187px;
            position: relative;
        }
    }

    .view-mode {
        @include flex(center, flex-start);
        border:1px solid $border_dropdown;

        .view-as {
            height: 42px;
            width: 42px;
            @include flex(center, center);
            padding: 0 10px;
            cursor: pointer;
            &.grid {
                border-right:1px solid $border_dropdown;
            }
            &.list {
                margin-left: -1px;
            }
        }

        .icon-mode {
            width: 14px;
            height: 14px;
            display: inline-block;
            vertical-align: middle;
            .icon-bar {
                height: 4px;
                background-color: #cfcfcf;
                @include transition(all .15s ease);
                display: block;
                position: relative;
                top: -1px;
                margin: 1px auto 0;
            }
            &.icon-mode-grid {
              .icon-bar {
                width: 4px;

                &:before,
                &:after {
                  content: '';
                  display: block;
                  position: absolute;
                  height: 4px;
                  width: 4px;
                  background-color: #cfcfcf;
                  @include transition(all .15s ease);
                }

                &:before {
                  left: -5px;
                }

                &:after {
                  right: -5px;
                }
              }
            }


            &:hover,
            &.active{
                .icon-bar{
                  background-color: #232323;

                    &:before,
                    &:after{
                        background-color: #232323;
                    }
                }
            }
        }
    }

    .sidebar-label {
        .icon-filter {
            svg {
                height: 27px;
                padding-left: 2px;
                width: 24px;
            }
        }
    }
}

.sidebar-label {
    font-size: $font_size;
    text-transform: uppercase;
    font-weight: 500;
    line-height: $font_size + 10;
    letter-spacing: .05em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 9px;
    cursor: pointer;
    color: #232323;

    .icon-filter {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: #232323;
        margin-right: 14px;
        position: relative;
        top: -1px;

        svg {
            height: 27px;
            padding-left: 2px;
            width: 24px;
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }
    }
}

.hide {
    display: none;
}
.close-filter{
    position: fixed;
    top: 0;
    left: 270px;
    z-index: 9999;
    a{
        width: 40px;
        height: 40px;
        background: #b20000;
        color: #ffffff;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        svg {
            fill: #ffffff;
            stroke: none;
            width: 25px;
            height: 26px;
        }
    }
}

.sidebar {
    &.blog-sidebar{
        padding-top: 9px;
    }
    .widget  {
        padding: 0 30px;
    }
    .widget-search{
        .widget-form{
            position: relative;
            margin-top: 16px;
            margin-bottom: 55px;
            .btn-search{
                position: absolute;
                top: 0;
                right: 0;
                padding: 0 15px;
                margin: 0;
                min-width: auto;
                height: 100%;
/*                 background: #fafafa; */
                  background-color: #000639;
                      border-radius: 0px 20px 0px;
                svg{
                    width: 19px;
                    height: 20px;
                    fill: #adadad;

                }

            }
            input[type="text"]{
                background: #fafafa;
                border: 1px solid #fafafa;
                padding: 10px 15px;
              box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
              border-radius: 0 20px 0 0;
            }
        }
    }
    .widget-content{
        margin-bottom: 50px;
        .banner-item {
            margin: 30px 0;
        }
    } 
    .widget-title {
        padding-top: 0;
        text-align: left;
        margin-bottom: 13px;
    }
    .widget-categories {
        margin-bottom: 45px;
    }
    .sidebar-product{
        margin-bottom: 50px;
    }
    .widget-recent-articles{
        margin-bottom: 50px;
    }

    .sidebar-title {
        font-size: $font_size + 4;
        letter-spacing: .05em;
        text-transform: uppercase;
        font-weight: 500;
        line-height: $font_size + 10;
        color: $page_title_color;
        margin: 0;
    }

    .widget-product{
        margin-top: 15px;
        margin-bottom: 50px;
        .products-grid{
            margin: 0;
            .product-image{
                .product-grid-image{
                    max-height: 220px;
                }
            }
            .product-label{
                top: 0px;
                right: 10px;
            }
            .slick-arrow{
                background-color: transparent;
                border: none;
                color: #0f0f0f;
                top: calc(50% - 10px);
                .fa{
                    font-size: 36px;
                }
            }
            .abs-bottom{
                margin-top: 18px;
                .btn{
                    width: auto;
                       padding: 3px 0px !important;
                    @include button_1();
                    &:hover{
                        @include button_2();
                    }
                }
            }
        }  
    }
    .close-sidebar {
        @include flex(center, space-between);
        width: 100%;
        background: #f0f0f0;
        color: #000000;
        padding: 9px 30px 7px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        margin-bottom: 22px;
        svg {
            width: 20px;
            height: 20px;
            stroke: none;
        }
    }
}

.sidebar-links {
    margin-bottom: 45px;

    .widget-content {
        ul {
            margin: 0;
        }

        li {
            margin: 0;
            position: relative;

            a {
                font-size: $font_size;
                display: block;
                font-weight: 500;
                color: $link_color;
                padding: 7px 22px 6px 0;
                line-height: $font_size + 10;
                position: relative;
                @include transition(padding-left .3s linear);
                position: relative;
                &:hover {
                    color: $link_color_hover;
                    padding-left: 15px;
                    &:before {
                        content: "\f105";
                        font-family: FontAwesome;
                        font-size: 16px;
                        position: absolute;
                        top: 50%;
                        left: 0;
                        @include transform(translateY(-50%));
                        @include opacity(0.5);
                    }
                    span {
                        background-image: linear-gradient(transparent 96%, $link_color_hover 4%);
                        background-repeat: repeat-x;
                        background-position-y: -1px;
                    }
                }
            }
            &.open {
                > .icon-dropdown {
                    .fa {
                        &:before {
                            content: "\f106";
                        }
                    }
                }
            }
        }

        .dropdown-cat {
            margin-bottom: 15px;
            margin-left: 15px;
            li {
                a {
                    font-size: $font_size;
                }
            }

            .dropdown-cat {
                li {
                    a {
                        font-weight: normal;
                        padding-top: 6px;
                        padding-bottom: 4px;
                        line-height: 20px;
                    }
                }
            }
        }
    }

    .icon-dropdown {
        width: 30px;
        height: 30px;
        display: inline-block;
        font-size: 16px;
        text-align: center;
        position: absolute;
        top: 2px;
        right: -10px;
        line-height: 32px;
        cursor: pointer;
    }

    .dropdown-cat {
        display: none;
    }

    .sidebar-link-lv1.open {
        >.dropdown-cat {
            display: block;
        }
    }
}

.sidebar-links .widget-content li.open > .dropdown-cat {
  display: block!important;
}

.sidebar-widget-product {
    margin-bottom: 50px;
    padding: 0 30px;
    .product-item {
        .inner-top  {
            .product-top {
                max-width: 170px;
            }
        }
    }
    .products-grid {
        position: static;

        &:not(.slick-slider) {
            .grid-item + .grid-item {
                display: none;
            }
        }

        .grid-item {
            margin-top: 0;

            .product-image {
                img {
                    min-height: initial;
                }

                .product-grid-image {
                    min-height: initial;
                }
            }

            {% if settings.display_button %}
            .item-swatch {
                margin-bottom: 20px;
            }
            {% endif %}

            .action {
                max-width: 210px;
                margin: 0 auto;
                .btn {
                    @include button_1();
                    &:hover{
                        @include button_2();
                    }
                }
            }
        }
    }

    .widget-title {
        margin-bottom: 30px;
    }

    .widget-product {
        position: relative;

        .products-grid {
            .product-title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .slick-arrow {
                top: 25%;
                width: 20px;
                height: 21px;
                background: none;
                border: none;
                padding-top: 0;

                svg {
                    fill: #34313a;
                    stroke: #34313a;
                    width: 20px;
                    height: 21px;
                }
            }
        }
    }
}

.sidebar-banner {
    text-align: center;
    margin-bottom: 35px;

    &+.sidebar-cms-custom,
    &.sidebar-widget-product,
    &.sidebar-links {
        padding-top: 14px;
    }

    .not_img {
        height: 165px;
        line-height: 165px;
        font-size: 16px;
    }
}


.sidebar-cms-custom {
    font-size: $font_size;
    line-height: $font_size + 12;
    color: $body_color;
    margin-bottom: 44px;

    p {
        &:not(:last-child) {
            margin-bottom: 24px;
        }
    }

    .widget-title {
        margin-bottom: 18px;
    }
}


.sidebar-filter {
    padding-bottom: 5px;
    padding: 0 30px;

    .sidebar-tags,
    .refined-widgets {
        .widget-title {
            margin-bottom: 25px;
        }
    }

    .sidebar-tags {
        .list-tags {
            margin-bottom: 0;

            li {
                margin: 0;
            }
        }

        label {
            font-weight: normal;
            margin-bottom: 7px;
            color: $body_color;
        }

        &:not(.filter-color) {
            .widget-content {
                max-height: 198px;
                overflow-y: auto;
                margin-bottom: 38px;

                &::-webkit-scrollbar-track {
                    background-color: #f4f4f4;
                }

                &::-webkit-scrollbar {
                    width: 5px;
                    background-color: #f4f4f4;
                }

                &::-webkit-scrollbar-thumb {
                    background-color: $color_slick_arrow;
                }
            }

            .list-tags {
                margin-top: -2px;
            }
        }
    }

    .sidebar-title {
        position: relative;
        @include flexbox();
        @include justify-content(space-between);

        .clear-all,
        .clear {
            font-size: $font_size;
            color: #999999;
            font-weight: normal;
            letter-spacing: normal;
            text-transform: capitalize;
            position: relative;
            &:hover {
                color: $link_color_hover;
                &:before {
                    content: "";
                    background-color: $link_color_hover;
                    position: absolute;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 1px;
                    bottom: 3px;
                }
            }
        }
    }

    .widget-title {
        &.open {
            .sidebar-title:before {
                @include rotate(180);
                top: .5px;
                left: -1px;
            }
        }
    }

    .filter-color {
        .widget-content {
            margin-bottom: 40px;
        }

        .list-tags {
            margin-left: -5px;
            margin-right: -5px;
            @include flexbox();
            @include flex-wrap(wrap);

            li {
                margin: 0 0 10px;
                padding-left: 5px;
                padding-right: 5px;
                background-color: $body_bg;
            }

            a {
                display: inline-block;
                width: 34px;
                height: 34px;
                @include border-radius(50%);
                border: 1px solid $border_color_2;
                padding: 3px;
                position: relative;

                img {
                    @include border-radius(50%);
                    width: 26px;
                    height: 26px;
                    object-fit: cover;
                }

                &:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "";
                    width: 100%;
                    height: 100%;
                    border: 4px solid #e3e3e3;
                    background-color: rgba(255, 255, 255, 0);
                    z-index: 2;
                    @include opacity(0);
                    visibility: hidden;
                    @include transition(opacity .2s linear);
                    @include border-radius(50%);
                }

                &:hover,
                &.active {
                    &:after {
                        visibility: visible;
                        @include opacity(1);
                    }
                }
            }
        }
    }

    .filter-size {
        .list-tags {
            @include flexbox();
            @include flex-wrap(wrap);

            li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }
        }
    }

    .refined-widgets {
        margin-bottom: 45px;

        .refined {
            margin: 0 -2.5px;
            @include flexbox();
            @include flex-wrap(wrap);

            li {
                margin-bottom: 5px;
                padding-left: 2.5px;
                padding-right: 2.5px;
            }

            a {
                color: #fff;
                background-color: #969696;
                padding: 3px 10px 2px;
                display: inline-block;
                @include border-radius(1px);
                text-transform: capitalize;

                span {
                    padding-left: 4px;
                }

                &:hover {
                    background-color: #0f0f0f;
                    color: #fff;
                }
            }
        }
    }
}

.collection-header {
    .collection-image {
        margin-bottom: 33px;

        .not_img {
            height: 320px;
            line-height: 320px;
        }
    }

    .collection-des {
        line-height: $font_size + 10;
    }

    .page-header {
        margin: 45px auto 45px auto;
        max-width: 1170px;
        padding: 0 15px;

        h1,
        h2 {
            margin-bottom: 18px;
            font-size: 25px;
        }
    }

    &.collection-header-sections {
        .collection-image {
            .not_img {
                height: 240px;
                line-height: 240px;
            }

            img {
                width: 100%;
                object-fit: cover;
            }
        }
    }
}

/* Collection Text Block */
.collection-text-block {
    .container {
        max-width: 1170px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Product List */
.products-list {
    max-width: 1170px;
    margin: 0 auto 35px auto;
    .col5{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grid-item {
        margin-top: 10px;

        &+.grid-item {
            padding-top: 30px;
            margin-top: 30px;
        }

        .product-bottom,
        .product-des.abs-center {
            display: none!important;
        }

        &.banner-img {
            display: none !important;
        }
    }

    .product-item {
        .product-des {
            &.abs-top {
                .wishlist, .compare-button {
                    display: none;
                }
            }
            &.abs-bottom {
                .action {
                    display: none;
                }
            }
        }
        .inner-top {
            @include flexbox();
            @include align-items(flex-start);
        }

        .short-description {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .product-image {
            margin: 0;
            img{
                object-fit: contain;
                max-height: 100%;
                width: 100% !important;
            }
        }

        .product-top {
            width: 350px;
            margin-right: 30px;
        }

        .product-details {
            @include calc(width, '100% - 380px');
            margin-top: 12px;
            text-align: left;
            .sizes-list {
                display: none;
            }
        }

        .product-title {
            margin-bottom: 10px;
            font-size: $font_size + 4;
        }

        .price-box {
            margin-bottom: 15px;
            font-size: $font_size + 4;
        }

        .short-description {
            line-height: $font_size + 10;
            margin-bottom: 15px;
        }
        .spr-badge {
            margin-bottom: 15px;
        }

        .sizes-list {
            margin-bottom: 0;
            li {
                padding: 15px;
            }
        }

        .item-swatch {
            margin-bottom: 33px;
        }

        .action {
            margin: 0 0 18px;
            @include flex(center, flex-start);
            .btn {
                max-width: 270px;
                min-width: 270px;
            }
        }

        .wishlist {
            margin: 0;
            font-weight: 500;
            width: 45px;
            height: 45px;
            border: 1px solid $border_wishlist;
            @include flex(center, center);
            margin-left: 20px;
            &.whislist-added {
                border: 1px solid $color_price_sale;
            }
            .wishlist-text {
                vertical-align: middle;
                margin-left: 11px;

                &:before {
                    background-color: $color_compare_price;
                    bottom: 0;
                }
            }
             svg {
                margin-left: 2px;
             }
        }

        .compare-button {
            @include flex(center, flex-start);
            .compare-text {
                background-image: linear-gradient(transparent 96%, $color_compare 4%);
                background-repeat: repeat-x;
                background-position-y: -4px;
            }

            &.compare-added {
                .compare-text {
                    background-image: linear-gradient(transparent 96%, $color_price_sale 4%);
                }
            }
        }
    }
}

/* Compare Popup */
.ajax-compare {
    .modal-overlay {
        max-width: 1250px;
    }

    .halo-modal-header {
        background: #f0f0f0;
        text-align: center;
        padding: 14px 60px 13px 60px;
        position: relative;
        .text {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: .05em;
            color: #000000;
            text-transform: uppercase;
        }
        .remove-all {
            position: absolute;
            top: 50%;
            right: 60px;
            @include transform(translateY(-50%));
            color: #232323;
            background-image: linear-gradient(transparent 97%, #232323 3%);
            background-repeat: repeat-x;
            background-position-y: -3px;
        }
    }

    .halo-modal-body {
        padding: 30px;
        max-height: unset !important;
        overflow: unset !important;
        .compare-modal-wrapper {
            border: 1px solid $border_page_title;
            max-height: 81vh;
            overflow: auto;
            margin-right: -2px;
        }
        .product-row {
            margin-left: 0;
            margin-right: 0;
            + .product-row {
                .compare-header {
                    border-top: 1px solid $border_page_title;
                    margin-top: -1px;
                }
                .compare-content {
                    border-top: 1px solid $border_page_title;
                    margin-top: -1px;
                    .grid {
                        .col-xl-4 {
                            border-top: 1px solid $border_page_title;
                            margin-top: -1px;
                        }
                    }
                }
            }

            .compare-header {
                padding: 25px 30px;
                @include flex(center, flex-start);
                color: #232323;
                font-size: $font_size;
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                border-right: 1px solid $border_page_title;
            }

            .compare-content {
                padding: 0px 15px;
                .grid {
                    @include flexbox();
                    .col-xl-4 {
                        padding-top: 25px;
                        padding-bottom: 25px;
                        
                    }
                    ul {
                        margin-bottom: 0;
                    }
                }

                .grid-item {
                    .inner-top {
                        position: relative;
                        .product-image {
                            margin-bottom: 12px;
                        }
                    }
                    .product-bottom {
                        text-align: center;
                    }
                    .btn {
                        @include button_2();
                        width: 100%;
                    }
                    .col-options {
                        margin-bottom: 8px;
                    }
                    .col-remove {
                        color: $color_compare_price;
                        border-bottom: 1px solid $color_compare_price;
                        display: inline-block;
                        line-height: 15px;
                        &:hover {
                            color: $color_price;
                            border-bottom: 1px solid $color_price;
                        }
                    }
                }

                .rating {
                    text-align: center;
                    .spr-badge-caption {
                        display: none;
                    }
                }

                .collection, .product-type, .product-color, .product-option {
                    text-transform: capitalize;
                }
                .collection {
                    .col-xl-4 {
                        font-size: 0;
                    }
                }
                .collection, .product-size, .product-color {
                    .value {
                        position: relative;
                        padding-right: 4px;
                        margin-right: 3px;
                        display: inline-block;
                        font-size: $font_size;
                        &:before {
                            content: ",";
                            position: absolute;
                            right: 0;
                            bottom: 0px;
                        }
                        &:last-child {
                            &:before {
                                display: none;
                            }
                        }
                    }
                }
                .availability {
                    font-weight: 500;
                    text-transform: capitalize;
                    .in-stock {
                        color: #478425;
                    }
                    .unavailable {
                        color: #b20000;
                    }
                }
            }

            &.t-product {
                .compare-content {
                    .grid {
                        .col-xl-4 {
                            padding-top: 30px;
                            padding-bottom: 30px;
                        }
                    }
                }
            }

        }
    }
}

.compare-info {
    display: none;
}

.compare-message-modal {
    .modal-overlay {
        max-width: 650px;
    }
    .halo-modal-body {
        padding: 60px;
        font-size: 14px;
        color: $color_price_sale;
        text-align: center;
    }
}

/* Product Page */
.template-product {
    .halo-product-default {
        padding-top: 40px;
    }
    .product_top {
        margin-bottom: 68px;
    }
}

.product-photos {
    .bottom-group {
        margin-top: 15px;
        text-align: center;
        
        .product_bottom-wrapper {
            max-width: 710px;
            margin: 0 auto;
        }
        .click-to-zoom {
            color: #999;
            @include flex(center, center);
            svg {
                margin-right: 10px;
                width: 14px;
                height: 14px;
            }
        }

        .theme-ask {
            text-align: center;
            margin: 0 auto;
            padding: 15px 15px 14px 15px;
            min-width: 171px;
            background: #fff;
            color: $page_title_color;
            border: 2px solid $border_page_title;
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
            display: inline-block;
            margin-top: 30px;
            &:hover {
                background: $background_2;
                color: $color_2;
                border: 2px solid $border_2;
            }
        }

        .product-custom-block {
            @include flex(flex-start, space-between);
            margin-top: 50px;

            .custom-block-item {
                @include flex(flex-start, center);
                @include flex-wrap(wrap);
                padding: 0 10px;

                .custom-block-icon {
                    color: $color_title_pr;
                    display: inline-block;
                    width: 100%;
                    min-height: 56px;
                    .fa {
                        font-size: 51px;
                    }
                    svg {
                        width: 45px;
                        height: 45px;
                        margin-top: 3px;
                    }
                }
                .custom-block-text {
                    font-size: $font_size;
                    font-weight: 500;
                    color: $page_title_color;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    line-height: 16px;
                    margin-top: 2px;
                }
            }
        }
    }
}

.product-img-box {
    position: relative;
    .product-photo-container {
        text-align: center;
        max-width: 710px;
        position: relative;
        margin: 0 auto;
    }
    .slider-for {
        margin-bottom: 20px;
        position: relative;

        .zoomImg{
            cursor: crosshair;
        }

        .thumb {
            text-align: center;
        }

        [data-zoom] {
            display: block;
        }

        &:not(.slick-slider) {
            .thumb {
                {% if settings.use_color_swatch and settings.color_swatch_style == 'variant_grouped' %}
                @include opacity(0);
                {% endif %}

                &+.thumb {
                    display: none;
                }
            }
        }
    }

    .slider-nav {
        margin-bottom: 22px;
        padding-left: 30px;
        padding-right: 30px;
        .item {
            margin: 0 5px;
            border: none;
            > a {
                border-bottom: 2px solid transparent;
            }
            &.slick-current {
                > a {
                    border-bottom: 2px solid #000000;
                }
            }
        }

        &:not(.slick-slider) {
            &:after {
                display: block;
                content: "";
                visibility: hidden;
                clear: both;
            }

            .item {
                {% if settings.use_color_swatch and settings.color_swatch_style == 'variant_grouped' %}
                @include opacity(0);
                {% endif %}
                display: none;
                float: left;
            }
        }
    }

    .slick-arrow {
        border: none !important;
        padding-top: 5px;
        background-color: rgba(255, 255, 255, 0) !important;
        color: $page_title_color !important;

        svg {
            width: 20px;
            height: 21px;
        }

        &.slick-next {
            right: 0;
            text-align: right;
        }

        &.slick-prev {
            left: 0;
            text-align: left;
        }
    }

    &.vertical-moreview {
        .slider-nav {
            margin-bottom: 15px;
            .item {
                &.slick-current {
                    @include opacity(.7);
                }
            }
        }
    }

    .slick-dots {
        li {
            margin: 0px 5px 7px;
            width: 9px;
            height: 9px;

            button {
                width: 9px;
                height: 9px;
                background: #a0a0a0;
                border-color: #a0a0a0;
            }

            &.slick-active {
                button {
                    border-color: #a9a9a9;
                    background: #fff;
                }
            }
        }
    }

    .countdown {
        position: absolute;
        bottom: 30px;
        left: 50%;
        @include transform(translateX(-50%));
        display: inline-block;
    }
}
.product-shop .product-shop-inner{
    background-color: rgb(249, 249, 249);
  border-radius:12px;
/*     box-shadow: 0px 0px 5px 0px rgb(212, 212, 212); */
}
.product-shop {
    .vendor-product {
        margin-bottom: 5px;
        a {
            color: $page_title_color;
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
        }
    }
    .next_prev-groups{
        &+.vendor-product{
            &+.product-title{
                padding-right: 70px;
            }
        }
        &+.product-title{
            padding-right: 70px;
        }
    }

    .product-title {
        color: $page_title_color;
        font-size: 18px;
        line-height: $font_size + 13;
        font-weight: 505;
        margin-bottom: 5px;
        padding-right: 0px;
      font-weight:600;
    }

    .group_item {
        @include flex(center, flex-start);
        @include flex-wrap(wrap);
        margin-bottom: 15px;
    }

    .spr-badge {
        margin-right: 32px;
        cursor: pointer;

        .spr-badge-caption {
            margin-left: 10px;
            position: relative;
            top: 1px;
        }
    }

    .sold_product {
        color: #009d5e;
        margin-top: 2px;

        svg {
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: text-bottom;
            margin-right: 3px;
        }
    }

    .product-infor {
        margin-bottom: 15px;

        label {
            font-weight: 500;
            margin-right: 5px;
            color: #000;
        }

        .product-inventory {
            margin-bottom: 10px;

            .value {
                color: #000;
                background-image: linear-gradient(transparent 97%, #000 3%);
                background-repeat: repeat-x;
                background-position-y: -1px;
                text-transform: uppercase;
            }
        }
        
    }

    .prices {
        font-size: $font_size + 8;
        font-weight: 500;
        color: $color_price;
        margin-bottom: 10px;

        .compare-price {
         /* color: #3d3d3d; */
         color: #b20000;
         text-decoration: line-through;
   
    font-size: 15px;
    padding-left: 20px;
    font-weight: normal;
        }

        .on-sale {
          /* color: #b20000; */
          color: #b12704;
          font-weight: 700;
          font-size: 32px;
          padding-left: 23px;
          letter-spacing: -1px;
        }

        .text-cus {
            font-size: 16px;
            color: $color_price;
            margin-left: 10px;
        }
    }

    .short-description {
        margin-bottom: 25px;
    }

    .shopify-product-form {
        .selector-wrapper {
            margin-bottom: 25px;
            position: relative;
        }

        .single-option-selector {
            position: relative;
            color: $page_title_color;

            &+.icon-dropdown {
                color: $page_title_color;
            }
        }

        label {
            font-weight: 500;
            em {
                color: #f23446;
            }
        }
    }

    .quantity {
        margin-bottom: 10px;
    }

    .qty-group {
        border-color: $border_input;

        .button {
            width: 42px;
            height: 42px;
            &.minus {
                border-right: none;
            }

            &.plus {
                border-left: none;
            }
        }

        input[name="quantity"], input[name="updates[]"] {
            width: 52px;
            color: $body_color;
            padding: 11px 5px 9px;
        }
    }

    .total-price {
        margin-bottom: 15px;

        label {
            margin-right: 3px;
            font-weight: 400;
           color: #3d3d3d;
        }

        .total-money {
            font-size: $font_size + 2;
            color: $page_title_color;
            font-weight: 500;
        }
    }
    .title-group {
        margin-top: -10px;
        .group-title-extra{
            font-size: $font_size;
            color: #0f0f0f;
            line-height: 25px;
            font-weight: 500;
            background-image: linear-gradient(transparent 97%, #000 3%);
            background-repeat: repeat-x;
            background-position-y: -1px;
        }
    }
    .group_content{
        margin-bottom: 30px;
        margin-left: -4px;
        margin-right: -4px;
        .extra{
            .group_number,.button.group_dec{
                display: none;
            }
            &.out-stock a {
              pointer-events: none;
              border-color: #ccc;
            }
            .button {
                width: 13px;
                height: 13px;
                font-size: 11px;
                border-radius: 0;
                cursor: pointer;
                line-height: 16px;
                margin: 0;
                display: inline-block;
                position: absolute;
                border: 1px solid #d9dada;
                background-color: #fff;
                color: #000;
                top: 0;
              &.active{
                &:after{
                    border: solid #000;
                    display: block;
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
                    content: '';
                    width: 5px;
                    height: 10px;
                    position: absolute;
                    top: 0px;
                    left: 4px;
                }
              }
            }

        }
        .slick-arrow{
            top: 33%;
        }
        .group-right{
            position: relative;
            padding: 0 5px;
            .group-img{
                img{
                    max-width: 120px;
                }
            }
            .group-content-bottom {
                padding: 0px 10px;
                text-align: center;
                .group-vendor{
                    margin-top: 15px;
                    a{
                        color: #232323;
                        font-weight: 400;
                    }
                }
                .group-caption{
                    line-height: 20px;
                    margin-bottom: 3px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;

                    a{
                        color: #0f0f0f;
                        font-weight: 500;
                    }
                    .group-title{
                        pointer-events: auto;
                    }
                }
                .price-box{
                    margin-bottom: 12px;
                    span{
                        color: #0f0f0f;
                        line-height: 25px;
                        font-weight: 400;
                        font-size: $font_size + 2;
                    }
                    .group-price{
                        position: relative;
                        &:before{
                            position: absolute;
                            content: "+";
                            left: 0;
                        }
                        > span{
                            margin-left: 10px;
                        }
                    }
                }
            }
            .group_option{
                select{
                    padding: 7px 20px 5px 12px;
                }
                .icon-dropdown{
                    height: 36px;
                    padding-right: 8px;
                    right: 0;
                    color: #3c3c3c;
                }
            }
        }
        a:not(.button) {
          pointer-events: none;
        }
    }

    .shopify-payment-button {
        margin-bottom: 10px;

        .shopify-payment-button__button {
            @extend .btn;
            padding: 13px;
            @include button_1();
            background-repeat: no-repeat;
            border-style: solid;
            border: none!important;
            border-width: 0.5px;
              border-radius: 8px;
            border-color: #000;          
          background-image: linear-gradient(0deg,rgb(255, 224, 134) 39%, rgb(254, 151, 10) 100%) !important;
          box-shadow: 0px 1px 4px 0px rgb(44, 44, 44) unset;          
            background-size: 100% 100%;
            font-size: 24px;
            font-weight: 700;
            color:#000 !important;
           position:relative;
          
            &:hover{
                @include button_2();
/*                   background: white; */
                  color: #0f0f0f;
               background-image: linear-gradient(0deg,rgb(255, 212, 82) 39%,rgb(255, 239, 193) 100%)!important;
                  box-shadow: 0 0 20px 1px #fc7400 unset !important;
            }
          &:before{
/*             content:"BUY NOW";
            position:absolute; */
            
          }
        }

        .shopify-payment-button__button--hidden {
            display: none;
        }
    }

    .groups-btn {
        margin-bottom: 10px;
        #product-add-to-cart,
        .product-add-to-cart {
            @include button_2();
            padding: 12px 15px 10px;
          background-repeat: no-repeat;
    border-style: solid;
  border:none !important;
    border-width: 0.5px;
          line-height: 40px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-image: unset;
    background-color: rgb(255, 229, 108);
    background-size: 100% 100%;
    box-shadow: 0px 0px 20px 1px rgb(252, 116, 0) inset;
    font-family: 'Barlow', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: rgb(0, 0, 0);
            line-height: $font_size + 9;
            width: 100%;
            margin-bottom: 0px;
            &:hover{
                @include button_1();
            }
        }
        
    }

    .groups-btn-2 {
        @include flex(center, flex-start);
        position: relative;
        > a {
            color: $page_title_color;
            @include flex(center, flex-start);
            margin-right: 30px;
            cursor: pointer;

            &:last-child {
                margin-right: 0;
            }
            svg {
                width: 25px;
                height: 25px;
                margin-right: 8px;
            }
        }
        .wishlist{
            &.whislist-added{
                color: $color_price_sale;
                svg {
                    fill: $color_price_sale;
                    stroke: $color_price_sale;
                }
            }
        }
        .size-chart-open-popup {
            svg {
                @include transform(rotate(75deg));
                width: 24px;
                height: 24px;
            }
        }
        #product-custom-engraving {
            position: relative;
            
            svg {
                width: 24px;
                height: 24px;
            }

            label {
                margin-bottom: 20px;
                margin-left: 12px;
                &:before {
                    color: #8e8f8f;
                    width: 13px;
                    height: 13px;
                }
                &:after {
                    left: 2px;
                    display: none;
                }
                &:hover {
                    &:after {
                        display: none;
                    }
                }
            }
            input[type="checkbox"]:checked {
                &+ label {
                    &:after {
                        display: block;
                    }
                }
            }
        }
    }

    #customers_view,
    #customers_view_qv {
        margin-top: 15px;
        color: $page_title_color;
        
        label {
            font-weight: normal;
            margin: 0;
        }
    }

    .tags {
        margin-bottom: 15px;

        .icon-tags {
            font-weight: 500;
            color: $page_title_color;
        }

        span,
        a {
            color: $body_color;
            display: inline-block;
            line-height: $font_size + 10;
        }

        a {
            &:hover {
                color: $link_color;
            }
        }
    }

    .secure-shopping-guarantee {
        border: none;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

.share_toolbox {
    @include flexbox();
    @include align-items(center);
    margin-bottom: 30px;

    > span {
        margin-right: 12px;
        display: none;
    }
    .at-share-btn-elements {
        margin-left: -2px;
    }
    .at-icon-wrapper {
        width: 22px !important;
        height: 22px !important;
        padding: 0 !important;
        margin: 0 8px 0 0px !important;

        svg {
            width: 22px !important;
            height: 22px !important;
            fill: #232323 !important;
        }
    }
}

.swatch {
    margin-bottom: 13px;

    .header {
        color: #3d3d3d;
        font-weight: 400!important;

        font-size: $font_size;
        line-height: 20px;
/*         color: $page_title_color; */
        margin-bottom: 3px;

        em {
            color: $bg_sale;
        }
    }

    input[type=radio],
    .swatch-element .crossed-out {
        display: none;
    }

    .soldout{
        @include opacity(0.5);
        .crossed-out {
            display: block;
        }
    }
    
    &:not(.size):not(.Size):not(.color):not(.Color){
        label {
            border-radius: 50px;
            padding-left: 20px;
            padding-right: 20px;
            border: 2px solid #e3e3e3 !important;
            &:after {
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                width: 100%;
                height: 100%;
                border: 2px solid #323232;
                background-color: rgba(255, 255, 255, 0);
                z-index: 2;
                @include opacity(0);
                visibility: hidden;
                @include transition(opacity .2s linear);
                @include border-radius(50px);
            }
        }
    }

    .swatch-element {
        @include inline-flex();
        @include align-items(center);
        margin: 0 8px 10px 0;
        position: relative;

        &.soldout {
            label {
                cursor: no-drop;

            }
        }

        &.color, &.size {
            label {
                min-width: 38px;
                /* height: 38px; */
                line-height: $font_size + 24;
                text-align: center;
                @include border-radius(50%);
            }
            .crossed-out {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: url(soldout-1.png)no-repeat 50%;
            }
        }

        label {
            margin: 0;
            color: $page_title_color;
            cursor: pointer;
            line-height: 34px;
            /* border: 1px solid #e3e3e3; */
        }

        .bgImg {
            display: block;
            width: 100%;
            height: 100%;
            @include border-radius(50%);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }   

        &.color {
            height: 38px;
            label {
                position: relative;
                border: 3px solid transparent;

                &.swatch_variant_img {
                    &:after {
                        border-width: 3px;
                    }
                }
            }
            input:checked {
                &+label {
                    min-width: 38px;
                    height: 38px;
                    border: 3px solid #e3e3e3;
                }
            }
            &.white {
                label {
                    span {
                        border: 1px solid #e3e3e3;
                    }
                }
                input:checked {
                    &+label {
                        span {
                            border: none;
                        }
                        border: 3px solid #e3e3e3;
                    }
                }
            }
        }

        &.size {
            input:checked {
                &+label div.card{
                    background: #f4f8ff;
                    border: 1px solid #2874f0;
                    color: #2874f0;
                }
            }
        }

       &.size {
            input:checked {
                &+ label div.card label {
                    background: #f4f8ff !important;
                    color: #2874f0;
                }
            }
        }

        input:checked {
            &+label {
                &:after {
                    opacity: 1 !important;
                    visibility: visible !important;
                }
            }
        }

    }

    .tooltip {
        text-align: center;
        background: $background_1;
        color: $color_1;
        bottom: 100%;
        padding: 5px 10px;
        display: block;
        position: absolute;
        z-index: 2;
        min-width: 50px;
        left: 50%;
        @include translateX(-50%);
        margin-bottom: 12px;
        @include opacity(0);
        visibility: hidden;
        @include transition(all .25s ease-out);
        @include box-shadow(2px, 2px, 6px, rgba(0,0,0,0.28));
        font-size: $font_size;
        font-weight: 500;
        letter-spacing: normal;
        pointer-events: none;

        &:before {
            bottom: -16px;
            content: "";
            display: block;
            height: 16px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        &:after {
            border-left: solid transparent 7px;
            border-right: solid transparent 7px;
            border-top: solid $background_1 7px;
            bottom: -7px;
            content: " ";
            height: 0;
            left: 50%;
            @include translateX(-50%);
            position: absolute;
            width: 0;
        }
    }

    .swatch-element:hover .tooltip {
        @include opacity(1);
        visibility: visible;
        pointer-events: auto;
    }
}

.seal-logos {
  margin-top: 0px;
      text-align: center;
  ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 0px;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 1;
    li {
      list-style: none;
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
      &:last-child {
        margin-right: 0;
      }
    }
  }
}

.video-open-popup {
    > a {
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 2;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        svg {
            width: 48px;
            height: 48px; 
        }
    }
    
}

#video_product {
    .modal-dialog {
        width: 900px;
        max-width: 90%;
    }
    .close-modal {
        width: 32px;
        height: 32px;
        border: none;
        top: -15px;
        right: -15px;
        background: {{ settings.close_bg_hover }};
        color: {{ settings.close_color_hover }};
        @include border-radius(50%);
        &:hover {
            background: {{ settings.close_bg }};
            color: {{ settings.close_color }};
        }
    }
    .modal-content {
        .modal-header {
            padding: 0;
            border: none;
        }
        .modal-body {
            background-color: #000;
            padding: 10px 15px;
        }
        .videoWrapper {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 15px;
            height: 0;
        }
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }
}    

.custom-product-description {
    .product-description-content {
        .product-img {
           
        }
        .product-tab {
            padding-bottom: 30px;
            .widget-title {
                padding-top: 52px;
            }
            .list-tabs {
                @include flex(center, flex-start);
                margin-bottom: 25px;
                .tab-title {
                    margin-right: 20px;
                    @include calc(width, '50% - 10px');
                    a {
                        background: #fff;
                        color: $page_title_color;
                        border: 2px solid $border_page_title;
                        text-transform: uppercase;
                        font-size: $font_size + 2;
                        font-weight: 500;
                        letter-spacing: .05em;
                        text-align: center;
                        display: inline-block;
                        width: 100%;
                        padding: 14px 15px 13px;

                        &.active, &:hover {
                            background: $background_2;
                            color: $color_2;
                            border: 2px solid $border_2;
                        }
                    }

                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
            .tab-content {
                display: none;
                &.active {
                    display: block;
                }
                table {
                    border: none;
                    margin-top: 7px;

                    tr {
                        td {
                            border-top: none;
                            padding: 16px 15px;

                            &:first-child, strong {
                                font-size: $font_size;
                                font-weight: 500;
                                letter-spacing: .05em;
                                color: $page_title_color;
                                text-transform: uppercase;
                            }
                            &:first-child {
                                padding-left: 0;
                            }

                            &:last-child {
                                text-align: right;
                                color: $body_color;
                                padding-right: 0;
                            }
                        }
                        &:last-child {
                            td {
                                border-bottom: none;
                            }
                        }
                    }
                }
            }
        }
    }
}

.product-instagram {
    margin-bottom: 60px;
    padding-top: 48px;
    border-top: 1px solid $border_page_title;

    #instafeed {
        margin-left: -8px;
        margin-right: -8px;
        .item {
            padding-left: 8px;
            padding-right: 8px;
        }
    }
    .slick-arrow {
        width: 50px;
        height: 100%;
        @include border-radius(0);
        background: rgba(0,0,0,0.7);
        &.slick-prev {
            left: 8px;
        }
        &.slick-next {
            right: 8px;
        }
        svg {
            width: 21px;
            height: 21px;
        }
    }
}

.product-banner-block {
    .product-banner {
        .banner-item {
            position: relative;
            .img-box {
                text-align: center;
                > a {
                    display: block;
                }
            }
            .product-banner-wrap {
                display: inline-block;
                .title {
                    font-weight: 500;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    margin-bottom: 18px;
                }
                .des {
                    line-height: 26px;
                }
            }
        }
    }
    .full-banner {
        .banner-item {
            margin-bottom: 60px;
            &.text-center {
                .product-banner-inner {
                    margin: 0 auto;
                }
            }
            &.text-right {
                .product-banner-inner {
                    float: right;
                }
            }
        }
        .product-banner-wrap {
            .product-banner-inner {
                max-width: 575px;
            }
        }
    }

    .small-banner {
        .banner-item {
            margin-bottom: 20px;
        }
    }
}

.product-widget-tab {
    .product-tabs-content {
        .tab-content {
            .products-grid {
                padding-right: 0;
            }
        }
    }
}

.product-customer-review {
    margin-bottom: 70px;
    .customer-review-header {
        padding: 50px 0 35px 0;
        margin-bottom: 45px;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 50%;
            @include transform(translateX(-50%));
            border: 15px solid transparent;
            width: 1px;
            height: 1px;
        }
    }
    .customer-review-content {
        .spr-container {
            border: none;
            padding: 0;

            h2.spr-header-title {
              display: none;
            }
            .spr-header {
              margin-top: 5px;
              margin-bottom: 5px;
            }
          }

          .spr-summary {
            @include flex(center, flex-start);
            .spr-starrating {
              order: 2;
            }
            .spr-summary-caption {
              order: 1;
              margin-bottom: -2px;
            }
            .spr-summary-actions {
              order: 3;
            }
          }

          .spr-summary-actions {
            margin-left: auto;
            line-height:0px;

            a {
              @extend .btn;
              min-width: 270px;
              text-align: center;
              float: none;
              display: inline-block;
              @include button_2();
              padding: 10px 25px 8px;
            }            
          }

          .spr-form {
            border-top: 1px solid $border_page_title;
            margin-top: 35px;
            padding-top: 26px;
            input[type="text"],
            input[type="email"] {
              max-width: 570px;
            }
            textarea {
              max-width: 770px;
            }
          }

          .spr-form-title {
            color: $page_title_color;
            font-size: $font_size + 6;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: .05em;
            margin-bottom: 20px;
          }

          .spr-form-label {
            font-weight: 500;
            line-height: 20px;
            color: $page_title_color;
            margin-bottom: 10px;
            font-size: 12px;
          }

          .spr-form-input {
            textarea {
              max-height: 182px;
              border: 1px solid $border_dropdown;
            }
          }

          .spr-form-actions {
            margin-bottom: 13px;
            display: inline-block;
            width: 100%;
            .spr-button-primary {
              @include button_2();
              float: none;
              min-width: 270px;
              padding: 10px 25px 8px;
            }
          }

          .spr-form-review-rating {
            @include flex(center, flex-start);
            padding-top: 5px;
            margin-bottom: 16px;

            > label {
              margin-bottom: 0;
              margin-right:20px;
              +.spr-form-input {
                line-height: 15px;
              }
            }
            .spr-starrating {
              &.spr-form-input-error {
                a {
                  color: $has_reviews;
                  &.spr-icon-star[data-value="1"] {
                    color: $has_reviews;
                    + .spr-icon-star[data-value="2"].spr-icon-star-empty {
                      color: $no_reviews;
                      + .spr-icon-star[data-value="3"].spr-icon-star-empty {
                        color: $no_reviews;
                        + .spr-icon-star[data-value="4"].spr-icon-star-empty {
                          color: $no_reviews;
                          + .spr-icon-star[data-value="5"].spr-icon-star-empty {
                            color: $no_reviews;
                          }
                        }
                      }
                    }
                    + .spr-icon-star[data-value="2"] {
                      color: $has_reviews;
                      + .spr-icon-star-empty {
                        color: $no_reviews;
                        + .spr-icon-star-empty {
                          color: $no_reviews;
                          + .spr-icon-star-empty {
                            color: $no_reviews;
                          }
                        }
                      }
                      + .spr-icon-star[data-value="3"] {
                        color: $has_reviews;
                        &.spr-icon-star-empty {
                          color: $no_reviews;
                        }
                        + .spr-icon-star-empty {
                          color: $no_reviews;
                          + .spr-icon-star-empty {
                            color: $no_reviews;
                          }
                        }
                        + .spr-icon-star[data-value="4"] {
                          &.spr-icon-star-empty {
                            color: $no_reviews;
                          }
                          + .spr-icon-star-empty {
                            color: $no_reviews;
                          }
                          + .spr-icon-star[data-value="5"] {
                            color: $has_reviews;
                            &.spr-icon-star-empty {
                            color: $no_reviews;
                          }
                          }
                        }
                      }
                    }
                  }
                  &.spr-icon-star-empty[data-value="1"] {
                    color: #C0363A;
                    + .spr-icon-star[data-value="2"].spr-icon-star-empty {
                      color: #C0363A;
                      + .spr-icon-star[data-value="3"].spr-icon-star-empty {
                        color: #C0363A;
                        + .spr-icon-star[data-value="4"].spr-icon-star-empty {
                          color: #C0363A;
                          + .spr-icon-star[data-value="5"].spr-icon-star-empty {
                            color: #C0363A;
                          }
                        }
                      }
                    }
                  }
                }
              }
              .spr-icon-star-hover {
                &:before {
                    color: $has_reviews;
                }
              }
            }
          }

          .spr-review:first-child {
            margin-top: 40px;

          }

          .spr-review {
            padding: 30px 0;
            border-top: 1px solid $border_page_title;
          }

          .spr-form-review-body {
            margin-bottom: 25px;
          }

          .spr-summary-caption {
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
          }

          .spr-review-header-title {
            font-size: $font_size + 2;
            margin-bottom: 6px;
            margin-top: 3px;
            font-weight: 500;
            color: $page_title_color;
          }

          .spr-review-header-byline {
            font-style: normal;
            color: #999999;
            @include opacity(1);
            strong {
              font-weight: 400;
            }
          }

          .spr-review-content {
            margin-bottom: 13px;
            font-size: $font_size;
            color: $body_color;
          }

          .spr-review-reportreview {
            float: none;
            color: #999999;
            font-size: $font_size;
            padding-left: 30px;
            position: relative;
            &:before {
                content: "\f11d";
                position: absolute;
                left: 0;
                top: 2px;
                font-family: FontAwesome;
                font-size: 18px;
            }

          }
    }
}

/* FAQ page */
.faqs-page {
    .page-header {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        h2 {
            font-weight: 500;
            letter-spacing: .05em;
            margin-bottom: 0;
        }
    }
    .des_faqs {
        margin-top: 45px;
        margin-bottom: 20px;
        text-transform: uppercase;
        color: $body_color;
        letter-spacing: .05em;
        text-align: center;
        .wrapper {
            max-width: 600px;
            width: 100%;
            margin: 0 auto;
            a {
                color: $body_color;
                background-image: linear-gradient(transparent 97%, $body_color 3%);
                background-repeat: repeat-x;
                background-position-y: -1px;
            }
        }
    }

    .faqs_page-wrapper {
        margin-top: 50px;
        .left-column {
            .wrapper-left-title {
                background: #fafafa;
                padding: 30px 30px 45px 30px;
            }
            .heading {
                font-size: 14px;
                font-weight: 500;
                letter-spacing: .05em;
                text-align: center;
                text-transform: uppercase;
                color: $page_title_color;
                border-bottom: 1px solid $page_title_color;
                padding-bottom: 25px;
                margin-bottom: 22px;
            }
            .need-help {
                @include flex(flex-end, space-between);
                > a {
                    color: $body_color;
                    text-align: center;
                    font-weight: 500;
                    font-size: $font_size;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    width: 50%;

                    .fa {
                        color: $page_title_color;
                        font-size: 25px;
                        margin-bottom: 5px;
                    }
                    svg {
                        fill: $page_title_color;
                        stroke: $page_title_color;
                        width: 32px;
                        height: 32px;
                        margin-bottom: -5px;
                    }
                    .link_text {
                        display: block;
                        span {
                            background-image: linear-gradient(transparent 96%, $body_color 4%);
                            background-repeat: repeat-x;
                            background-position-y: -1px;
                        }
                    }
                }
            }
        }

        .right-column {
            .question-type-heading {
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                color: $page_title_color;
                padding-bottom: 25px;
                border-bottom: 1px solid $page_title_color;
                margin-bottom: 0;
            }

            .panel-group {
                margin-bottom: 45px;
                 .panel-title {
                    margin-bottom: 0;
                    font-weight: 500;
                    line-height: 24px;
                    a {
                        display: block;
                        position: relative;
                        padding-right: 35px;
                        padding-top: 25px;
                        padding-bottom: 25px;

                        &:before {
                            content: "";
                            position: absolute;
                            right: 0;
                            top: 50%;
                            @include transform(translateY(-50%));
                            width: 16px;
                            height: 2px;
                        }
                        &.collapsed {
                            &:after {
                                content: "";
                                position: absolute;
                                right: 7px;
                                top: 50%;
                                @include transform(translateY(-50%));
                                width: 2px;
                                height: 16px;
                            }
                        }
                    }
                 }
                .panel-default {
                    .panel-body {
                        padding-bottom: 50px;
                        padding-top: 28px;
                    }
                }
            }

            .contact-link {
                @include flex(center, flex-end);
                .text {
                    margin-top: 4px;
                }
                .btn {
                    @include button_3();
                    margin-left: 15px;
                    min-width: 200px;
                    &:hover {
                        @include button_1();
                    }
                }

            }
        }
    }
}
/* Popup Quickview */
.ajax-quickview{
    .modal-overlay {
        max-width: 1027px;
        .halo-modal-content{
            max-width: 100%;
            .halo-modal-body{
                padding: 40px 40px 40px 40px;
                max-height: 85vh;
                .product-shop {
                    .groups-btn {
                        margin-bottom: 6px;
                    }
                }
                .video-open-popup > a{
                    color: #8d8b8c;
                }
                .countdown{
                    .clock-item{
                        background: {{ settings.countdown_bg | color_modify: 'alpha', 0.8 }};
                        .num{
                            color: {{ settings.countdown_color }};
                        }
                        .text {
                            color: {{ settings.countdown_color | color_modify: 'alpha', 0.6 }};
                        }
                    }
                }
            }
        }
    }
}
.popup-quickview{
    .modal-backdrop.show{
        display: none;
    }
}
/* ----- Brands Page ------- */
.brands-page {
    .logo-brands {
        padding: 25px 0;
        border-top: 1px solid $border_bt_sidebar;
    }

    .azbrandstable {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        @include flexbox();
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        overflow-x: auto;

        li {
            text-align: center;
            margin-right: -1px;
            margin-bottom: 5px;
        }

        a {
            pointer-events: none;
            padding: 6px 5px 4px;
            width: 42.75px;
            height: 42.75px;
            border: 1px solid $border_bt_sidebar;
            font-size: $font_size + 1;
            font-weight: 600;
            text-transform: uppercase;
            color: #B3B3B3;
            @include flexbox();
            @include justify-content(center);
            @include align-items(center);

            &.readonly {
                pointer-events: initial;
                color: #232323;
            }

            &.readonly{
                &:hover,
                &.active {
                    color:$page_title_color;
                    text-decoration: underline!important;
                    background:#fafafa;
                }

            }
        }
    }

    .brands-list {
        .brand {
            padding: 21px 0 19px;
            border-bottom: 1px solid $border_bt_sidebar;
            @include flexbox();
            @include justify-content(flex-start);
            @include align-items(center);
        }

        .azbrands-title {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px;
            max-width: 120px;
            padding-right: 10px;
            text-align: left;

            h3 {
                font-size: 20px;
                color: $page_title_color;
                line-height: $page_title_font_size + 5;
                margin: 0;
                text-transform: uppercase;
            }
        }

        .brand-grid {
            margin: 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 120px);
            flex: 0 0 calc(100% - 120px);
            @include calc(width, '100% - 120px');
            padding: 0;

            li {
                padding: 5px 10px 0;
            }

            a {
                color: $page_title_color;

                &:hover {
                    color: $link_color;
                }
            }
        }
    }
}

/* Page Cart*/
.cart-page,
.template-cart {
  margin-bottom:20px;

  .btn-continue{
    font-size:13px;
    letter-spacing: .04em;

    a{
      color:red;
    }
  }

  .cart-empty{
    text-align: center;
    a{
        color: #0688e2;
        font-size: 12px;
    }
  }

  .container{

    h2{
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: .05em;
        margin-bottom: 0;
        padding: 12px 20px;
        color: #0f0f0f;
        background: #f8f8f8;
    }

    .cart-left {
      margin-bottom: 30px;

      ul{
        padding: 0;
        list-style: none;
        margin-bottom:30px;
        margin-top: 5px;
        li{
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          margin-bottom: 0;
          padding: 35px 0;
          border-bottom: 1px solid #f7f7f7;

          .product-img{
            width: 120px;
            margin-right: 30px;                                     
          }

          .product-details{
            width: -moz-calc(100% - 72px);
            width: -webkit-calc(100% - 72px);
            width: calc(100% - 72px);

            .product-name{
              font-size: 12px;
              color: #0f0f0f;
              font-weight: 500;
              line-height: 22px;
              margin-bottom: 5px;
              display: block;
              margin-top: -5px;
            }

            .vendor,.engraving{
              color: #5f5f5f;
              font-weight: 400;
              line-height: 22px;
              margin-bottom: 15px;
              display: block;
              font-size: 12px;
            }

            .size{
              font-size: 12px;
              font-weight: 400;
              line-height: 22px;
              margin-bottom: 2px;
              display: block;
              color: #5f5f5f;

              small{
                font-size:12px;
              }
            }

            .price{
              margin-bottom: 18px;
              font-size: 14px;
              font-weight: 400;
              color: #0f0f0f;
            }

            .qty{
              display: block;
              font-weight: 500;
              font-size: 12px;
            }

            .quantity{
              @include flex(center, flex-start);

              .number{
                width:100%;
                border:none;
                text-align: center;
                outline: none;
                height: 34px;
                line-height: 34px;
                padding: 0;
                max-width: 58px;
                background: transparent;

              }

              .item{
                width: 100%;
                max-width: 160px;
                border:1px solid #c8c8c8;
                height: 42px;
                padding: 0 15px;
                border-radius: 1px;
                font-size: 12px;
                font-weight: 500;
                color: #0f0f0f;
                margin-right:30px;
                background: #fff;
                cursor: pointer;
                display:inline-block;
                line-height:40px;
                text-transform: capitalize;
                letter-spacing: .02em;
                &.remove{
                    position: relative;
                    svg{
                        position: absolute;
                        top: 13px;
                        left: 31px;
                        width: 13px;
                        height: 13px;
                    }
                }
                .fa-check{
                  color:#28a745;  
                  margin-left:3px;
                }

                .fa-circle-o-notch{
                  margin-left:3px;
                }

                .fa-exclamation-circle{
                  color:red;  
                  margin-left:3px;
                }

              }

              .remove{
                &:hover{
                  border-color:#ef6454;
                  color:#ef6454;
                }
              }

              .update{
                &:hover{
                  @include button_1();
                }
              }

              .extra{
                border-color: #eeeeee;
                padding: 0;
                max-width: 144px;
                @include flex(center, space-between);

                .button{
                  width:100%;
                  max-width: 40px;
                  text-align: center;
                  font-size: 16px;
                  @include flex(center, center);
                  border:none;
                  color:#7b7b7b;
                  position: relative;
                  height: 100%;
                  &.dec{
                    border-right: 1px solid #eeeeee;
                  }
                  &.inc{
                    border-left: 1px solid #eeeeee;
                  }

                  &:before{               
                    content: "";
                    width: 2px;
                    height: 10px;
                    background: #a7a7a7;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    -ms-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                  }

                  &:after{
                    content: "";
                    width: 10px;
                    height: 2px;
                    background: #a7a7a7;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                  }

                  &.dec{
                    &:before{               
                      background: transparent;

                    }
                  }

                }
              }

            }
          }
        }
      }
      .button-continue{
        position: relative;
        margin-bottom: 30px;
      }
      .continue{
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: .05em;
        font-weight: 500;
        padding:0 ;
        border-radius:1px;      
        color: #0f0f0f;
        background-image: linear-gradient(#fff 97%, #c7c7c7 3%);
        background-repeat: repeat-x;
        background-position-y: -2px;
        margin-left: 15px;
        svg{
            position: absolute;
            left: 0;
            top: 50%;
            width: 9px;
            height: 9px;
            transform: translateY(-50%);

        }
      }
      .seal-logos{
        ul{
            li{
                display: inline-block;
                padding: 0;
            }
        }
      }
      .secure{
        position: relative;
        p{
            margin-left: 20px;
            i{
                position: absolute;
                top: 1px;
                left: 0;
                font-size: 20px;
                color: #5f5f5f;
            }
        }
      }


    }

    .cart-right{
        h2{
            text-align: center;
        }

      .total-price {
        padding: 30px 0 23px 0;
        font-weight: 500;
        color: #0f0f0f;
        @include flex(center, space-between);
        border-bottom: 1px solid #f7f7f7;
        margin-bottom:21px;

        .money{
          font-size:16px;
          font-weight:500;
        }
      }

      .add-comments{
        display:block;
        font-weight:500;
        font-size:12px;
        margin-bottom:15px;
        padding-left: 40px;
        position: relative;
        &:before{
            content: "Note";
            font-size: 10px;
            position: absolute;
            top: 2px;
            left: 0;
            background: #a1a1a1;
            width: 33px;
            color: #ffffff;
            line-height: 17px;
            text-align: center;
            font-weight: 500;
            border-radius: 1px;
        }
      }

      textarea{
        height: 98px;
        border-radius: 1px;
        margin-bottom:20px;
      }

      .checkout {
        width: 100%;
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        background-color: #ffe56c !important;
    background-size: 100% 100% !important;
    box-shadow: 0px 0px 20px 1px #fc7400 inset !important;
        border-radius: 1px;
        margin-bottom: 45px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        border:none !important;
        letter-spacing: .05em;
        cursor: pointer;
        color:#000 !important;

        @include button_3;
      }
      .get-rates{
        width: 100%;
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        border-radius: 1px;
        margin-bottom: 16px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: .05em;
        cursor: pointer;

        @include button_2;
      }

    }
  }

  .no-items{
    display:none;
  }

}

.cart-page {
  .container {
    .cart-left {
      .cart-list{
        max-height: 420px;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        &::-webkit-scrollbar {
          width: 7px;
        }

        &::-ms-scrollbar {
          width: 7px;
        }
        &:hover{

          &::-webkit-scrollbar-track {
            background-color:#D9D9D9;
          }

          &::-ms-scrollbar-track {
            background-color: #D9D9D9;
          }

          &::-webkit-scrollbar-thumb {
            background-color: #646464;             
          }

          &::-ms-scrollbar-thumb {
            background-color: #646464;             
          }
        }
      }
    }
  }
}
#shipping-calculator{
    h2{
        text-align: left;
        padding-left: 0;
        background: #ffffff;
        border-bottom: 1px solid #f7f7f7;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 500;
    }
    .form-group{
        select{
            min-height: 42px;
            border: 1px solid #eeeeee;
        }
        input[type="text"]{
            border: 1px solid #eeeeee;
        }
    }
   
    #wrapper-response{
        #shipping-rates-feedback{
            margin-top: 5px;
            margin-bottom: 10px;
        }
        ul{
            font-weight: 500;
            color: #0f0f0f;
            li{
                margin-bottom: 6px;
                &:before{
                    content: "";
                    width: 6px;
                    height: 6px;
                    background-color: #c6c6c6;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    border: none;
                    margin: 8.5px 11px 10px 0;
                    float: left;
                }
            }
        }
    }
}
.extra-options{
    width: 100%;
    .box-title{
        background: #ffffff !important;
    }
    .product-top{
        .product-label{
            top: 0;
            right: 0;
        }
    }
    .price-box{
        em{
            display: none;
        }
    }
    .extra-image{
        width: 100%;
        .product-top{
            width: 120px;
            margin: 0 auto;
            .product-grid-image{
                min-height: auto;
            }
        }
        .grid-item{
            margin: 0;
        }
        .slick-arrow{
            background: none;
            border: none;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 21px;
            padding-top: 0;
            &.slick-prev{
                left: 0;
            }
            &.slick-next{
                right: 0;
            }
            svg {
                fill: #34313a;
                stroke: #34313a;
                width: 20px;
                height: 21px;
            }
        } 
    }
    .extra-button{
        float: left;
        width: 23%;
        text-align: center;
        .product-bottom{
            
            .product-title{
                font-size: 12px;
                color: #0f0f0f;
            }
            .price-regular{
                color: #0f0f0f;
            }
            .btn{
                @include button_2();
                width: 100%;
                padding: 10px 15px 8px;
            }
        }
    }
}
.extra-options-cart{
    border: 1px solid #f7f7f7;
    display: inline-block;
    padding-bottom: 38px;
    margin-bottom: 31px;
    .product-options {
        margin-bottom: 15px;
    }
    .swatch{
        margin-bottom: 10px;
        .swatch-element{
            &.color,&.size{
                height: 28px;
                label{
                    min-width: 28px;
                    height: 28px;
                    line-height: 28px;
                }
                input:checked{
                    +label{
                        min-width: 28px;
                        height: 28px;
                    }
                }
            }
            &.soldout{
                cursor: no-drop;
                label{
                    cursor: none;
                    pointer-events: none;
                    span{
                        border: none;
                    }
                }
            }
        }
        .header{
            color: #232323;
        }
    }
    .products-grid{
        margin: 0;
    }
    .box-title{
        font-size: 14px !important;
        background: #ffffff !important;
        padding: 32px !important;
    }
    .extra-image{
        padding: 0 35px;
        .inner-top{
            display: table;
            width: 100%;
            .content-left{
                display: table-cell;
                vertical-align: top;
                position: relative;
                width: 120px;
                margin: 0 auto;
                .product-grid-image{
                    min-height: auto;
                }
                .product-label{
                    top: 0;
                    right: 0;
                }
            }
            .content-center{
                display: table-cell;
                vertical-align: top;
                text-align: left;
                font-size: 0;
                letter-spacing: 0;
                max-width: 200px;
                padding: 0 35px;
                .product-vendor{
                    margin-bottom: 0px;
                    line-height: 20px;
                }
                .product-title{
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    font-size: 12px;
                    color: #0f0f0f;
                    line-height: 20px;
                    margin-bottom: 8px;
                }
            }
            .content-right{
                display: table-cell;
                vertical-align: top;
                text-align: left;
                font-size: 0;
                letter-spacing: 0;
                .content-variant-extra{
                    display: inline-block;
                    vertical-align: top;
                    text-align: left;
                    padding-left: 35px;
                    position: relative;
                    &:before{
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: #f7f7f7;
                        width: 1px;
                        height: 100%;

                    }
                    .extra-action{
                        .btn-bundle,.btn{
                            width: 170px;
                            padding: 9px 0;
                        }
                    }
                   
                }
            }
        }
        .slick-arrow{
            top: 27%;
            transform: none;
            &.slick-prev{
                left: -6px !important;
            }
            &.slick-next{
                right: -6px !important;
            }
            svg{
                width: 17px;
                height: 18px;
            }
        }
        .grid-item{
            padding: 0 43px;
        }
        
    }
}
#section-cart-you-may-also-like-products{
    margin-top: 20px !important;
    margin-bottom: 70px !important;
}
#shopify-section-cart-template{
    .page-header{
        position: relative;
        a{
            position: absolute;
            top: 8px;
            right: 0;
            color: #0f0f0f;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: .05em;
            padding: 0;
            min-width: auto;
            span{
                background-image: linear-gradient(#fff 97%, #c7c7c7 3%);
                background-repeat: repeat-x;
                background-position-y: -1px;
                margin-right: 6px;
            }
            svg{
                fill: #5f5f5f;
                width: 9px;
                height: 9px;
            }
        }
    }
}
/* Page Lookbook */ 
#lookbook{
    .container{
        max-width: 1570px;
    }
    .slide-content{
        text-align: left;
    }
    .slick-track{
        .slick-slide:nth-child(2){
            .slide-content{
                text-align: right;
                z-index: 1;
            }
        }
    }
    .share_toolbox{
        margin-top: 30px;
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 30px;
    }
    .bottom{
        .btn{
            @include button_2();
            padding-left: 57px;
            padding-right: 57px;
        }
    }
    #shopify-section-lookbook-best-sellers{
        margin-top: 78px;
        .container{
            max-width: 1200px;
        }
    }
}

/* Page Blog*/
.halo-blog-page{
    .container{
        max-width: 1200px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .article-title{
        font-size: 18px;
        color: #0f0f0f;
        line-height: 27px;
        font-weight: 500;
        letter-spacing: .02em;
        margin-bottom: 0;
        a {
            color: #0f0f0f;
            font-size:14px !important;
          margin-bottom: 8px!important;
        }
    }
.blog-item .card{
        min-height:433px !important;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  border-radius:10px;
  justify-content:space-between;
      }
    .blog_author{
/*         margin-bottom: 28px; */
        .blog_author,.article__date{
            color: #5f5f5f;
        }
        .article__date{
            margin-right: 6px;
        }
    }
    .article-img {
        margin-bottom: 13px;
      
    }
   .article-img img{
   border-radius: 10px 10px 0px 0px;
   }
    .des{
        line-height: 24px;
        margin-bottom: 15px;
    }
    .actions{
        border-bottom: 1px solid #f8f8f8;
/*         margin-bottom: 35px;
        padding-bottom: 45px; */
        .btn-read-more{
          align-items: center;
  appearance: none;
  background-color: #fff;
  border-radius: 12px;
  border-style: none;
  box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
  box-sizing: border-box;
  color: #3c4043;
  cursor: pointer;
  display: inline-flex;
  fill: currentcolor;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  letter-spacing: .25px;
  line-height: normal;
  max-width: 100%;
  overflow: visible;
  padding: 2px 24px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: auto;
  will-change: transform,opacity;
  z-index: 0;
/*             padding-left: 38px;
            padding-right: 38px;
            @include button_1(); */
            &:hover{
                background: #F6F9FE;
  color: #174ea6;
/*                 @include button_2(); */
            }
        }
    }
    .pagination-center{
        li{
            display: inline-block;
            padding: 0 14px;
            i{
                color: #5f5f5f;
                margin-right: 5px;
                margin-left: 5px;
                font-size: 16px;
                position: relative;
                top: 1px;
            }
            span,a{
                font-size: 12px;
                font-weight: 500;
                color: #0f0f0f;
                letter-spacing: .05em;
                text-transform: uppercase;
            }
            &.active{
                span{
                    background-image: linear-gradient(#fff 97%, #0f0f0f 3%);
                    background-repeat: repeat-x;
                    background-position-y: -1px;
                }
            }
            &.text{
                span{
                    background-image: linear-gradient(#fff 97%, #0f0f0f 3%);
                    background-repeat: repeat-x;
                    background-position-y: -4px;
                    display: inline-block;
                }
            }
        }
    }
    .blog-sidebar {
        .widget-header {
          h4{
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
            margin-bottom: 13px;
          }
        }
        .widget-content{
            ul{
                li{
                    a{
                        font-weight: 500;
                        line-height: 36px;
                    }
                }
            }
        }
        .widget-recent-articles{
            padding: 0;
        }

        .widget-categories .widget-content {
          margin-bottom: 36px;
        }

        .widget-recent-articles .article,
        .widget-tags li {
          a {
            font-weight: normal;
            font-size: $font_size;

            &:hover {
              padding-left: 0;

              &:before {
                display: none;
              }
            }
          }
        }

        .widget-recent-articles {
          .article {
            margin-bottom: 15px;
            border-top: 1px solid #f8f8f8;
            padding-top: 13px;
            &:first-child{
                border-top: 0;
                padding-top: 0;
            }

            a {
                padding: 0;
                display: block;
                color: #0f0f0f;
                letter-spacing: .02em;
                font-weight: 500;
                line-height: 24px;
                span{
                    &:hover{
                        background-image: linear-gradient(#fff 97%, #c7c7c7 3%);
                        background-repeat: repeat-x;
                        background-position-y: -1px;

                    }
                }
            }

            em {
              font-style: normal;
              color: #5f5f5f;
            }
          }
        }

        .sidebar-product {
          .widget-content {
            margin-bottom: 47px;
          }
        }

        .sidebar-custom-html {
          padding-top: 4px;
          color: #646464;

          .widget-content {
            margin-top: 18px;
          }
        }

        .widget-tags {
          .widget-header {
            margin-bottom: 25px;
          }

          li {
            display: inline-block;
            margin: 0 7px 10px 0;

            a {
              color: #999;
              border: 1px solid #e6e6e6;
              @include border-radius(1px);
              padding: 5px 9px 3px;
              text-align: center;

              &:hover {
                padding-left: 9px;
              }
            }

            &.active,
            &:hover {
              a {
                background-color: #f5f5f5;
              }
            }
          }
        }
    }   
}
/* Page Blog Detail*/
.halo-article-page{
    + .breadcrumb{
        margin-top: 98px;
    }
    .page-title{
        h1{
            margin: 0;
                font-size: 50px;
             line-height: 54px;
            font-weight: 800;
            text-transform: capitalize;
            letter-spacing: .02em;
            color: #231f20;
/*             line-height: 36px; */
        }
    }
    .blog_author{
        .blog_author{
            margin-right: 6px;
        }
    }
    .rte {
        line-height: 22px;
            color: #000;
        p:not(:last-child) {
/*             margin-bottom: 27px; */
        }
        ol{
            li{
                margin-bottom: 6px;
            }
        }
        h5{
            font-size: 14px;
            font-weight: 500;
            margin: 0;
            line-height: 22px;
            color: #0f0f0f;
            margin-bottom: 9px;
        }
    }
    .gallery_lookbook-box{
        margin-bottom: 50px;
        .heading-gallery{
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            text-align: center;
            margin-bottom: 30px;
            &:before{
                top: 50%;
                left: 0;
                right: 0;
                width: 100%;
                z-index: 1;
                height: 1px;
                content: "";
                position: absolute;
                background-color: #f8f8f8;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            h4{
                margin: 0;
                z-index: 2;
                color: #0f0f0f;
                font-size: 16px;
                padding: 0 15px;
                line-height: 1.2;
                letter-spacing: .05em;
                font-weight: 500;
                position: relative;
                vertical-align: top;
                display: inline-block;
                text-transform: uppercase;
                background-color: #fff;
            }
        }
    }
    .content-tags-share{
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -moz-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;display: flex;
        border-top: 1px solid #f8f8f8;
        margin-top: 35px;
        padding-top: 25px;
        margin-bottom: 15px;
        .user-tags{
            .fa-tag{
                margin-right: 5px;
            }
        }
        .share_toolbox{
        }
    }
    .action-btn{
        padding-bottom: 55px;
        border-bottom: 1px solid #f8f8f8;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -moz-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        a{
            cursor: pointer;
            min-width: 172px;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            padding: 8px 20px;
            letter-spacing: .05em;
            @include button_1();
            border: 1px solid;
            &:hover{
                @include button_2();
            }
        }
    }
    .title-comment{
        color: #0f0f0f;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .blog-detail-custom-block{
        margin-top: 40px;
        .container{
            .blog-item{
                &:last-child{
                    .content-image{
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: reverse;
                        -ms-flex-direction: row-reverse;
                        flex-direction: column-reverse;
                        margin-top: 82px;
                        margin-bottom: 0;
                        box-sizing: border-box;
                        display: flex;
                    }
                    .banner-content{
                        h2{
                            margin-top: 0;
                        }
                        .banner-des{
                            margin-bottom: 95px;
                        }
                    }
                }
                .banner-content{
                    h2{
                        font-weight: 500;
                        letter-spacing: .05em;
                        text-transform: uppercase;
                        margin-top: 94px;
                        margin-bottom: 25px;
                        span{
                            background-repeat: repeat-x;
                            background-position-y: -2px;
                        }

                    }
                }
            }
            .blog-custom-content{
                padding: 0;
            }
        }
        .quote-detail{
            margin-bottom: 55px;
            h5{
                margin-top: 14px;
                margin-bottom: 18px;
            }
            blockquote{
                padding: 23px 35px;
            }
        }
    }
    #comments {  
      .form-group.message {
        margin-bottom: 16px;
      }

      .note {
        margin-bottom: 22px;
        color: #999;
      }

      .btn-secondary {
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-weight: 500;
        padding: 10px 15px 9px;
        max-width: 230px;
        cursor: pointer;
        border-radius: 0;
        @include button_2();
        &:hover{
            @include button_1();
        }
      }

      ul {
        list-style: none;
        padding: 0;
        margin-bottom: 17px;

        li {
          padding-left: 120px;
          background: url(i-comment.png) no-repeat;
          padding-bottom: 26px;
          margin: 0;
          min-height: 110px;
          margin-top: 35px;
          margin-bottom: 6px;
        }
      }

      form {
        padding-top: 12px;
        h3{
            color: #0f0f0f;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: .05em;
            text-transform: uppercase;
            border-top: 1px solid #f8f8f8;
            padding-top: 32px;
            margin-bottom: 30px;
        }
        label{
            color: #232323;
        }
        input[type="text"],input[type="password"],input[type="email"],input[type="tel"],textarea{
            max-width: 100%;
        }
      }

      .comment-content {
        line-height: $font_size + 12;
        p{
            color: #5f5f5f;
        }
      }

      .comment-head {
        margin-bottom: 12px;
        color: #5f5f5f;
      }
    }
}
/* Page Search*/
.search-page{
   .col-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .search-item-blog{
        margin-bottom: 20px;
        .result-image{
            margin-right: 20px;
        }
        h3{
            margin-bottom: 0;
            margin-top: -7px;
            a{
                margin: 0;
                font-size: 16px;
                font-weight: 500;
                text-transform: capitalize;
                letter-spacing: .02em;
                color: #0f0f0f;
                line-height: 26px;
            }
        }
    }
    .search-form {
        .close-search {
            display: none !important;
        }
    }

    .search-bar {
        @include flexbox();
        @include justify-content(center);
        border-bottom: none;
        .icon-search {
            min-width: 70px;
            @include justify-content(center);
            @include button_1();
            position: initial;
            height: 36px;
            &:hover {
                @include button_3();
            }
        }
    }
    .input-group-field{
      padding: 8px 15px 6px;
      border: 1px solid #f5f5f5;
      background-color: #f5f5f5;
      color: #a3a3a3;
      width: 254px;
      margin-right: 10px;
    }
}
/* Page My Account*/
.wrapper-login-customer {
    .wrapper-content {
        @include flexbox();
        @include flex-wrap(wrap);
        position: relative;
        padding-bottom: 110px;
        padding-top: 18px;
        .box-title{
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .title{
            font-weight: 500;
        }
        .form-group{
            margin-bottom: 20px;
            em{
                color: #b20000;
            }
            input[type="text"],input[type="password"],input[type="email"]{
                max-width: 470px;
            }
        }
        .action-btn{
            input[type="submit"]{
                padding: 10px 56px;
                @include button_2();
                margin-top: 5px;
                margin-bottom: 15px;
                &:hover{
                    @include button_1();
                }
            }
            .last{
                .button-return{
                    background-image: linear-gradient(#fff 97%, #dadada 3%);
                    background-repeat: repeat-x;
                    background-position-y: -1px;
                }
            }
        }
        .col-left {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
            @include calc(max-width, '50% - 10px');

            > * {
                padding-right: 42px;
            }
            .title{
                margin-bottom: 30px;
            }
        }

        .col-right {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% + 10px);
            flex: 0 0 calc(50% + 10px);
            @include calc(max-width, '50% + 10px');

            > * {
                padding-left: 110px;
                padding-right: 0px;
                margin-left: 15px;
            }

            .wrapper-title ~* {
                margin-left: 15px;
            }
            .title{
                margin-bottom: 10px;
            }
            .desc{
                margin-bottom: 27px;
            }
        }
    }

    .custom-or-abs {
        position: absolute;
        top: 50%;
        left: 50%;
        @include translateX(-30px);
        z-index: 2;
        background-color: $body_bg;
        padding: 10px 0;

        .or_text {
            text-transform: uppercase;
            border: 1px solid #ccc;
            min-width: 42px;
            min-height: 42px;
            text-align: center;
            @include border-radius(21px);
            padding: 11px 5px 9px;
            display: block;
        }
    }

    #recover_password {
        div {
            &:first-child {
                margin-bottom: 25px;
            }
        }

        .action-btn {
            span,
            a {
                display: inline-block;
                padding-top: 8px;
                padding-bottom: 6px;
                margin-bottom: 25px;
                vertical-align: middle;
                padding-left: 8px;
            }
            .or_text{
                margin-bottom: 12px;
            }
            .cancel_text{
                margin-bottom: 12px;
                color: #0688e2;
            }
        }
    }
}
.custom-acc-page{
    .create-an-account{
        margin-bottom: 70px;
    }
    .action-btn{
        input[type="submit"]{
            padding: 10px 56px;
            @include button_2();
            margin-top: 5px;
            margin-bottom: 15px;
            &:hover{
                @include button_1();
            }
        }
    }
}
/* Page Account */ 
.account-page{
    .box-title {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        line-height: 24px;
        color: #0f0f0f;
        margin: 0;
        padding: 8px 20px;
        background: #f8f8f8;
        margin-bottom: 30px;
    }
    .note{
        text-align: center;
        color: #866e42;
        background: #fbf8e5;
        border: 1px solid #fbf6e6;
        padding: 8px 0;
        margin-bottom: 45px;
    }
    .full{
        margin-bottom: 30px;
    }
    .action-btn,.large--right{
        .btn{
            padding: 12px 36px;
            @include button_2();
            margin-top: 5px;
            margin-bottom: 15px;
            &:hover{
                @include button_1();
            }
        }
        &.btn-edit-delete{
            margin-bottom: 72px;
            > a{
                &:first-child{
                    padding: 12px 40px;
                    @include button_2();
                    border: 1px solid;
                    margin-right: 25px;
                    &:hover{
                        @include button_1();
                    }
                }
                &:last-child{
                    padding: 11px 52px;
                    @include button_1();
                    border: 1px solid;
                    &:hover{
                        @include button_2();
                    }
                }
            }
        }
    }
    .action-btn{
        margin-bottom: 70px;
    }
    .large--right{
        +.last{
            margin: 0px 0 45px 0;
            a{
                color: #0f0f0f;
                background-image: linear-gradient(#fff 97%, #000 3%);
                background-repeat: repeat-x;
                background-position-y: -1px;
            }
        }
    }
    #add_address{
       .action-btn{
        > a{
            margin-bottom: 15px !important;
        }
       } 
    }
    .acc-name {
        color: #0f0f0f;
        font-size: 12px;
        line-height: 20px;
        text-transform: capitalize;
        font-weight: 500;
        margin-bottom: 12px;
    }
    .addr {
        margin-bottom: 45px;
    }
    .cus-addr{
        display: block;
    }
}
/* Page 404 */
.template-404 p a {
    font-weight: 500;
    letter-spacing: .02em;
    color: #48ade8;
}
/* Homepage Top Sellers */
.homepage-top-sellers-products{
    .widget-title{
        padding-top: 40px;
        margin-bottom: 25px;
    }
    .product-bottom{
        .item-swatch{
            margin-bottom: 25px;
        }
        .product-title{
            text-overflow: ellipsis; 
            overflow: hidden; 
            white-space: nowrap;
        }
        .abs-bottom{
            .action{
                .btn{
                    max-width: 240px;
                }
            }
        }
    }
    .products-grid{
        .slick-track{
            .grid-item{
                opacity: 0;
                visibility: hidden;
                &.slick-slide{
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
    }
}
/* Homepage2 Top Banner */
.home2-top-banner{
    margin-top: 74px;
    .item {
        &:last-child{
            .banner-item{
                .content-box{
                    right: 70px;
                    left: auto;
                    text-align: right;
                }
            }
        }
    }
    .banner-item{
        position: relative;
        .content-box{
            position: absolute;
            top: 70px;
            left: 70px;
            text-align: left;
            .banner-title{
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-bottom: 40px;
            }
            a{
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: .05em;
                padding: 12px 49px 11px 50px;
            }
        }

    }
}
/* Homepage2 Featured Products */
.homepage2-featured-products{
    .widget-title{
        padding-top: 74px;
        margin-bottom: 25px;
    }
    .product-bottom{
        .item-swatch{
            margin-bottom: 25px;
        }
        .product-title{
            text-overflow: ellipsis; 
            overflow: hidden; 
            white-space: nowrap;
        }
        .abs-bottom{
            .action{
                .btn{
                    max-width: 240px;
                }
            }
        }
    }
    .products-grid{
        .slick-track{
            .grid-item{
                opacity: 0;
                visibility: hidden;
                &.slick-slide{
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
    }
}
/* Homepage2 Custom Block */
.home2-custom-block{
    .widget-title{
        padding-top: 67px;
        margin-bottom: 40px;
        h3{
            margin-bottom: 20px;
        }
        p{
            padding: 0 460px;
            color: #5a5a5a;
        }
    }
    .banner-content{
        .banner-title{
            font-weight: 500;
            letter-spacing: .05em;
            text-transform: uppercase;
            margin-bottom: 15px;
        }
        .banner-heading{
            letter-spacing: .05em;
            text-transform: uppercase;
            font-weight: 500;
            margin-bottom: 18px;
        }
    }
}
/* Homepage2 Slider Brands */ 
.home2-slider-brand{
    .slide_brand{
        .slick-dots{
            margin-top: 5px;
        }
    }
}
/* Homepage2 Instagram */ 
.home2-instagram{
    padding-bottom: 40px;
   #instafeed{
    margin-left: -15px;
    margin-right: -15px;
        .item{
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 30px;
        }
    }
    .widget-title{
        margin-bottom: 40px;
    }
    .infinite-scrolling-instagram{
        text-align: center;
        a{
            display: block;
            width: 100%;
            margin-top: 15px;
            svg{
                width: 40px;
                height: 40px;
                stroke: transparent;
            }
        }
    }
}
/* Footer Top Newsletter */
.footer-top-newsletter{
    .banner-large-img{
        padding: 160px 0 165px 0;
        .banner-content {
            max-width: 100%;
            .banner-title{
                margin-bottom: 22px;
            }
            .banner-heading{
                font-weight: 400;
                margin-bottom: 35px;
            }
            .banner-des{
                max-width: 100% !important;
                margin-bottom: 42px !important;
            }
            .input-group{
                justify-content: center;
            }
        }
        .block-content{
            margin-bottom: 30px;
            padding: 0 16px;
            .input-group-field{
                min-width: 330px;
                padding: 7px 15px;
                height: 42px;
                text-align: center;
                margin-right: 10px;
            }
            .btn{
                padding: 0 15px;
                min-width: 146px;
            }
        }
        .img-box{
            img{
                width: 100%;
                object-fit: cover;
            }
        }
    }
}
/* Footer 2 */
.footer-2{
    .lang-currency-groups, .currency-block {
        .label-text {
            display: none;
        }
        .img-icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            @include border-radius(50%);
            margin-right: 8px;
            img {
                width: 16px;
                height: 16px;
                display: block;
                object-fit: cover;
                @include border-radius(50%);
            }
        }
        .dropdown-label {
            margin: 0;
            @include flex(center, flex-start);
            .text {
                color: #34313a;
                font-weight: 500;
            }
        }
        .dropdown-toggle {
            cursor: pointer;
            &:after {
                content: "\f107";
                font: normal normal normal 14px/1 FontAwesome;
                width: 20px;
                height: 20px;
                margin: 0 0 0 3px;
                vertical-align: middle;
                line-height: 18px;
                text-align: center;
                color: $color_icon_drop;
                position: absolute;
                top: 1px;
                right: -7px;
                display: block;
                cursor: pointer;
                padding: 0;
                background: none;
                border: none;
            }
        }
        .dropdown-menu {
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 3;
            padding: 3px 10px 8px;
            min-width: 100%;
            width: auto;
            border: 1px solid $border_bt_sidebar;
            @include box-shadow(0, 1px, 6px, rgba(0,0,0,0.1));
            outline: none;
            @include border-radius(1px);
            display: none;
            background: #ffffff;
        }
    }
    .lang-currency-groups {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-pack: flex-start;
        -moz-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: space-between;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        -ms-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        position: relative;
        .lang-block,.currency-block{
            display: inline-block;
            width: 50%;
            padding: 11px 12px;
            .btn-group{
                .dropdown-menu{
                    a{
                        color: #34313a;
                    }
                }
            }
        }
        .lang-block{
            border-left: 1px solid #fcfcfc;
        }
    }
    .address{
        margin-bottom: 35px;
    }
    .footer-bottom{
        padding: 35px 0 55px 0;
        .payment-methods{
            text-align: left;
            margin-top: 0px;
        }
        .footer_logo_bottom{
            text-align: center;
        }
        .footer_copyright{
            text-align: right;
            margin-top: -8px;
            p{
                line-height: 30px;
            }
        }
    }
}
/* Product Custom */
.halo-product-custom{
    .col-sidebar{
        .sidebar-product{
            .widget-product{
                margin-bottom: 30px;
            }
          
        }
        .widget-header{
            h4{
                color: #0f0f0f;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: .05em;
                text-transform: uppercase;
                margin-bottom: 13px;
            }
        }
        .widget-categories{
            .widget-content{
                li{
                    a{
                        font-weight: 500;
                        line-height: 36px;
                    }
                }
            }
        }
    }
    .col-main{
        .product{
            .product-instagram{
                .container{
                    padding: 0;
                }
            }
        }
        .product-banner-block{
            .small-banner{
                .container{
                    padding: 0;
                }
            }
        }
    }
}
/* Product  Tabs  */
.tabs__product-page {
    margin-bottom: 20px;

    .wrapper-tab-content {
        .tab-title {
            border-top: 1px solid #ccc;
            position:relative;
        }

        .tab-links {
            padding: 15px 30px 12px 0;
            position:static;
        }
    }

    .tab-content {
        display: none;
    }

  .table-wrapper{
    width:100%;
    overflow-y:auto; 
  }

    .tab-links {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .05em;
        display: block;
        position: relative;
        color: #0f0f0f;

        .icon-dropdown {
            position: absolute;
            top: 50%;
            right: 0;
            @include translateY(-50%);
            @include opacity(.3);
            font-size: 22px;

            .fa {
                @include transition(transform .3s ease);
            }
        }

        &.active {
            .icon-dropdown {
                @include opacity(.7);
                margin-top: 1px;

                .fa {
                    @include transform(rotate(180deg));
                }
            }
        }
    }

    .list-tabs {
        margin-bottom: 45px;
        @include flexbox();
        justify-content: center;

        .tab-title {
            margin: 0 -1px 0 0;
            &:last-child{
                .tab-links {
                    &:before{
                        content: none;
                    }
                }
            }
        }

        .tab-links {
            padding: 12px 42px 12px 28px;
            border-bottom: none;
            &:hover,&.active{
                span{
                    background-image: linear-gradient(#fff 97%, #afafaf 3%);
                    background-repeat: repeat-x;
                    background-position-y: -1px;
                }
            }
            &:before {
                position: absolute;
                height: 12px;
                width: 2px;
                content: "/";
                font-size: 10px;
                top: 12px;
                right: 8px;
                color: #cbcbcb;
            }
        }
    }

    .tab-content {
        line-height: $font_size + 12;
        table{
            border: none;
            tr{
                &:last-child{
                    td{
                        border-bottom: none;
                    }
                }

                td{
                    border-top: none;
                    strong{
                        font-size: 12px;
                        font-weight: 500;
                        letter-spacing: .05em;
                        color: #0f0f0f;
                        text-transform: uppercase;
                    }
                    &:first-child{
                        padding-left: 0;
                    }
                }
            }
        }

        p {
            margin-bottom: 2rem;
        }

        h4 {
            font-size: $font_size;
            font-weight: 500;
            // color: $page_title_color;
            line-height: $font_size + 12;
            margin-bottom: 10px;
        }

        ul,
        ol {
            margin: 0 0 25px 20px;
        }

        ul {
            li {
                margin-bottom: 6px;

                &:before {
                    content: "";
                    width: 6px;
                    height: 6px;
                    background-color: #8c8c8c;
                    @include border-radius(50%);
                    border: none;
                    margin: 8.5px 11px 10px 0;
                    float: left;
                }
            }
        }

        ol {
            li {
                counter-increment: li;

                &:before {
                    content: counter(li);
                    min-width: 17px;
                    float: left;
                }
            }
        }
    }

    #collapse-tab3 {
        h4 {
            color: #0f0f0f;
            margin-bottom: 5px;
            font-size: 14px;
        }
    }

    .spr-container {
        padding: 0;
        border: none;

        .spr-header-title {
            display: none;
        }
        
        .spr-summary-actions{
            .spr-summary-actions-newreview {
                @extend .btn;
                @include button_2();
                min-width: 270px;
                text-align: center;
                display: inline-block;
                padding: 9px 15px;
                &:hover {
                    background: #fff !important;
                    color: #0f0f0f !important;
                    border-color: #232323 !important;
                }
            }
        }

        .spr-form {
            margin-top: 30px;
            padding-top: 33px;

            >form {
                margin-bottom: 50px;
            }
        }

        .spr-form-title {
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .05em;
            margin-bottom: 24px;
            color: #0f0f0f;
        }

        .spr-form-label {
            font-size: $font_size;
            font-weight: 500;
            color: #0f0f0f;
        }

        .spr-form-contact-name,
        .spr-form-review-title {
            margin-bottom: 18px;
        }

        .spr-form-contact-email {
            margin-bottom: 26px;
        }

        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="tel"],
        textarea {
            border-color: #cacaca;
        }

        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="tel"] {
            max-width: 570px;
        }

        textarea {
            max-width: 770px;
        }

        .spr-summary-starrating {
            position: relative;
            top: 0.5px;
        }

        .spr-form-review-rating {
            margin-bottom: 20px;

            label {
                margin: 0 15px 0 0;
                vertical-align: middle;
            }

            .spr-starrating {
                display: inline-block;
                vertical-align: middle;
            }

            .spr-icon {
                width: 16px;
                height: 24px;
                padding: 0;
            }
        }

        .spr-form-review-body {
            margin-bottom: 20px;

            label {
                margin-bottom: 14px;
            }
        }

        .spr-form-actions {
            .spr-button-primary {
                float: none;
                padding: 10px 15px 8px;
                width: 100%;
                max-width: 270px;
                @include button_2();
                &:hover {
                    background: #fff;
                    color: #0f0f0f;
                    border-color: #232323;
                }
            }
        }

        .spr-summary-caption {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: 1px;
        }

        .spr-summary {
            line-height: $font_size + 23;
        }

        .spr-reviews {
            margin-top: 30px;
            // border-color: $border_bt_sidebar;

            .spr-review {
                padding: 28px 0 30px;
            }
        }

        .spr-starratings {
            font-size: $font_size;
            margin-bottom: 8px;
        }

        .spr-review-header-title {
            font-size: $font_size;
            font-weight: 500;
            line-height: $font_size + 8;
            color: #0f0f0f;
            margin-bottom: 7px;
        }

        .spr-review-header-byline {
            color: #999999;
            font-weight: 400;
            font-style: normal;
            font-size: $font_size;
            line-height: $font_size + 8;
            margin-bottom: 13px;
            opacity: 1;
            strong {
                font-weight: normal;
            }
        }

        .spr-review-content {
            line-height: $font_size + 12;
            margin: 0;
        }

        .spr-review-content-body {
            font-size: $font_size;
            margin-bottom: 10px;

            p {
                margin-bottom: 10px;
            }
        }

        .spr-review-reportreview {
            float: none;
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #999999;
            margin-left: 25px;
            position: relative;
            &:before{
                content: "\f11d";
                font: normal normal normal 16px/1 FontAwesome;
                position: absolute;
                top: 0px;
                left: -25px;
                width: 18px;
                height: 18px;
                color: #c2c2c2;
            }
        }
    }

    dl {
        @include flexbox();
        margin-bottom: 6px;

        dt {
            font-weight: 500;
            // color: $page_title_color;
            min-width: 180px;
            margin-right: 5px;
        }

        dd {
            margin: 0;
        }

        dt,
        dd {
            display: inline-block;
            vertical-align: middle;
        }
    }

    .gallery_lookbook-box {
        .item {
            margin: 18px 0 42px;
        }
    }

    .quote-detail {
        h4:first-child {
            margin-bottom: 17px;
        }

        blockquote {
            padding: 24px 38px;
            margin-bottom: 32px;
        }
    }
}
// 
#shopify-section-product-custom-related{
    .product-widget-tab{
        .list-product-tabs{
            li{
                a{
                    span{
                        background-image: none;
                    }
                }
            }
        }
    }
}
// 
#shopify-section-product-custom-recently-viewed{
    .product-widget-tab{
        .list-product-tabs{
            li{
                a{
                    span{
                        background-image: none;
                    }
                }
            }
        }
    }
    .recently-viewed-products{
        .widget-product{
            .products-grid{
                .grid-item{
                    padding-left: 15px;
                    padding-right: 15px;

                }
            }
        }
    }
}
/* Newsletter popup success*/
.newsletter-success-modal{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:9999;
    display:none;

    i{
        margin-right: 10px;
        font-size: 16px;
    }


    .modal-overlay{
        background-color: rgba(35,35,35,0.8);
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:2;
    }
    .halo-modal-content{
        width:280px;
        padding:20px;
        background: #fff;
        position:absolute;
        left:50%;
        top:50%;
        @include translate(-50%,-50%);
        z-index: 3;

        
    }

    .halo-modal-body{
        @include flexbox();
        @include align-items(center);
        @include justify-content(center);
    }
}
// Alert Engraving
.wrapper-engraving{
    position: relative;
    z-index: 1;
    .alert_engraving {
      position: absolute;
      right: 0px;
      top: 10px;
      padding: 20px;
      background-color: #f44336;
      color: white;
      z-index: 10;
      &.show_alert{
        display: block !important;
      }
      &.hide_alert{
        display: none !important;
      }
    }
    .closebtn {
      margin-left: 15px;
      color: white;
      font-weight: bold;
      float: right;
      font-size: 22px;
      line-height: 20px;
      cursor: pointer;
      transition: 0.3s;
    }
    .closebtn:hover {
      color: #ffffff;
    }
}
// LazyLoad
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}
.text-center{
    text-align: center;
}
.lds-dual-ring {
  display: block;
  width: 54px;
  height: 54px;
  text-align: center;
  margin: 0 auto;
  &:after{
      content: " ";
      display: block;
      width: 46px;
      height: 46px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #ccc;
      border-color: #ccc transparent #ccc transparent;
      animation: lds-dual-ring 1.2s linear infinite;
  }
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#preview-bar-iframe{
    display: none !important;
}
.free_shipping_massage1{
    margin-top: 0;
    margin-bottom:0;
    color: {{ settings.color_text_shipping }};
    span{
        font-weight: 600;
    }
}
// 
.checkbox-group{
    margin-bottom: 15px;
    label{
        font-weight: 400 !important;
    }
}
// 
.zoomWindow{
    background-color: #fff;
}
// 
.customer-logged-in{
    .page-header{
        text-align: left;
    }
}

.header-panel .left-groups.wrapper-header-logo {
   width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.header-panel .center-groups.wrapper-navigation {
    width: 80% !important;
}
.header-panel .right-groups {
    width: 0% !important;
}
#shopify-section-1556264189990 .slick-track img {
    height: 100%;
    max-height: 171px;
}
#shopify-section-1556264189990  .collection-title h3 {
    font-size: 14px !important;
}
#shopify-section-1556264189990 a.btn {
  font-size:16px;
    padding: 2px 10px !important;
    background-color: #6436E2 !important;
    color: #fff !important;
    border: none !important;
}
p.desc-text span {
    text-align: justify !important;
    display: inline-block;
}
span.count-products {
    display: none;
}
.about_half {
    width: 100%;
    display: inline-block;
}
.about_content {
    width: 50%;
    float: left;
}
.about_img {
    width: 50%;
    float: right;
}
.about_content p {
    font-size: 13px;
    text-align: justify;
      MARGIN-TOP: 20PX;
    padding-right: 24px;
}
.inner-top {
      border: 1px solid #bbd2e5;
    transition: 1s ease;
    border-radius: 15px;   
}
.products-grid .product-image{
  border-radius: 15px;
}
.home-product-tab .inner-top{
  border:0 !important;
}
.home-product-tab .inner-top:hover{
    border: 1px solid #ddd; 
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.create-an-account {
    width: 50%;
    margin: 0 auto;
}
.header-panel{
/* padding-top:11px; */
}

ul.site-nav{
padding-top:11px !important;
}
.site-header .header-bottom{
box-shadow:none !important;

}
ul.site-nav {   
    margin-top: 0px;
}
.collection-wrapper {
    display: none;
}
div#shopify-section-collection-template {
    margin-top: 30px;
}
div#shopify-section-collection-text-block {
    display: none;
}
.compare-link {
    display: none;
}
li.item.menu-lv-1.dropdown.no-mega-menu> a> span:after {
    content: "\f078"; 
    font-family: fontawesome;
    font-size: 9px;
    color: #000;  
    padding-bottom: -1px !important;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
    width: 100%;
    display: none;
}
ul.list_grp li {
  list-style-type: disc;
  font-size: 16px;
  
}
div#section-product-banner-block {
    margin-top: 49px;
  display:none;
}
.rsp last, .rsp first, .dk .sizess {
    display: none;
}
.dk .fade {
    opacity: 1 !important;
}
div#box-description {
    margin-top: 30px;
}
/* .custom-product-description .product-tab.col-md-12 {
    margin: 0 auto;
    padding-top: 30px;
  flex: 0 0 750px !important;
    max-width: 750px !important;
} */

.instruction_row img {
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
}
.instruction_row li {
    list-style-type: disc;
  font-size: 17px;
    line-height: 34px;
  
    
   
}
.kero_row .col-sm-4 h3 {
    font-size: 33px;
}
.sizess li {
    list-style-type: disc;
}
.dk .std p img {
    text-align: center !important;
    margin: 0 auto !important;
    display: block;
}

.instruction_row h3 {
    font-size: 15px;
    margin-bottom: 10px;
}
select#product-selectors-option-0 {
    background: url(/cdn/shop/files/2020-02-09.jpg?v=1581315165);
    float: right;
    background-position: right;
    font-size: 12px !important;
    background-repeat: no-repeat;
    background-size: 19px !important;
}
.custom_tab1 {
    margin: 0 auto;
  padding: 60px;
  text-align:center;
  background: #f3f3f3;
    
}
.divii .col-sm-8 {
    float: left;
  padding:0;
    display: inline-flex;
}
.divii .col-sm-4 {
    float: right;
    padding: 99px 37px;
    background: #eafff1;
}
.divii p {
    margin-bottom: 30px;
    font-size: 17px;
    text-align: justify;
}
.section3 {
    margin: 70px auto !important;
  
    padding: 40px;
    
}
.section3 h3 {
    text-align: center;
   font-size: 20px !important;
      FONT-WEIGHT: 600;
  
}
.section3 p {
    font-size: 15px;
}
.divii_copy .col-sm-6 h3 {
    font-size: 14px;
}
.divii_copy .col-sm-5 {
    width: 50% ;
   display:inline-block;
}
.divii_copy .col-sm-7 {
    float: right;
   width: 50%;
  
}
.divii_copy .col-sm-5 h4 {
    font-size: 30px;
}
.divii_copy .col-sm-6 {
    float: left;
}
.divii_copy {
    display: inline-block;
    background: #eafff1;
    padding: 66px 71px;
}
.about_contentt h2 {
    font-size: 37px;
}
.section3 h2 {
    text-align: center;
    font-size: 37px;
    font-weight: 600;
}
.custom_tab1 video {
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}
.row1 .col-sm-6 {
    float: left;
}
.row2 .col-sm-6 {
    float: left;
}
.row1 {
    margin-bottom: 37px !important;
    margin-top: 30px !important;
    display: inline-block;
}
.divii-copy1 {
    background: #f3f3f3;
    margin: 0 auto;
    padding: 77px;
    display: inline-block;
}
.section3 .col-sm-6 h4 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
    width: 44%;
    
    font-weight: 500;
    padding-top: 29px;
}
.divii-copy1 p {
    font-size: 17px;
}
.divii-copy1 .col-sm-6 {
    text-align: center;
    width: 50%;
    margin: 0 auto;
  float:left;
  margin-top: 30px;
   display: inline-block;
}
.divii {
    display: inline-block;
  background: #eafff1;
  width:100%;
    margin-top: 52px;
}
.divii img {
    width: 100%;
}
.divii-copy1 .col-sm-6 {
    text-align: center;
}
.divii-copy1 .row1 .col-sm-6 h1 {
    padding-top: 40px;
    font-size: 49px;
}
.img-list {
    /* margin: 0 auto;
    flex: 0 0 750px !important; */
    /* max-width: 1000px !important; */
}
.divii-copy1 .col-sm-6 h1 {
    font-size: 68px !important;
}
.divii-copy1 .col-sm-6 img {
   
    width: 100%;
     
    max-width: 130px;
    margin-bottom: 10px;
}

.section4 h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    line-height: 49px;
}
img.myy_img {
    float: left;
    width: 100%;
    max-width: 510px;
}
.img-list ul {
    float: right;
    width: 45%;
}
.section4 {
    background: #000639;
    padding: 70px;
    display: inline-block;
    width: 100%;
}
.section4 h2{
  color:#000;
  text-align:center;
}
.img-list li {
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 23px;
    margin-bottom: 25px;
}
.divii-copy1 .row1 {
    width: 80%;
    margin: 0 auto;
   display: inline-block;
  
}
.divii-copy1 .row2 {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
  
}
.divii-copy1 .row3 {
    width: 100%;
    margin: 0 auto;
     display: inline-block;
  
}
.divii-copy1 .row4 {
    width: 100%;
    margin: 0 auto;
   display: inline-block;
  
}
.img-list li:before {
    content: "\f00c";
    font-family: fontawesome;
   
    margin-right: 13px;
}
.img-list table tbody th,
.img-list table tbody tr,
.img-list table tbody td {
    text-align: center;   
    border: solid 2px #c7ceff;
    font-size: 18px;
}
.img-list table tbody th {
    background: #c7ceff;
    color: #fff;
}
.img-list table td {
    text-align: center !important;
  font-size:12px;
  color:#000 !important;
  padding:5px !important;
}
.section5 {
    margin-top: 0px;
    background: #44fe63;
    background-position: center;
    background-size: cover;
    height: 100%;
 
    min-height: 400px;
    background-repeat: no-repeat;
}
.section5 .col-sm-6 {
    padding: 100px 60px;
}
.section5 .col-sm-6 h3 {
    font-size: 30px;
}
.section5 .col-sm-6 p {
    font-size: 17px;
    margin-bottom: 36px;
  text-align:justify;
}
.section6 {
    display: inline-block;
 width:100%;
  background: #0e4884;
}
.section6 .col-sm-6 {
    float: left;
    padding: 70px 70px;
  width:50%;
}

.section6 img {
    width: 100%;
    max-width: 116px;
}
.section6 p {
    color:#fff;
}
.section6 h2 {
    color:#fff;
}
.custom_description p {
    line-height: 28px;
}
.section7 .col-sm-4 {
    float: left;
    margin-top: 40px;
}
.section7 h4 {
    font-size: 21px;
    text-align: center;
    font-weight: 500;
}
.section7 img {
    width: 100%;
    max-width: 300px;
    border: 1px solid #ddd;
    display: block;
    margin: 0 auto;
}
.section8 .col-sm-4 {
    float: left;
    padding: 30px;
}
.section8 {
    display: inline-block;
  padding-top: 80px;
    padding-bottom: 80px;
   
    background: #ffffff;
   
}
img.sec_img {
    border-radius: 100%;
    width: 100%;
    max-width: 200px;
    height: 200px;
}
.boh_img {
    display: flex;
}
img.sec_img1 {
    width: 100%;
    max-width: 130px;
    height: 130px;
    margin-top: 80px!important;
}
.my img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
}
.section8 h3 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
    font-size: 36px !important;
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}
.section9 {
  
    background: #0e4884;
    width: 100%;
    padding: 17px 17px;
    display: inline-block;
}
.section9 .col-sm-3 {
    float: left;
  color: #fff;
    text-align: center;
}
.section9 .col-sm-3 .fa {
    font-size: 44px;
}
.section9 h3 {
    font-weight: 600;
}
.section10 {
   
  display: inline-block;
  padding-top: 80px;
    padding-bottom: 80px;
}
.section10 .col-sm-4 {
    float: left;
    padding-top: 20px;
}
.section10 .col-sm-4 .fa {
    font-size: 63px;
}
.section10 h3 {
    font-size: 35px;
    color: #0e4884;
    font-weight: 600;
    margin-bottom: 51px !important;
}
.section10 h4 {
    font-size: 24px;
    color: #0e4884;
    font-weight: 600;
}
.section10 p {
    font-size: 17px;
}
.section11 {
    text-align: center;
    flex: 0 0 750px !important;
    background:#f3f3f3;
    padding: 30px;
    display: inline-block;
    width: 100%;
  margin-top: 10px;
  padding-top: 54px;
    padding-bottom: 80px;
   
}
 .section11 .accordion {
 background-color: #0e4884;
    color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
   margin-top: 20px;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
}


.section11 .panel {
 
    padding: 22px 20px;
    display: none;
    background-color: #fff;
    overflow: hidden;
}
.section11 img {
   
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100px;
}

.section11 button.accordion::before {
    content: "\f067";
    font-family: fontawesome;
    color: #fff;
    padding-right: 20px;
}
.panel p {
    font-size: 16px;
}
.section11 h3 {
    font-size: 34px;
    font-weight: 600;
    color: #0e4884;
/*     padding-top: 30px; */
}
/* .accordian_row .col-sm-6 {
    float: left;

}
.accordian_row1 .col-sm-6 {
    float: left;
  
}
.accordian_row2 .col-sm-6 {
    float: left;
 
}
.accordian_row3 .col-sm-6 {
    float: left;
  
}
.accordian_row4 .col-sm-6 {
    float: left;
  
} */
/* .accordian_row{
display:inline-block;
}
.accordian_row1{
display:inline-block;
}
.accordian_row2{
display:inline-block;
}
.accordian_row3{
display:inline-block;
}
.accordian_row4{
display:inline-block;
}
.section11 .col-sm-6 {
    float: left;
} */
.accordiann_row .col-sm-6 {  
    flex: 100%;
    max-width: 100%;
}
.accordiann_row2 .col-sm-6 {
   
    flex: 100%;
    max-width: 100%;
}
.accordiann_row {
    float: left;
    width: 50%;
    display: inline-block;
}
.accordiann_row2 {
    float: right;
    width: 50%;
  
}
.custom_tab1 img {
    display: block;
    margin: 0 auto;
  width: 100%;
    max-width: 462px;
    margin-top: 30px;
}
.custom_tab1 h4 {
    font-size: 21px;
    line-height: 35px;
    color: #000;
    font-weight: normal;
}
.custom-product-description {
    background: transparent !important;
}
.custom_description {
    color: #000 !important;
}
.fa-viadeo:before {
    content: "\f2a9";
  font-size: 60px;
}
.section3 .gf_icon-wrap {
    
    float: left;
}
.discountttt span {
    color: #b12704;
    font-size: 15px;
}
#dropdown-cart a.btn.btn-view-cart {
    display: none;
}
.header-bottom {
        /* background-color: #000639; */
background-color: #b7d7d4a8 !important;
}
nav.nav-bar.text-center li a span {
    color: #000;
}

.header-bottom .right-nav .icon-nav .icon-line, .header-bottom .right-nav .icon-nav .icon-line:before, .header-bottom .right-nav .icon-nav .icon-line:after {
    background-color: #fff !important; 
}
a.logo-title {
    color: #fff;
}
.nav-dropdown li a span {
    color: #000 !important;
}
.divii .col-sm-4 h4 {
    font-size: 31px;
}
.hair_care p {
    font-size: 17px;
}
.hair_care h3 {
    font-size: 23px;
  margin: 0;
}
.kero_row .col-sm-4 {
    width: 33%;
    float: left;
    display: inline-block;
    margin-top: 40px;
    text-align: center;
}
.kero_row {
    display: inline-block;
  width:100%;
  padding-top: 30px;
    padding-bottom: 30px;
}
.instruction_row .col-sm-4 {
    width: 30%;
    display: inline-block;
    float: left;
    background: #eafff1;
  
    margin-left: 30px;
    padding: 20px 39px;
    margin-right: 10px;
}
.instruction_row h3 {
    text-align: center;
    margin-bottom: 15px;
}
.img-list h1 {
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    padding-top: 60px;
}
.img-list video {
    float: right;
    width: 50%;
    margin-bottom: 50px;
}
.section3 img {
    text-align: center;
  
    margin: 0 auto;
    width: 100%;
    display: block;
    max-width: 113px;
}
.divii-copy1 .row1 img {
   border-radius: 0 !important;
    width: 100%;
    max-width: 250px;
}
.divii-copy1 .row1 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dp {
    background: #fff !important;
}
.dp .row1 img {
    width: 100%;
    max-width: 350px !important;
}
.dpp .row1 img {
    width: 100%;
   
}
.about_contentt {
    
    padding-bottom: 22px;
    padding-top: 82px;
    display: inline-block;
}
.about_contentt .col-sm-6 {
    float: left;
}
.about_contentt img {
    width: 100%;
  
    padding-left: 30px;
}
.about_contentt p {
    padding-top:20px;
  font-size:17px;
}
.hair_care {
    width: 100%;
    display: inline-block;
    padding: 70px;
}
.hair_care h1 {
    /* width: 100%; */
    font-size: 39px;
    text-align: center;
}
.hair_care .col-sm-4 {
    float: left;
    margin-left: 30px;
    width: 30%;
    text-align: center;
}
.hair_care img {
    /* width: 100%; */
    width: 100%;
    max-width: 126px;
  border-radius: 50%;
    /* max-width: 200px; */
}
.expectation {
   padding: 80px;
    display: inline-block;
    width: 100%;
    background: #eafff1;
  margin-top:50px;
}
.dkkj {
    width: 66%;
    margin: 0 auto;
}
.dkkj li {
    font-size: 17px;
    list-style: none;
}
.dkkj p {
    font-size: 17px;
}
.dkkj h2 {
    font-size: 30px;
}
.expectation .col-sm-6 {
    float: left;
  width:50%;
  display:inline-block;
    
}
.section6 video {
    width: 100%;
}
.dkkj li::before {
    content: "\00a0" !important;
    background-image: url(/cdn/shop/files/57e9d2454a5ba514ea89857dc32a347e103cc3e45659704e732773dd91_1920.png?v=1582184348) !important;
    /* width: 20px !important; */
    /* height: 20px !important; */
  
    margin-right: 8px !important;
    font-family: 'Yantramanav', sans-serif !important;
    font-size: 66px !important;
    line-height: 20px !important;
    position: relative !important;
    top: 46px !important;
    background-repeat: no-repeat;
}
.dkkj p::before {
    content: "\00a0" !important;
    background-image: url(/cdn/shop/files/57e4d3424953b114a6d98479c52b377b1622dfe05558764f752c7dd6_1920.png?v=1582184349) !important;
    /* width: 10px !important; */
    /* height: 10px !important; */
   
    margin-right: 8px !important;
    font-family: 'Yantramanav', sans-serif !important;
    font-size: 37px !important;
    line-height: 20px !important;
    position: relative !important;
    top: 25px !important;
    background-repeat: no-repeat;
}
.current .panel{
display:block !important;

}
.custom_tab1 p {
    text-align: left;
    padding-top: 20px;
  font-size: 20px;
}
.custom_tab1 h1 {
    font-size: 40px;
}
.kero_row img {
  
    max-width: 381px;
    max-height: 350px;
    min-height: 295px;
    margin: 0 auto;
}
.kero_row .col-sm-4 {
    width: 33%;
    float: left;
    display: table !important;
    margin-top: 40px;
    text-align: center;
    
}
.instruction_row {
    margin-top: 34px;
}


.section8 img {
    width: 100%;
    max-width: 200px;
    margin: 0 AUTO;
    /* height: 100% !important; */
    border-radius: 50%;
    /* max-height: 350px !important; */
    DISPLAY: BLOCK;
  HEIGHT: 100%;
    MIN-HEIGHT: 210PX;
  

}
.section8 h2 {
    text-align: center;
    margin-top: 10px;
}
.study img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 150px;
    border: 1px solid #ddd;
}
.applctn img {
    width: 100%;
  display: block;
    margin: 0 auto;
    max-width: 150px;
    border: 1px solid #ddd;
}
a.logo-img{
  display:inline !important;
}
a.logo-img img {
    width: 100%;
    max-width: 70px;
      padding: 3px;
}

.swatch .swatch-element.color label, .swatch .swatch-element.size label{
/* border-radius: 20px !important;
    padding: 18px 17px;
    line-height: 0px; */

    border-radius: 0 0 15px 15px;
    line-height: 19px;
    padding: 9px;
    text-align: left;
    width: 100%;
    background: #f9f9f9 !important;
    font-size: 11px;
}


.swatch .swatch-element.size .card{
   border-radius:15px;
}

.swatch .swatch-element.size .card .card-header{
   border-radius:15px 15px 0 0;
}

.swatch .swatch-element.color label, .swatch .swatch-element.size label{
    border-radius:0 0 15px 15px;
    line-height: 19px;
    padding: 9px;
    text-align: left;
    width: 100%;
    background: #f9f9f9 !important;
    font-size: 11px;
}

.swatch .swatch-element.size label.label{
  border-radius:15px;
}
.swatch .swatches-img{
  height: 50px !important;
}
.swatch .swatch-element.size label strong{
  font-size:14px;
}
.swatch .swatch-element.size label p{
  margin:0 !important;
  font-size:12px;
}

.swatch .swatch-element.size label .pack-price{
    color: #b12704;
    font-size:13px;
    margin-bottom:0 !important;
}
.price_shower {
    float: left;
   
    padding-right: 11px;
}
.price_shower p {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal !important;
}
.discountttt p {
    float: left;
    color: #3d3d3d;
  font-size: 13px;
}
.discountttt {
    display: inline-block;
}
h6.diss {
    float: left;
    padding-left: 9px;
    font-weight: 400;
  color:#b12704;
      padding-right: 9px;
}
.swatch span {
   color: #3d3d3d;
    font-size: 13px;
    font-weight: 400!important;
}
.section8 p {
    font-size: 17px;
}
.section6 p {
    font-size: 16px;
}
.instruction_row p {
    font-size: 15px;
}
.footer .footer-top .col-footer ul li a {
    color: #ffffff !important;
}

.footer_copyright.column-left.col-12.col-md-12.col-lg-6.col-xl-6 {
    max-width: 100%;
    flex: 0 0 100%;
}
.product-shop .group_item{
display:inherit !important;

}
#right-nav-dropdown .lang-currency-groups {
    display: inline-flex;
}
.policys-block {
   border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.site-header .header-mb .svg-mb a {
    color: #fff !important;
}
.mb-area ul li a span {
    color: #000 !important;
}
.quantity label {
   
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal !important;
}
.seal-logos li img {
    width: 100%;
    max-width: 62px;
}
.my_customm_sec p {
    margin-bottom: 8px;
    color: #000; 
    font-size: 15px;
}
.center-groups.wrapper-navigation {
        box-shadow: 2px 2px 12px 0px rgb(211, 211, 211);
}
.my_customm_sec span {
    color: #3d3d3d;
    padding-right: 15px;
}
div#dropdown-cart svg {
    color: #e90000 !important;
}
.right-groups svg {
    color: #fff !important;
}
button.btn.btn-checkout{

background-color: #ffe56c !important;
    background-size: 100% 100%;
    box-shadow: 0px 0px 20px 1px #fc7400 inset;
    font-family: 'Barlow', sans-serif;
    border: none !important;
    color: #000 !important;

}
.mb-area li.item.menu-lv-1.dropdown.no-mega-menu>a>span:after {
    content: "\f078";
    font-family: fontawesome;
    font-size: 9px;
    color: #fff;
    padding-bottom: -1px !important;
}
.mb-area #right-nav-dropdown .lang-currency-groups {
    display: inherit;
}
button.btn.btn-checkout:hover {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
  box-shadow: none;
}
.header-top {
    background-color: #0f0f0f;
    color: #ffffff;
    border-bottom: 1px solid #ddd;
}
.instruct {
    /* width: 100%; */
    display: inline-block;
    float: left;
    background: #eafff1;
  padding: 20px 39px;
    
}
.instruct h3 {
    font-size: 15px !important;
}
.instruct li{
list-style-type: disc;
    font-size: 17px;
    line-height: 34px;
  list-style-position: inside;
}
.instruct p {
    font-size: 17px;
}
img.instruct_img {
    width: 100% !important;
    display: block;
    min-height: auto !important;
    margin: 0 auto;
    max-width: 150px !important;
    border: 1px solid #ddd;
}
img.divya_img {
    height: 100% !important;
    max-height: 390px !important;
}
.instruct ul li {
    text-align: justify;
}
.sticky_form .pr-img img {
    width: 30px !important;
}
/* .product-img-box .thumb a.fancybox {
    display: table-cell !important;
    vertical-align: middle;
}
.product-img-box .thumb {
    display: table !important;
    height: 400px !important;
}
.product-img-box .thumb img {
    width: 100%;
    max-width: 400px;
  height:100%;
  max-height:400px !important;
} */
input.btn.sticky-add-to-cart {
/*     background-color: #ffe56c; */
  background-image: linear-gradient(0deg,#ffe086 39%,#fe970a 100%)!important;
    background-size: 100% 100%;
  box-shadow: 0px 1px 4px 0px rgb(44, 44, 44);
/*     box-shadow: 0px 0px 20px 1px #fc7400 inset; */
    border: NONE;
    color: #000;
  font-weight:700;
  &:hover{
    background-image: linear-gradient(0deg,#ffd452 39%,#ffefc1 100%)!important;
  }
}
.videooo iframe {
    width: 100%;
    display: inline-block;
}
.button-continue {
/*     display: none; */
}
#your-shopping-cart textarea#cartSpecialInstructions {
    display: none;
}
#your-shopping-cart label.add-comments span {
    display: none;
}
.quantity a.remove.btn.item {
    padding: 0px 2px 3px 7px !important;
    display: inline-block !important;
    max-width: 84px !important;
    margin: 0 !important;
    width: wid;
    width: 100% !important;
    min-width: auto !important;
}
a.remove.btn.item svg {
    position: initial !important;
}
a.remove.btn.item {
    background: #b20000 !important;
    color: #fff !important;
}
a.product-title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.btn-group.lang-dropdown {
    display: none;
}
#your-shopping-cart .extra-options.extra-options-cart {
    display: none;
}
ul.list-blog li {
    width: 33.33%;
    float: left;
/*     margin-right: 23px; */
    border: 1px solid #dddddd75;
    padding: 10px 10px;
   box-shadow: 0px 0px 23px #8080802e;
}
.halo-blog-page .article-title a {
    color: #0f0f0f;
    font-size: 14px;
    margin-bottom: 13px !important;
    display: inline-block;
  line-height: 1.543em;
}
.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 {
/*     flex: 0 0 80%; */
    max-width: 100%;
    margin: 0 auto;
}
#autoketing-currency-convert-instance .top-left {
    top: 26px !important;
    left: 52px !important;
}
.videooo21 {
    display: inline-block;
    float: right;
    width: 50%;
}
.videooo21 iframe {
    width: 100%;
    display: inline-block;
}
div#shopify-section-sidebar-filter {
    margin-top: 50px;
    border-right: 1px solid #ddd;
    padding-right: 0;
}
.filter_sidebar_text h2 {
    color: #000;
    background: #ddd;
    font-weight: 500;
    BORDER-BOTTOM: 1PX solid #ddd;
    font-size: 20px;
    padding: 6px 10px;
}
.sidebar-tags .widget-content {
    border-bottom: 1px solid #ddd;
}
h3.sidebar-title span {
    font-size: 13px;
}
.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 p {
    font-size: 18px;
    color: #231f20;
    line-height: 26px;
}
.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 li {
    font-size: 16px;
}

.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 h2{
     font-size: 38px;
    line-height: 42px;
}
    
.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 h3 {
    font-size: 26px;
    line-height: 30px;
    color: #231f20;
    font-weight: 700;
}
.article-details .lang1 {
    font-size: 14px;
}
.free_shipping_massage1 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}
.template-collection .action a.btn {
    background: #000;
    border: none;
}
.template-collection .action a.btn:hover {
    color: #fff;
    
}
button.btn.btn-checkout {
    font-weight: 600;
}

.action a.btn:hover {
    color: #000;
    /* background: transparent; */
    border: 1px solid #000;
}
.products-grid .grid-item.col-lg-3 {
    -webkit-box-flex: 0; 
    -ms-flex: 0 0 25% !important;
   flex: 0 0 25% !important;
  padding-left: 5px;
    padding-right: 5px;
    max-width: 25% !important;
}
.product-collection .product-item .spr-badge {
    margin-bottom: 0px;
}
.page-tpl span {
/*     text-align: justify !important; */
/*     display: inline-block; */
}
a.product-title:hover {
    color: #b20000 !important;
}
.section5 .col-sm-6 {
    flex: 100%;
    max-width: 100%;
    padding: 60px 100px;
}
.doubly-float {
    top: 0px !important;
  left: 0px !important;
  bottom: 100% !important;
  display: inline-block !important;
}

  
.doubly-float .doubly-nice-select .list {
    top: 38px !important;
    left: 0;
    right: auto;
}
.doubly-nice-select {
    background: none;
    border: none;
      padding-left: 9px;
    padding-right: 0px !important;
}
.doubly-nice-select.currency-switcher.right {
    background: transparent;
   border: none;
}
span.current.notranslate {
    color: #000 !important;
}
.is-sticky .header-mb-left.header-mb-items {
/*     padding-top: 34px; */
}
div#shopify-section-product-customer-review {
    display: none;
}
div#wc_review_section {
    padding-left: 20px;
    padding-right: 20px;
     background: #eceef0;
}
.wc_review_list_section.wc_wf_cls{
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.product-tab.col-md-12.dpp {
    padding-right: 0;
}
.product-description-content.row {
    margin-right: 0 !important;
}
.cart-left.co-12.col-md-8.col-lg-8 {
    flex: 100%;
    max-width: 100%;
}
div#wc_review_section {
/*     background: #eceef0; */
}
.full_section img {
    width: 100%;
}
.mb-area ul.site-nav>li>a {
    width: 100%;
}
.full-icon {
/*    background: linear-gradient(180deg,#a4ecfd 0%,#0097ff 27%,#81d0ff 100%); */
  background: linear-gradient(179deg,#c9fffa 0%,#98e6fd 27%,#04dcff 100%);
    width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.drinking-section h3 {
    margin-top: 0;
    text-align: center;
    font-size: 50px;
    color: #fff;
    padding-top: 14px;
}
.drinking-section img {
    margin: 0 auto;
    display: block;
}
img.img-yogaa {
    margin: 0 auto;
    display: block;
    margin-top: 32px;
}

.half_content_purple h5 {
    font-size: 20px;
}
.half_content_purple p {
    font-size: 19px;
}
.half_content_vitamin p {
    font-size: 19px;
}
.drinking-section p {
    /* color: red; */
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 21px;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 38px;
    margin: 0 auto;
}
.half_content p {
    color: #000;
    font-size: 19px;
  padding-right:12px;
  padding-left:12px;
    padding-right: 60px;
    text-align: left;
    line-height: 26px;
}
.half_img {
    width: 50%;
    display: inline-block;
    padding-top: 60px;
    padding-bottom: 60px;
}
.half_content h3 {
    color: #000;
    font-size: 48px;
  text-transform: uppercase;
    margin-bottom: 30px;
}
.half_content {
    width: 40%;
    float: right;
    padding-top: 80px;
}
.dark_blue_gradient {
    /* background-image: linear-gradient(0deg, #022eb7 0%, #05ffe6 100%); */
    background: #C7CEFF;
    width: 100%;
    display: inline-block;
    padding: 3em 6px;
}
.vege-background p {
    font-size: 20px;
    text-align: left;
    width: 80%;
    /* margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 36px; */
}
.vege-background h3 {
    font-size: 50px;
    text-align: center;
}
img.my-iconn {
    padding: 12px 31px;
}
.drinking-section h3 {
    margin-bottom: 15px;
  padding-top:30px;
}
.vege-background h3 {
    margin-top: 50px;
   margin-bottom: 0px;
}
.my-icons {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.drinking-section {
    margin: 0 auto;
    display: block;
    width: 100%;
    /* background-image: linear-gradient(90deg,rgb(98, 237, 246) 6%, rgb(38, 10, 183) 100%); */
     background: #C7CEFF;
}
.half_content_industry h3 {
    font-size: 35px;
    color: rgb(60, 168, 194);
}
.half_content_industry p{
   font-size: 18px;
   color: #000;
}

.dark_blue_industry {
    background: #C7CEFF;
    width: 100%;
    display: inline-block;
}

.half_img_industry {
    width: 50%;
    float: right;
    padding: 40px 63px;

}
.blad-img {
    width: 50%;
    float: right;
    padding: 76px 63px;
}
.half_content_industry {
    display: inline-block;
    width: 40%;
    color: #fff;
    padding: 84px 107px;
}
.half_content_hospital p {
    font-size: 18px;
  /* color: rgb(60, 168, 194); */
  /* color:#fff; */
}
.half_content_hospital h3 {
    font-size: 35px;
  /* color: rgb(60, 168, 194); */
    color:#fff;
}
.half_content_hospital {
  width: 40%;
  padding-right: 85px;
  float: right;
  padding-bottom:30px;
  padding-top: 80px;
}
.half_img_hospital {
    width: 50%;
    display: inline-block;
    /* padding-top: 30px; */
    padding: 80px 107px;
    /* padding-bottom: 30px; */
}
.dark_blue_hospital {
    background: #C7CEFF;
    width: 100%;
    display: inline-block;
}
.half_content_household p {
    font-size: 20px;
    color: rgb(255, 255, 255);
}
.half_content_office p {
    font-size: 18px;
    color: rgb(60, 168, 194);
}
.half_content_household h3 {
    font-size: 35px;
    color: rgb(255, 255, 255);
}
.half_content_household {
    display: inline-block;
    width: 40%;
    color: #fff;
    padding: 84px 107px;
}
.half_img_household {
    width: 60%;
    float: right;
    padding: 85px 135px;
}
.dark_blue_household {
    background-image: linear-gradient(0deg,rgb(65, 171, 255) 0%, rgb(113, 255, 156) 100%);
    width: 100%;
    display: inline-block;
}
.img-yogaa {
    width: auto !important;
}
.half_content_office {
    display: inline-block;
    width: 40%;
  float:right;
    color: #fff;
    padding: 84px 107px;
}
.dark_blue_household {
    margin-top: -10px;
}
.half_img_office {
    width: 60%;
    float: right;
    padding: 85px 135px;
}
.half_content_office h3 {
    font-size: 35px;
    color: rgb(60, 168, 194);
}

.dark_blue_office {
    background-image: linear-gradient(0deg,rgb(111, 255, 218) 0%, rgb(255, 252, 123) 100%);
    width: 100%;
    display: inline-block;
}
.half_content_fruit {
    display: inline-block;
    width: 40%;
    color: #fff;
    padding: 84px 107px;
}
.half_content_fruit p {
    font-size: 20px;
    color: rgb(60, 168, 194);
}
.half_content_fruit h3 {
    font-size: 35px;
  
    color: rgb(60, 168, 194);
}
.dark_blue_fruits {
    background: #C7CEFF;
    width: 100%;
    display: inline-block;
}
.half_img_fruit {
    width: 60%;
    float: right;
    padding: 40px 16px;
}
.half_content_vitamin h3 {
    color: rgb(60, 168, 194);
    font-size: 34px;
}
.half_content_vitamin p {
    font-size: 19px;
   color: rgb(60, 168, 194);
}
.half_content_vitamin h5 {
    font-size: 24px;
    color: rgb(60, 168, 194);
    margin-bottom: 0;
}
.half_content_vitamin {
    width: 40%;
    float: right;
    padding: 50px 4px;
}
.dark_purplee_vitamin {
    background-image: linear-gradient(0deg,rgb(150, 255, 150) 0%, rgb(159, 241, 255) 100%);
    width: 100%;
    display: inline-block;
}
.half_content_purple h3 {
    font-size: 34px;
}
.half_img_vitamin {
    width: 60%;
 
    display: inline-block;
    padding: 65px 107px;
}

.half_content_purple h5 {
    margin-bottom: 0 !important;
    font-size: 24px;
}
.dark_purple_gradient {
   background: #C7CEFF;
    width: 100%;
    display: inline-block;
    padding:5em 0;
}
.half_content_purple {
    display: inline-block;
    width: 50%;
    color: #fff;
    padding: 37px 36px;
}
.recommended_by_doctor{
  background: #ebeeff;
}
.dark_skyblue_gradient {
    width: 100%;
    background-image: linear-gradient(0deg,#261699 0%,#c35f5f 100%);
    display: inline-block;
}

.half_img_purple {
    width: 50%;
    float: right;
    padding: 60px 135px;
}
.section66 {
    background: #000;
    width: 100%;
    display: inline-block;
}
.my-dummy .section10 {
    background-image: linear-gradient(0deg,rgb(200, 251, 204) 0%, rgb(225, 255, 253) 100%);
  padding: 60px 107px;
      margin-top: 30px;
}
.my-dummy .expectation {
  background: #ebeeff;
    margin-top: -6px;
}
.bald-content p {
    font-size: 17px;
}
.section66 img {
    border: 2px solid #fff;
}
.section66 .col-sm-6 {
    float: left;
}
.section66 h2 {
    color: #fff;
}
.section66 .col-sm-6 {
    padding: 30px;
}
.section66 p {
    color: #fff;
    font-size: 18px;
   
    margin-top: 20px;
}
.my-dummy .section11 {
    background-color: rgb(225, 251, 254);
}
.bald-content p {
    font-size: 18px;
}
.my-dummy .section8 {
    display: inline-block;
    /* padding-top: 80px; */
    padding: 63px 107px;
}
.my-dummy .section11 .accordion {
    background-color: #000639;
}
.my-dummy .section11 h3 {
    color: #000;
  text-transform: uppercase;
    font-size: 37px;
}
.my-dummy .section11{
margin-top:-11px;
}
.section66 .col-sm-6 {
    padding: 63px 107px;
}
.bald-content h3 {
    font-size: 37px;
}
.bald-section {
    padding: 30px;
    width: 100%;
    display: inline-block;
}
.my-dummy .section4 td {
    color: #000 !important;
}
.bald-content {
    width: 50%;
  padding: 63px 107px;
    float: left;
}
.section4 h1 {
    color: #fff;
}
.vege-background img {
    width: 100%;
}
.my-dummy .section4 {
   background: #ebeeff;
}
.my-dummy .videooo21{
    float:none;
    width: 100%;
}
.my-dummy .img-list table tbody th{

background: #fff;

}
.my-dummy .img-list table tbody th{
color: #000;

}
.my-dummy .img-list table tbody th,
.my-dummy .img-list table tbody tr,
.my-dummy .img-list table tbody td{
border: solid 2px #fff;
}
.my-dummy .section10 h3 {
    color: #000;
}
.my-dummy .section10 h4 {
    color: #000;
}
@media only screen and (max-width: 991px) {
  
.dark_blue_hospital {
    display: flex;
    flex-direction: column;
}
  .dark_blue_fruits {
    display: flex;
    flex-direction: column;
}
  .half_img_fruit {
    width: 100%;
    order: 1;
    text-align: center;
}
  .half_content_fruit {
    width: 100%;
    order: 2;
}
  .dark_blue_office {
    display: flex;
    flex-direction: column;
}
  .half_img_office {
    width: 100%;
    order: 1;
    text-align: center;
}
  .dark_blue_household {
    display: flex;
    flex-direction: column;
}
  .half_content_household {
    width: 100%;
    order: 2;
    padding-top: 0;
}
  .half_img_household {
    width: 100%;
    order: 1;
    text-align: center;
}
  .half_content_office {
    width: 100%;
    order: 2;
    padding-top: 0px;
}
  .half_content {
    width: 100%;
    order: 2;
    text-align: center;
}
  .half_img {
    width: 100%;
    order: 1;
}
  .dark_blue_gradient {
    display: flex;
    flex-direction: column;
}
.half_img_hospital {
    order: 1;
  text-align: center;
    width: 100%;
}
  .half_content_vitamin {
    width: 100%;
    order: 2;
    text-align: center;
}
  .half_img_vitamin {
    width: 100%;
    order: 1;
}
  .dark_purplee_vitamin {
    display: flex;
    flex-direction: column;
}
  .dark_purple_gradient {
    display: flex;
    flex-direction: column;
}
  .half_content_purple {
    width: 100% !important;
    order: 2;
    text-align: center;
}
  .half_img_purple {
    width: 100%;
    order: 1;
    text-align: center;
}
  .dark_blue_industry {
    display: flex;
    flex-direction: column;
}
  .section66 {
    display: flex;
    flex-direction: column;
}
  .drr {
    order: 1;
}
  .dppp {
    order: 2;
}
  .col-sm-6.dppp h2 {
    font-size: 32px;
}
  .section66 .col-sm-6 {
    padding: 63px 107px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
  .my-dummy .expectation .col-sm-6 {
    width: 100% !important;
}
  .drr {
    width: 100%;
    order: 1;
}
  .dpp {
    width: 100%;
    order: 2;
}
  .blad-img {
    width: 100%;
    order: 1;
    text-align: center;
}
  .bald-section {
    display: flex;
    flex-direction: column;
}
  .bald-content {
    width: 100%;
    order: 2;
    padding-top: 0;
}
  .half_img_industry {
    width: 100%;
    text-align: center;
    order: 1;
}
  .bald-section {
    display: flex;
    flex-direction: column;
}
  .half_content_industry {
    width: 100%;
    order: 2;
    padding-top:0;
    text-align: center;
}
.half_content_hospital {
    order: 2;
   text-align: center;
  padding-top:0;
  padding-right:0;
    width: 100%;
}
  .half_content p{
   text-align: center;
    padding-right: 0;
    padding-bottom: 30px;
  
  }
.dark_blue_hospital {
    display: flex;
    flex-direction: column;
}
.half_img_hospital {
    order: 1;
    width: 100%;
}
.half_content_hospital {
    width: 100%;
    order: 2;
}

}
@media only screen and (max-width: 550px) {

.drinking-section h3 {
    margin-top: 0;
    text-align: center;
    font-size: 29px;
}
  .dpp6 .half_content_purple {
    display: inline-block;
    width: 100% !important;
  }
  .section8 .col-sm-4 img {
    border-radius: 0;
}
  .dark_purple_gradient1 {
    display: flex;
    flex-direction: column;
}
  #dropdown-cart button.btn.btn-checkout {
    height: 60px;
}
  .template-product .breadcrumb {
  /*display: none; */
}
  .my-dummy .section8 h3 {
    padding-top: 24px;
    margin-bottom: 0;
}
  .home-product-tab .list-product-tabs li{
  margin-top:2px;
  }
  .home-product-tab .list-product-tabs li a, .product-widget-tab .list-product-tabs li a {
    color: #0f0f0f;
/*     font-size: 15px !important; */
  }
  .section8 .col-sm-4 {
    padding-bottom: 30px;
}
  .my-dummy .section11 h3 {
    color: #000 !important;
    font-size: 32px !important;
    text-transform: uppercase;
}
  .my-dummy .section10 {
    background-image: linear-gradient(0deg, #c8fbcc 0%, #e1fffd 100%);
    padding-bottom: 30px !important;
  }
  .section8 .col-sm-4 {
    float: none;
    margin-top: 30px;
    padding: 12px;
    width: 100% !important;
    max-width: 100% !important;
}
  .my-dummy .section10 h3 {
    color: #000;
    margin-top: 20px;
    margin-bottom: 7px !important;
}
  .half_content_hospital h3 {
    font-size: 32px;
    text-transform: uppercase;
}
  .section8 h3 {
    font-size: 32px !important;
}
  .section11 h3 {
    font-size: 32px !important;
}
  .half_img_hospital img {
    margin-top: 30px;
}
  .half_content_hospital h3 {
    font-size: 32px;
    text-transform: uppercase;
}
  .half_img_office img {
    margin-top: 30px;
}
  .half_content_household p {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 30px;
}
  .half_content_household h3 {
    font-size: 32px;
    text-transform: uppercase;
}
  .half_img_household img {
    margin-top: 30px;
}
  .half_content_office p {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 30px;
}
  .half_content_office h3 {
    font-size: 32px;
    text-transform: uppercase;
}
  .half_content_fruit h3 {
    font-size: 32px;
    text-transform: uppercase;
    color: #3ca8c2;
}
  .half_content_fruit p {
    
    padding-left: 12px;
    padding-right: 12px;
}
  .drinking-section h3 {
    font-size: 32px;
}
  img.my-iconn {
    padding: 12px 8px;
}
  .is-sticky .header-mb-left.header-mb-items {
    padding-top: 0;
}
  .half_content_purple {
    width: 100%;
    padding: 0;
  }
  .my-dummy .section4 table {
    margin-bottom: 40px;
}
  .half_content_purple {
    margin-top: 40px;
}
 
  .half_content p br {
    display: none;
}
  .half_content p {
    padding-bottom: 55px;
}
  .vege-background p {
    width: 100%;
/*     padding-left: 12px;
    padding-right: 12px; */
}
  .drinking-section p {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}
  .half_content_purple p {
    text-align: center !important;
    font-size: 18px !important;
}
  .half_content_purple {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
}
  .half_content_purple h5 {
    margin-bottom: 0;
    font-size: 21px;
}
  .bald-content h3 {
    font-size: 32px;
}
  .half_content_industry {
    width: 100%;
    order: 2;
    padding: 12px 12px;
    padding-bottom:30px;
    padding-top: 0;
    text-align: center;
}
  .my-dummy .section8 {
    display: inline-block;
    padding: 0;
}
  .my-dummy .section10 {
    background-image: linear-gradient(0deg, #c8fbcc 0%, #e1fffd 100%);
    padding: 0;
}
  .blad-img {
    width: 100%;
    order: 1;
    padding: 0;
  }
  .section66 .col-sm-6 {
    padding: 63px 107px;
    width: 100%;
    padding: 0;
  }
  .bald-content {
    width: 100%;
    padding: 12px 12px;
    order: 2;
  }
  .half_img_vitamin {
    width: 100%;
    padding: 14px;
  }
  .half_img_vitamin img {
    margin-top: 30px;
}
  .half_img_industry {
    width: 100%;
    padding: 0;
    text-align: center;
    order: 1;
}
  .my-dummy p {
    font-size: 16px !important;
}
  .half_content_hospital {
    width: 100%;
    order: 2;
    padding: 12px 12px;
    padding-bottom:30px;
    text-align: center;
}
  .dark_blue_industry h3 {
    font-size: 32px;
    text-transform: uppercase;
}
  .half_img_industry img {
    margin-top: 30px;
}
  .half_img_hospital {
    order: 1;
    padding: 0;
  }
  .half_img_household {
    width: 100%;
    padding: 0;
    order: 1;
  }
  .half_content_household {
    width: 100%;
    order: 2;
    text-align: center;
    padding: 10px 10px;
}
  .half_content_fruit {
    width: 100%;
    /* padding: 0; */
    text-align: center;
    padding: 10px 10px;
  }
  .half_img_office {
    width: 100%;
    padding: 0;
  }
  .half_content_office {
    width: 100%;
    order: 2;
    padding: 10px 10px;
    text-align: center;
}
  .half_content {
    width: 100%;
    order: 2;
    padding-top: 0;
  }
  .section66 {
    display: flex;
    margin-top: 40px;
  }
  .dppp {
    padding: 20px !important;
}
 .dkkj h2 {
    font-size: 25px;
}
  .my-dummy .section11 h3 {
    color: #000;
     text-transform: uppercase;
    font-size: 30px;
}
  .half_content_vitamin h5 {
    font-size: 19px;
  }
  .bald-section {
    display: flex;
    padding: 0;
    margin-top: 40px;
    flex-direction: column;
}
  .half_content_vitamin p {
    text-align: center !important;
    font-size: 18px !important;
}
  .half_img_purple {
    width: 100%;
    order: 1;
    padding: 14px;
  }
  .half_content_purple h3 {
    font-size: 32px;
}
  .half_img_purple img {
    margin-top: 30px;
}
  .half_content p {
    text-align: center !important;
    padding-right: 0;
    font-size: 18px !important;
  }

.drinking-section p {
    font-size: 18px;
}
.vege-background h3 {
    font-size: 32px;
}
.vege-background p {
    font-size: 18px;
}
.half_content h3 {
    font-size: 48px;
}
}

.payment-methods {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center !important;
}
.panell {
    display: none ;
}
p.my-text {
    color: #000;
    display: inline-block;
    font-size: 18px;
    tex-align: justify !important;
    text-align: justify;
}
.my-dummy .videooo21 {
    float: none;
    margin-top: 46px;
}
.section8 .col-sm-4 img {
    border-radius: 0;
}
.wc_review_listing_select .wc_select_drop_arrow

{z-index:2 !important;}

.dpp1 {
    background-color: rgb(3, 254, 244);
    background-image: none;
}
.dpp2 {
    background-color: rgb(91, 255, 212);
    background-image: none;
}
.dpp3 {
    background-color: rgb(125, 255, 242);
    background-image: none;
}
.dpp4 {
   background-color: rgb(166, 255, 214);
    background-image: none;
}
.dpp5 {
       background-color: rgb(3, 254, 244);
    background-image: none;
}
.dpp2 .half_content_fruit h3 {
    color: #000 !important;
}
.dpp2 .half_content_fruit p {
    color: #000 !important;
}
.dpp4 .half_content_fruit h3 {
    color: #000 !important;
}
.dpp4 .half_content_fruit p {
    color: #000 !important;
}
.dpp3 .half_content h3 {
    color: #000;
}
.dpp3 .half_content p {
    color: #000;
}
.dpp5 .half_content h3 {
    color: #000;
}
.dpp5 .half_content p {
    color: #000;
}
.dark_purple_gradient.dpp6 {
  background: #C7CEFF;
    background-image: none;
}
.dpp6 .half_content_purple {
    display: inline-block;
    width: 50%;
    color: #000;
}
.dark_purplee_vitamin.dpp7 {
    background-color: rgb(255, 205, 5);
    background-image: none;
}
.half_content_vitamin h3 {
    color: #000 !important;
}
.half_content_vitamin h5 {
    color: #000 !important;
}
.half_content_vitamin p {
    color: #000 !important;
}


/*top bar  */

.header-top .call_now{
    background:#04fbaa;
    box-shadow: rgba(4, 251, 170, 0.25) 0px 54px 55px,
     rgba(4, 251, 170, 0.12) 0px -12px 30px,
     rgba(4, 251, 170, 0.12) 0px 4px 6px,
     rgba(4, 251, 170, 0.17) 0px 12px 13px,
     rgba(4, 251, 170, 0.09) 0px -3px 5px;
    transition:1s ease-in-out;
  border-radius:5px;
  
}
.header-top .call_now:hover{
  background: white;
  box-shadow: 0 0 20px 1px #04fbaa inset;
}
    

/* payment btn */




/*top heading on product page  */


.productView-container.container h4.foo{
  text-align:center;
  color:#000;
  padding:0 2px;
  font-size:26px !important;
  font-weight:500;
  margin-bottom: 20px !important;
/*   text-transform:uppercase; */
}
.toggle-content.is-active h4.foo{
    /* display:none; */
}
.toggle-content.is-active .benifit{
  display:none;
}
.benifit span{
  color: #696969;
  font-weight:380;
  letter-spacing: 1px;
  font-size:12px;
}

.benifit h5{
  color:#696969;
  font-weight: 500;
}
.benifit .col-4{
  line-height:16px;
}

ul.site-nav li:last-child{
/*   display:none; */
}

/* .desctiption_slider our journey */

.journey .no {
    background: #fff;
    height: 36px;
    width: 36px;
    left: 45%;
    top: -5px;
    text-align: center;
    color: #000;
    font-weight: 700;
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    line-height: 36px;
    margin-bottom: -8px;
    position: relative;
    z-index: 2;
}

.journey{
  position:relative;
}
.journey svg{
    fill: #fff !important;
    stroke: #fff !important;
    margin:0;
}
.journey .owl-item{
   position:relative;
}

.journey .owl-item:before{
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #0f0f0f;
    left: 105%;
    transform: translate(-50%,16px);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
  
.desctiption_slider .item{
          margin-right:10px;
          border-radius:10px;
}

.desctiption_slider .item img{
  max-width: 100%;
    width: 100%;
    border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

 .desctiption_slider .no {
    background: #F2CB05;
    height: 36px;
    width: 36px;
     left:50%;
    text-align: center;
    color: #000;
    border-radius: 50%;
    display: inline-block;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: -8px;
    position: relative;
    z-index: 2;
}

.desctiption_slider ul li{
  position:relative;
}
  .desctiption_slider ul li:before{
     content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #f2cb05;
    left: 105%;
    transform: translate(-50%,16px);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
.desctiption_slider ul li:last-child li:before{
   content: "";
    position: absolute;
    height: 0px;
    width: 0%;
  background:#fff !important;
}


.desctiption_slider ul button{
    font-size:0;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    color: #f2cb05;
    border:0;
}

.desctiption_slider ul button.slick-prev.slick-arrow:before{
  content:"";
  text-decoration: none;
  text-align: center;
  white-space: normal;
  line-height: 1.33em;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;  
}

.desctiption_slider ul button.slick-next.slick-arrow:before{
  content:"";
  text-decoration: none;
  text-align: center;
  white-space: normal;
  line-height: 1.33em;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;    
}

.desctiption_slider ul button.slick-arrow.slick-next{
  right:26px;
}

.desctiption_slider ul button.slick-arrow.slick-prev{
  right:-26px;
}

.desctiption_slider ul li .item h4{
    margin: 15px 0 10px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color:#121212 !important;
}

.desctiption_slider ul li .item p{
      font-size:14px;
}
.desctiption_slider .slick-track{
   display:flex;
/*    margin-left:52px; */
}
.full-icon1{
  background: #F2CB05 !important;
}

.full-icon .my-icons span{
  background: #F2CB05;
    color: #fff;
  padding:5px 10px;
  font-size:18px;
  font-weight:500;
  border-radius:5px;
}
.product.product-default .product_top .slick-track .item img{
      border-radius:5px !important;
}

.product-custom-block {
            @include flex(flex-start, space-between);
            margin-top: 28px;
/*   overflow-x: scroll; */

            .custom-block-item {
                @include flex(flex-start, center);
                @include flex-wrap(wrap);
                padding: 0 10px;
              

                .custom-block-icon {
                    color: $color_title_pr;
                    display: inline-block;
                    width: 100%;
                    min-height: 56px;
                  text-align: center;
                    .fa {
                        font-size: 34px;
                    }
                    svg {
                        width: 34px;
                        height: 34px;
                        margin-top: 3px;
                    }
                }
                .custom-block-text {
                    font-size: $font_size;
                    font-weight: 500;
                    color: $page_title_color;
                    letter-spacing: .05em;
                    text-transform: uppercase;
                    line-height: 16px;
                    margin-top: 2px;
                    text-align:center;
                }
            }
        }

.product-item .product-des.abs-bottom{
display:none;
}


/* home marquee strip */

.textStripSection {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 8px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #000;
 /* background: linear-gradient(135deg,#061a28 0%,#154e74 60%,#2a7fba 100%); */
    background-repeat: no-repeat;
    background-size: cover;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 11px 0px; */
}

.textStripSection .marquee-container {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  position: relative;
  width: 100%;
}


.textStripSection .marquee-container .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.textStripSection .marquee-container .marquee {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll 55.5141s linear 0s infinite;
  animation-play-state: running;
  animation-delay: 0s;
  animation-direction: normal;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.textStripSection .marquee-container:hover div {
    animation-play-state: paused;
}
.textStripSection .marquee-container .marquee div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
  align-items: center;
}
.textStripSection .textItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 13px;
    gap: 13px;
    margin-left: 13px;
}
  
.textStripSection .textItem span {
    white-space: nowrap;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1em;
    color: #fff;
}


/* -- Responsive video embed -- */
.responsive-video {
    padding-top: 25px;
  position: relative;
/*   padding-bottom: 56.25%; /*
/*   height: 0; */
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*home slide show  */

/* #slideshow-1556181829880 [data-video-mp4] .fluid-width-video-wrapper:before {
    background: #232323 !important;
    opacity: 0.5;
} */

/*home page top banner  */
.home-top-banner .banner-image img{
          width:100% !important;
}



.homepage-collection-wrapper .column-right .products-grid .grid-item.slick-slide{
  min-height:300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product.product-default .product-img-box .wrapper-images .slick-slide .lazyautosizes.lazyloaded{
    min-height:336px !important;   
}


.home_section_3{
      padding: 3em 0;
/*     background: #000; */
/*   background-image: url(/cdn/shop/files/dark_bg.jpg?v=1669460609); */
  background:#000;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
}

.home_section_3 .inner_section{
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
.home_section_3 a{
      box-shadow: 0px 0px 0px 1px var(--blue) inset;
}


.home_section_3 .home-two-up-image-callout-title{
       position: absolute;  
    bottom: 35px;
    left: 30px;

}
.home_section_3 .home-two-up-image-callout-title span {
    color: #fff;
    font-size: 32px;
    font-family: var(--headlinefont);
    font-weight: 700;
    text-transform: uppercase;
}
.home_section_3 .home-two-up-image-callout-subtitle {
    color: #fff;
    font-size: 14px;
    font-family: var(--bodyfont);
    font-weight: 500;
    text-transform: uppercase;
}

/* .home_section_3 .inner_section .card{
   max-height: 300px;
}     */

.home_section_3 .inner_section .card a img{
      height: 260px;
      width: calc((100% / 3) - 80.333px);
      float: left;
      margin-right: 30px;
      object-fit: cover;
    background-size: cover;
    background-position: center center;
} 


.homepage-collection-wrapper .intro {
  position: relative;
  min-height: 300px;
  height: 100%;
  width: 100%;
/*    filter: blur(1.5px); */
  background: transparent url(/cdn/shop/files/SUPPLEMENTS_MEDICINES.jpg?v=1669463876) center center no-repeat;
  background-size: 100%;
  overflow: hidden;
  transition: all .72s ease-in-out;
}

.homepage-collection-wrapper .intro:after {
  content: '';
  display: block;
  position: absolute;
  /* width: 100%; */
  height: 500px;
  right: -100%;
  left: 0;
  transform: skew(100deg);
  background: #fff;
/*   bottom: -70%; */
  box-shadow: inset 1px 0px 5px 0px rgba(204, 204, 204, 0.72);
}

.homepage-collection-wrapper .meta {
  max-width: 300px;
  width: 100%;
  margin: 0% auto 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  padding-top: 79px;
  overflow: hidden;  
  transition: all .52s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.homepage-collection-wrapper .meta__inner {
  padding: .25rem 1rem;
  line-height: 1.5rem;
  position: relative;  
  background: #fff;
  z-index: 15;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
}

.homepage-collection-wrapper .meta:after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  right: 0;
  top: 51px;
  max-width: 300px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
  transform: rotate(90deg) skew(10deg);
  z-index: 4;
}



.home_section_4{
  padding: 7em 0;
  background:#000;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.home_section_4 .inner_section{
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
.home_section_4 a{
      box-shadow: 0px 0px 0px 1px var(--blue) inset;
}


.home_section_4 .home-two-up-image-callout-title{
       position: absolute;  
    bottom: 35px;
    left: 30px;

}
.home_section_4 .home-two-up-image-callout-title span {
    color: #fff;
    font-size: 32px;
    font-family: var(--headlinefont);
    font-weight: 700;
    text-transform: uppercase;
}
.home_section_4 .home-two-up-image-callout-subtitle {
    color: #fff;
    font-size: 14px;
    font-family: var(--bodyfont);
    font-weight: 500;
    text-transform: uppercase;
}

.home_section_4 .inner_section .card a img{
      height: 260px;
      width: calc((100% / 3) - 80.333px);
      float: left;
      margin-right: 30px;
      object-fit: cover;
    background-size: cover;
    background-position: center center;
} 

.home_section_4 ::-webkit-scrollbar {
    width: 40% !important;
    min-width: 200px !important;
    position: relative;
    margin: 0 auto;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
}
                    
.home_section_4 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    position: relative;
    margin:5px 15px !important;
    background-color: #051B2C;
 
}
                    
.home_section_4 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    width: 40% !important;
    min-width: 200px !important;
   background-color: #57FFEF;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.home_section_5{
  background:#000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 2em 0 !important;
}

.home_section_5 .overlay{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #fff;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.home_section_5 .wrapper{
    width: 100%;
    max-width:fit-content;
    margin: auto;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 40px 20px 40px !important;
}
/* home page services-section */
.section-specialists{
  padding:7em 0;
}

.section_6{
/*       background: linear-gradient(92deg, #FFE843 9.4%, #FFE843 96.75%); */
      /* background: linear-gradient(92deg,#b299f9 9.4%,#ffe843 96.75%); */
      background: linear-gradient(54deg, rgb(114 122 255 / 51%) 14%, rgb(124 225 241 / 85%) 85%);
      padding: 3em 0;
}
.section_6 .heading{
    font-size: 29px;
    font-weight: 800;
    color: #0f0f0f;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
}

   
.section_6 .twae-timeline-centered {
    position: relative;
    margin-bottom: 30px;
    padding-top: 40px;
}
.section_6 .twae-vertical.twae-wrapper.twae-centered{
  padding-left: 128px;
}

.section_6 .twae-vertical:before {
    content: "";
    width: 20px;
    height: 20px;
/*     background-color: #00AEEF; */
    background:#323232;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
/*  left: calc(1.5% - 12px); */
  transform: translate(-60%, -3px);
    z-index: 9;

}

.a-one {
  width: 100px;
  height: 100px;
  background-color: #fff;
/*   opacity: 0.5; */
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 150px;

}


.section_6 .twae-wrapper .twae-line{
    position: relative;
}
.section_6 .twae-wrapper .twae-line::before {
/*     background-color: #00AEEF; */
    background:#323232;
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    left: 0%;
    top: 0;
    bottom: 0;
    margin-left: -4px;
}
.section_6 .twae-timeline-centered .twae-timeline-entry {
    position: relative;
    width: 80%;
    /* float: right; */
    margin-bottom: 20px!important;
    clear: both;
}
.section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner {
    position: relative;
    margin-left: -27px;
}
.section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label {
    position: absolute;
    left: -100%;
  top:-5px;
    width: 100%;
    text-align: right;
    padding: 10px;
    box-sizing: border-box;
}
.section_6 .twae-label-extra-label .shad{
  right: -91px; z-index: 9;
}
/* .section_6 .twae-label-extra-label .shad .inner_shad span{
    position: absolute;
    width: 8px;
    right: 0;
    height: 8px;
    background: #fff;
    top: 6px;
    border-radius: 50%;
} */
.section_6 .twae-wrapper span.twae-label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    position: absolute;
    z-index: 9;
    right: 39px;
    top: 17.58px;
    background: #ffe843;
    padding: 2px 8px;
    border-radius: 6px;
}

.section_6 .twae-wrapper span.twae-extra-label {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
.section_6 .twae-wrapper .twae-icon {
    background-color: #FFFFFF;
    color: #432C89;
    display: block;
    width: 48px;
    height: 48px;
    background-clip: padding-box;
    border-radius: 50%;
    text-align: center;
    border: 4px solid;
    line-height: 0;
    font-size: 0;
    float: left;
    padding: 0;
   display: flex;
    background-color: #FFFFFF;
    color: #432C89;
    align-self: center;
    justify-content: center;
    align-items: center;
}
.section_6 .twae-wrapper .twae-icon i{
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
    border: 10px solid #222222;
}
.section_6 .twae-wrapper .twae-data-container span.twae-title {
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
  position:relative;
}

.section_6 .twae-wrapper .twae-description {
    font-size: 16px;
    font-weight: normal;
    color: #212529;
}
.section_6 .twae-wrapper .twae-icon {
    background-color: #FFFFFF;
    color: #000;
}
.section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container {
    position: relative;
    padding: 1.7em;
    margin-left: 120px;
/*     background-color: #432C89; */
      background: #fff;
    background-clip: padding-box;
    border-radius: 6px 40px;
/*     box-shadow: 0 2px 8px -2px rgb(0 0 0 / 30%); */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border: 2px solid rgba(0,0,0,.05);
}
.section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:before{
    content: "";
    position: absolute;
    width: 1%;
    height: 89%;
    left: 8px;
    border-radius: 0px 0px 0px 43px;
    top: 0px;
    background: #ffe843;  
}

.section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:after{
     content: "";
    position: absolute;
    width: 1%;
    height: 89%;
    right: 8px;
    border-radius: 0 43px 0 0px;
    bottom: 0px;
    background: #ffe843;
}
.section_6 .twae-wrapper .twae-data-container {
    background-color: #432C89;
  position:relative;
}
.section_6 .twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container {
    margin-left: 60px;
    margin-right: 70px;
}
#shopify-section-31888dea-72cb-43a6-bb8c-750c965f46d5{
  display:none;
}

.product-photo-container #player{
  max-width:100% !important;
}  
.wc_product_review_badge .wc_review_badge_inner .wc_product_review_title{
      color: #2874f0 !important;
}

/* .show_sticky .themevale_popup .sticky_form{
      box-shadow: #0000003d 0px 0px 8px;
          background: #b4e7e3d9;
} */

.sticky_form.activebtn{
       box-shadow: #0000003d 0px 0px 8px;
       background: #b4e7e3d9;
}

#t9sj8std4q8g1670510301925 iframe{                
  right:0 !important;
  left: unset !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 96%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.custom-product-description .product-description-content .product-tab .list-tabs{
  margin:0 !important;
}

/* .buckscc-floating-box .hxoSelectTheme.mobile_bottom_right{
  bottom:80px !important;
}
.buckscc-floating-box .hxoSelectTheme.bottom_right{
  bottom:80px !important;
} */

.product-img-box button.slick-arrow{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff !important;
    opacity: .7;
    display: flex;
    justify-content: center;
}
.you-save{
  margin-bottom:10px;
}
.saved_price { opacity: 0.6; margin-top: -10px; font-size: 15px; }
.p_hide { display: none; }





/*  section-our-services      */

      
.section-specialists .card__img--120x120 {
  width: 120px;
  height: 120px;
}
.section-specialists .card_img {
  width: 100%;
  height: 100%;
}
.section-specialists .u-margin--12__top {
  margin-top: 12px;
}
.section-specialists .u-t-c--black_1 {
  color: #414146;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.section-specialists .u-margin--10__top {
  margin-top: 10px;
}
.section-specialists .u-t-uppercase {
  text-transform: uppercase;
  z-index:1;
}
.section-specialists .u-t-c--blue_6 a.consult-btn{
    color: #fff;
    padding: 5px 10px;
    background: #6436E2;
   border: 2px solid #9779ea;
    outline:none !important;
  transition:1s;
  cursor:pointer;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.section-specialists .u-t-c--blue_6 a.consult-btn:hover{
  color: #000639;
    background: #fff;
}
.section-specialists .card{
  border: 0;
  min-height: 222px;
  justify-content:space-between !important;
}
.section-specialists .card img{
  border-radius: 50%;
}
.section-specialists h1{
  font-size: 29px;
    font-weight: 800;
    color: #0f0f0f;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 32px;
}


/* google translate  */
              
.goog-te-gadget-icon {
  display:none;
}

.goog-te-gadget-simple {
    background-color: #ecebf0 !important;
    border:0 !important;
    font-size: 10pt;
   font-weight:800;
    display: inline-block;
    padding:10px 10px !important;
    cursor: pointer;
    zoom: 1;
}

.goog-te-gadget-simple  span {
   color:#3e3065 !important;

}

.goog-te-banner-frame{
  display:none !important;
  }

 /* google translate end */ 

/*  about us */

.about-card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 22px;
  overflow: hidden;
  margin: 20px;
  width: 310px;
}

.about-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 }
 .about-card:hover .card-icon{
  background: #dbecff!important;
 }
 /*
.about-card .card-image{
   border-bottom: 3px solid #0dcaf0;
  transition: .5s ease-in-out;
}
.about-card:hover .card-image{
transform:translateY(-4px);
}
.about-card .card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
} */
  .about-card .card-header{
    display: flex;
    justify-content: center;
    background:#fff !important;
  }
.about-card .card-header .card-icon{
    width: 90px;
    height: 90px;
    background: #fff;
    justify-content: center;
    align-self: center;
    border-radius: 50%;
    display: inline-grid;
}
.about-card .card-content {
  padding: 15px;
  text-align:center;
}

.about-card .card-title {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.about-card .card-text {
  margin: 10px 0;
  font-size: 14px !important;
  color: gray;
}

.about-card .btn {
  display: block;
  width: 100%;
  background-color: #212529;
  text-decoration:none;
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
}

.about-card .btn:hover {
  background-color: #dd402b;
}
#product-selectors{
  background-color: rgb(249, 249, 249);
    padding: 0;
    border: 0;
}    

select option {
/*   margin: 40px; */
  background: rgba(0, 0, 0, 0.3) !important;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


.ct-topbar {
  text-align: center;
/*   background: #eee; */
}
.ct-topbar__list {
  margin-bottom: 0px;
}
.ct-language__dropdown{
	padding-top: 8px;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 110%;
	left: -3px;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	width: 100px;
	text-align: center;
	padding-top: 0;
  z-index:200;
}
.ct-language__dropdown li{
	background: #222;
	padding: 5px;
}
.ct-language__dropdown li a{
	display: block;
    color: #fff;
}
.ct-language__dropdown li:first-child{
	padding-top: 10px;
	border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
	padding-bottom: 10px;
	border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover{
	background: #444;
}
.ct-language__dropdown:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 8px;
	height: 0;
	border: 0 solid transparent;
	border-right-width: 8px;
	border-left-width: 8px;
	border-bottom: 8px solid #222;
}
.ct-language{
	position: relative;
  background: #00aced;
  color: #fff;
      font-size: 16px;
    font-weight: 500;
  padding: 10px 20px;
}
.ct-language:hover .ct-language__dropdown{
	max-height: 200px;
	padding-top: 8px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* blog */
.article-callout-textblock p {
    font-style: italic;
    font-size: 34px !important;
    line-height: 1.2em !important;
    color: #babf10 !important;
    width: 90%;
    margin: 40px auto;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.sidebar .widget-product .products-grid ul{
  margin:0 !important;
}
.sidebar .widget-product .products-grid ul li button{
  width: 10px !important;
}
.blog_author.athr img.hel:first-child{
  display:none !important;
}

.probiotics{
  padding: 5em 0em;
   background:#000;
  position:relative;
}
 
.probiotics h2{
  font-size:48px;
  color: #fff;
}
.multiImgLeft h3 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    line-height: 61px;
    margin: 0 0 14px;
}

.multiImgLeft p{
  font-size:14px !important;
  letter-spacing: .5px;
}

.probiotics img{
    height: 300px;
    object-fit: cover;
    width: 100%;
  border-radius: 15px;
}

.probiotics h4{
  color: #fff;
}
/*product page  */
.money-back span{
    color: #696969;
    font-weight: 380;
    letter-spacing: 1px;
  font-size:11px;
}

/* newslatter */

.newslatter h2{
/*   color: #0c76a6; */
      color: #000639;
  font-weight: 600;
  line-height: 1em;
  font-size: 57px;
}
.newslatter p{
  font-size: 32px;
  line-height: 37px;
  color: #6e6060;
  font-weight: 300;
}
.newslatter a.btn {
/*             background-color: #000639;
            color: #fff; */
      background: #fff;
    color:#000639;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px;
            font-size: 20px;
            font-weight: 800;
            text-transform: uppercase;
            position: relative;
            border-radius: 0 !important;
            border: none;
            margin: 0 !important;
            transition:all 0.5s ease 0s;
        }
      .newslatter a.btn:hover,
      .newslatter a.btn.active:hover{
            background-color: #000639;
            color: #fff; 
        }
      .newslatter a.btn:before{
            content: "";
            position: absolute;
            top: -7px;
            left: 0;
            background-color:#2E0014;
            width: 30%;
            height: 4px;
            transition:all 0.3s ease 0s;
        }
      .newslatter a.btn:after{
            content: "";
            position: absolute;
            bottom: -7px;
            right: 0;
            background-color:#2E0014;
            width: 30%;
            height: 4px;
            transition:all 0.3s ease 0s;
        }
      .newslatter a.btn:hover:before,
      .newslatter a.btn:hover:after,
      .newslatter a.btn.active:before,
      .newslatter a.btn.active:after{
            width: 100%;
        }

        
/*  will it work for me on product page section */

.it-work{
  background: #C7CEFF;
}

.it-work h2{
    color: #0c2648;
    font-size: 38px;
}


/* product journey */
.product-journey{
  padding:3em 0;
  background: #ebeeff;
}
.product-journey .owl-carousel .owl-item .card .name {
    position: absolute;
    bottom: -20px;
    left: 33%;
    color: #101c81;
    font-size: 1.1rem;
    font-weight: 600;
    background-color: aquamarine;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    box-shadow: 2px 3px 15px #3c405a;
}

.product-journey .owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.product-journey .owl-carousel .owl-item img {
  object-fit: cover;
  border-radius: 6px;
}
.product-journey .owl-carousel .card{
padding: 1.5rem !important;
    background: #fff;
    /* box-shadow: 0 8px 30px -7px #c9dff0; */
    padding: 0 10px;
    border-radius: 20px;
    border: 0.2rem solid;
}
.product-journey .heading{
    /* color: #000;
    font-weight: 600;
    font-size: 48px;
    max-width: fit-content;
    margin: auto;
    border-radius: 20px; */
/*   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.product-journey div.testimonial{
  font-size:13px;
  color: #000639;
  line-height: 22px;
}
.product-journey .slick-arrow.slick-next {
    right: 32px;
    padding-left: 2px;
    background-color: #000 !important;
    border-radius: 50%;
}
.product-journey .slick-arrow.slick-prev {
    left: 32px;
    padding-right: 1px;
    background-color: #000 !important;
    border-radius: 50%;
    transform: translateY(-50%) rotate(0deg) !important;
}

/* why-customer-say */

.why-customer-say{
  background: #ebeeff;
}

.why-customer-say h2{
  /* font-weight: 700;
  font-size: 38px; */
}
/* .why-customer-say .heading{
    width: fit-content;
    border-radius: 30px;
    background: #fff;
    padding: 9px 18px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} */

/* cirtificate */
.cirti{
/*   background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%); */
/*   background: #000639; */
     padding:5em 0;
     position:relative;
     /* background: #000; */
   background: #C7CEFF;
     border-bottom: 1px solid !important;
}
.cirti:after{
   content: "";
   position: absolute;
   z-index: 999;
    height: 465px;
    /* background: url(/cdn/shop/files/shadow-3.ffa205c9.svg?v=1691062173) no-repeat 100% 100%; */
    right: 0;
    top: 0;
    width: 500px;
} 
.cirti .slick-arrow.slick-prev{
  border-radius:50%;
  transform: translateY(-50%) rotate(0deg);
}
.cirti .content{
  /* background: #f1f1f1; */
      background: #fff;
    border-radius: 28px;
/*   box-shadow: 0 8px 30px -7px #c9dff0; */
      /* box-shadow: 0 2px 4px 0 rgba(0,102,255,.2), 0 1px 10px 0 rgba(0,102,255,.12), 0 4px 5px 0 rgba(0,102,255,.14); */
  position:relative;
  /* border:2px solid; */
   
}
.cirti .content h2{
  /* font-size:32px; */
}
.cirti .heading{
    /* color: #000;
    font-size: 42px;
    font-weight: 600;
    line-height: 42px; */
}
.cirti h2{
  line-height: 48px; 
  margin: 0; 
}
.cirti p{
  color: #00192c;
  font-size: 18px; 
  line-height: 32px; 
  margin: 0 0 24px;
}
.cirti img.cirtify{
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important; */
  border-radius: 15px;
}

.cirti .content:after {
    content: "";
    width: 20px;
    height: 20px;
    top: 5%;
    left: 5%;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px inset;
  display:none;
}
.cirti .content:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 6.5%;
    right: 5%;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: #00000059 0 5px 15px inset;
   display:none;
}

/* how it work */
.howit-works{
    background: #ebeeff;
    overflow: hidden;
} 
 .howit-works .left-tab {
    width: 100%;
    padding: 50px 0;
    border-right: 1px solid rgba(0,0,0,.1);
  }
  
  .howit-works  .default-line {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    bottom: 125px;
    top: 50px;
  }
  .howit-works  .works-inner .draw-line { 
    background: #ccc;
  }
  .howit-works  .draw-line {
/*    width: 100%; */
      height: 1%;
      max-height: 100%;
      width: 2px;
/*    height: 100%; */
    position: absolute;
    left: 6.3%;
    background: #5af1d3;
    top: 224px;
    transition: .6s;
}
 
.howit-works  .scroller-left {
    padding: 48px 0;
    margin-left: 40px;
    border-top: 1px solid rgba(0,0,0,.1);
}
  
.howit-works  .scrollbar-icon {
    position: relative;
}
.howit-works  .works-inner .in-view .scrollbar-icon:before {
    background-color: #c7ceff;
    border: 0.2px solid;
}
.howit-works .howit-works .in-view .scrollbar-icon:before {
    left: -37px;
    width: 22px;
    height: 22px;
    background-color: #5af1d3;
    transition: .6s;
}
.howit-works .tablinks {
    opacity: 0;
}
.howit-works .tablinks.in-view {
    opacity: 1;
    transition: .6s;
}    
.howit-works .scrollbar-icon:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -37.5px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 100%;
}

.howit-works h2 {
    font-weight: 600;
    letter-spacing: 2.5px;
    font-size: 46px;
    color:#000;
}
  .howit-works .scroller-left h4 {
    border: 1px solid;
    /* border-radius: 6.25vw; */
    font-size: 9px;
    line-height: 21px;
    margin-bottom: 0.8333333333vw;
    min-height: 1.245833vw;
    padding: 0 1.0416666667vw;
    width: fit-content;
  }

  .howit-works .scroller-left h4 {
    font-size: 15px;
    color: #000;
    margin: 0 0 8px;
    font-weight: 400;
  }

 .howit-works  .scroller-left h3 {
    font-size: 23px;
    letter-spacing: 1px;
    margin: 0 0 12px;
    font-weight: 600;
    color: #000;
}
 .howit-works p {
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #000c;
}

.face-symptoms.dark {
	background: #ebeeff;
    padding:5em 0;
}

.face-symptoms.dark a, .face-symptoms.dark a:hover {
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}

.face-symptoms #pageHeaderTitle {
	/* text-transform: uppercase; */
	text-align: center;
	font-size: 48px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

/* Cards */
.postcard {
  flex-wrap: wrap;
  display: flex;
  min-height: 194px;
  box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
  border-radius: 30px;
  margin: 0 0 2rem 0;
  overflow: hidden;
  position: relative;
  color: #ffffff;
}

.postcard.dark {
	background-color: #fff;
    box-shadow: 0 0px 19px -11px #c9dff0;
    border: 2px solid #000;
  
}

.postcard.light {
	background-color: #e1e5ea;
}
	
.postcard .t-dark {
	color: #18151f;
}
	
.postcard  a {
    color: inherit;
}
	
.postcard h1, .h1 {
		margin-bottom: 0.5rem;
		font-weight: 500;
		line-height: 1.2;
}
	
.postcard  .small {
	font-size: 80%;
}

.postcard__title {
    font-size: 1.75rem;
    color: #000;
}

.postcard__img {
    max-height: 180px;
    width: 100%;
    object-fit: cover;
    position: relative;
}

.postcard__img_link {
    display: contents;
}

.postcard__bar {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}

.postcard__text {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}

.postcard__preview-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:13px;
    height: 100%;
    color:#000;
}

.postcard__tagbox {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
	padding: 0;
    justify-content: center;
}

.postcard__tagbox .tag__item {
      display: inline-block;
      background: rgba(83, 83, 83, 0.4);
      border-radius: 3px;
      padding: 2.5px 10px;
      margin: 0 5px 5px 0;
      cursor: default;
      user-select: none;
      transition: background-color 0.3s;
}

.postcard__tagbox .tag__item:hover {
      background: rgba(83, 83, 83, 0.8);
}
 
.postcard:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}

.postcard:hover .postcard__bar {
    width: 100px;
}

.face-symptoms .blue .postcard__title:hover {
	color: #0076bd;
}

.face-symptoms .blue .postcard__bar {
	background-color: #0076bd;
}

.face-symptoms .blue::before {
    background-image: linear-gradient(-30deg, #ebeeff, #c7ceff 50%);
}

.face-symptoms .blue:nth-child(2n)::before {
	background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

/*  consultation-form popup  */
.globo-form-id-1239 .globo-form-app{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  border-radius:10px !important;
}
.globo-form-app select{
    color: #6e6d6d!important;
}
.globo-form-app select option{
    background: #182d4a !important;                         
}
.globo-form-app .iti__country-list{
    z-index:9 !important;
}
.globo-form-app p{
    font-size: 0px !important;
}

/* customer review slider */
span.heading_top{
    background: #fff;
    color: #000;
    border-radius: 5px;
    font-size: 9.5px;
    letter-spacing: 1.7px;
    font-weight: 800;
    padding: 4px 8px !important;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; */
}
.customer-review-slider{
       background: #C7CEFF;
}   
.customer-review-slider h2{
    /* font-weight: 600; */
    /* letter-spacing: 2.5px; */
    /* color: #000639;       */
}

.customer-review-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.customer-review-slider .owl-carousel .owl-item img {
  height: 100%;
  object-fit: cover;
  border-radius: 6px; 
}
.customer-review-slider .owl-carousel .card{
    padding: 1.5rem !important;
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    padding: 0 10px;
    border-radius: 20px;
    border: 0.2rem solid;
}
.customer-review-slider .slick-arrow.slick-next {
    right: 12px;
    padding-left: 2px;
    box-shadow: 0 2px 4px #06f3, 0 1px 10px #0066ff1f, 0 4px 5px #0066ff24;
    color: #000639;
}
.customer-review-slider .slick-arrow.slick-prev {
    left: 12px;
    padding-right: 1px;
    box-shadow: 0 2px 4px #06f3, 0 1px 10px #0066ff1f, 0 4px 5px #0066ff24;
    color: #000639;
}

/* customer review slider end */

/* blog-product */

.blog-product .right-side img{
     border-radius: 0px 15px 15px 0;
  }
.blog-product .left-side h6{
    color: #110729;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 5px;
}
.blog-product .left-side h4{
    color: #110729;
    font-size: 30px !important;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}
.blog-product .left-side{
    width:50%;
}
.blog-product .left-side p{
    color: #110729;
    font-size: 14px !important;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
  }
  .blog-product a{
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 600;
    display:inline;
    color: #110729;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 10px 18px;
    border-radius: 0px;
    border: 1px solid #110729;
  }
.blog-product .right-side{
    width:50%;
}
.blog-product .resp{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 15px;
}


/* .globo-form-app.boxed-layout form{
  display:none;
} */




/* consultation-form */

.consult-now .title {
	position: relative;
	margin-bottom: 17px;
	text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    color: #07395c;
}
 .consult-now .title .dot {
    display: inline-block;
	position: absolute;
    bottom: 8px;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    background-color: #df383f;
}

.consult-now .description {
	color: #2a6287;
}

 .consult-now .big-title {
	position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,97%);
    font-size: 96px;
    font-weight: 700;
    opacity: 0.15;
}
   
.consult-now form select.form-control option{
    background: #000639 !important;
}
    
.consult-now form input.form-control,
.consult-now form select.form-control{
    height: 45px;
    border: none !important;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-bottom: 2px solid #e6e6e6 !important;
    width: 100% !important;
    color: #666 !important;
}

.consult-now .form-group i{
  position: absolute;
  left: 28px;
  top: -8px;
  font-size: 14px;
  z-index: 3;
  color: #07395c;
}
.consult-now ::placeholder{
    margin-left:50px;
}
.consult-now button.submit{
    border: none;
    border-radius: 5px;
    align-items: center;
    background: #07395c!important;
    padding: 7px 21px;
    color: #c3c3c3;
    font-weight: 600;
    box-shadow: 0 2px 4px #06f3, 0 1px 10px #0066ff1f, 0 4px 5px #0066ff24;
    cursor: pointer;
    position: relative;
}
.consult-now button.submit:hover {
     background: #fff !important;
/*   box-shadow: 0px 2px 10px 5px #1abc9c; */
  color: #000;
}

.consult-now button.submit:after {
  content: "";
  background: #1abc9c;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px !important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.consult-now button.submit:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

.consult-now button.submit:focus { 
  outline:0; 
}


.consult-now select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}
/* end consultation-form */
 


/* calculator-page */
.mystyle{
    display:none;
  }
  .mystyli{
    display: block !important;
  }

  .calculator-page .form-ok{
    background: url(/cdn/shop/files/calculator-bg-image-new.png?v=1682504448) no-repeat center top;
    background-size: cover;
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
/*  height: 83vh; */
  }
 

.calculator-page h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #012042;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 10px;
}
.calculator-page p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #012042;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 0px;
}

.calculator-page .form-ok .btn {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #012042;
    letter-spacing: 0px;
    text-align: left;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 8px 16px;
/*  display: inline-flex; */
    position: relative;
    background: #fff;
    text-transform: uppercase; 
    cursor: pointer;
}
.calculator-page .form-group label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #012042;
    display: block;
    letter-spacing: 0px;
}
.calculator-page input{
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    color: #012042;
    letter-spacing: 0px;
    border: none;
    border-bottom: 1px solid #012042;
    padding: 5px 2px;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    position: relative;
}

.calculator-page .right {
    background-color: #012042;
/*     max-width: 200px; */
}
.calculator-page .cal-logo {
    display: inline-block;
    text-align: left;
    margin-bottom: 30px;
}
.calculator-page .cal-logo img{
  width: 82px;
}   

.calculator-page .right-col-pad {
    padding: 49px 15px 70px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.calculator-page .right-col-content {
    flex: 1;
}
.calculator-page .calulator-info span {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0px;
    text-align: left;
}
.calculator-page .calulator-info strong {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    letter-spacing: 0px;
    text-align: left;
    display: inline-block;
    margin-bottom: 12px;
}
.calculator-page .right-col-content .small-text {
    color: #fff;
}
.calculator-page .small-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}
.calculator-page .small-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color:#fff;
}
/* end */

/* google translator */
  .language .input-group-append{
    position: absolute;
    top: 50%;
    transform: translate(100%, -50%);
    right: 21%;
} 
  .language .btn{   
    max-width: 157px !important;
    width:150px;
    text-overflow: unset !important;
    white-space: unset !important;
    padding: 3px 11px !important;
    background: #ffffff !important;
    color: #000;
    font-size: 11px;
    font-weight: 900;
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px !important;
   }
   .language .btn:focus{
     color:#000 !important;
     outline:0 !important;
     border:none !important;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
   } 

   .language .search{
         box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   }
   .language .dropdown-menu.show{
       height: 277px;
      overflow-y: scroll;
   }

.language .dropdown-menu.show::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.language .dropdown-menu.show::-webkit-scrollbar{
	width: 3px;
	background-color: #F5F5F5;
}

.language .dropdown-menu.show::-webkit-scrollbar-thumb{
	background-color: #000000;
	border: 2px solid #555555;
}
/* google translator end */

/* for landing pages  */

.banner.landing-banner{
    background-color: #001066;
    padding: 3em 0;
}
.banner.landing-banner .gif{
  padding: 0 10px;
}    
.girl h2{
    line-height: 54px !important;
    font-size: 48px !important;
    color:#fff;
}
.at-home h2 {
    line-height: 29px !important;
    font-size: 25px !important;
}

  .custom-block-product .icon{
     flex:0 0 17%;
  }

#wrap .slider-nav button.slick-arrow.slick-next{
    right: -8px !important;
 }
#wrap .slider-nav button.slick-arrow.slick-prev{
    left: -8px !important;
}

.chakra-product .details {
   font-size: 11px;
    width: fit-content;
    padding: 3px 6px;
    background: #f4f8ff;
    border: 1px solid #2874f0;
    color: #2874f0;
    border-radius: 20px!important;
    line-height: 11px;
    text-align: center;
}

.chakra-product .cart.btn {
    background-image: linear-gradient(0deg,#ffe086 39%,#fe970a 100%)!important;
    box-shadow: 0px 1px 4px 0px rgb(44, 44, 44);
    border-radius: 8px;
    color: #000;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 800;
    width: 100%;
    cursor: pointer !important;
    padding: 5px 10px;
}
.chakra-product .cart.btn:hover{
    background-image: linear-gradient(0deg,#ffd452 39%,#ffefc1 100%)!important;            
}  
  
.chakra-product .card .card-heading{
    background-color: #d5e4ff;
    color: #6587c3 !important;
    border-radius: 5px;
    font-size:15px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
  
.chakra-product .card {
    width: fit-content;
}

.chakra-product .card-body {
    width: fit-content;
}
.chakra-product .card-body p.card-text.price{
    font-size: 22px;
    color: #b20000;
    font-weight: 700;
}
.chakra-product .card-body p.card-text.price del{
    color: #313131 !important;
    font-size: 16px;
    font-weight: 400;
}
 
.chakra-product .card-body p.card-text.save-price{
    font-size:12px;
    color: #888;
}
.chakra-product .btn {
    border-radius: 0;
}

.chakra-product .img-thumbnail {
    border: none;
}

.chakra-product .card {
    /* box-shadow: #d5e4ff 0px 1px 2px; */
  box-shadow: #d5e4ff 0 1px 6px;
      border: 1px solid #d5e4ff;
    border-radius: 10px;
    padding-bottom: 10px;
  /* box-shadow: #5d5d5d85 -3px -4px 9px 3px, #000000 9px 7px 11px 1px, #00f7f700 0 -3px inset; */
}
.banner .point p{
    font-size: 18px;
    color:#fff !important;
}
.banner .point img{
    width: 14px;
    height: 14px;
    transform-origin: -18px -712px;
    top: 712px;
      margin-top: 5px;
}

#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    position: relative;
}
#accordion .panel:before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border: 1px dashed #6e8898;
    position: absolute;
    top: 25px;
    left: 18px;
    z-index:9;
}
#accordion .panel:last-child:before{ 
  display: none; 
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 0px 10px 60px;
    margin: 0;
    background: #ebeeff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1d3557;
    border-radius: 30px;
   border:0.2rem solid;
    position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content:"-";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
      display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height:100%;
    line-height: 39px;
    background: #8a8ac3;
    border: 0.2rem solid #8a8ac3;
    border-radius: 30px 0 0 30px;
    font-size: 19px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
    z-index:99;
    font-weight: 900;
    box-shadow: 5px 5px rgba(0,0,0,0.1);
}
#accordion .panel-title a.collapsed:before{
    content: "+";
    background: #fff;
    /* border: 0.2rem solid; */
    color: #000;
    font-weight: 900;
}
#accordion .panel-body{
    padding: 10px 30px 10px 30px;
    margin-left: 40px;
    background: #c7ceff;
    font-size: 15px;
    color: #000;
    line-height: 28px;
    letter-spacing: 1px;
    border: 0.2px solid;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
  
@media (min-width: 320px) and (max-width: 480px){
    #accordion .panel-title a{
      padding: 7px 0px 10px 50px;
      font-size: 16px;
    }
}

.our-diagnosis .root_cause_main .root-causes p:before{
    content: "";
    position: absolute;
    background: #414042;
    width: 100%;
    height: 3px;
    right: 100%;
    top: 50%;
}

.our-diagnosis .root_cause_main .root-causes p:after{
    content: "";
    position: absolute;
    background: #414042;
    width: 100%;
    height: 3px;
    left: 100%;
    top: 50%;
}
.owl-carousel.owl-theme.center::-webkit-scrollbar {
    height: 1em;
}
.banner .embed-responsive.embed-responsive-16by9{
   align-self: center;
}
.banner .embed-responsive-16by9::before {
   padding-top: 100%;
}
.banner .embed-responsive video{
   height: fit-content;
   border-radius: 10px;
}
.surgeries-prevanted{
   background: #a6ceff;
   width: fit-content;
   margin: auto;
   margin-top: -22px; 
   box-shadow: #acc 0 5px 15px;
   border-radius: 10px;
}
.surgeries-prevanted .card{
  /* background:#728f41; */
   background: #a6ceff;
}
.surgeries-prevanted h4{
    font-weight: 700;
}

.landing-banner .point:before {
    content: " ";
    width: 102.7px;
    height: 8px;
    border-radius: 4px;
    left: 0;
    display: block;
    position: relative;
    background: #d93737;
    margin-bottom: 12px;
}
.landing-banner .sub-heading:before{
    content: " ";
    width: 102.7px;
    height: 0.5px;
    border-radius: 4px;
    left: 0;
    display: block;
    position: relative;
    background: #fff;
    margin-bottom: 12px;
}
              
.clearfooter{
   position: fixed;
    z-index: 9;
    bottom:0px;
    box-shadow: #0000003d 0 0 8px;
    background: #cfe9e7;
    padding: 5px;
}
.clearfooter .product-name{
    font-size: 18px;
    color: #000;
}
.clearfooter p.price{
  font-size: 20px; 
  width: fit-content; 
  margin: auto; 
  color: #000; 
  border: 1px solid #000; 
  padding: 7px;
}   
.clearfooter .buy.btn {
    background-image: linear-gradient(0deg,#ffe086 39%,#fe970a 100%)!important;
    background-size: 100% 100%;
    box-shadow: 0 1px 4px #2c2c2c;
    border: none;
    font-size: 20px;
    padding: 5px 5px !important;
    border-radius: 5px;
    color: #000;
    font-weight: 900;
    width: 96% !important;
    margin: auto;
}

.clearfooter .buy.btn:hover{
   background-image: linear-gradient(0deg,#ffd452 39%,#ffefc1 100%)!important; 
}
 
/* .badge {
    position: absolute;
    top: -30px;
    right: 27px;
    transform: translate(50%,50%);
    background-color: #03a84e;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 8px;
    border-radius: 10px 0 0 10px;
    font-size: 11px;
}
.badge:after {
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    content: '';
} */
.product-gallery #wrap .slider-nav img{
  border-radius:5px !important;
}

.cost-table table.table tr,
.cost-table table.table tr td,
.cost-table table.table tr th{
    border: 1px solid #000 !important;
    text-align:left;
}
.cost-table table tbody tr th{
      border-radius:5px 5px 0 0;
}
.cost-table table tbody tr td:nth-child(2){
    background: #e7ceff !important;
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #b9a5a561;
}

.cost-table table thead tr:first-of-type th:nth-child(2) {
    background: transparent linear-gradient(180deg, #3d7cc9 0%, #053b7c 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid #b9a5a561;
}

.detail-item th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table-section table thead tr:first-of-type th:nth-child(2) {
    background: transparent linear-gradient(180deg, #505257 0%, #292929 100%) 0% 0%;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid #b9a5a561;
}

/* end for landig pages */


          
.card-section {
    background-color: black;
  padding:5em 0
  }
  

  .gradient-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    padding: 30px;
  }
   
  @media screen and (max-width: 991px) {
    .gradient-cards{
        grid-template-columns: 1fr;
    }   
  }
  
  
.card-section .container-title {
    text-align: center;
    padding: 0 !important;
    margin-bottom: 40px;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    line-height: 40px;
  }
  
.card-section  .card {
    max-width: 550px;
    border: 0;
    width: 100%;
    margin-inline: auto;
    background:transparent;
    z-index: 9;
}
  
.card-section .container-card {
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(71deg, #080509, #1a171c, #080509);
    background-clip: padding-box;
    border-radius: 45px;
    padding: 40px;
    padding: 35px;
    min-height: 306px;
  }
.card-section .container-card svg {
    fill: currentColor;
    stroke: currentColor;
    width: 42px !important;
    height: 42px !important;
}
.card-section .container-card img {
      margin-bottom: 32px;
      width: 42px;
    height: 42px;
  }
  
  
.card-section .bg-green-box,
.card-section  .bg-white-box,
.card-section  .bg-yellow-box,
.card-section  .bg-blue-box {
    position: relative;
  }
  
.card-section  .bg-green-box::after,
.card-section  .bg-white-box::after,
.card-section  .bg-yellow-box::after,
.card-section  .bg-blue-box::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: "";
    z-index: -1;
    border-radius: 45px;
  }
  
 .card-section .bg-green-box::after {
    background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
  }
  
.card-section  .bg-white-box::after {
    background: linear-gradient(71deg, #121013, #b0afb0, #121013);
}
  
.card-section  .bg-yellow-box::after {
    background: linear-gradient(71deg, #110e0e, #afa220, #110e0e);
}
  
.card-section  .bg-blue-box::after {
    background: linear-gradient(71deg, #0c0a0e, #5f6fad, #0c0a0e);
}
  
.card-section  .card-title {
    font-weight: 600;
    color: white;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-style: normal;
    font-size: 28px;
    padding-bottom: 8px;
}
  
.card-section  .card-description {
    font-weight: 600;
    line-height: 32px;
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 16px;
    max-width: 470px;
}

a.sticky-btn{
    position: fixed;
    top: 80%;
    right:0;
    z-index: 99;
    font-size: 17px;
    padding: 0px 8px 0 0;
 
background: rgb(56,167,88);
background: linear-gradient(180deg, rgba(56,167,88,1) 0%, rgba(119,233,151,1) 4%, rgba(82,201,115,1) 12%, rgba(94,218,128,1) 89%, rgba(96,229,133,1) 94%, rgba(38,166,73,1) 100%);
    border: none;
    outline: none;
    border-bottom: 2px solid rgb(0, 130, 40);
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    color: #fff !important;
	font-weight: 700;
    border-radius:30px 0 0 30px;
    display:none;
}

a.sticky-btn:hover{
	box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
    transform: translate(0px, -4px) scale(1);
	color:#fff;
}

a.sticky-btn i{
    width: 34px;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
   background: rgb(56,167,88);
background: rgb(56,167,88);
background: linear-gradient(180deg, rgba(56,167,88,1) 0%, rgba(119,233,151,1) 4%, rgba(82,201,115,1) 12%, rgba(94,218,128,1) 89%, rgba(96,229,133,1) 94%, rgba(38,166,73,1) 100%);
 box-shadow: #5ec38c 3px 3px 6px 0px inset, #03a84e -3px -3px 6px 1px inset;
}


a.sticky-btn:active {
  transition: 0s;
  transform: rotate(-10deg);
}


/* sticky whatsapp button											     */
	a.sticky-btn.whatsapp-button{
    position: fixed;
    top: 67%;
    right:0;
    z-index: 99;
    font-size: 17px;
    padding: 0px 8px 0 0; 
	/* background: rgb(56,167,88);
	background: linear-gradient(180deg, rgba(56,167,88,1) 0%, rgba(119,233,151,1) 4%, rgba(82,201,115,1) 12%, rgba(94,218,128,1) 89%,rgba(96,229,133,1) 94%, rgba(38,166,73,1) 100%); */
    background:none;
    border: none;
    outline: none;
/*  border-bottom: 2px solid rgb(0, 130, 40); */
    box-shadow: none;
    cursor: pointer;
    transition: all ease-in-out 300ms;
    color: #fff !important;
	font-weight: 700;
    border-radius:30px 0 0 30px;
    display:block !important;
}

a.sticky-btn.whatsapp-button:hover{
	box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
    transform: translate(0px, -4px) scale(1);
	color:#fff;
}

a.sticky-btn.whatsapp-button i{
    width: 34px;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
   background: rgb(56,167,88);
	background: rgb(56,167,88);
	background: linear-gradient(180deg, rgba(56,167,88,1) 0%, rgba(119,233,151,1) 4%, rgba(82,201,115,1) 12%, rgba(94,218,128,1) 89%, 		rgba(96,229,133,1) 94%, rgba(38,166,73,1) 100%);
 	box-shadow: #5ec38c 3px 3px 6px 0px inset, #03a84e -3px -3px 6px 1px inset;
}

a.sticky-btn.whatsapp-button:active {
  transition: 0s;
  transform: rotate(-10deg);
}
/* Bouncing Animation */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

.whatsapp-button {
    animation: bounce 2s infinite;
    transition: transform 0.3s ease;
}

.whatsapp-button:hover {
    animation: none; /* Stop animation on hover */
    transform: scale(1.1);
}


.order-form form{
    background: #e2f1ef !important;
  /* background: #e8f6f5 !important; */
  /* padding: 7px 20px; */
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    box-shadow: #959da533 0 8px 8px 0px;
  border-radius:10px;
}

.order-form form .form-header{
  border-radius: 10px 10px 0 0;
  padding:6px 0;
  background: #80b3ac!important;
}

.order-form form input,
.order-form form select,
.order-form form textarea{
  padding:7px !important;
  border-radius: 10px !important;
}
.order-form form select{
  background: #F3F6FF !important;
  border-color: #3197FF;
  font-size: 12px;
}
.order-form form input.phone-number-input{
    border: 1px solid;
    outline: none;
    border-color: #3197FF;
}
.order-form form input:focus{
  border-color: #3197FF;
}

.order-form form label{
  font-weight: 700;
  font-size: 13px;
}

.order-form form button.btn{
  background-image: linear-gradient(0deg,#ffe086 39%,#fe970a)!important;
  font-size: 26px;
  font-weight:900;
  background-size: 100% 100%;
  /* box-shadow: 0 1px 4px #2c2c2c; */
  box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
  border:0;
  transition: ease all 0.3s;
  border-radius: 10px;
  padding: 12px 20px !important;
}

.order-form form button.btn:hover{    
  background-image: linear-gradient(0deg,#ffd452 39%,#ffefc1)!important;
  box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
}    

.order-form form a.btn.checkout{
  background-image: linear-gradient(0deg,#ffd452 39%,#ffefc1)!important;
  font-size: 24px;
  font-weight: 700;
  background-size: 100% 100%;
  /* box-shadow: 0 1px 4px #2c2c2c; */
      box-shadow: 0 1px 4px #2c2c2c;
  border:0;
  transition: ease all 0.3s;
  border-radius: 10px;
  padding: 5px 20px 0px!important;
  text-transform: capitalize;
  color:#000;
  line-height: 24px;
}
.order-form form a.btn.checkout:hover{
  background-image: linear-gradient(0deg,#ffe086 39%,#fe970a)!important;
    box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
}

.dropdown-el{
  position:relative;
}

.dropdown-el:after{
    content: "";
    position: absolute;
    right: 0.8em;
    top: 3em;
    border: 0.5em solid #3694d7;
    border-color: #3694d7 transparent transparent transparent;
    transition: 0.4s all ease-in-out;
   z-index:9;
}
/* Arrow */

/* Transition */
.dropdown-el:hover::after {
  color: #f39c12;
}

/* .dropdown-el option{
  background: #3197FF !important;
} */

.order-form form ul.pointer{
  margin: 10px 0;
}

.order-form form ul.pointer li{
  font-size:12px;
  position:relative;
  color: #000;
  font-weight: 700;
}


/* .order-form form ul.pointer li{
      width: 10em;
    display: grid;
    grid-template:
        "role"
        "icon"
        "title"
        "descr";
    align-items: flex-start;
    gap: 1rem;
    padding-block-end: calc(var(--flapH) + 1rem);
    text-align: center;
    background: var(--accent-color);
    background-image: linear-gradient( rgba(0, 0, 0, 0.6) var(--roleH), rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem), rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem) );
    clip-path: polygon( calc(var(--col-gap) / -2 - 5px) 0, calc(100% + var(--col-gap) / 2 + 5px) 0, calc(100% + var(--col-gap) / 2 + 5px ) calc(100% - var(--flapH)), 50% 100%, calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)) );
} */


body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
}

.topic-gel{
  background: #ebeeff;
}

.topic-gel dl,
.suppliment-ingre dl{
   flex-direction: column;
}

.header-nav-plain .header-item:first-child{
     padding:0 !important;
}
.themevale_MultiCategory_wrapper{
     display: none;
}
    
.product-card-layout-08 .product-item .card-product__group{
  display: none;
}

.section_2 .product-item>.card{
  border:0 !important
}

.section_2 .product-item>.card .card-vendor{
  font-size:12px !important;
}

.product-item>.card{
  border: 0;
  padding:10px;
}

.price-item .text{
  display:none;
}

/* common */
.modal.fade.show{
  display: block !important;
}
.breadcrumb {
  /* padding: 6px 2px 7px !important; */
  font-size: 11px !important;
  margin-bottom: 0px !important;
}
.footbar-fixed-right{
  display: none !important;
}

.slick-dots li.slick-active button, .slider-dots li.active button{
  background: #fff !important;
  border-radius:0 !important
}
.slick-dots li button, .slider-dots li button{
  border-radius: 0 !important
}
.halo-text-format ul, .halo-text-format ol{
  margin: 0 !important;
  padding:0 !important;
}
.card-vendor a{
      font-size: 11px;
    font-weight: 500;
}


/* header */
.menu-lv-item>a, .menu-lv-item .site-nav-list-dropdown>a{
   font-size: 13px;
    letter-spacing: 0.2px;
    font-weight: 500;
}
.header-mobile--icon .header__heading-link img:nth-child(2){
  display:none !important;
}

.header-nav-left-aligned,
.header-navigation.header-nav-utility{
    background: #ffffffe3;
    box-shadow: 0 1px 6px 1px #0000000d;
}
.menu-lv-1:not(.menu-sale):hover .menu-lv-1__action {
    color: #000000 !important;
}
.cart-count-bubble, .wishlist-count-bubble{
      min-width: 21px !important;
      line-height: 20px !important;
}

.header-nav-utility .header__icon--cart .cart-count-bubble{
      margin-left: -4px !important;
      top: -10px !important;
}
.scrolled-past-header .header-navigation.header-nav-utility{
      background: #ffffffeb !important;
}
.scrolled-past-header .textStripSection{
  display:none;
}
.halo-sidebar-header{
  width: 100%;
}
.header__search .search-modal__form .search__button {
    padding: 1px 10px 4px;
    min-height: 38px;
    background: #232323;
}

/* mobile header */
.header-mobile{
      /* background: #fffffff7 !important; */
}
.header__iconItem{
      margin: 0 5px;
}
.header-mobile__item--logo {
    margin-left: 32px;
}

/* mobile menu  */
.halo-sidebar_menu .nav-title-mobile{
  width:100%;
}

/* footer  */
.footer-block__details .rte .content-piece p{
   font-size: 12px;
}



/* cart side module */

.previewCartItem-name{
  font-size: 13px !important;
}
.previewCartItem-variant {
  font-size: 13px !important;
}
.previewCartItem-options{
  margin: 0 0 0px !important;
}
.previewCartItem-name {
  margin: 0 !important;
}
/* sticky ad to cart */
.productView-stickyCart.show-sticky{
  padding: 3px 10px !important;
}
.previewCartInfo .previewCartGroup button{
   font-size: 16px !important;
      letter-spacing: 0.3px;
}

.previewCartGroup .button+.button {
    margin-top: 15px;
    display: none !important;
}
.bottom-bar--list li>a{
  padding: 0 !important;
}
.bottom-bar{
    padding: 0px 15px !important;
    min-height: 46px !important;
}
.bottom-bar--list .icon+.text{
  margin-top:2px !important;
}
.previewCartInfo .previewCartGroup button{
    background: #ffd814;
    border-color: #ffd814;
  color: #000;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 4px 2px;
  border-radius: 15px;
}
.previewCartInfo .previewCartGroup button:after{
  border-radius:15px;
}
/* home page */

.template-index .card-information .card-price .price dd span.mrp,
.template-index .card-information .card-price .price dd span.main-price,
.template-index .card-information .card-price .price__saved{
  display:none;
}
.template-index .card-information .card-price .price--on-sale .price__sale{
  flex-direction: row !important;
} 
.template-index .card-price .price--on-sale .price__sale .mrp-price{
  order:2;
}

.template-index .card-price .price--on-sale .price__sale .you_save{
  order:3;
}
.product-block-has__banner .product-block__banner .product-block__cap.align--left .product-block__cap--button{
      margin-top: 12px !important;
}
.new-subscriber .new-subscriber__item+.new-subscriber__countdown, .new-subscriber .new-subscriber__countdown+*{
    margin-top: 5px !important;
}



/*product page */
.template-product .productView-top .price-item.price-item--sale .money{ 
    color: #000;
    font-weight: 700;
    font-size: 32px;
    padding-left: 23px;
    letter-spacing: -1px;
}

.template-product .productView-top .price-item.price-item--regular span.money{
    color: #b20000;
    text-decoration: line-through;
    font-size: 15px !important;
    padding-left: 20px;
    font-weight: 400;
}
.template-product .productView-top .price dd{
    line-height: 2 !important;
}

.product-form__label .text{
    border-radius: 15px !important;
    line-height: 19px;
    text-align: left !important;
    width: 100%;
    background: #f9f9f9 !important;
    font-size: 12px !important;
}
.product-form__radio:checked+.product-form__label .text{
    background: #f4f8ff !important;
    border: 1px solid #2874f0 !important;
    color: #2874f0 !important;
}

.halo-block.halo-product-block.halo-recommendations-block .card-price .price dd span.mrp,
.halo-block.halo-product-block.halo-recommendations-block .card-price .price dd span.main-price,
.halo-block.halo-product-block.halo-recommendations-block .card-price .price__saved{
  display: none;
}
.halo-block.halo-product-block.halo-recommendations-block .card-information__wrapper.text-left .card-price .price--on-sale .price__sale{
    flex-direction: row !important;
}
.halo-block.halo-product-block.halo-recommendations-block .card-price .price--on-sale .price__sale .mrp-price{
  order:2;
}

.halo-block.halo-product-block.halo-recommendations-block .card-price .price--on-sale .price__sale .you_save{
  order:3;
}

.halo-block.halo-product-block.halo-recommendations-block .price-item--sale span.text{
  display: none;
}
.halo-block.halo-product-block.halo-recommendations-block .card-information .card-title-ellipsis{
    -webkit-line-clamp: 2 !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 12px !important;
}
.image-banner.style_bg--for_img .item .image:after{
  /* z-index:-1; */
  background: none !important;
}
.productView-action .button{
  border-radius:5px;
  border:0;
}
.btn_2_br_outside .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded{
  font-size:0px !important;
  border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  border-color: #d9b604;
}
.btn_2_br_outside .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded.spinning{
     background: #ffdc76;
   }

.btn_2_br_outside .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded:hover{
  /* background: #F8EA66 !important; */
}
.btn_2_br_outside .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded:after {
    position: absolute;
    content: "BUY NOW";
    width: calc(100%);
    height: calc(100%);
    /* top: 50%;
    left: 50%;
    transform: translate(-45%, -50%); */
    z-index: 1;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.btn_2_br_outside .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded.spinning:before {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    left: 60%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px darken(#212121,10%);
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
 }

@keyframes rotate360 { 
    100% {
        transform: rotate(360deg);
    }
}
@keyframes exist { 
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}
  
.btn_1_br_outside .button:not(.search__button):after{
  display:none;
}                  
.money-back ul li p{
  font-size: 11px;
}
.quantity__style--1 .quantity__input{
    padding: 6px 20px 6px 38px !important;
}
.btn-quantity.plus:after,
.btn-quantity.plus:before,
.btn-quantity.minus:before{
    top: 17px !important;
}
.quantity__container{
  width: 95px !important;
}
.product-details .product-option .product-form__input{
    flex-wrap: nowrap;
    overflow-x: scroll;
}
.product-form__swatch .form__label{
  display:none !important;
}
.product-form__swatch .product-form__label{
  border: 0 !important;
}
.productView-payment button.spinning{
     background: #ffdc76;
   }
  
  .productView-payment button.spinning:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    left: 60%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px darken(#212121,10%);
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

  
   .productView-payment button.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    left: 60%;
    position: absolute;
    border: 2px solid #212121;
    border-right: 3px solid #27ae60;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease ;
 }

  @keyframes rotate360 { 
    100% {
        transform: rotate(360deg);
    }
}
@keyframes exist { 
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}
  


/* template-collection  */
.template-collection .card-information__wrapper.text-left .card-price .price dd span.mrp,
.template-collection .card-information__wrapper.text-left .card-price .price dd span.main-price,
.template-collection .card-information__wrapper.text-left .card-price .price__saved{
  display:none;
}

.template-collection .card-information__wrapper.text-left .card-price .price--on-sale .price__sale{
  flex-direction: row !important;
}
.template-collection .card-information__wrapper.text-left .card-price .price--on-sale .price__sale .mrp-price{
  order:2;
}

.template-collection .card-information__wrapper.text-left .card-price .price--on-sale .price__sale .you_save{
  order:3;
}
.template-collection .price.price--on-sale .price-item--regular .money{
  font-size:12px !important;
}
.template-collection .card-information .card-title-ellipsis{
    -webkit-line-clamp: 2 !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 12px !important;
   line-height: 18px;
      margin-bottom: 2px;
}

.image.image-adapt{
  /* display:none !important; */
}
.collection-banner .image+.image{
  display: block !important; 
}

.changing.on.collection.collection-info.collection-info--relative{
  display:none;
}
.card-information__group{
      display: none !important;
}
.productView-rating{
    display: none !important;
}





/* landing page */

.why-choose-bigbasket .card{
  border: 0;
  /* background-color: #3F5E05; */
  background: #fffbef;
  border-radius: 15px;
  border: 3px solid;
}
.border-top-dashed{
  border-top: 1px dashed;
}
.border-bottom-dashed{
 border-bottom: 1px dashed;
}
.why-choose-bigbasket .card i{
    background: #fff;
    padding: 12px;
    border-radius: 50%;
}

.why-choose-bigbasket .card h4{
    font-size: 12px;
    margin: 0;
    margin-top: 12px;
    color: #00584b;
}

.why-choose-bigbasket .card p{
  font-size: 12px;
  color: #00584b;
  font-weight:500;
}
.traditional-ghee{
  padding:3em 0;
}
.traditional-ghee.omega h2{
  color: #d1addd;
}

.traditional-ghee p{
    font-size: 15px;
    color: #000;
    padding-bottom: 15px;
    margin: 0;
    text-align:center;
}

.traditional-ghee ul li.prt-list-li-content{
    list-style: none;
    display: block;
    padding: 11px 0 9px 55px;
    border: 2px solid #212529;
    border-radius: 10px;
    font-size: 16px;
    background:#fff;
    /* color: #bdc1b8 !important; */
    font-weight: 500;
    position: relative;
    margin: 0 0 10px;
    transition: all 0.3s ease 0s;
}
.traditional-ghee ul li.prt-list-li-content::before{
    content: "\f067";
    position: absolute;
    width: 23px;
    height: 23px;
    line-height: 25px;
    background-color: #f7f7f7;
    border-radius: 50px;
    left: 18px;
    top: 12px;
    font-size: 13px;
    font-family: 'FontAwesome';
    text-align: center;
    color: #0e2207;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}
.traditional-ghee ul li:hover{
    background: #f7f7f7;
}

.traditional-ghee h2.section-title {
    position: relative;
    color: #3F5E05;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
}

.traditional-ghee p.prt-about-desc {
    font-size: 16px;
    line-height: 28px;
    color: #0e2207;
    font-weight: 500;
    padding-bottom: 15px;
    margin: 0;
}

.traditional-ghee img{
    border-radius: 30px;
    border: 3px solid;
}
/* .traditional-ghee ul li.prt-list-li-btn{
  list-style:none;
}
.traditional-ghee ul li.prt-list-li-btn a{
    border: 1px solid #ffcd1e;
    background-color: #ffcd1e;
    padding: 11px 5px 9px 5px !important;
    text-align: center;
    list-style: none;
    display: block;
    border: 1px solid #ece9e0;   
    border-radius: 10px;
    font-size: 16px;
    color: #0e2207;
    font-weight: 500;
    position: relative;
    margin: 0 0 10px;
    transition: all 0.3s ease 0s;
} */

.halo-block-header .title .text{
  /* background:none !important; */
}







.partion-banner .container-fluid {
    height: 100vh;
    position: relative;
  }
  
  .partion-banner  .left-section {
    /* background-color: #f4f3ef; */
    color: #2e2e2e;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .partion-banner  .left-section h1 {
    font-size: 3rem;
    font-weight: 700;
    transition: transform 0.3s ease;
  }
  
  .partion-banner  .left-section p {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-top: 20px;
  }
  
  .partion-banner  .left-section:hover h1 {
    transform: scale(1.05); /* Subtle zoom on hover */
  }
  
  .partion-banner  .small-text {
    font-size: 0.9rem;
    margin-top: 20px;
  }
  
  .partion-banner .btn-custom {
    background-color: #e6a937;
    color: #ffffff;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 1.1rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }
  
  .partion-banner .btn-custom:hover {
    background-color: #cc8b2c;
  }
  
  .partion-banner .middle-section {
    /* background-color: #ffffff; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .partion-banner .image-container {
    max-width: 350px;
    text-align: center;
    border-radius: 10px;
    /* box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); */
    transition: transform 0.4s ease-in-out; /* For zoom effect */
  }
  
  .partion-banner .image-container:hover {
    transform: scale(1.1); /* Zoom effect on hover */
  }
  
  .partion-banner .right-section {
    /* background-color: #274542; */
    color: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .partion-banner .info-box h2 {
    font-size: 2.2rem;
    font-weight: 600;
  }
  
  .partion-banner .info-box p {
    font-size: 1.1rem;
    margin-top: 20px;
  }
  
  .partion-banner .info-box ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
  }
  
  .partion-banner .info-box ul li {
    margin-bottom: 10px;
  }
  
  .partion-banner .btn-outline-light {
    border-color: #ffffff;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }
  
  .partion-banner .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  /* Dot styles */
  .partion-banner .dots {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column; /* Vertical dots */
    align-items: center;
  }
  
  .partion-banner  .dot {
    height: 12px;
    width: 12px;
    margin: 8px 0;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s;
    position: relative;
  }
  
  .partion-banner .dot:hover::before {
    content: attr(title);
    position: absolute;
    left: -120%;
    top: -5px;
    background-color: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0.7;
  }
  
  .partion-banner .dot.active {
    background-color: #ffffff;
  }
  
  .partion-banner .dot:hover {
    background-color: #ffffff;
  }

  /* Fade-out effect */
  .partion-banner .fade-out {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  /* Fade-in effect */
  .partion-banner .fade-in {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  
  /* Make sure to apply fade-in initially */
  .partion-banner #productContent, #productImage {
    opacity: 1;
  }

  /* New Tooltip Styles */
  .partion-banner .tooltip {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    display: none; /* Hidden by default */
    z-index: 10;
  }
  
  /* Zoom on Image Hover */
  .partion-banner .image-container:hover img {
    transform: scale(1.05); /* Slight zoom effect */
    transition: transform 0.3s ease;
  }
  
  /* Nav Button Styles */
  .partion-banner .nav-buttons {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  
  .partion-banner #prevBtn, #nextBtn {
    margin: 0 10px;
  }

.working-process .accordion{
    width:100%;
}

.working-process h2.accordion-header{
  line-height:0;
}

.working-process .accordion-item {
    border: 1px solid #191A23;
    border-bottom: 1px solid #191A23;
    border-radius: 30px;
    overflow: hidden;
    /* padding: 20px; */
    background-color: #F3F3F3;
}
  
.working-process .accordion-item .accordion-button {
    display: flex;
    /* flex-direction:row-reverse; */
    align-items: center;
      width: 100.5% !important;
    background-color: #F7F1F9;
    color: #000;   
    font-weight:800;
    font-size: 18px;
    padding-left:20px;
    /* padding: 20px 40px; */
    border-bottom: 1px solid #191A23;
    text-align: left;
    border-left: 1px;
    border-right: 1px;
    border-top: 1px;
}
.working-process .accordion-item .accordion-button .accordion-icon{
  border-radius: 0 30px 30px 0;
}
.working-process .accordion-item .accordion-collapse.collapse.show, 
.working-process .accordion-item .accordion-collapse.collapse.show {
    background-color: #e9ffce !important;
  /* background-color: #EBEEFF; */
    transition: all 0.2s ease-in-out;
}

.working-process .accordion-item .accordion-button:not(.collapsed) {
    color: #191A23;
    transition: all 0.2s ease-in-out;
    background-color: #B9FF66 !important;
}
.working-process .accordion-item .accordion-button:not(.collapsed) .accordion-icon{
  border-radius: 0 30px 0px 0;
}

.working-process .accordion-item .accordion-button:focus {
    box-shadow: none;
}

.working-process .accordion-item .accordion-collapse .accordion-body {
    padding: 20px 25px;
}
.working-process .accordion-item .accordion-collapse .accordion-body header h2{
    /* font-size: 32px;
    font-weight: 300; */
    letter-spacing: inherit;
}
.working-process .accordion-item .accordian-numbers {
    font-size: 44px;
    padding-right: 20px;
    display:none;
}

.accordion-button span.button-text::after {
     background-image: none;
    font-family: "Font Awesome 6 Free";
    content: "\f175";
    height: 35px;
    width: 35px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #191A23;
    background-color: #F3F3F3;
    color: #191A23;
    font-size: 16px;
    float: inline-start;
}

.accordion-button span.button-text:not(.collapsed)::after {
    background-image: none;
    content: "\f176"; 
    font-size: 16px;
}

.working-process .accordion-item .collapsing {
    transition: all 0.3s ease-in-out;
  }

  
  /* Mobile Responsiveness */
  @media (max-width: 768px) {
    .partion-banner .nav-buttons {
      flex-direction: column; /* Stack buttons vertically on mobile */
    }
  }
  
  
  /* Mobile Responsiveness */
  @media (max-width: 768px) {
    .partion-banner .left-section, .middle-section, .right-section {
      flex-direction: column;
      height: auto;
      padding: 20px;
    }
  
    .partion-banner .left-section h1 {
      font-size: 2.5rem;
    }
  
    .partion-banner .middle-section .image-container {
      max-width: 250px;
    }
  
    .partion-banner .info-box h2 {
      font-size: 1.8rem;
    }
  
    .partion-banner .info-box p {
      font-size: 1rem;
    }
  
    .partion-banner .btn-custom, .btn-outline-light {
      padding: 10px 20px;
      font-size: 1rem;
    }
  
    .partion-banner .dots {
      bottom: 15px;
    }
  }
  
  /* Extra Small Devices */
  @media (max-width: 576px) {
    .partion-banner .left-section h1 {
      font-size: 2rem;
    }
  
    .partion-banner .middle-section .image-container {
      max-width: 200px;
    }
  
    .partion-banner .info-box h2 {
      font-size: 1.6rem;
    }
    
  }




/* sevice card */
.services-area {
    padding-bottom: 50px;
}
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.services-box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border:4px solid;
    margin-bottom: 30px;
    position: relative;
    transition: 0.4s;
    border-radius:30px;
}
.services-box:hover {
    transform: translateY(-6px);
    box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
}
.services-box::before, 
.services-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    border-bottom: 5px solid #dfc8e7;
    border-left: 5px solid #dfc8e7;
    height: 75px;
    transition: 0.4s;
    border-radius: 15px 25px;
}

.services-box::after {
    border-left: 0;
    border-bottom: 0;
    border-top: 5px solid #dfc8e7;
    border-right: 5px solid #dfc8e7;
    top: 0;
    right: 0;
    left: auto;
}
.services-box:hover::before, 
.services-box:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 25px;
}
/* .services-box::before, .services-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    border-bottom: 5px solid #dddddd;
    border-left: 5px solid #dddddd;
    height: 75px;                                            
    transition: 0.4s;
} */

.services-box i {
    background: #f4f4f4;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 35px;
    border-radius: 50%;
    margin-bottom: 25px;     
    transition: 0.4s;
}

.services-box p {
    font-size: 15px;
}



/* benifit section start */
.resume-area {
    /* background-color: #f7f7f7; */
      background: #DFC8E7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.resume-area .ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px;
}
.resume-area .section-title {
    text-align: center;
    margin-bottom: 60px;
    margin-top: -9px;
    position: relative;
}
.section-title h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 40px;
    position: relative;
}

.resume-area .section-title h3::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 70px;
    height: 4px;
    background: #000000;
    bottom: -8px;
    margin: 0 auto;
    border-radius: 3px;
}

.section-title p {
    max-width: 675px;
    margin: 0 auto;
    color: #fff;
}

.resume-area .title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 45px;
    position: relative;
}

.resume-area .title::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    width: 80px;
    height: 3px;
    background: #000000;
    border-radius: 3px;
}
   
.resume-area .timeline {
    border: 4px solid #212529;
    background: #F7F1F9;
    position: relative;
    border-radius:30px;
    padding: 35px !important;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
}

.resume-area .timeline .event {
    border-bottom: 1px dashed #000000;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}
.resume-area .timeline .event::after {
    position: absolute;
    box-shadow: 0 0 0 4px #212529;
    left: -42.6px;
    background: #dfc8e7;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px;
}
.resume-area ul li {
    list-style: none;
}
.resume-area .timeline li h3 {
    font-size: 20px;
    font-weight: 600;
  color: #383d31;
}
.resume-area .timeline li h4 {
    font-size: 18px;
    margin: 20px 0;
}
.resume-area .timeline li h4 span {
    font-size: 16px;
    position: relative;
    color: #383d31;
}
.resume-area .timeline li p {
    font-size: 14px;
    color: #383d31;
}

.boom-nature{
  padding:5em 0;
}

section.boom-nature .left img{
  border-radius: 30px;
  border: 4px solid;
}

section.boom-nature .right h4{
  font-size: 32px;
}  

section.boom-nature .right ul{
    margin: 0;
    padding: 1rem 0 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: green;
    text-transform: uppercase;
    font-size: .92em;
    align-items: center;
}

.boom-nature .right ul li{
    padding: 0 1.5rem;
    flex: 1 0 28%;
    text-align: left;
    font-weight: 800;
    font-size: 14px;
    line-height: 22px;
}

.boom-nature .right ul li img{
    width: 60px;
    display: block;
    text-align: center;
    margin: auto; 
    border-radius: 50%;
    padding: 2px;
 }

.services-area.ptb-80{
  /* background: #49533c; */
  background: #F7F1F9;
}
.services-area.ptb-80 .section-title h3{
  color: #d1addd;
}
.services-area.ptb-80 .section-title p{
  color: #d1addd;
}
 
.comparision-two{
    background: #dec7e6;
}
.comparision-two h2.heading{
  color: #F7F1F9 !important
}
.comparision-two .comparison-container {
    display: flex;
    /* background-color: #3f6d4d; */
/* background: rgb(57,106,66);
background: linear-gradient(0deg, rgba(57,106,66,1) 13%, rgba(83,133,87,1) 51%, rgba(65,113,61,1) 81%, rgba(42,65,45,1) 100%, rgba(22,82,40,1) 100%);
    /* padding: 30px; */ */
    border-radius: 30px;
    color: white;
    max-width: 800px;
    width: 100%;
    position: relative;
}
.omega-page .icon-check span.cross{
    background-color: #ff4736;
    color:#000;
    font-weight:500;
}

.omega-page .icon-check span{
    display: flex;
    /* align-items: center; */
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    border: .2rem solid #000;
    border-radius: 100%;
}

/* Add border-radius to table */
.fish-oil-table table {
    border-radius: 15px; /* Adjust radius as needed */
    overflow: hidden; /* Ensures corners remain rounded */
    border-collapse: separate; /* Avoids any radius issues */
    border-spacing: 0; /* Resets spacing for a cleaner look */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional for a soft shadow */
}

/* Rounded corners on specific rows (thead and last row) */
.fish-oil-table table thead th:first-child {
    border-top-left-radius: 15px;
}

.fish-oil-table table thead th:last-child {
    border-top-right-radius: 15px;
}

.fish-oil-table table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

.fish-oil-table table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}


.fish-oil-table table tr td:nth-child(2){
    background: #ff00001a;
}
.comparision-two .column {
    flex: 1;
    padding: 30px 14px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.comparision-two .ghee {
   border-top: 4px solid;
   border-left: 4px solid;
   border-bottom: 4px solid;
   border-right: 2px solid;
      border-color: #212529;
   border-radius: 30px 0 0 30px;
   background: linear-gradient(0deg, rgb(106 57 57) 13%, rgb(133 83 83) 51%, rgb(113 61 63) 81%, rgb(65 42 42) 100%, rgb(82 22 22) 100%);
}

.comparision-two .butter {
     border-radius: 0px 30px 30px 0;
       border-top: 4px solid;
   border-left: 2px solid;
   border-bottom: 4px solid;
   border-right: 4px solid;
      border-color: #212529;
    background: linear-gradient(0deg, rgba(57, 106, 66, 1) 13%, rgba(83, 133, 87, 1) 51%, rgba(65, 113, 61, 1) 81%, rgba(42, 65, 45, 1) 100%, rgba(22, 82, 40, 1) 100%);
}

.comparision-two .ghee h1, 
.ghee h2, .butter h2 {
    color: #fff;
    margin-bottom: 20px;
}
.comparision-two .column h2{
  font-size: 24px;
}        
.comparision-two .column h4{
  color:#fff;
}

.comparision-two .vs-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comparision-two .vs {
    font-size: 22px;
    font-weight: bold;
    color: #000639;
}

.comparision-two ul {
    list-style: none !important;
    line-height: 2;
    font-size: 18px;
}

.comparision-two ul li{
  color:#fff !important;
  margin:0 !important;
  line-height: 38px !important;
}


.omega-deficiency{
  padding:3em 0;    
}
.omega-deficiency h2{
  color:#dee2da;
}
.omega-deficiency p{
  color:#dee2da;
}

.omega-deficiency ul li{
  color: #dee2da !important;
}


.working-process.acrd .Item__topContainer___1QDb- {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 100%;
    min-height: 140px;
    padding: .5rem;
    position: relative;
    width: 100%;
}
.working-process.acrd .Item__image___15xOz {
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-right: .75rem;
    max-width: 25%;
    min-width: 25%;
    position: relative;
}
.working-process.acrd .Item__image___15xOz picture {
    display: flex;
    /* max-height: 140px;
    min-height: 140px; */
    position: relative;
    width: 100%;
}
.working-process.acrd .Item__nameAndProps___VwlGG {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}
.working-process.acrd .Item__name___1fPgt {
    color: #161616;
    display: block;
    font-weight: bolder;
    letter-spacing: -.5px;
    line-height: 1.22;
    margin: 3px 0 0;
    text-decoration: none;
    width: 81%;
}
.working-process.acrd .Item__price___3wrAA {
    color: #3c59fc;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}
.working-process.acrd .Item__cardProps___Hxy-F, 
.working-process.acrd .Item__cardProps___Hxy-F li {
    display: flex;
    flex-direction: row;
    padding: 0;
    position: relative;
}
.working-process.acrd .Item__cardProps___Hxy-F {
    align-items: flex-end;
    flex-flow: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 10px 0 0;
    width: 100%;
}
.working-process.acrd .Item__cardProps___Hxy-F li {
    align-items: center;
    color: #616161;
    height: 25px;
    margin: .5rem 0 .3rem;
    width: 50%;
}
.working-process.acrd .Item__cardProps___Hxy-F,
..working-process.acrd .Item__cardProps___Hxy-F li {
    display: flex;
    flex-direction: row;
    padding: 0;
    position: relative;
}
.working-process.acrd .Item__cardProps___Hxy-F li span {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-right: 7px;
    min-width: 36px;
}
.working-process.acrd .Item__cardProps___Hxy-F li span svg {
    margin: 0 auto;
    max-height: 1.5rem;
    fill: #aaa;
    pointer-events: none;
}
.working-process.acrd .Item__cardProps___Hxy-F li div {
    display: block;
    font-size: .9em;
    letter-spacing: -.5px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.working-process.acrd .Item__scoreContainer___1k9dn {
    left: 10px;
    position: absolute;
    top: 10px;
}
.working-process.acrd .score.moucho {
    height: 41px;
    width: 41px;
}
.working-process.acrd .score,
.working-process.acrd .score:after {
    border-radius: 50%;
    position: absolute;
}
.working-process.acrd .score {
    background-color: #e7e8e7;
    box-sizing: content-box;
    cursor: default;
    font-size: 46px;
    height: 46px;
    width: 46px;
}
.working-process.acrd .score .pointsText.moucho {
    font-size: .95rem;
    line-height: 41px;
    top: 48%;
    transform: translateY(-50%);
    width: 41px;
}
.working-process.acrd .score .pointsText {
    font-size: 16px;
    font-weight: 700;
    left: 0;
    line-height: 46px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    z-index: 1;
}
.working-process.acrd .score .pointsText span {
    display: block;
    line-height: 12px;
}
.working-process.acrd .score .pointsText span:last-child.moucho {
    font-size: .55rem;
    line-height: .55rem;
}
.working-process.acrd .score .pointsText span:last-child {
    font-size: 8px;
    line-height: 10px;
    text-transform: capitalize;
}
.working-process.acrd .score .pointsText span.moucho {
    line-height: .42rem;
}
.working-process.acrd .score .pointsText span {
    display: block;
    line-height: 12px;
}
.working-process.acrd .score .slice.over50 {
    clip: rect(auto, auto, auto, auto);
}

.working-process.acrd .score .slice.moucho {
    height: 41px;
    width: 41px;
    clip: rect(0, 41px, 41px, 20.5px);
}
.working-process.acrd .score .slice {
    height: 46px;
    position: absolute;
    width: 46px;
    clip: rect(0, 46px, 46px, 23px);
}
.working-process.acrd .score.moucho:after {
    height: 33px;
    left: 4px;
    top: 4px;
    width: 33px;
}
.working-process.acrd .score:after {
    background-color: #fff;
    content: " ";
    display: block;
    height: 36px;
    left: 5px;
    top: 5px;
    width: 36px;
}
.working-process.acrd .score,
.working-process.acrd .score:after {
    border-radius: 50%;
    position: absolute;
}
.working-process.acrd .score .fill.moucho {
    border: 5px solid #3c59fc;
    height: 41px;
    width: 41px;
    clip: rect(0, 20.5px, 41px, 0);
}

.working-process.acrd .score .fill {
    height: 46px;
    position: absolute;
    width: 46px;
    clip: rect(0, 23px, 46px, 0);
    border: 5px solid #3c59fc;
    border-radius: 50%;
    transform: rotate(180deg);
}
.working-process.acrd .Item__addButton___3wMBY {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: flex-end;
    max-width: 32px;
    padding: 0;
    position: absolute;
    right: 10.5px;
    top: 16.5px;
    transition: max-width .25s ease-out;
    width: -moz-fit-content;
    width: fit-content;
}
.working-process.acrd .Item__addButton___3wMBY .Item__addText___2qc_k {
    background: #fff;
    border-left: 1px solid #fff;
    border-radius: 9999px;
    color: #161616;
    font-size: 12px;
    font-weight: 700;
    opacity: 0;
    overflow: hidden;
    padding: 0 1rem;
    transition: opacity .2s ease;
    white-space: nowrap;
    z-index: 1;
}
.working-process.acrd .Item__addButton___3wMBY .Item__addButtonIconContainer___3Z3hP {
    align-items: center;
    background: #3c59fc;
    border: 1px solid #3c59fc;
    border-radius: 9999px;
    box-shadow: 3px 3px 7px 1px hsla(300, 1%, 54%, .2);
    display: flex;
    flex-direction: row;
    height: 38px;
    justify-content: center;
    min-width: 38px;
    width: 38px;
}

.customer-review-slider.ghee .owl-carousel .card{
  border:2px solid;
}

.probiotics.ghee h2{
  color:#000;
}
.probiotics.ghee .multiImgLeft h3,
.probiotics.ghee h4,
.probiotics.ghee .multiImgLeft p{
    color:#000;
}
.probiotics.ghee img{
  border:2px solid;
}
.ghee-table .table-bordered td{
    border: 2px solid #000000 !important;
    color: #000 !important;
}
.probiotics.ghee span.heading_top{
  border:1px solid;
}

.supliment-fact .amount {
    column-gap: 20px;
}

.supliment-fact .table td, 
.supliment-fact .table th{
    font-size: 14px !important;
    padding: 0.45rem !important;
    font-weight: 500 !important;
   color: #000 !important;
}

.open-popup-btn-benifit{
    cursor: pointer;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}
.open-popup-btn-benifit:hover{
    text-decoration: underline !important;
}




/* product omega comparision */

  .two-product-cmp .comparison-container {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 10px;
        background-color: white;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        padding: 30px;
      }

      .two-product-cmp .product {
        flex: 1;
        background-color: #fff;
        border-radius: 10px;
        border: 2px solid;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .two-product-cmp .product:hover {
        transform: translateY(-10px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
      }

      .two-product-cmp .product img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-bottom: 2px solid #f1f1f1;
        border-radius: 9px 9px 0 0 !important;
      }

      .two-product-cmp .product-details {
        padding: 20px;
      }

      .two-product-cmp .product-details h3 {
        font-size: 1.8rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 12px;
      }

      .two-product-cmp .product-details p {
        font-size: 1rem;
        color: #777;
        line-height: 1.6;
        margin-bottom: 20px;
      }

      .two-product-cmp .feature-list {
        list-style: none;
        padding: 0;
        margin-bottom: 20px;
      }

      .two-product-cmp .feature-list li {
        display: flex;
        align-items: center;
        /* font-size: 0.95rem; */
        color: #555;
        margin-bottom: 10px;
      }            

      .two-product-cmp .feature-list li i {
        margin-right: 10px;
        color: #4CAF50;
      }

      .two-product-cmp .cta-button {
        display: inline-block;
        background-color: #ff6f61;
        color: white;
        padding: 12px 24px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: 600;
        text-align: center;
        margin-top: 20px;
        transition: background-color 0.3s ease, transform 0.3s ease;
      }

      .two-product-cmp .cta-button:hover {
        background-color: #e25647;
        transform: translateY(-5px);
      }

      /* Mobile responsiveness */
      @media (max-width: 768px) {
        .two-product-cmp .comparison-container {
          flex-direction: row;
          justify-content: space-between;
        }

        .two-product-cmp .product {
          flex: 1 1 45%; /* Allow side-by-side view for mobile */
          margin-bottom: 20px;
        }

        .two-product-cmp .product img {
          height: 200px;
        }

        .two-product-cmp .price {
          font-size: 1.4rem;
        }
      }

      @media (max-width: 480px) {
        .two-product-cmp .comparison-container {
          padding: 0px;
        }

        .two-product-cmp .product {
          flex: 1 1 100%; /* Stack the cards for very small screens */
          margin-bottom: 20px;
        }

        .two-product-cmp .product img {
          height: 180px;
        }
      }

.main_dsecription p {
    font-size: 18px;
    color: #000;
    margin: 20px 0 !important;
}



.test-results {
    display: flex;
    flex-direction: column;
}
.test-results:before{
  position:absolute;
  width:20px;
  height:30px;
  background:red;
}
.test-item {
    /* display: flex;
    justify-content: space-between; */
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 1rem;
}

.test-item:last-child {
    border-bottom: none;
}

.test-name {
  color: #3c3c3c;
  font-weight: bold;
  font-size:16px;
}


.test-result {
  text-transform: capitalize;
  font-size: 16px;
}

.passed {
    color: #519329;
    font-size: 16px;
    font-weight: 500;
}

.fail {
    color: red;
}

.na {
    color: gray;
}

.status {
    font-weight: bold;
    text-align: right;
    font-size: 16px;

}

.status.passed {
    color: green;
    background: #b7fc65;
    padding: 0px 9px;
    border-radius: 30px;
    font-size: 12px;
    border: 0.2rem solid;
    float: right;
    line-height: 1.6;
    letter-spacing: 0.5px;
}

.status.fail {
    color: red;
}

.status.na {
    color: gray;
}

@media (max-width: 600px) {
    .test-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .test-name, .test-result, .status {
        margin-bottom: 5px;
    }

  .rotingtxt {
    font-size: 4em !important;
    color: rgba(255, 5, 5, 0.17);
    position: absolute;
    /* font-family: 'Denk One', sans-serif; */
    text-transform: uppercase;
    padding-left: 10%;
    top: 55% !important;
    left: 4% !important;
    right: 50% !important;
    bottom: 50% !important;
}
}


.rotingtxt{
	-webkit-transform: rotate(331deg);
	-moz-transform: rotate(331deg);
	-o-transform: rotate(331deg);
	transform: rotate(331deg);
	font-size: 6em;
	color: rgba(255, 5, 5, 0.17);
	position: absolute;
	font-family: 'Denk One', sans-serif;
	text-transform:uppercase;
	padding-left: 10%;
    top: 70%;
    left: 26%;
    right: 50%;
    bottom: 50%;
}

/* .grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.grid-item {
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
} */