.blockcart_top{
  padding: 0;
  @include rtl-float-right();
}
/***/
#social_block {
  .title_block{
    display: none;
  }
  ul {
    @include rtl-float-left();
    width: 100%;
    margin-top: 0px;
    li {
      @include rtl-float-left();
      @include rtl-margin-right(10px);
      text-align: center;
      padding: 0;    
      line-height: 10px;        
      a {
        width: 45px;
        height: 45px;
        line-height: 38px;
        display: inline-block;
        color: white;
        font-size: 20px;
        @include border-radius(3px);
        position: relative;
        z-index: 1;
        background: url(#{$image-theme-base-path}icon-footer.png) no-repeat;
        @include transition(all 0.3s ease 0s);
        span {
          display: none;
        }        
      }
      &.facebook {
        a { 
          background-position: 0 0;
          &:hover{
            background-position: 0 -45px;
          }
        }
      }
      &.google-plus {
        a { 
          background-position: -45px 0;
          &:hover{
            background-position: -45px -45px;
          }
        }
      }
      &.twitter {
       a { 
          background-position: -95px 0;
          &:hover{
            background-position: -95px -45px;
          }
        }
      }
      &.rss {
        a { 
          background-position: -145px 0;
          &:hover{
            background-position: -145px -45px;
          }
        }
      }
      &.youtube {
        a { 
          background-position: 0 0;
          &:hover{
            background-position: 0 45px;
          }
        }
      }
      &.pinterest {
       a { 
          background-position: 0 0;
          &:hover{
            background-position: 0 45px;
          }
        }
      }
    }
  }
}

.bottom-footer {
  position: absolute;
  bottom: 0;
  @include rtl-left( 0);
  text-align: center;
}


//CSS Modules
//IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.

//Block ADVERTISING
.advertising_block {
  width: 191px;
  margin-bottom: 1em;
  text-align: center;
}

//footer
.blockcategories_footer ul ul {
  display: none !important;
}

// custom-footer
#htmlcontent_footer {
  .htmlcontent-home {
    border-top: $main_border;
  }
}

//Form validate
.form-group {
  &.form-error {
    input, textarea {
      border: 1px solid #f13340;
      color: #f13340;
      background-image: url(#{$image-theme-path}form-error.png);
      background-repeat: no-repeat;
      background-color: #fff1f2;
      @include rtl-background-position-percent(11px,98%);
    }
  }
  &.form-ok {
    input, textarea {
      border: 1px solid #46a74e;
      color: #35b33f;
      background: url(#{$image-theme-path}form-ok.png);
      background-repeat: no-repeat;
      background-color: #ddf9e1;
      @include rtl-background-position-percent(11px,98%);
    }
  }
  &.form-error, &.form-ok {
    .form-control {
      @include rtl-padding-right(30px);
    }
  }
}

//uniform
.radio-inline, .checkbox {
  @include rtl-padding-left(0);
  .checker {
    @include rtl-float-left();
    span {
      top: 0px;
    }
  }
  div.radio {
    display: inline-block;
    span {
      @include rtl-float-left();
      top: 0px;
    }
  }
}

.fancybox-skin {
  background: $light-background !important;
}

.fancybox-skin .fancybox-close {
  top: -8px;
  @include rtl-right(-8px);
  width: 28px;
  height: 28px;
  background: none;
  font-size: 28px;
  line-height: 28px;
  color: $base-text-color;
  text-align: center;
  &:hover {
    color: $link-hover-color;
  }
  &:after {
    content: "\f057";
    font-family: $font-icon;
  }
}

//Homepage pre-footer

#cmsinfo_block {
  em {
    @include rtl-float-left();
    width: 60px;
    height: 60px;
    margin: 3px 10px 0 0;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: lighten($base-heading-color, 10%);
    @include border-radius(100px);
    // max 991px
    @media (max-width: $screen-sm-max) {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 20px;
    }
  }
  .type-text {
    overflow: hidden;
  }
  .cmsinfo_content {
    @include rtl-float-left();
    width: 100%;
  }
  h3 {
    margin: 0 ;
  }
  ul {
    li {
      padding-bottom: 22px;
      // max 1199px
      @media (max-width: $screen-md-max) {
        padding-bottom: 10px;
      }
      // max 991px
      @media (max-width: $screen-sm-max) {
        padding-bottom: 0;
      }
    }
  }
  p {
  em {
    background: none;
    @include border-radius(0);
    margin: 0;
    font-size: 13px;
    color: $text-color;
    float: none;
    height: inherit;
    line-height: inherit;
    @include rtl-text-align-left();
    font-style: italic;
  }
   }
}
.facebook-fanbox {
  overflow: hidden;
}
.ie8 {
  #facebook_block,
  #cmsinfo_block {
    height: 344px;
  }
}

