/*----------Variables----------*/
$font_general: ;
$font_heading: ;
$font_misc: ;

$font_size_slide_large: 60px;
$font_size_heading: 20px;
$font_size_banner: 30px;
$font_size_general: 14px;
$font_size_link: 13px;
$font_size_text: 12px;
$font_size_menu: 16px;

$font_weight_bold: 700;
$font_weight_normal: 400;
$font_weight_thin: 300;

$row_padding: 15px;

$line_height_general: 1.55em;

$margin_distance: 70px;
$margin_distance_mobile: 30px;
$margin_distance_small: 30px;

$transition-base: ease, all, 0.5s;
$transition-in-out: ease-in-out, all, 0.6s;


$color_text_general: ;
$color_hover_general: ;
$color_text_header: ;
$color_text_menu: ;

$color_text_title: ;
$color_text_heading: ;
$color_text_banner: ;

$shop_bg_color: ;
$bkg_top_header: ;
$bkg_main_header: ;
$bkg_nav_header: ;
$bkg_footer: ;
$bkg_logo_brand: ;
$bkg_breadcrumb: ;
$bkg_title: ;
$bg_block: #f1fcfd;



$border_general: ;
$border_title: ;
$border_submenu: ;
$border_header: ;


$color_text_button: ;
$color_border_button: ;
$bkg_button: ;
$color_text_button_hover: ;
$bkg_button_hover: ;
$color_border_button_hover: ;

$color_text_button1: ;
$color_border_button1: ;
$bkg_button1: ;
$color_text_button1_hover: ;
$bkg_button1_hover: ;
$color_border_button1_hover: ;

$color_text_button2: ;
$color_border_button2: ;
$bkg_button2: ;
$color_text_button2_hover: ;
$bkg_button2_hover: ;
$color_border_button2_hover: ;

/*----------End Variables----------*/