// news letter
#footer{
  #newsletter_block_left{
    &.block{    
      .title_block{
          position: relative;
          color: $footer-top-color-hover;
          @include rtl-padding-left(70px);
          display: none;
          &:before{
              position: absolute;
              content: url(#{$image-theme-base-path}icon-newsletter.png);
              top: 0;
              @include rtl-left(0);
          }
      }
      input.btn{
        text-transform: uppercase;
        text-indent: -9999px;
        background: url(#{$image-theme-base-path}icon-letter.png) no-repeat;
        border:none;
        width: 75px;
        height: 43px;
        position: relative;        
        @include rtl-right(-2px);
        .rtl &{
          background: url(#{$image-theme-base-path}icon-letter-rtl.png) no-repeat; 
        }
      }
    }
  }
}


//Social Sharing
.socialsharing_product{
  .btn-facebook, .btn-twitter, .btn-google-plus, .btn-pinterest {
    background-color: $white;
    color: $base-text-color;
    &:hover {
      border-color: white;
    }
  }

  .btn-facebook {
    i {
      color: #435f9f;
    }
    &:hover {
      color: white;
      background-color: #435f9f;
      i {
        color: white;
      }
    }
  }

  .btn-twitter {
    i {
      color: #00aaf0;
    }
    &:hover {
      color: white;
      background-color: #00aaf0;
      i {
        color: white;
      }
    }
  }

  .btn-google-plus {
    i {
      color: #e04b34;
    }
    &:hover {
      color: white;
      background-color: #e04b34;
      i {
        color: white;
      }
    }
  }

  .btn-pinterest {
    i {
      color: #ce1f21;
    }
    &:hover {
      color: white;
      background-color: #ce1f21;
      i {
        color: white;
      }
    }
  }
}

// widgets module

.page-subheading {
    font-family: $font-family-secondary;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
    @include sub-heading($page-subheading-bg,$base-heading-color);
    margin-bottom: $grid-gutter-width;
    .block &{
      @include rtl-padding-left(60px);
      margin-bottom: 0;
      &:before{
        position: absolute;
        @include rtl-left(-5px);
        top: 0;
        content: url(#{$image-theme-base-path}icon-subheading.png);
      }
    }
}


.box-services {
  font-size: $font-size-base - 1;
  width: 32%;
  @include rtl-float-left();
  h4{
    font-size: 14px;
    color: #434a54;
    font-weight: normal;
    margin-bottom: 3px;
    text-transform: uppercase;
  }
  .iconbox{
    font-size: 28px;
    padding: 10px 5px;
  }
  &:hover{
    cursor: pointer;
    h4,
    .iconbox{
      color: $link-hover-color;
    }
  }
}

.bullet.bullet-icon{
  li a{
    @include rtl-padding-left(45px);
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    &:before{
      width: 35px;
      height: 35px;
      text-align: center;
      padding-top: 8px;
      @include rounded-corners (50%);
      content: "\f095";
      background: #656d78;
      color: #fff;
    }
    &:hover:before{
      color: #fff;
      background: $footer-center-color-hover;
    }
  }
  
  li.email a{
     &:before{
       content: "\f0e0";
     }
  }
}