/*----------Mixin----------*/
@mixin prefix($property, $value, $prefixes) {
  @each $prefix in $prefixes {
    @if $prefix == webkit {
      -webkit-#{$property}: $value;
    } @else if $prefix == moz {
      -moz-#{$property}: $value;
    } @else if $prefix == ms {
      -ms-#{$property}: $value;
    } @else if $prefix == o {
      -o-#{$property}: $value;
    } @else if $prefix == spec {
      #{$property}: $value;
    } @else  {
      @warn 'Unrecognized prefix: #{$prefix}';
    }
  }
}
@mixin smooth_font() {
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
@mixin user-select($value: none) {
  @include prefix('user-select', #{$value}, moz ms webkit spec);
}

@mixin transform($transform) {
  @include prefix(transform, $transform, ms webkit spec);
}

@mixin transition($transition) {
  @include prefix(transition, $transition, ms webkit spec);
}
@mixin transition-delay($transition) {
  @include prefix(transition-delay, $transition, ms webkit spec);
}
@mixin animation($animation) {
  @include prefix(transition, $animation, moz webkit o);
}

@mixin backface-visibility($backface-visibility) {
  @include prefix(backface-visibility, $backface-visibility, webkit spec);
}

@mixin smooth_font() {
  font-smooth: always;
  @include prefix(font-smoothing, antialiased, ms webkit spec);  
}

@mixin appearance($appearance) {  
  @include prefix(appearance, $appearance, moz webkit spec);  
}

@mixin perspective($perspective){
  @include prefix(perspective, $perspective, webkit spec);  
}
@mixin transform-origin($transform-origin){
  @include prefix(transform-origin, $transform-origin, ms webkit spec);    
}
@mixin transform-style($transform-style){
  @include prefix(transform-style, $transform-style, ms webkit spec);    
}
@mixin border-radius($border-radius) {
  @include prefix(border-radius, $border-radius, ms webkit spec); 
}
@mixin backface_visibility($var) {
  @include prefix(backface_visibility, $var, moz webkit spec); 
}
@mixin display-flexbox() {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  width: 100%; // necessary for ie10
}
//flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
@mixin flex-wrap($value: nowrap) {
  @include prefix(flex-wrap, $value, webkit moz ms spec);
}

//flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
@mixin flex-direction($value) {
  @include prefix(flex-direction, $value, webkit moz ms webkit);
}

//justify-content: center|left|right
@mixin justify-content($var) {
  @include prefix(justify-content, $value, moz ms spec);
}

//align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
@mixin align-items($value: stretch) {
  $alt-value: $value;

  @if $value == 'flex-start' {
    $alt-value: start;
  } @else if $value == 'flex-end' {
    $alt-value: end;
  }

  // sass-lint:disable no-misspelled-properties
  -ms-flex-align: $alt-value;
  @include prefix(align-items, $value, webkit moz ms o spec);
}

//flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
@mixin flex($value) {
  @include prefix(flex, $value, webkit moz ms spec);
}

//flex-basis: number|auto|initial|inherit;
@mixin flex-basis($width: auto) {
  // sass-lint:disable no-misspelled-properties
  -ms-flex-preferred-size: $width;
  @include prefix(flex-basis, $width, webkit moz spec);
}

//align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
@mixin align-self($align: auto) {
  // sass-lint:disable no-misspelled-properties
  -ms-flex-item-align: $align;
  @include prefix(align-self, $align, webkit spec);
}


//justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
@mixin justify-content($justify: flex-start) {
  @include prefix(justify-content, $justify, webkit ms spec);
}

@mixin inline-block(){
  display: inline-block;
  *display: inline;
  zoom: 1;
}

@mixin inline-block-important(){
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
}

@mixin placeholder($var){
  &::-webkit-input-placeholder {
    color: $var;
  }
  &:-moz-placeholder {
    color: $var;
  }
  &::-moz-placeholder {
    color: $var;
  }
  &:-ms-input-placeholder {
    color: $var;
  }
}
@mixin visually-hidden() {
  // sass-lint:disable no-important
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@mixin visually-shown() {
  // sass-lint:disable no-important
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

@mixin opacity($var1, $var2) {
  opacity: $var1;
  filter: alpha(opacity=$var2);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)";
}

@mixin filtergray() {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
@mixin grayscale($var) {
  -webkit-filter: grayscale($var); /* Chrome, Safari, Opera */
  filter: grayscale($var);
}

@mixin box-shadow($box-shadow){  
  @include prefix(box-shadow, $box-shadow, moz webkit spec); 
}

@mixin button_style($height_button,$color_button,$border_button,$bkg_button){
  font-family: $font_general; 
  @include box-shadow(0 0 0 transparent inset);
  @include inline-block();
  height:$height_button; 
  line-height:$height_button; 
  border:none; 
  margin:0; 
  padding:0 20px; 
  color: $color_button;
  border: 1px solid $border_button;
  background: $bkg_button;
}
@mixin button_style_hover($color_button_hover,$border_button_hover,$bkg_button_hover) {
  color: $color_button_hover; 
  border-color: $border_button_hover; 
  background-color: $bkg_button_hover; 
  -webkit-backface-visibility:hidden; 
}
@mixin effect_banner() {
  position: relative;
  @include transition($transition-base);
  &:before {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    content: '';
    top: 10px;
    right: 0;
    left: auto;
    width: 80px;
    height: 80px;
    @include border_radius(50%);
    line-height: 80px;
    background: #fff;
    text-align: center;
    color: $color_text_heading;
    font-weight: $font_weight_bold;
    font-family: $font_misc;
    @include opacity(0,0);
    @include transition($transition-base);
  }
  &:hover {
    @include transform(translateY(-5px));
    @include opacity(1,100);
    img {
      @include opacity(0.5,50);
    }
    &:before {
      background: #fbe9e7;
      @include opacity(1,100);
      @include transform(translateX(-15px));
    }
  }
}
/*----------End Mixin----------*/

$width_icon_header: 30px;
/* Custom Font*/
@font-face {
  font-family: 'modezicons';
  src:  url("//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/modezicons.eot?9692");
    src:  url("//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/modezicons.eot?9692") format('embedded-opentype'),
      url("//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/modezicons.ttf?9692") format('truetype'),
        url("//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/modezicons.woff?9692") format('woff'),
          url("//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/modezicons.svg?9692") format('svg');
            font-weight: normal;
            font-style: normal;
            }

[class^="modez-icon-"], [class*=" modez-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'modezicons' !important;
  color: $color_text_header;
  speak: none;
  font-style: normal;
  font-weight: $font_weight_thin;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &:hover {
    color: $color_hover_general;
  }
}

.modez-icon-banknote:before {
  content: "\e911";
}
.modez-icon-credit-card:before {
  content: "\e90f";
}
.modez-icon-coin-dollar:before {
  content: "\e910";
}
.modez-icon-compare:before {
  content: "\e906";
}
.modez-icon-cart2{
  color: $color_text_button;
  &:before {
    content: "\e90d";
  }
  &:hover {
    color: $color_text_button_hover;
  }
}
.modez-icon-gift:before {
  content: "\e904";
}
.modez-icon-present:before {
  content: "\e02f";
}
.modez-icon-search3{
  width: $width_icon_header;
  height: $width_icon_header;
  @include inline-block();
  &:hover {
    cursor: pointer;
  }
  &:before {
    content: "\e90a";
    font-size: $width_icon_header;
    font-weight: $font_weight_thin;
  }
}
.modez-icon-heart{
  width: $width_icon_header;
  height: $width_icon_header;
  &:before {
    content: "\e90b";
    font-size: $width_icon_header;
    font-weight: $font_weight_thin;
  }
}
.modez-icon-login{
  width: $width_icon_header;
  height: $width_icon_header;
  @include inline-block();
  &:before {
    content: "\e90c";
    font-size: $width_icon_header;
    font-weight: $font_weight_thin;
  }
}
.modez-icon-bag{
  width: $width_icon_header;
  height: $width_icon_header;
  &:before {
    content: "\e909";
    font-size: $width_icon_header;
    font-weight: $font_weight_thin;
  }
}
.modez-icon-sign-in{
  &:before {
    content: "\e900";
    font-size: $width_icon_header;
    font-weight: $font_weight_thin;
  }
}
.modez-icon-heart-o:before {
  content: "\e901";
}
.modez-icon-search2:before {
  content: "\e902";
}
.modez-icon-shopping-bag:before {
  content: "\e903";
}
.modez-icon-compare_arrows:before {
  content: "\e90e";
}
.modez-icon-search:before {
  content: "\e907";
}
.modez-icon-shopping_cart:before {
  content: "\e908";
}
.modez-icon-ui-head-phone:before {
  content: "\ed3a";
}
.modez-icon-listing-box:before {
  content: "\eeb8";
}
.modez-icon-location-pin:before {
  content: "\f051";
}
.modez-icon-cart:before {
  content: "\e905";
}
/* End Custom Font*/

/*Header*/
$height_icon_header: 30px;
$height_button: 36px;
$height_top_header: 36px;
.top-header {
  height: $height_top_header;
  .top-header-wrapper {
    .top-header-inner-group {
      margin-left: 0;
      margin-right: 0;
      .top-header-inner{
        line-height: 3n3px;
        >div{
          width: 100%;
          color: $color_text_general;
          text-align: center;
          font-size: 12px;
          text-transform: uppercase;
          font-weight: $font_weight_bold;
        }
      }
    }
  }
}
.dropdown-menu{
  &.currencies{
    padding: 0;
  }
}
.main-header {
  position:fixed;
  margin-top:32px;

  z-index:90;
  width:100%;
  @media(max-width: 767px){
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-header-inner {
    .main-header-group{
      @include display-flexbox();
      @include align-items(center);
      @include justify-content(space-between);
      padding-left: $row_padding;
      padding-right: $row_padding;
      @media(max-width: 767px) {
        padding-left: 0;
        padding-right: 0;
      }
      .left-area{
        @media(max-width: 767px) {
          padding-left: 0;
        }
        a{
          img {
            @media(max-width: 767px) {
              width: 80px;
            }
          }
        }
      }
      .right-area{
        .right-area-group{
          @include display-flexbox();
          @include align-items(center);
          @include justify-content(flex-end);
          float: right;
          >div{
            padding: 0 0.7rem;
            position: relative;
            @media(max-width: 767px) {
              display: none;
            }
            &.toolbar-customer,
            &#cart-target,
            .currency.btn-group{
              padding-top: 1rem;
              padding-bottom: 1rem;
            }
            >a, span{
              font-weight: $font_weight_bold;
              vertical-align: middle;
              font-size: 12px;
            }
            &.currency_group{
              a.currency_wrapper{
                color: $color_text_header;
                font-weight: $font_weight_thin;
                &:hover {
                  color: $color_hover_general;
                }
              }
            }
            &:last-child {
              padding-right: 0;
            }
            &.login-account{
              #loginButton{
                a, i.fa{
                  color: $color_text_header;
                  font-weight: $font_weight_bold;
                  vertical-align: middle;
                  padding-left: 5px;
                  &:hover {
                    color: $color_hover_general;
                  }
                }
              }
              i.fa{
                padding-right: 5px;
              }
              #loginBox {
                min-width: 250px;
                padding: 0;
               	.customer_accounts,
                .customer-accounts {
                  padding: 20px;
                  background: #f2f2f2;
                  >li {
                    padding: 0;
                    width: 100%;
                    margin-bottom: 10px;
                    line-height: 1.55em;
                    font-size: 12px;
                    &:last-child {
                      margin-bottom: 0;
                    }
                    a.btn, button {
                      color: $color_text_button;
                      background: $bkg_button;
                      border: 1px solid $color_border_button;
                      height: $height_button;
                      line-height: $height_button;
                      text-transform: uppercase;
                      &:hover {
                        color: $color_text_button_hover;
                        background: $bkg_button_hover;
                        border: 1px solid $color_border_button_hover;
                      }
                    }
                  }
                }
                #bodyBox{
                  @include inline-block();
                  width: 100%;
                }
              }
            }
            &.my-wishlist{
              span {
                height: $height_icon_header;
                width: 36px;
                @include inline-block();
              }
            }
            &.search_form{

            }
            &#cart-target {
              @include inline-block();
              position: relative;
              > a {
                .num-items-in-cart {
                  position: relative;
                  height: $height_icon_header;
                  line-height: $height_icon_header;
                  text-align: center;
                  i.fa {
                    color: $color_text_header;
                  }
                  .block-cart {
                    float: left;
                    background: url(//cdn.shopify.com/s/files/1/2059/3133/t/9/assets/icon_cart.png?9692) no-repeat 50% 50%;
                    height: $height_icon_header;
                    width: 36px;
                    span.icon {
                      @include inline-block();
                      height: $height_icon_header;
                      line-height: $height_icon_header;
                      font-size: 18px;
                      color: #000;
                      span.number {
                        color: #000;
                      }
                    }
                  }
                  >div{
                    @include inline-block();
                    &.number {
                      line-height: $width_icon_header;
                      vertical-align: top;
                      color: $color_text_header;
                    }
                    &.cart-total{
                      font-size: 18px;
                      color: #000;
                      font-weight: $font_weight_bold;
                    }
                  }
                }
              }
              #cart-info {
                left: auto;
                right: 0;
                width: 320px;
                height: auto;
                margin: 0;
                padding: 20px;
                line-height: 15px;
                border-radius: 0;
                background: #f2f2f2;
                @media(max-width: 320px) {
                  width: 291px;
                }
                #cart-content {
                  line-height: 15px;
                  .items {
                    position: relative;
                    display: inline-block;
                    width: 100%;
                    line-height: 10px;
                    vertical-align: top;
                    .row {
                      position: relative;
                      margin: 20px 0;
                      padding-bottom: 20px;
                      border-bottom: 1px solid $border_submenu;
                      a.cart-close {
                        @include inline-block();
                        text-align: left;
                        float: none;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        margin: 0;
                        line-height: 10px;
                        width: 18px;
                        height: 18px;
                        background-color: #272727;
                        border-radius: 50%;
                        i.fa {
                          color: #fff;
                          text-align: center;
                          vertical-align: middle;
                          line-height: 18px;
                          padding: 0 5px;
                          font-size: $font_size_text;
                        }
                      }
                      .cart-left {
                        @include inline-block();
                        float: left;
                        width: 30%;
                        a {
                          display: block;
                          line-height: 10px;
                        }
                      }
                      .cart-right {
                        @include inline-block();
                        width: 70%;
                        padding-left: 20px;
                        vertical-align: top;
                        .cart-title {
                          line-height: 20px;
                          margin-bottom: 5px;
                          a {
                            color: $color_text_general;
                            &:hover {
                              color: $color_hover_general;
                            }
                          }
                        }
                        .cart-price {
                          line-height: 20px;
                          span {
                            font-size: 16px;
                            color: $color_text_general;
                            font-weight: $font_weight_bold;
                          }
                        }
                      }
                      &:first-child {
                        margin-top: 0;
                      }
                    }
                  }
                  .subtotal {
                    margin-bottom: 20px;
                    line-height: 15px;
                    span {
                      color: #666666;
                      text-transform: uppercase;
                      font-weight: $font_weight_bold;
                      &.cart-total-right {
                        float: right;
                        font-size: 18px;
                        color: $color_text_heading;
                      }
                    }
                  }
                  .action {
                    line-height: 15px;
                    margin-left: -20px;
                    margin-right: -20px;
                    margin-bottom: -20px;
                    height: 60px;
                    line-height: 60px;
                    text-align: center;
                    button {
                      background: $bkg_button;
                      border: 1px solid $color_border_button;
                      color: $color_text_button;
                      padding: 0 20px;
                      font-size: $font_size_text;
                      text-transform: uppercase;
                      @include transition($transition-base);
                      &:hover {
                        background: $bkg_button_hover;
                        border-color: $color_border_button_hover;
                        color: $color_text_button_hover;
                      }
                      &.float-right {
                        margin-right: 10px;
                      }
                      i.fa {
                        padding-left: 5px;
                      }
                    }
                  }
                  .empty {
                    a.btn {
                      margin-top: 10px;
                      color: $color_text_button;
                      border-color: $color_border_button;
                      background: $bkg_button;
                      text-transform: uppercase;
                      font-weight: $font_weight_bold;
                      font-style: normal;
                      height: 36px;
                      line-height: 36px;
                      &:hover{
                        color: $color_text_button_hover;
                        border-color: $color_border_button_hover;
                        background: $bkg_button_hover;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.navigation-wrapper{
  position: fixed;
  margin-top:32px;
    display: block;
  z-index:90;
  
  .navigation-inner{
    .navi-group{
      @include inline-block();
      width: 100%;
      position: fixed;
    }
  }
}
.site-nav {
  >li{
    line-height: 38px;
    >a{
      font-size: $font_size_text;
      letter-spacing: .5px;
    }
  }
}
/*Submenu*/
.dropdown{
  &.mega-menu {
    .megamenu-container{
      &.dropdown-menu{
        margin-top: 0;
        background: #f2f2f2;
        @media(max-width: 767px) {
          max-height: 300px;
          overflow-y: scroll;
        }
      }
    }
  }
  .dropdown-menu{
    margin-top: -2px;
    background: #f2f2f2;
  }
}
/*Sticky menu*/
.header-wrapper{
  &.affix{
    .main-header{
      height: 0;
      padding: 0;
    }
    .main-header-inner {
      .main-header-group {
        display: none;
      }
    }
  }
  @media(max-width: 767px) {
    .mobile-nav-header {
      .mobile-nav-header-wrapper {
        .mobile-nav-header-inner {
          .is-mobile-nav-menu {
            width: 100%;
            height: 0;
            ul>li {
              a:hover{
                color: $color_text_menu;
              }
              .megamenu-container {
                .sub-mega-menu{
                  >li {
                    padding: 10px 30px;
                    &:first-child{
                      padding-top: 30px;
                    }
                    &:last-child {
                      padding-bottom: 30px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    &.open {
      position: fixed;
      top: 0;
      z-index: 20;
      width: 100%;
      height: auto;
      .mobile-nav-header {
        .mobile-nav-header-wrapper {
          .mobile-nav-header-inner {
            .is-mobile-nav-menu {
              height: auto;
              padding: 0 1rem;
            }
          }
        }
      }
    }
  }
}
/*Mobile menu*/
.mobile-nav-header {
  @media(max-width: 767px) {
    background: #000;
    height: auto;
    .mobile-nav-header-wrapper {
      height: auto;
      .mobile-nav-header-inner {
        height: auto;
        .is-mobile-nav-menu{
          background-color: #000;
          height: 0;
          .navbar-nav {
            border: none;
            box-shadow: none;
            margin: 7.5px -15px;
          }
        }
        #showLeftPush {
          width: 30px;
          height: 30px;
        }
        .mobile-top-navigation {
          background: $bkg_main_header;
        }
      }
    }
  }
}
/*Slideshow*/
.slideshow__image {
  @media(max-width: 420px) {
    background-size: contain;
  }
}
.slideshow{
  &.slideshow--medium {
    @media(max-width: 1024px) {
      height: 375px;
    }
    @media(max-width: 767px) {
      height: 350px;
    }
    @media(max-width: 600px) {
      height: 250px;
    }
    @media(max-width: 420px) {
      height: 130px;
    }
    @media(max-width: 320px) {
      height: 110px;
    }
  }
  .slick-dots {
    li {
      button:before{
        border-color: #2d2d2d;
        width: 13px;
        height: 13px;
        border-width: 1px;
      }
    }
  }
}
.slick-dots {
  li.slick-active {
    button:before {
      background: #666;
      border-color: #666;
    }
  }
}
/*Label product*/
.row-container {
  .row-left {
    .product-label {
      margin-top: 0;
      margin-left: 0;
      position: static;
      .label-element {
        position: absolute;
        top: 0;
        left: 0;
        &+ .label-element{
          left: auto;
          right: 0;
        }
        span{
          font-size: 12px;
          height: 20px;
          line-height: 20px;
          width: auto;
          text-transform: uppercase;
          border: 1px solid #000;
          @include border-radius(0);
          text-align: center;
          -webkit-transform: rotateZ(-90deg) translate3d(-100%,0,0);
          transform: rotateZ(-90deg) translate3d(-100%,0,0);
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
          padding: 0 10px;
        }
      }
    }
  }
}

/*Heading*/
.section-header{
  margin-bottom: 0px;
  h2{
    font-size: 30px;
    text-transform: capitalize;
    padding: 0 15px 8px;
    margin-bottom: 60px;
    margin-top: 0;
    @media(max-width: 767px) {
      margin-bottom: 30px;
    }
    &:before {
      background: $border_title;
      width: 35px;
      height: 6px;
    }
  }
}
/*Breadcrumb*/
$color_breadcrumb: #a6a6a6;
.breadcrumb{
  text-transform: uppercase;
  font-size: 11px;
  color: $color_breadcrumb;
  span {
    font-size: 11px;
    color: $color_breadcrumb;
    a{
      font-size: 11px;
      color: $color_breadcrumb;
      &:hover {
        color: $color_hover_general;
        span {
          color: $color_hover_general;
        }
      }
    }
    &:last-child {
      a{
        &:hover {
          cursor: text;
          color: $color_breadcrumb;
        }
      }
    }
  }
}
/*Product title*/
.row-container {
  .row-left {
    overflow: hidden;
    .hover-mask{
      position: static;
      margin: 0;
      @include transform(none);
      .group-mask {
        position: static;
        .inner-mask {
          position: static;
          >form {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            padding: 10px 0;
            text-align: center;
            margin: 10px auto 0;
            @include transition($transition-base);
            @include transform(translateY(50px));
            background: $shop_bg_color;
            @media(max-width: 1024px) {
              @include transform(translateY(0));
            }
            button {
              font-family: $font_heading;
              text-transform: capitalize;
              font-weight: $font_weight_normal;
              font-style: italic;
              [class^="modez-icon-"], [class*=" modez-icon-"] {
                padding-right: 5px;
              }
              &:hover {
                [class^="modez-icon-"], [class*=" modez-icon-"] {
                  color: $color_text_button_hover;
                }
              }
            }
          }
          .group_qv{
            position: absolute;
            top: 0;
            right: 0;
            @include transform(scale(0,0));
            @include transition($transition-base);
            .quickview-wishlist-wrapper{
              >li{
                display: block !important;
                a{
                  height: 25px;
                  background: transparent;
                  border-color: transparent;
                  &:hover {
                    background: transparent;
                    border-color: transparent;
                    i.fa{
                      color: $color_text_button;
                      @include opacity(0.5,50);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .row-right {
    padding: 10px 0 0;
    .product-title {
      margin-bottom: 0;
      a{
        font-size: $font_size_text;
        font-weight: $font_weight_normal;
      }
    }
    .product-price {
      font-size: $font_size_text;
      font-weight: $font_weight_normal;
      .price_compare {
        font-size: $font_size_text;
      }
    }
    .rating-star {
      margin-bottom: 0;
      .spr-badge {
        .spr-badge-starrating {
          margin: 0;
          .spr-icon {
            font-size: 7px;
          }
        }
      }
    }
  }
  &:hover {
    .row-left{
      .hover-mask{
        @include transform(none);
        .group-mask {
          .inner-mask {
            >form {
              @include transform(translateY(0));
            }
            .group_qv{
              @include transform(scale(1,1));
            }
          }
        }
      }
    }
  }
}
/*Banner*/
.banner_group{
  >div{
    >div{
      padding-left: $row_padding;
      padding-right: $row_padding;
      a{
        @include effect_banner();
      }
      &:last-child {
        .banner-info{
          @media(max-width: 767px) {
            margin-bottom: 0;
          }
        }
      }
      .banner-info{
        text-align: center;
        margin-top: 15px;
        @media(max-width: 767px) {
          margin-bottom: 30px;
        }
        .title {
          font-size: 1.5rem;
          font-family: $font_misc;
          line-height: 1;
          margin-bottom: 10px;
          letter-spacing: .5px;
        }
        .sub-title{
          font-size: 13px;
          margin-bottom: 20px;
        }
        .action {
          a {
            @include inline-block();
            font-size: 11px;
            text-transform: uppercase;
            font-family: $font_general;
            color: $color_text_button1;
            border-color: $color_border_button1;
            background: $bkg_button1;
            letter-spacing: 0.5px;
            @include border_radius(0);
            height: 32px;
            line-height: 32px;
            &:before {
              display: none;
            }
            &:hover {
              color: $color_text_button1_hover;
              border-color: $color_border_button1_hover;
              background: $bkg_button1_hover;
            }
          }
        }
      }
    }
  }
  .banner-with-col-3{
    >div {
      a {
        @include effect_banner();
      }
    }
  }
}
/*Icon slider*/
.owl-buttons{
  >div {
    border-color: $border_general;
    border-width: 2px;
    width: 35px;
    height: 35px;
    i.fa{
      line-height: 32px;
      font-weight: $font_weight_thin;
    }
  }
}
/*Home tabs*/
.owl-buttons {
  >div{
    margin-top: 0;
  }
}
.problock-content {
  .row-container {
    .row-inner {
      .row-right{
        width: 60%;
      }
      .row-left {
        width: 40%;
      }
    }
  }
}
.problock-title {
  margin-bottom: 20px;
  letter-spacing: .5px;
}
.home-productslider-wrapper{
  .grid--view-items {
    margin-left: 0;
    margin-right: 0;
  }
}
.home-tabs-wrapper {
  .section-content {
    .problock-element{
      &:nth-last-child(-n + 2) {
        @media(max-width: 768px) {
          margin-top: 2*$row_padding;
        }
      }
    }
  }
}
/*Lookbook*/
.fb-next span {
  background-position: 0 -70px;
}
.fb-prev span{
  background-position: 0 -35px;
}
/*Home blog*/
.blog-item-group {
  font-size: 12px;
  .blog-des {
    padding: 1.5rem 0;
    .article-title {
      font-size: 18px;
      font-family: $font_heading;
      text-transform: capitalize;
      font-style: italic;
      margin-bottom: 1.5rem;
      a{
        font-size: 18px;
        font-family: $font_heading;
        text-transform: capitalize;
        font-style: italic;
        line-height: 1.55em;
      }
    }
    .desc {
      font-size: 12px;
      line-height: 1.5;
      margin-bottom: 1.5rem;
    }
    .action {
      padding-left: 0;
      a{
        font-size: 12px;
        text-transform: uppercase;
        font-weight: $font_weight_bold;
        i.fa{
          padding-left: 5px;
        }
      }
    }
    .author {
      padding-right: 0;
      ul{
        @include display-flexbox();
        @include justify-content(flex-end);
        font-size: 12px;
        font-family: $font_heading;
        font-style: italic;
        li{
          padding: 2px;
        }
      }
    }
  }
  .blog-item-inner{
    position: relative;
    .tag{
      position: absolute;
      bottom: 0;
      left: 0;
      margin-bottom: 20px;
      a {
        @include inline-block();
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        background: #fff;
        font-size: 12px;
        text-transform: uppercase;
        color: $color_text_general;
        font-weight: $font_weight_bold;
        letter-spacing: 1px;
      }
    }
  }
}
.grid--blog{
  @include inline-block();
  margin-left: -$row_padding;
  margin-right: -$row_padding;
  @media(max-width: 767px) {
    margin-left: 0;
    margin-right: 0;
  }
  .left-area{
    .blog-item-group{
      padding-left: 0;
      padding-right: 0;
    }
  }
  .right-area{
    @media(max-width: 767px) {
      margin-top: 2*$row_padding;
      padding-left: 0;
      padding-right: 0;
    }
    >div{
      @include inline-block();
      margin-left: -$row_padding;
      margin-right: -$row_padding;
      @media(max-width: 767px) {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
      }
      &:first-child {
        margin-bottom: $row_padding;
      }
      .blog-item-group{
        padding-left: 0;
        padding-right: 0;
        .blog-des {
          padding: 0;
          @media(max-width: 767px) {
            padding: 1.5rem 0;
          }
          .action {
            width: 100%;
          }
        }
      }
    }
  }
}
.blog-item-group {
  .article-grid-image {
    @include effect_banner();
    img{
      @media(max-width: 767px) {
        width: 100%;
      }
    }
  }
}
.articles, 
.article {
  .article-tags {
    span {
      font-size: 14px;
      font-weight: $font_weight_thin;
      font-style: italic;
      font-family: $font_heading;
      padding-right: 5px;
    }
    a{
      font-size: 12px;
      text-transform: capitalize;
    }
  }
}
/*Footer*/
.site-footer {
  font-size: 14px;

  .footer-title {
    .title{
      font-size: 16px;
    }
  }
  .footer-wrapper{
    border: none;
    .footer_top-block{
      background: #333;
      color: #fff;
      padding: 1.6rem 0;
      margin-bottom: 3rem;
      .footer_top-block-group{
        @include display-flexbox();
        @include justify-content(space-between);
        @include align-items(center);
        @media(max-width: 767px) {
          padding-left: $row_padding;
          padding-right: $row_padding;
          display: block;
        }
        .fi-newsletter-group{
          @include flex(2);
          height: auto;
          padding: 0;
          @media(max-width: 767px) {
            width: 100%;
          }
          .footer-title{
            @include flex(1);
            .newsletter_heading {
              text-transform: uppercase;
              color: #fff;
              margin: 0;
              @media(max-width: 1199px) {
                font-size: 15px;
              }
              @media(max-width: 991px) {
                font-size: 12px;
              }
            }
          }
          .newsletter-form{
            @include flex(1);
            input {
              width: 100%;
              border: 1px solid #fff;
              background: transparent;
              @include border_radius(0);
              height: $height_button;
              line-height: $height_button;
            }
            .input-group__btn{
              position: absolute;
              right: 0;
              top: 0;
            }
            button.newsletter__submit{
              background: $bkg_button;
              color: $color_text_button;
              font-size: 11px;
              height: $height_button;
              line-height: $height_button;
              @include border_radius(0);
              font-family: $font_general;
            }
          }
        }
        .fi-social-icon{
          @include flex(1);
          text-align: right;
          padding: 0;
          @media(max-width: 767px) {
            width: 100%;
            text-align: center;
          }
        }
        i.fa{
          color: #fff;
          @include transition($transition-base);
          &:hover {
            @include opacity(0.5,50);
          }
        }
      }
    }
    .footer_info-block {
      margin-bottom: 2.25rem;
      .footer_info_wrapper {
        .footer_info_inner {
          margin-left: -$row_padding;
          margin-right: -$row_padding;
          @media(max-width: 767px) {
            margin-left: 0;
            margin-right: 0;
          }
          .footer_inf-content {
            border: none;
            >div{
              border: none;
              padding: 0 15px;
              &:nth-last-child(-n + 2) {
                @media(max-width: 768px) {
                  margin-top: 2*$row_padding;
                }
              }
              @media(max-width: 767px) {
                width: 50%;
              }
              @media(max-width: 420px) {
                width: 100%;
              }
              .fi-aboutus-content{
                font-size: 14px;
              }
              .fi-contact-content {
                >div{
                  @include display-flexbox();
                  @include align-items(baseline);
                  margin-bottom: 10px;
                  span {
                    @include flex(2);
                  }
                }
              }
              &.fi-links {
                .fi-usefullinks {
                  ul{
                    >li{
                      margin-bottom: 10px;
                      &:last-child {
                        margin-bottom: 0;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .footer_partner-block{
      margin-bottom: 2.25rem;
      .footer_partner_wrapper{
        .footer_partner_inner{
          &:hover {
            .owl-buttons{
              >div{
                @include opacity(1,100);
                margin-top: -18px;
              }
            }
          }
        }
      }
    }
    .copy-right {
      background: #000;
      color: #fff;
      padding: 1rem 0;
      text-align: center;
      font-size: 12px;
      .copy-right-wrapper {
        .copy-right-inner {
          color: #fff;
          height: auto;
          line-height: 1;
          a{
            color: #fff;
          }
        }
      }
    }
  }
}
/*Instagram*/
.instagram_group {
  #instafeed{
    @include display-flexbox();
    @include justify-content(center);
    @include align-items(center);
    width: 100%;
    a{
      width: 16.667%;
      padding-left: 3px;
      padding-right: 3px;
      margin: 3px 0;
      @media(max-width: 767px) {
        width: 50%;
      }
      img{
        width: 100%;
      }
    }
  }
}
/*Sidebar*/
.collection-content {
  .collection-content-wrapper{
    .collection-content-group{
      .collection-content-inner {
        .left-sidebar {
          .sidebar-block {
            margin-bottom: 32px;
            position: relative;
            &.filter-block {
              .sidebar-content{
                padding-top: 0;
              }
            }
            .sidebar-title{
              font-size: 16px;
              font-family: $font_heading;
              text-transform: capitalize;
              font-style: italic;
              font-weight: $font_weight_normal;
              padding-bottom: 7px;
              border-bottom: 1px solid $color_text_heading;
              margin-bottom: 0;
              &.title {
                font-size: 16px;
              }
            }
            .sidebar-content{
              padding-top: 28px;
              .title {
                position: absolute;
                right: 0;
                top: 0;
                .ficon{
                  i.fa{
                    font-weight: $font_weight_bold;
                  }
                  &:hover {
                    cursor: pointer;
                  }
                }
              }
              ul.links {
                margin-left: 0;
                >li{
                  list-style: none;
                  position: relative;
                  padding: 2px 0;
                  &:before {
                    content: '+';
                    position: absolute;
                    top: 0;
                    left: 0;
                  }
                  &:first-child {
                    &:before {
                      margin-top: 0;
                    }
                  }
                  a {
                    padding-left: $row_padding;
                    font-size: 13px;
                  }
                }
              }
            }
            .filter-title{
              font-size: 13px;
              text-transform: uppercase;
              font-weight: $font_weight_bold;
              padding-bottom: 15px;
            }
          }
        }
      }
    }
  }
}
.sidebar-title{
  font-size: 16px;
  font-family: $font_heading;
  text-transform: capitalize;
  font-style: italic;
  font-weight: $font_weight_normal;
  padding-bottom: 7px;
  border-bottom: 1px solid $color_text_heading;
  margin-bottom: 28px;
  &.title {
    font-size: 16px;
  }
}
.sidebar{
  >div{
    .sidebar-title{
      background: none;
      font-size: 16px;
      margin-bottom: 28px;
      padding-bottom: 7px;
      margin-top: 0;
      text-transform: capitalize;
    }
    .ra-item{
      &+ .ra-item{
        padding: 10px 0;
      }
       h5{
          a{
            font-weight: $font_weight_normal;
            font-size: $font_size_general;
          }
       }
    }
    .article-info {
      font-size: 12px;
    }
    .tags{
      @include display-flexbox();
      @include justify-content(left);
      >li{
        &+ li {
          padding-left: 5px;
        }
        a {
          font-size: 12px;
          text-transform: capitalize;
        }
      }
    }
  }
}
.pagination {
  width: 100%;
  text-align: center;
  >li {
    @include inline-block();
    &.prev{
      float: left;
      margin-left: -$row_padding;
      a{
        border: none;
        &:before {
          content: 'Prev';
        }
      }
    }
    &.next {
      float: right;
      margin-right: -$row_padding;
      a{
        &:before {
          content: 'Next';
        }
      }
    }
    &.prev,
    &.next {
      a{
        width: 55px;
        color: #000;
        &:hover {
          color: #989898;
        }
        &.disabled {
          @include opacity(0,0);
        }
      }
    }
    &.active {
      a{
        color: #000;
        background: transparent;
        border: 1px solid #e8e8e8;
        @include border-radius(4px);
        &:hover {
          background: transparent;
          color: #000;
          border: 1px solid #e8e8e8;
        }
      }
    }
    &:hover {
      a {
        background: transparent;
        color: #000;
      }
    }
    a{
      font-size: 1em;
      text-transform: capitalize;
      border: none;
      color: #989898;
      width: 20px;
      height: 20px;
      line-height: 18px;
      padding: 0;
    }
  }
}
/*Collection content*/
$height_button_list: 30px;
.collection-items{
  &.full_width {
    .product-item-wrapper{
      .row-container{
        .row-right {
          .list-action {
            form {
              margin-right: 10px;
              .effect-ajax-cart{
                button{
                  background: $bkg_button1;
                  border: 1px solid $color_border_button1;
                  color: $color_text_button1;
                  padding: 0 20px;
                  font-size: 11px;
                  letter-spacing: 1px;
                  @include border_radius(0);
                  height: $height_button_list;
                  line-height: $height_button_list;
                  text-transform: uppercase;
                  font-family: $font_general;
                  &:hover {
                    background: $bkg_button1_hover;
                    border: 1px solid $color_border_button1_hover;
                    color: $color_text_button1_hover;
                  }
                }
              }
            }
            .group_qv {
              ul.quickview-wishlist-wrapper{
                li{
                  &:first-child{
                    margin-right: 10px;
                  }
                  a{
                    @include inline-block();
                    width: $height_button_list;
                    height: $height_button_list;
                    line-height: $height_button_list;
                    text-align: center;
                    background: $bkg_button;
                    border: 1px solid $color_border_button;
                    color: $color_text_button;
                    i.fa{
                      padding-right: 0;
                    }
                    &:hover {
                      background: $bkg_button_hover;
                      border: 1px solid $color_border_button_hover;
                      color: $color_text_button_hover;
                    }
                  }
                }
              }
            }
          }
          .product-price{
            font-weight: $font_weight_normal;
            .price_sale {
              font-size: 16px;
            }
          }
          .left-area {
            margin-bottom: 10px;
            .rating-star{
              margin-bottom: 15px;
            }
            .product-title {
              a{
                font-size: 18px;
                font-weight: $font_weight_normal;
              }
            }
          }
          .list-mode-description{
            padding-top: 20px;
            font-size: 12px;
            border-top-color: $color_text_heading;
            margin-bottom: 39px;
          }
        }
      }
    }
  }
}
.row-container {
  .row-left {
    .hoverBorder{
      position: relative;
    }
  }
}
/*Product detail*/
$height_button_productdetail: 32px;
.product-detail-content{
   .detail-content-wrapper{
      .detail-content-inner{
         .detail-content{
            .info-detail-pro{
              #product-image{
                #gallery-images-vertical{
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100px;
                  z-index: 1;
                  margin: 0;
                  .bx-wrapper {
                    .bx-viewport{
                      min-height: 445px;
                    }
                    .image {
                      margin-bottom: $row_padding;
                      img{
                        display: block;
                      }
                    }
                    .bx-controls{
                      .bx-controls-direction{
                        @include display-flexbox();
                        @include justify-content(space-between);
                        margin-top: $row_padding;
                        >a{
                          @include inline-block();
                          width: 25px;
                          height: 25px;
                          line-height: 25px;
                          text-align: center;
                          border: 1px solid #000;
                        }
                      }
                    }
                  }
                  
                }
                #featuted-image{
                  padding-left: 120px;
                  z-index: 0;
                  @media(max-width: 1199px) {
                    padding-left: 0;
                  }
                }
              }
               #product-information{
                  h1.title {
                    font-weight: $font_weight_normal;
                    font-family: $font_heading;
                    font-style: italic;
                    margin-top: 0;
                    text-transform: initial;
                  }
                 .rating-star {
                   text-align: right;
                   padding-right: 0;
                   i.spr-icon {
                     font-size: 11px;
                     color: $color_text_general;
                     padding-right: 3px;
                     &:last-child {
                       padding-right: 0;
                     }
                   }
                   .spr-badge-caption{
                     display: none;
                   }
                 }
                 .title {
                   font-size: 13px;
                   line-height: 1;
                 }
                 .inventory_management {
                   margin-bottom: 15px;
                   span {
                     font-size: 13px;
                     color: #757575;
                     padding-left: 25px;
                   }
                 }
                 .description {
                   p{
                     font-size: 12px;
                   }
                 }
                 #add-item-form {
                   .purchase {
                     margin-bottom: 17px;
                     padding-left: 0;
                     .price {
                       span.money {
                         font-size: 24px;
                         font-weight: $font_weight_normal;
                       }
                     }
                   }
                   .product-options {
                     margin-top: 0;
                     .col-sm-12{
                       padding-left: 0;
                       padding-right: 0;
                     }
                     .swatch{
                       margin-bottom: 2px;
                       .header {
                         font-size: 13px;
                         text-transform: uppercase;
                         display: block;
                         float: none;
                         width: auto;
                         margin-bottom: 5px;
                         padding-bottom: 0;
                       }
                       .swatch-element {
                         width: 30px;
                         height: 30px;
                         border-color: transparent;
                         padding: 0;
                         border-width: 2px;
                         &.color {
                           border: 1px solid rgba(0,0,0,0.2);
                           &.hovered,
                           &.active {
                             padding: 2px;
                             border-width: 2px;
                             border-color: #000;
                           }
                         }
                         label {
                           background: transparent;
                           border: transparent;
                           line-height: 24px;
                         }
                         &.hovered,
                         &.active {
                           border-width: 2px;
                         }
                       }
                     }
                   }
                   .quantity-wrapper {
                     width: 120px;
                     .wrapper-title {
                       display: block;
                       margin-bottom: 15px;
                     }
                     .wrapper {
                       span{
                         padding: 0;
                       }
                     }
                   }
                   .purchase-section {
                     margin-right: 10px;
                     .btn{
                       font-size: 12px;
                       letter-spacing: 1px;
                       padding: 0 13px;
                       color: $color_text_button1;
                       border-color: $color_border_button1;
                       background: $bkg_button1;
                       font-weight: $font_weight_bold;
                       text-transform: uppercase;
                       &:hover {
                         color: $color_text_button1_hover;
                         border-color: $color_border_button1_hover;
                         background: $bkg_button1_hover;
                       }
                     }
                   }
                 }
                 .need-to-wishlist {
                   width: auto;
                   height: $height_button_productdetail;
                   line-height: $height_button_productdetail;
                   padding: 0 20px;
                   font-weight: $font_weight_bold;
                   i.fa{
                     width: auto;
                     height: $height_button_productdetail;
                     line-height: $height_button_productdetail;
                     padding-right: 10px;
                   }
                 }
                 .wishlist-button {
                   height: $height_button_productdetail;
                   line-height: $height_button_productdetail;
                   width: $height_button_productdetail;
                   text-align: center;
                   .wishlist-added,
                   .add-to-wishlist {
                     height: $height_button_productdetail;
                     line-height: $height_button_productdetail;
                     width: $height_button_productdetail;
                     i.fa{
                       height: $height_button_productdetail;
                       line-height: $height_button_productdetail;
                       width: $height_button_productdetail;
                     }
                   }
                 }
                 .product-detail-tag {
                   border-bottom: 1px solid #000;
                   .tags {
                     span{
                       font-size: 13px;
                       text-transform: uppercase;
                       margin-bottom: 5px;
                     }
                     a{
                       font-weight: $font_weight_normal;
                     }
                   }
                 }
                 .social-sharing{
                   .share-title{
                     font-size: 13px;
                     text-transform: uppercase;
                     font-weight: $font_weight_bold;
                     padding-right: 10px;
                     vertical-align: middle;
                   }
                   >a{
                     border: none;
                     width: auto;
                     height: auto;
                     line-height: 1;
                     background: none;
                     margin-right: 0;
                     padding: 0 5px;
                     &:hover {
                       background: none;
                       color: $color_text_heading;
                       @include opacity(0.5,50);
                     }
                   }
                 }
               }
            }
           #tabs-information {
             border: none;
             .tabs-title {
               ul.nav-tabs{
                 border-bottom: 0;
                 @include justify-content(center);
                 margin-bottom: 20px;
                 >li{
                   border-right: 0;
                   a{
                     font-size: 15px;
                     padding: 0 0 2px 0;
                     border-bottom: 2px solid transparent;
                     color: #aeaeae;
                   }
                   &.active,
                   &:hover {
                     a {
                       color: $color_text_heading;
                       border-bottom-color: $color_text_heading !important
                     }
                   }
                 }
               }
             }
             .tabs-content{
               padding: 0;
               font-size: 12px;
               .spr-header-title{
                 font-size: 14px;
               }
             }
             #shopify-product-reviews {
               .spr-container {
                 .spr-icon{
                   color: $color_text_heading;
                   font-size: 10px;
                   padding-right: 2px;
                 }
               }
             }
           }
         }
      }
   }
}
/*Quickshop*/
#quick-shop-modal {
  .modal-content {
    .modal-body {
      .product-information {
        #quick-shop-container {
          #quick-shop-product-actions {
            #quick-shop-variants-container {
              .selector-wrapper {
                label{
                  width: 65px;
                }
              }
            }
            .others-bottom {
              input.btn {
                @include border_radius(0);
                height: 36px;
                line-height: 36px;
                text-transform: uppercase;
                padding: 0 41px;
              }
            }
          }
        }
      }
    }
  }
}
#quick-shop-title {
  margin-top: 0;
  a {
    font-size: 30px;
    text-transform: capitalize;
  }
}
/*About us*/
.page-content {
  .main-content {
    .content-text{
      >div {
        img {
          width: 100%;
        }
        .title {
          font-family: $font_heading;
          font-style: italic;
          font-weight: $font_weight_normal;
        }
        .content{
          font-size: 12px;
          ol {
            counter-reset: my-badass-counter;
            margin-top: 30px;
            >li{
              position: relative;
              list-style: none;
              padding-top: 13px;
              padding-bottom: 13px;
              padding-left: 30px;
              &:first-child {
                padding-top: 0;
                &:before {
                  margin-top: 0;
                }
              }
              &:before {
                content: counter(my-badass-counter);
                counter-increment: my-badass-counter;
                position: absolute;
                left: 0;
                top: 0;
                margin-top: 13px;
                font-size: 30px;
                font-family: $font_heading;
                color: #f6d2ce;
              }
            }
          }
          .panel-group{
            .panel-default{
              @include border_radius(0);
              border: none;
              .panel-heading{
                background: transparent;
                @include border_radius(0);
                padding: 5px 30px;
                border: 1px solid $border_general;
                .panel-title{
                  a{
                    @include inline-block();
                    width: 100%;
                  }
                }
              }
              .panel-collapse{
                .panel-body{
                  border: none;
                  padding: 18px 30px;
                }
              }
            }
          }
        }
      }
    }
    .content-staff{
       .staff-element {
         position: relative;
         .staff-des-group{
           position: absolute;
           bottom: 0;
           left: 40px;
           right: 40px;
           margin: 0 auto;
           background: #fff;
         }
         .staff-name {
           font-size: 16px;
           font-family: $font_heading;
           text-transform: capitalize;
           margin-top: 10px;
           font-weight: $font_weight_normal;
           font-style: italic;
         }
         .staff-job {
           font-size: 13px;
           text-transform: uppercase;
           margin-top: 0;
           margin-bottom: 5px;
         }
         &:hover {
           .staff-des-group{
             background: #000;
           }
           .staff-name,
           .staff-job {
             color: #fff;
             font-style: normal;
           }
         }
       }
    }
  }
  .page-content-wrapper{
    .page-content-inner{
      &.about-us{
        margin-left: -$row_padding;
        margin-right: -$row_padding;
        @media(max-width: 767px) {
          margin-left: 0;
          margin-right: 0;
        }
      }
    }
  }
}
.article-image {
  position: relative;
  a{
    display: block;
    &:hover {
      @include opacity(0.5,50);
    }
  }
  .tag{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 20px;
    a{
      @include inline-block();
      height: 30px;
      line-height: 30px;
      padding: 0 20px;
      background: #fff;
      font-size: 12px;
      text-transform: uppercase;
      color: $color_text_heading;
      font-weight: $font_weight_bold;
    }
  }
}
.articles {
  .top1-article {
    margin-bottom: 40px;
  }
  .group-blog-title{
    .article-name{
      margin-top: 25px;
      margin-bottom: 17px;
      a{
        font-size: 24px;
        font-family: $font_heading;
        font-weight: $font_weight_normal;
        font-style: italic;
        line-height: 1;
      }
    }
  }
  .article-content {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .article-post-action{
    width: 50%;
    margin-top: 0;
    padding-left: 0;
    a{
      height: auto;
      line-height: 1;
      background: none;
      border: none;
      padding: 0;
      font-size: 12px;
      color: $color_text_heading;
      &:hover {
        background: none;
        border: none;
        color: $color_text_heading;
        @include opacity(0.5,50);
      }
      i.fa{
        padding-left: 5px;
      }
    }
  }
  .author {
    text-align: right;
    padding-right: 0;
    @media(max-width: 767px) {
      padding-left: 0;
      text-align: left;
    }
    ul{
      @include display-flexbox();
      @include justify-content(flex-end);
      @media(max-width: 767px) {
        @include justify-content(flex-start);
      }
      >li{
        font-size: 12px;
        font-style: italic;
        font-family: $font_heading;
        padding: 0 3px;
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
}
.articles .group-blog-title .article-name a, 
.article .group-blog-title .article-name a {
  font-style: italic;
  font-family: $font_heading;
  font-weight: $font_weight_thin;
  font-size: 24px;
  line-height: 1;
}
.articles .article-content, 
.article .article-content{
  font-size: 11px;
}
.articles .article-info, 
.article .article-info {
  padding-bottom: 0;
  border-bottom: none;
}
.group_content_article {
  .author {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 10px;
    ul{
      @include display-flexbox();
      @include justify-content(flex-start);
      >li{
        font-size: 12px;
        font-style: italic;
        font-family: $font_heading;
        padding: 0 3px;
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
  .article-bottom{
    .article-share{
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }
}
/*Lookbook*/
.content-lookbook{
  @media(max-width: 767px) {
    margin-left: 0;
    margin-right: 0;
  }
  >div{
    &.row1 {
      .lb-element{
        padding-left: 0;
        padding-right: 0;
      }
    }
    &.row3 {
      padding-left: 0;
      padding-right: 0;
      .lb-element{
        margin-bottom: 2*$row_padding;
        &:nth-last-child(-n + 3) {
          margin-bottom: 0;
        }
      }
    }
  }
}
/*Contact us*/
.google-maps-wrapper{
  @include inline-block;
  width: 100%;
  position: relative;
  .contact-information{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 35px;
    margin-left: 35px;
    z-index: 2;
    @media(max-width: 420px) {
      margin-top: 10px;
      margin-left: 10px;
    }
    ul{
      padding: 25px;
      background: #000;
      color: #fff;
      font-size: 12px;
      >li{
        padding-bottom: 10px;
        i.fa{
          padding-right: 10px;
        }
        &:last-child {
          padding-bottom: 0;
        }
      }
    }
  }
}
/*Collection*/
.collections_product_group {
  margin-left: -$row_padding;
  margin-right: -$row_padding;
  @media(max-width: 767px) {
    margin-left: 0;
    margin-right: 0;
  }
  .collections_product_inner{
    @include display-flexbox();
    .product {
      width: 25%;
      padding: 0 $row_padding $row_padding;
      @media(max-width: 767px) {
        width: 50%;
      }
      .image{
        position: relative;
        overflow: hidden;
        .hover_button{
          position: absolute;
          width: 100%;
          height: 100%;
          text-align: center;
          vertical-align: middle;
          top: 0;
          left: 0;
          background: rgba(#000, 0.2);
          @include display-flexbox();
          @include justify-content(center);
          @include align-items(center);
          @include transition($transition-base);
          @include transform(scale(1,0));
          @media(max-width: 767px) {
            @include transform(scale(1,1));
          }
          >a{
            height: 36px;
            line-height: 36px;
            text-align: center;
            background-color: $bkg_button;
            color: $color_text_button;
            text-transform: capitalize;
            padding-left: 20px;
            padding-right: 20px;
            font-weight: $font_weight_normal;
            font-style: italic;
            font-family: $font_heading;
            &:hover {
              background-color: $bkg_button_hover;
              color: $color_text_button_hover;
            }
          }
        }
      }
      &:hover {
        .image{
          .hover_button{
            @include transform(scale(1,1));
          }
        }
      }
    }
  }
}
.list-collection-content {
  .list-collections-wrapper {
    .products{
      width: auto;
      >div:hover {
        .image {
          a {
            img{
              @include opacity(1,100);
              @include transform(scale(1,1));
            }
          }
        }
      }
    }
  }
}
/*Popup cart*/
.popup-pro-wrapper {
  .ajax-cart-modal-wrapper {
    .ajax-cart-box {
      .ajax-cart-right{
         .ajax-cart-group-actions {
           .ajax-cart-continue {
             .btn {
               margin-right: 10px;
             }
           }
           .btn {
             padding-left: 10px;
             padding-right: 10px;
             text-transform: uppercase;
             font-size: 12px;
           }
         }
      }
    }
  }
}
/*Login*/
.login-content {
  .login-content-wrapper {
    .login-content-inner {
      #customer_login{
        padding: 50px 0;
         .errors {
           padding: 0 5px;
           margin-top: 0;
         }
      }
    }
  }
}
/*Search page*/
.search-page {
  hr {
    margin-left: -$row_padding;
    margin-right: -$row_padding;
    @media(max-width: 767px) {
      margin-left: 0;
      margin-right: 0;
    }
  }
}