/*!
 * TeknoEN - TenCode Sistemi
 */

@viewport{user-zoom: fixed;}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
  border: none;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

iframe{width: 100%;}

a{
  color: #272627;
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline: none;
  background: transparent;
  vertical-align: baseline;
}

a, 
a > *{
  text-decoration: none;
  outline: none !important;
}

a,
button{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

a.mad_link{color: #e43c44;}

a.mad_link:hover{text-decoration: underline;}

b, strong{font-weight: bold !important;}

ul,
ol{
  list-style: none;
}

q{quotes: none;}

table, table td{ 
  padding: 0;
  border: none;
  border-collapse: collapse;
}

img{
  vertical-align: top; 
  max-width: 100%;
}

[class^="icon-"]:before, 
[class*="icon-"]:before{
  width: auto!important;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

embed{ vertical-align: top;}

input,
button{
  -webkit-appearance: none;
  outline: none;
}

button::-moz-focus-inner{border: 0;}

html{
  overflow-x: hidden;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,body{height: 100%;}

/* -----------------------------------

  2. Basic classes and elements 

------------------------------------- */

body{
  font:16px/25px 'Raleway', sans-serif;
  color: #818190;
  background-color: #fff;
  background-attachment: fixed;
  position: relative;
}

.loader{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 99999;
}

.wrapper_container{
  position: relative;
  background: #fff;
}

.mad_full_width{width: 100%;}

.wrapper{overflow: hidden;}

.relative{position: relative;}

.align_left{text-align: left;}

.align_center{text-align: center;}

.align_right{text-align: right;}

.img_align_left{
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.img_align_right{
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

.f_left{float: left;}

.f_right{float: right;}

.hide{display: none;}

.show{display: block;}

.invisible{visibility: hidden;}

.mad_no_space{margin: 0!important;}

::selection{
  background: #e43c44;
  color: #fff;
}

::-moz-selection{
  background: #e43c44;
  color: #fff; 
}

::-o-selection{
  background: #e43c44;
  color: #fff; 
}

::-ms-selection{
  background: #e43c44;
  color: #fff;
}

::-webkit-scrollbar{
  width: 5px;
  background: #272627;
}

::-webkit-scrollbar-thumb{background: #e43c44;}

img{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.clearfix:after,
.row:after{
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

input,
textarea{
  background: transparent;
  text-align: left;
  width: 100%;
  border: 2px solid #ccc;
  line-height: inherit;
  height: 50px;
  padding: 5px 15px;
  border-radius: 5px;
  -webkit-appearance: none;
  outline: none;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

textarea{
  width: 100%;
  padding: 20px 15px;
  min-height: 145px;
  vertical-align: top;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color: #272627;
  -webkit-transition:text-indent .5s ease,color .5s ease;
}

input::-moz-placeholder,
textarea::-moz-placeholder{
  color: #272627;
}

[placeholder]:focus::-webkit-input-placeholder{
  text-indent:10em;
  color:transparent;
}

[placeholder]:focus::-webkit-textarea-placeholder{
  text-indent:10em;
  color:transparent;
}


/* -----------------------------------

  3. Typography

------------------------------------- */

h1,h2,h3,h4,h5,h6{
  font-family: 'Raleway', sans-serif;
  color: #272627;
  line-height: 1.25em;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: -2px;
}

h2{
  font-weight: 800;
  font-size: 60px;
  letter-spacing: -1px;
}

h3{font-size: 40px;}

h4{font-size: 30px;}

h5{
  font-size: 20px;
  letter-spacing: 0;
}

h6{
  font-size: 18px;
  letter-spacing: 0;
}

p{
  margin: 0 0 20px;
  padding: 0;
}

.mad_title_normal{font-weight: normal;}

/* -----------------------------------

  4. Header

------------------------------------- */

#header{
  z-index: 10;
  position: relative;
}

#index #header.header-main{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#header.header_3,
#header.header_2 .mad_top_header,
#header.header-main{
  position: relative;
  background: #272627;
}

#header.header_3:before,
#header.header_2 .mad_top_header:before,
#header.header-main:before{
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: repeat!important;
  background: url(../images/pattern.png);
  filter: alpha(Opacity=10);
  opacity: 0.1;
}

  #header.header_2 .mad_top_header{padding: 0 0 40px 0;}

  #header.header_3 .mad_top_header{padding: 0;}

  #header.header_2 .mad_pre_header,
  #header.header_3 .mad_pre_header{
    padding: 16px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.1);
    position: relative;
  }

  #header.header_3 .mad_pre_header{padding: 5px 0;}

  #header.header_3 .mad_pre_header{margin-bottom: 0;}

  #header.header_2 .mad_pre_header:before,
  #header.header_3 .mad_pre_header:before{
    content: '';
    background: rgba(255,255,255,0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
  }

  #header.header_3 .mad_pre_header .mad_info_list > ul > li p,
  #header.header_3 .mad_pre_header .mad_info_list > ul > li a{
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
  }

  #header.header_3 .mad_pre_header .mad_info_list > ul > li a:hover{color: #e43c44;}

  #header.header_3 .mad_pre_header .mad_info_list > ul > li > p:before,
  #header.header_3 .mad_pre_header .mad_info_list > ul > li > p a:before{
    display: inline-block;
    margin-right: 10px;
  }

  #header.header_3 .nav_item .mad_page_options{
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
  }

  .mad_page_title{padding: 90px 0;}

    .mad_page_title h2{margin-bottom: 15px;}

    .mad_page_title .mad_breadcrumbs{
      text-transform: uppercase;
      color: #e43c44;
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
    }

      .mad_page_title .mad_breadcrumbs > nav a{
        color: #272627;
        position: relative;
        border-bottom: 1px solid transparent;
        margin-right: 20px;
        display: inline-block;

        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
      }

      .mad_page_title .mad_breadcrumbs > nav a:hover{border-bottom-color: #76777f;}

      .mad_page_title .mad_breadcrumbs > nav a:after{
        content: '';
        height: 13px;
        width: 1px;
        background: #cac4c2;
        position: absolute;
        right: calc(0px - 10px);
        top: 5px;
      }

/* Search and Shopping cart buttons */

  .mad_page_options .mad_option_button{display: inline-block;}

  .mad_page_options .mad_option_button:not(:last-child){margin-right: 20px;}

  .mad_page_options.style2 .mad_option_button:not(:last-child){margin-right: 20px;}

    .mad_page_options .mad_option_button > button,
    .mad_page_options .mad_option_button .serch_button_wrap button{
      font-size: 14px;
      color: #fff;
      background: none;
    }

    .mad_page_options .mad_option_button > button:before,
    .mad_page_options .mad_option_button .serch_button_wrap button:before{
      font-family: 'Linearicons-Free';
      font-size: 18px;
      display: inline-block;
      vertical-align: middle;
    }

    .header_2 .mad_page_options .mad_option_button > button:before,
    .header_2 .mad_page_options .mad_option_button .serch_button_wrap button:before{
      margin-right: 10px;
    }

    .mad_page_options.style2 .mad_option_button > button,
    .mad_page_options.style2 .mad_option_button .serch_button_wrap button{
      border: none;
      width: auto;
      height: auto;
      line-height: inherit;
    }

    .mad_page_options .mad_option_button > button:hover,
    .mad_page_options .mad_option_button .serch_button_wrap button:hover{
      color: #e43c44;
    }

    .mad_page_options.style2 .mad_option_button > button:hover,
    .mad_page_options.style2 .mad_option_button .serch_button_wrap button:hover{
      color: #e43c44;
    }

  .serch_button_wrap{
    position: relative;
    display: inline-block;
  }

  .shopping_button:hover .shopping_cart,
  .login_button.shop_button:hover .shopping_cart{
    opacity: 1;
    visibility: visible; 
  }

  .shopping_button{position: relative;}

  .search_button:before{content: '\e86f';}

  .shop_button:before{content: '\e82e';}

  .login_button:before{content: '\e81f';}

  .shopping_cart{
    position: absolute;
    top: 100%;
    right: 0;
    text-align: left;
    min-width: 370px;
    background: #fff;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    padding: 40px;

    -webkit-transition: all .5s ease;
    transition: all .5s ease; 
  }

  .close_search_form{
    background-color: transparent;
    position: absolute;
    font-family: 'fontello';
    right: 25px;
    font-size: 20px;
    color: #a4a4a4;
    z-index: 99;
    font-weight: normal;
    display: inline-block;
    top: 25px;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .close_search_form:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }

  .close_search_form:before{content: '\f06d';}

  .searchform_wrap.opened, 
  .main_navigation > li:hover > .sub_menu_wrap{
    width: 355px;
    opacity: 1;
    visibility: visible;
  }

  .searchform_wrap.opened h4{
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
  }

  .searchform_wrap input{
    border: none;
    padding-left: 0;
    color: #fff;
  }

  .searchform_wrap input::-webkit-input-placeholder{
    color: #fff;
  }

  .searchform_wrap input::-moz-placeholder{
    color: #7999a7;
  }

  .close_search_form{
    background-color: transparent;
    position: absolute;
    font-family: 'fontello';
    right: 25px;
    font-size: 25px;
    color: #7f7f7f;
    z-index: 99;
    font-weight: normal;
    display: inline-block;
    top: 25px;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .close_search_form:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }

  .close_search_form:before{content: '\e858';}

  .searchform_wrap{
    border-bottom: none;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: auto;
    height: 100%;
    width: 0;
    background: rgba(0,0,0,.5);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: 201;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }

  .searchform_wrap.opened{width: 100%;}

  .searchform_wrap.closed{width: 0;}

    .searchform_wrap .vc_child{
      width: 850px;
      display: inline-block;
      padding-top: 450px;
    }

    .searchform_wrap input{
      border-bottom: 1px solid #c5c5c5;
    }

    .searchform_wrap form{
      position: relative;
    }

    .searchform_wrap form button{
      position: absolute;
      right: 0;
      top: calc(50% - 12px);
      font-family: 'fontello';
      font-size: 24px;
      color: #fff;
      background: none;
    }

    .searchform_wrap form button:hover{
      color: #e43c44;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }

    .searchform_wrap form button:before{content: '\f05b';}

/* Sticky menu */

#header.scrolled{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
  
  /* Header top part */

  .mad_top_header{
    padding: 45px 0 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
  }

    #header.header-main .header_info_section{text-align: right;}

      .header_info_section > [class*="head_"]{
        display: inline-block;
        text-align: left;
        position: relative;
      }

      .header_info_section > [class*="head_"] p{display: inline-block;}

      #header.header-main .header_info_section > [class*="head_"]:last-child{margin-left: 70px;}

      #header.header_2 .header_info_section > [class*="head_"] p{
        margin-bottom: 0;
        color: #ebebec;
      }

        .header_info_section > [class*="head_"] p{color: #fff;}

        .header_info_section > [class*="head_"] p[class*="icon"]:before{
          margin-right: 10px;
          color: #e43c44;
          font-size: 25px;
        }

        .header_info_section > [class*="head_"] span{
          color: #a9a9a9;
          font-size: 12px;
          display: block;
          line-height: 10px;
          text-align: right;
        }

        .header_info_section > [class*="head_"] p.icon_time:before{content: "\e863";}

        .header_info_section > [class*="head_"] p.icon_mobile:before{content: "\e83a";}

        .header_info_section > [class*="head_"] p.icon_location:before{content: "\e833";}

        #header .header_info_section .head_phone span{text-align: left;}

       #header .header_info_section [class*="icon_"]{position: relative;}

      #header .header_info_section .head_back_time .icon_time{padding-right: 40px;}

      #header .header_info_section .head_phone .icon_mobile,
      #header .header_info_section .head_socials .icon_location{
        padding-left: 35px;
      }

        #header .header_info_section .head_back_time .icon_time:before,
        #header .header_info_section .head_phone .icon_mobile:before,
        #header .header_info_section .head_socials .icon_location:before{
          font-family: 'Linearicons-Free';
          position: absolute;
          right: 0;
          top: calc(50% - 13px);
          margin-right: 0;
        }

        #header .header_info_section .head_phone .icon_mobile:before,
        #header .header_info_section .head_socials .icon_location:before{
          left: 0;
          right: auto;
        }
  
  /* Logo */

  .logo{
    text-align: center;
    display: block;
  }

  /* Main Navigation */

  #wrapper{
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  #header .menu_wrap{
    z-index: 189;
    width: 100%;
    position: relative;
    background: transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  #header.header_3 .menu_wrap{padding: 20px 0;}

  #header.header-main .menu_wrap{
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.1);
  }

  #header.header-main .menu_wrap:before,
  #header.header-main .menu_wrap:after,
  #main_navigation > ul > li.current:after,
  #main_navigation > ul > li:hover:after,
  #main_navigation > ul > li:after{
    content: '';
    background: rgba(255,255,255,0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
  }

  #main_navigation > ul > li:after{background: transparent;}

  #main_navigation > ul > li:after,
  #main_navigation > ul > li{
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  #header.header-main .menu_wrap:after,
  #main_navigation > ul > li.current:after,
  #main_navigation > ul > li:hover:after,
  #main_navigation > ul > li:after{
    top: auto;
    bottom: 2px;
  }

  #header .menu_wrap .nav_item{display: inline-block;}

  #header.header_3 .menu_wrap .nav_item{
    position: relative;
    display: block;
    padding-right: 70px;
  }

  #header.header-main .menu_wrap.no_sticky{
    position: relative;
    background: none;
  }

  #main_navigation > ul > li{
    float: left;
    position: relative;
    margin-right: 35px;
    cursor: pointer;
    margin-bottom: -1px;
    border-bottom: 1px solid transparent;
  }

  #index .header_2 #main_navigation > ul > li,
  #index .header_3 #main_navigation > ul > li{
    margin-right: 30px;
  }

  #header.header_2 #main_navigation > ul > li{margin-bottom: 0;}

  #main_navigation > ul > li:last-child{margin-right: 0;}

    #main_navigation > ul > li > a{
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 14px 0;
      display: inline-block;
      font-size: 14px;
      position: relative;
      font-family: 'Raleway', sans-serif;
      font-weight: 600;
    }

    #header.header_2 #main_navigation > ul > li > a{
      color: #272627;
      padding: 17px 0;
    }

    #header.header_3 #main_navigation > ul > li > a{padding: 15px 0;}

    #main_navigation > ul > li.current > a,
    #main_navigation > ul > li:hover > a{
      color: #e43c44;
    }

    #main_navigation > ul > li:hover,
    #main_navigation > ul > li.current{
      border-bottom: 1px solid #e43c44;
    }

    #main_navigation > ul > li.current:after,
    #main_navigation > ul > li:hover:after{
      background: #e43c44;
    }

    .sub_menu_wrap ul li{
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      position: relative;
      padding: 0 30px;
    }

    .sub_menu_wrap ul li:hover > a,
    .sub_menu_wrap ul li.current > a{
      background: #fff;
      color: #272627;
    }

    #main_navigation > ul > li.drop > a:after{
      font-family: 'fontello';
      content: '\e8e0';
      margin-left: 7px;
      font-weight: normal;
      font-size: 10px;
      display: inline-block;
      vertical-align: top;
    }

    .sub_menu_wrap{
      position: absolute;
      left: -35px;
      top: 102%;
      min-width: 280px;
      text-align: left;
      background: #fbfbfb;
      padding: 25px 0;
      border: 1px solid #eeeeee;
      opacity: 0;
      visibility: hidden;
      font-weight: 300;
      z-index: 999;

      -webkit-transform: rotate3d(1,0,0,-90deg);
      transform: rotate3d(1,0,0,-90deg);
      -webkit-transform-origin: 0 0 0;
      transform-origin: 0 0 0;

      -webkit-transition: all .4s ease;
      transition: all .4s ease;
    }

    #main_navigation > ul > li:hover > .sub_menu_wrap:not(.sub_menu_inner), 
    .sub_menu_wrap ul li:hover .sub_menu_wrap.sub_menu_inner, 
    .sub_menu_inner ul li:hover .sub_menu_wrap.sub_menu_inner_2{
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
      visibility: visible;
    }

      .sub_menu_wrap ul li a{
        font-family: 'Raleway', sans-serif;
        display: block;
        white-space: pre;
        text-transform: uppercase;
        color: #afafaf;
        font-weight: 600;
        position: relative;
        padding: 10px;
        font-size: 14px; 
      }

      .sub_menu_wrap ul li.sub > a:after{
        font-family: 'fontello';
        content: '\e8e5';
        position: absolute;
        right: 10px;
      }

  .responsive-nav-button{
    display: none;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    z-index: 2;
    border-radius: 0;
    background: transparent;

    -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
  }

  #header.header_2 .responsive-nav-button{
    border-color: #272627;
    color: #272627;
  }

  .responsive-nav-button:hover{
    background: #e43c44!important;
    border-color: #e43c44!important;
    color: #fff!important;
  }

  .responsive-nav-button::before {
    font-family: 'fontello';
    content: "\e8bb";
  }

  #wrapper #advanced-menu-hide{
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
   -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .mad_menu_button_wrap{
    text-align: right;
    padding: 10px 0;
  }

  .mobile-advanced{display: none;}

  #header .menu_wrap .nav_item #responsive-nav-button:nth-child(n+2){display: none!important;}

/* Product List */

.products_list ul li:not(:last-child){margin-bottom: 10px;}

  .products_list ul li > div{position: relative;}

  .products_list ul li img,
  .products_list ul li .product_description{
    display: inline-block;
    font-family: 'Raleway', sans-serif;
  }

  .products_list ul li img{margin-right: 20px;}

  .products_list ul li .product_description{
    color: #a6a5a6;
    width: calc(100% - 100px);
  }

  .products_list ul li .product_description a{
    display: inline-block;
    line-height: 20px;
    padding: 0 20px 10px 0;
  }

  .products_list ul li .product_description a:hover,
  .products_list ul li .product_description > div,
  .products_list ul li .close_product:hover{
    color: #e43c44;
  }

  .products_list ul li .product_description .prise{width: 100%;}

    .products_list ul li .product_description .prise .f_right{
      color: #2965b0;
      font-weight: bold;
      font-size: 14px;
    }

.shopping_cart .total_price{
  padding: 25px 0;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
}

.shopping_cart .sc_footer .mad_button{min-width: 135px;}

.shopping_cart .sc_footer .mad_button:not(:last-child){margin-right: 15px;}

.close_product{
  font-weight: 300;
  background-color: transparent;
  color: #ccc;
  position: absolute;
  font-size: 17px;
  right: 0;
  top: 0;
}

/* -----------------------------------

  5. Lists and navigations

------------------------------------- */

.mad_nav_list ul > li{display: inline-block;}

.mad_nav_list.style2 ul > li{display: block;}

.mad_nav_list ul > li:not(:last-child){margin-right: 10px;}

.mad_nav_list.style2 ul > li:not(:last-child){
  margin-right: 0;
  margin-bottom: 15px;
}

.mad_nav_list ul > li > a{
  color: #fff;
  position: relative;
}

.mad_nav_list ul > li > a:before{
  content: '';
  height: 2px;
  width: 0;
  position: absolute;
  background: #fff;
  left: 0;
  top: 100%;
  opacity: 0;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_nav_list ul > li > a:hover:before{
  opacity: 1;
  width: calc(100% - 10px);
}

.mad_nav_list.style2 ul > li > a:hover:before{width: 100%;}

.mad_nav_list ul > li:last-child > a:hover:before{width: 100%;}

.mad_nav_list ul > li:not(:last-child) > a:after{
  font-family: 'fontello';
  content: '\eafc';
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.mad_nav_list.style2 ul > li:not(:last-child) > a:after{display: none;}

.mad_justify_list ul > li:not(:last-child){margin-bottom: 15px;}

  .mad_justify_list ul > li .mad_left_part{
    float: left;
    font-family: 'Raleway', sans-serif;
    min-width: 100px;
  }

  .mad_justify_list ul > li .mad_right_part{
    overflow: hidden;
  }

.mad_vertical_list ul > li:not(:last-child){margin-bottom: 30px;}

.mad_vertical_list_2 ul > li:not(:last-child){margin-bottom: 15px;}

.mad_info_list > ul > li{
  display: inline-block;
  position: relative;
}

.mad_info_list > ul > li:not(:last-child){
  padding-right: 25px;
  margin-right: 15px;
}

.mad_info_list > ul > li:not(:last-child):after{
  position: absolute;
  content: '/';
  color: #4b4b59;
  display: inline-block;
  right: 0;
  top: 0;
}

.mad_brands li{max-width: 45%;}

.mad_item_list > ul{
  margin-right: -20px;
  margin-bottom: -20px;
}

  .mad_item_list > ul > li{
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 20px;
  }

.mad_item_list.style2 > ul{
  margin-right: -50px;
  margin-bottom: 0;
}

  .mad_item_list.style2 > ul > li{
    margin-right: 40px;
    margin-bottom: 40px;
  }

.mad_item_list.style3 > ul{
  margin-right: -55px;
  margin-bottom: -30px;
}

  .mad_item_list.style3 > ul > li{
    margin-right: 50px;
    margin-bottom: 30px;
  }

.mad_horisontal_list > ul > li{
  display: inline-block;
  margin-bottom: 10px;
}

.mad_horisontal_list > ul > li{margin-right: 5px;}

.mad_smooth_list .smooth_item:not(:last-child){margin-bottom: 50px;}

.mad_smooth_list .smooth_item{
  display: inline-block;
  width: 100%;
}

  .mad_smooth_list .smooth_item figure{
    float: left;
    margin-right: 30px;
  }

  .mad_smooth_list .smooth_item .smooth_item_details{overflow: hidden;}

    .mad_smooth_list .smooth_item .smooth_item_details .item_title{
      display: table;
      width: 100%;
      margin-bottom: 20px;
    }

      .mad_smooth_list .smooth_item .smooth_item_details p{
        font-size: 20px;
        margin-bottom: 0;
        line-height: 30px;
      }

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div{
        display: table-cell;
        vertical-align: middle;
        width: 50%;
      }

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div .days{
        font-family: 'Raleway', sans-serif;
        color: #272627;
        font-size: 14px;
        text-transform: uppercase;
      }

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div a{
        font-family: 'Raleway', sans-serif;
        color: #e43c44;
        font-size: 20px;
        font-weight: bold;
      }

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div a:hover{text-decoration: underline;}

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div h5{margin-bottom: 10px;}

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div .days:before{content: '\e808';}

      .mad_smooth_list .smooth_item .smooth_item_details .item_title > div .days:before{
        font-family: 'fontello';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        font-size: 20px;
        line-height: 1em;
        color: #e12e46;
      }

.mad_product_list > ul > li{
  display: inline-block;
  width: 100%;
}

.mad_product_list > ul > li:not(:last-child){margin-bottom: 10px;}

  .mad_product_list ul > li figure{
    float: left;
    margin-right: 20px;
  }

  .mad_product_list ul > li .product_desc{
    overflow: hidden;
    line-height: 23px;
  }

    .mad_product_list ul > li .product_desc a{
      font-family: 'Raleway', sans-serif;
      line-height: 20px;
    }

    .mad_product_list ul > li .product_desc a:hover{color: #e43c44;}

    .mad_product_list ul > li .product_desc .mad_price{font-size: 14px;}

.mad_tag_list a,
.mad_tag_list span{
  font-family: 'Raleway', sans-serif;
  color: #272627;
  font-size: 14px;
}

.mad_tag_list span{text-transform: uppercase;}

.mad_tag_list span,
.mad_tag_list a{
  display: inline-block;
}

.mad_tag_list a:hover{color: #e43c44;}

.mad_tag_list.social a{margin-left: 15px;}

.mad_tag_list.social a:before{
  font-size: 17px;
  color: #e43c44;
  vertical-align: middle;
  margin-right: 5px;
}

.mad_lightbox_list .mad_item_hover{
  float: left;
  max-width: 33.3%;
  overflow: visible;
}

.mad_lightbox_list .mad_item_hover:before{
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  width: 5px;
  height: 100%;
  background: rgba(0,0,0,0.2);
}

/* Lists */

[class*="default_list_"]{margin-bottom: 20px;}

  [class*="default_list_"] li{
    font-weight: 300;
    display: block;
    vertical-align: middle;
    position: relative;
  }

  [class*="default_list_"] li:before{
    font-family: 'fontello';
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    color: #e43c44;
    font-weight: normal;
  }

  .default_list_numb li span{
    float: left;
    vertical-align: middle;
    padding-right: 15px;
    color: #e43c44;
    font-weight: bold;
    font-size: 16px;
  }

  .default_list_arrow li:before{
    content: '\e8df';
    font-size: 14px;
  }

  .default_list_square li:before{
    content: '\e90f';
    font-size: 10px;
  }

  .default_list_disk li:before{
    content: '\eafc';
    font-size: 30px;
  }

  .default_list_dir li:before{
    content: '\e8e5';
    font-size: 16px;
  }

  .default_list_star li:before{
    content: '\e840';
    font-size: 12px;
  }

  .default_list_numb li{list-style-position: inside;}

/* -----------------------------------

  6. Buttons

------------------------------------- */

.mad_button{
  padding: 8px 20px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  background: #e43c44;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  border: none;
  font-weight: 600;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
}

.mad_button.small_button{min-width: 160px;}

.mad_button.type2{background: #272627;}

.mad_button.style2,
.mad_button.style3{
  background: transparent;
  border: 2px solid #fff;
  padding: 6px 20px 4px;
  border-bottom-width: 4px;
  box-shadow: none;
}

.owl_custom_buttons .mad_button,
.mad_button.style3{
  border-color: #ccc;
  color: #272627;
}

.owl_custom_buttons .mad_button:hover,
.mad_button.style3:hover,
.mad_button.style3.hover{
  background: #ccc;
  border-bottom-color: #a3a3a3;
}

.mad_button.style2:hover,
.mad_button.hover{
  background: #fff;
  color: #000;
}

.mad_button.size2{
  padding: 15px 20px;
  min-width: 230px;
  font-size: 19px;
}

/* -----------------------------------

  7. Sliders

------------------------------------- */

/* Owl Carousel */

.carousel_type_1 .owl-nav{display: none;}

.carousel_type_1 .owl-dots{margin-top: 50px;}

  .carousel_type_1 .owl-dot{
    background: #afafaf;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .carousel_type_1 .owl-dot:not(:last-child){margin-right: 5px;}

  .carousel_type_1 .owl-dot.active{
    background: #e43c44;
    width: 20px;
  }

.carousel_type_1.style2{margin: 0 -15px;}

  .carousel_type_1.style2 .owl-carousel .owl-item{padding: 0 15px;}

  .carousel_type_1.style2 .owl-carousel .owl-dots{text-align: center;}

.carousel_type_2{margin: 0 -15px;}

.carousel_type_2.full_width_gallery{margin: 0 -5px 0 0;}

.carousel_type_2.full_width_gallery .owl-nav{opacity: 0;}

.carousel_type_2 .owl-carousel .owl-nav{
  position: absolute;
  bottom: calc(100% + 25px);
  right: 15px;
}

.carousel_type_2 .owl-carousel .owl-item .mad_item_hover:nth-child(n+2){margin-top: 30px;}

.carousel_type_2 .owl-carousel .owl-item{padding: 0 15px;}

.carousel_type_2 .owl-carousel .owl-prev{margin-right: 10px;}

#services .carousel_type_2 .mad_button{margin-top: 50px;}

.carousel_type_2.full_width_gallery .owl-carousel .owl-item{padding: 0;}

.carousel_type_2.full_width_gallery .owl-carousel .owl-item .mad_item_hover:nth-child(n+2){margin-top: 0;}

.carousel_type_2.style2 .owl-carousel .owl-nav{display: none;}

.carousel_type_3 .owl-carousel .owl-nav > [class*="owl-"]{
  position: absolute;
  top: calc(50% - 20px);
  border: 2px solid #fff;
  border-radius: 50px;
}

.carousel_type_3 .owl-carousel .owl-nav > [class*="owl-"]:hover{
  border-color: #e43c44;
  background: #e43c44;
}

.carousel_type_3 .owl-carousel .owl-nav > .owl-prev{left: 20px;}

.carousel_type_3 .owl-carousel .owl-nav > .owl-next{right: 20px;}

.carousel_type_3 .owl-carousel .owl-nav > [class*="owl-"]:before{
  font-family: 'Linearicons-Free';
  font-size: 25px;
  font-weight: bold;
}

.carousel_type_3 .owl-carousel .owl-nav > .owl-prev:before{content: '\e879';}

.carousel_type_3 .owl-carousel .owl-nav > .owl-next:before{content: '\e87a';}

.owl-carousel .owl-nav > [class*="owl-"],
.owl_custom_buttons button,
.mad_pagination_section a,
.quantity button,
[class*="mad_owl_"]{
  background: transparent;
  font-family: 'fontello';
  font-size: 16px;
  color: #fff;
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  border: 2px solid #4b4b4b;
  border-radius: 5px;
  border-bottom: 4px solid #4b4b4b;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.owl-carousel .owl-nav > [class*="owl-"],
.owl_custom_buttons button:before,
.mad_pagination_section a,
.quantity button:before,
[class*="mad_owl_"]:before{
  line-height: 35px;
}

[class*="mad_owl_"]{vertical-align: middle;}

.owl_custom_buttons.style2 button,
[class*="mad_owl_"]{
  border-color: #b0b2b0;
  color: #484854;
}

.owl_custom_buttons > button:last-child{margin-left: 10px;}

.owl-carousel .owl-nav > [class*="owl-"]:hover,
.owl_custom_buttons button:hover,
.mad_pagination_section a:hover,
.quantity button:hover,
.mad_button_red_hover:hover{
  background: #e43c44!important;
  border-color: #e43c44!important;
  border-bottom: 2px solid #bf961a!important;
  color: #fff!important;
}

.owl-carousel .owl-prev:before,
.owl_custom_buttons .mad_owl_prev:before{
  content: '\e8e4';
}

.owl-carousel .owl-next:before,
.owl_custom_buttons .mad_owl_next:before{
  content: '\e8e5';
}

#gallery .owl_custom_buttons{
  position: absolute;
  right: 0;
  bottom: 20px;
}

.gallery_carousel .owl-item figure{position: relative;}

.gallery_carousel .owl-item:not(:last-child) figure:after{
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0,0,0,0.2);
}

.gallery_carousel .mad_item_hover:not(:last-child) figure:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
  z-index: 2;
} 

.owl_custom_buttons .button_text_title h5{
  display: inline-block;
  vertical-align: middle;
}

.owl_custom_buttons .button_text_title:hover [class*="mad_owl_"]{
  background: #e43c44;
  border-color: #e43c44;
  border-bottom: 2px solid #e43c44;
  color: #fff;
}

.owl_custom_buttons .button_text_title h5{margin-bottom: 0;}

.owl_custom_buttons .f_left .button_text_title h5{margin-left: 15px;}

.owl_custom_buttons .f_right .button_text_title h5{margin-right: 15px;}

/* Revolution Slider */

.tp-banner-container{position: relative;}

.rev_slider, 
.tp-banner-container,
.tp-revslider-mainul{
  width: 100%;
  z-index: 1;
  -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
}

.rev_slider .tp-caption{top: 400px;}

.tparrows.tp-leftarrow:before{content: '\edff';}

.tparrows.tp-rightarrow:before{content: '\ee00';}

.tparrows{
  position: absolute;
  top: calc(50% - 20px)!important;
  margin-top: 0!important;
  z-index: 20;
  opacity: 0;
  cursor: pointer;
  display: block;
  background: transparent!important;
  border: 2px solid #fff;
  width: 44px;
  height: 44px;
  line-height: 40px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff!important;
  font-family: 'fontello';

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}

.tp-banner-container .tparrows:hover{
  background: #fff!important;
  color: #333!important;
}

.text1 h2,
.text1 h5{
  color: #fff;
}

.text1 h5{
  margin-bottom: 0;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 5px;
  font-weight: normal;
}

.text1 h2{
  font-size: 72px;
  font-weight: bold;
}


/* -----------------------------------

  8. Main content elements

------------------------------------- */

/*----------- Widgets --------------*/

.mad_widget{
  background: #fbfbfb;
  padding: 40px 30px;
  border: 1px solid #eeeeee;
  display: block;
}

.mad_widget.style{
  background: transparent;
  padding: 0;
  border: none;
}

#sidebar .mad_widget:not(:last-child){margin-bottom: 40px;}

  .widget_title{
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 2px solid #e43c44;
    margin-bottom: 40px;
  }

  .widget_title.style2{
    padding-bottom: 0;
    border-bottom: none;
  }

  /* Widget Price Filter */

  .widget_price_filter .widget_title.style2{margin-bottom: 15px;}

  .widget_price_filter .mad_button{min-width: 135px;}

  /* Widget link */

  .widget_link .icon_link{
    background: #e43c44;
    color: #fff;
    font-family: 'fontello';
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 20px;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .widget_link:hover{
    border-color: #e43c44;
    background: transparent;
  }

  .widget_link .icon_link:before{content: '\e80c';}

  .widget_link span{
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
    font-size: 16px;
    color: #272627;
    line-height: 18px;
    display: block;

  }

  /* Widget search */

  .widget_search form{position: relative;}

    .widget_search form button{
      position: absolute;
      right: 15px;
      top: 0;
      font-family: 'fontello';
      font-size: 24px;
      line-height: 50px;
      color: #e43c44;
      background: none;
    }

    .widget_search form button:hover{
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }

    .widget_search form button:before{content: '\f05b';}

  /* Widget categories */

  .widget_categories > ul > li{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
  }

    .widget_categories > ul > li > a{
      padding: 10px;
      width: 100%;
      display: block;
      color: #afafaf;
    }

    .widget_categories > ul > li:hover a{
      background: #fff;
      color: #272627;
    }

    .widget_categories > ul > li > a span{float: right;}

  /* Widget posts */

  .mad_post_section .mad_post_item{background: #fff;}

  .mad_post_section .mad_post_item:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
  }

  .mad_post_section .mad_post_item:not(:last-child){margin-bottom: 10px;}

    .mad_post_section .mad_post_item figure{
      float: left;
      position: relative;
    }

    .mad_post_section .mad_post_item .post_text_block{
      overflow: hidden;
      padding: 15px 20px;
      position: relative;
    }

      .mad_post_section .mad_post_item .post_text_block a{
        color: #afafaf;
        font-family: 'Raleway', sans-serif;
        line-height: 18px;
        display: inline-block;
      }

      .mad_post_section .mad_post_item .post_text_block a:hover{color: #272627;}

  /* Widget posts */

  .widget_quote blockquote{
    background: #fff;
    padding: 20px 25px;
    color: #e43c44;
    font-size: 20px;
    font-style: italic;
    text-align: center;
  }

  .widget_quote.style2 blockquote{
    background: transparent;
    padding: 0;
    color: #afafaf;
    text-align: left;
  }

  .widget_quote .mad_blockquote_author{
    font-family: 'Raleway', sans-serif;
    color: #282828;
    margin-top: 15px;
    display: block;
    text-align: center;
  }

  .widget_quote .mad_author:hover{text-decoration: underline;}

  /* Widget instagram */

  .widget_instagram .instagram-feed{margin: 0 -5px -10px -5px;}

    .widget_instagram .instagram-feed li{
      margin: 0;
      width: 33.3%;
      padding: 0 5px 10px 5px;
    }

    .instagram-feed li{
      display: inline-block;
      position: relative;
    }

    .instagram-feed li a{
      display: block;
      position: relative;
    }

    .instagram-feed li a:after{
      pointer-events: none;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      bottom: -1px;
      right: 0;
      background: rgba(8,5,10,0.8);
      opacity: 0;
      filter: alpha(opacity=0);

      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }

    .instagram-feed li:hover a:after {
      opacity: 1;
      filter: alpha(opacity=100);
    }

  /* Widget tags */

  .widget_tags a.tag{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    padding: 7px 10px;
    text-align: center;
    min-width: 75px;
    display: inline-block;
    background: #fff;
    color: #afafaf;
    font-size: 14px;
    margin: 0 8px 10px 0;
  }

  .widget_tags a.tag:hover{
    background: #e43c44;
    color: #fff;
  }

  /* Widget Twitter */

  .tweet_list > li:not(:last-child){margin-bottom: 25px;}

  #twitter a{color: #272627;}

  #twitter a:hover{color: #e43c44!important;}

  /* Widget calendar */

  .widget_calendar table{
    width: 100%;
    background: #fff;
  }

    .widget_calendar table tr td{
      text-align: center;
      padding: 8px 5px;
    }

    .widget_calendar table tr:first-child td,
    .widget_calendar table tr th,
    .mad_calendar_month{
      font-family: 'Raleway', sans-serif;
      color: #272627;
      text-transform: uppercase;
      font-size: 14px;
    }

    .widget_calendar table tr th{
      padding: 20px 10px 18px;
      border-bottom: 2px solid #fafafa;
    }

      .widget_calendar table tr td.link{padding: 0;}

      .widget_calendar table tr td.link a{
        color: #272627;
        padding: 8px 5px;
        display: block;
      }

      .widget_calendar table tr td.link.current a,
      .widget_calendar table tr td.link a:hover{
        color: #fff;
        background: #e43c44;
      }

    .mad_calendar_month{
      margin-top: 20px;
      display: inline-block;
    }

    .mad_calendar_month:hover{text-decoration: underline;}

  /* Widget comments */

  .widget_comments .mad_widget_comment:not(:last-child){margin-bottom: 30px;}

    .mad_widget_comment a{color: #272627;}

    .mad_widget_comment a:hover{color: #e43c44;}

/*----------- Iframe --------------*/

.iframe_video_container{
  margin: 0 auto;
  min-height: 310px;
  height: 0;
  padding-bottom: 56%;
  position: relative;
}

  .iframe_video_container > iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

/*----------- Text style --------------*/

.mad_text_style1 p,
.mad_text_style1 a.link,
.mad_text_style1{
  font-size: 20px;
  line-height: 30px;
}

.mad_text_style1 .mad_button{line-height: 25px;}

.mad_text_style1 h5{margin-bottom: 20px;}

.mad_vertical_list p{margin-bottom: 0;}

a.link{color: #272627!important;}

a.link:hover{text-decoration: underline;}

/*----------- Social icons --------------*/

.social_icon_list ul{margin-bottom: -5px;}

  .social_icon_list ul li{
    display: inline-block;
    margin-bottom: 5px;
  }

  .social_icon_list ul li:not(:last-child){margin-right: 5px;}

    .social_icon_list ul li a{
      display: block;
      position: relative;
      width: 40px;
      height: 40px;
      border-radius: 5px;
      color: #fff;
      background: #ea3032;
      font-family: 'fontello';
      text-align: center;
      font-size: 16px;
      overflow: hidden;
      -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow:    inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
      box-shadow:         inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    }

    .social_icon_list ul li a:before{line-height: 40px;}

    .social_icon_list ul li .icon-facebook{background: #325c94;}

    .social_icon_list ul li .icon-twitter{background: #00abdc;}

    .social_icon_list ul li .icon-gplus{background: #ea3032;}

    .social_icon_list ul li .icon-tumblr{background: #41556a;}

    .social_icon_list ul li .icon-instagram{background: #0073b2;}

    .social_icon_list ul li .icon-pinterest{background: #d9031f;}

  .social_icon_list.style2 ul li:not(:last-child){margin-right: 15px;}

    .social_icon_list.style2 ul li a{
      font-size: 12px;
      width: auto;
      height: auto;
      border: none;
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    .social_icon_list.style2 ul li a:before{line-height: inherit;}

    .social_icon_list.style2 ul li a:hover{color: #e43c44!important;}

  .social_icon_list.type2 ul li a{
    color: #818190;
    font-size: 16px;  
  }

  .header_2 .social_icon_list.type2 ul li a{color: #fff;}

/* Progress bar */

.progress_bar_list li{
  margin-bottom: 20px;
  color: #afafaf;
}

.progress_bar_list li:last-child{margin-bottom: 0;}

  .progress_bar_list li p{margin-bottom: 15px;}

  .progress_bar{
    height: 9px;
    background: transparent;
    border: 1px solid #e5e5e5;
    border-width: 1px 0 1px;
    position: relative;
    overflow: hidden;
  }

    .progress_bar > div{
      background: #e43c44;
      position: absolute;
      left: 0;
      top: 2px;
      bottom: 2px;
    }

/*----------- Separators --------------*/

.mad_separator_bottom{
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  padding-bottom: 20px;
}

.mad_separator_bottom:after{
  content: '';
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.mad_divider{
  border-bottom: 2px solid #e43c44;
  width: 110px;
}

/*----------- Svg separator --------------*/

.separator_type_5_path{
  height: 185px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  padding: 0;
}


.separator_type_5_path.top{
  width: 100%;
  position: absolute;
  top: -1px;
  left: 0;

  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";

}

svg:not(:root) {overflow: hidden;}

/*----------- Section --------------*/

[class*="mad_section"]{position: relative;}

.mad_section{padding: 90px 0;}

.mad_section_2{padding: 70px 0;}

.mad_section_offset{margin-bottom: 70px;}

.mad_section_offset_2{margin-bottom: 40px;}

.mad_section_offset_3{margin-bottom: 80px;}

.mad_item_offset{margin-bottom: 60px;}

.mad_item_offset_2{margin-bottom: 40px;}

.mad_item_offset_3{margin-bottom: 20px;}

.mad_item_offset_4{margin-bottom: 30px!important;}

.mad_item_offset_5{margin-bottom: 25px!important;}

.mad_section.inset_none{padding: 0;}

.mad_item_offset_none{margin: 0!important;}

.mad_section.inset1{padding-bottom: 0;}

.mad_section.inset2{padding-top: 0;}

.mad_item_inset_1{padding-top: 35px;}

.v_align_center_blocks > .container > .row,
.v_align_center_blocks > .row,
.v_align_center_section{
  display: table;
  z-index: 1;
  position: relative;
}

.v_align_center_section{width: 100%;}

#about .mad_section .section_image,
#services3.mad_section .section_image{
  margin-top: -30px;
  position: relative;
  z-index: 2;
}

/* author block */

.mad_author span{
  margin-left: 25px;
  margin-top: -20px;
  color: #afafaf;
}

.mad_author h3{display: block;}

.mad_author.style2 span{
  padding: 20px 0 0 15px;
  margin: 0;
}

.mad_item_hover.style2:hover .mad_item_desc .mad_author.style2 span{color: #fff;}

.mad_author.style2 h3,
.mad_author span{
  display: inline-block;
}

.mad_item_desc .mad_title_style2{font-family: 'Rochester', cursive;}

.mad_section_container article p{margin-bottom: 35px;}

.pattern_section.row > [class*="col-"]{padding: 0;}

.mad_testimonials{padding-top: 75px;}

/*----------- Custom Grid --------------*/

.mad_full_width_grid .row{margin: 0;}

  .mad_full_width_grid .row > [col-]{padding: 0;}

/*----------- Background image section --------------*/

[class*="paralax_image_bg"] > .container{
  z-index: 4;
  position: relative;
}

[class*="paralax_image_bg"]{
  background-size: cover!important;
  background-attachment: fixed!important;
  position: relative;
  width: 100%;
  background-repeat: no-repeat!important;
  background-position: center!important;
}

.paralax_image_bg1{background: url(../images/bg/genel_bg_2.jpg);}

.paralax_image_bg2{background: url(../images/bg/garage_bg_6.jpg);}

.paralax_image_bg3{background: #f2f2f2;}

.paralax_image_bg4{background: url(../images/bg/garage_bg_7.jpg);}

.paralax_image_bg5{background: #f6f6f6;}

.paralax_image_bg6{background: url(../images/bg_image_1920x800.jpg);}

.paralax_image_bg7{background: url(../images/bg_image2_1920x800.jpg);}

/*----------- blockquote --------------*/

blockquote{
  position: relative;
  overflow: hidden;
}

blockquote p{padding-left: 70px;}

.mad_section_container article blockquote p{margin-bottom: 10px;}

blockquote p:before{
  content: open-quote;
  position: absolute;
  left: -10px;
  top: 80px;
  color: #e43c44;
  font-size: 257px;
  font-family: 'Rochester', cursive;
  width: 0;
  height: 0;
  background: none;
}

blockquote p:after{
  font-size: 0;
  position: absolute;
  content: close-quote;
}


blockquote .mad_author .mad_title_style2 {
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
  line-height: 20px;
  color: #27090d;
}


blockquote .mad_author.style2 span {
  padding: 0;
  display: block;
}


/*----------- Title --------------*/

.mad_title_style1{
  font-size: 50px;
  font-family: 'Rochester', cursive;
  color: #e43c44;
  margin-bottom: 0!important;
  line-height: 40px;
  font-weight: normal;
  letter-spacing: -1px;
}

.mad_banner_1 .mad_title_style1{line-height: 40px;}

.mad_title_style2{
  font-size: 42px;
  font-family: 'Mrs Saint Delafield', cursive;
  margin-bottom: 0;
  font-weight: normal;
}

.mad_separator{
  margin-bottom: 0;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 20px;
}

.mad_separator:after{
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.1);
  position: absolute;
  bottom: 2px;
  left: 0;
}

.mad_separator.style2{border-color: rgba(0,0,0,0.1);}

.mad_separator.style2:after{background: rgba(0,0,0,0.1);}

/*----------- Patterns --------------*/

[class*="mad_pattern"]{
  position: relative;
  padding: 93px 120px 93px;
  color: #fff;
  width: 100%;
}

[class*="bg_pattern_"],
.full_width_bg_pattern{
  position: relative;
}

[class*="bg_pattern_"]:before,
.full_width_bg_pattern:before{
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: repeat!important;
  background: url(../images/pattern.png);
  filter: alpha(Opacity=10);
  opacity: 0.05;
}

.bg_pattern_dark:before{background: url(../images/pattern2.png);}

[class*="mad_pattern"] article {
  position: relative;
}

  [class*="mad_pattern"] article{
    position: relative;
  }

  [class*="mad_pattern"] article p,
  .mad_post_info p{
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 30px;
  }

.bg_pattern_red{background: #e43c44;}

.bg_pattern_dark{background: #272627;}

  [class*="mad_pattern"] h2{
    text-transform: uppercase;
    color: #fff;
    line-height: 1em;
    font-size: 42px;
  }

  [class*="mad_pattern"] [class*="icon-"]{
    font-size: 80px;
    display: block;
    text-align: left;
    margin-bottom: 10px;
  }

/*----------- Lightbox items --------------*/

.item_overlay .text_holder a[class*="mad_icon"]{
  font-size: 40px;
  color: #fff;
  font-family: 'fontello';
  display: inline-block;
}

.item_overlay .text_holder a[class*="mad_icon"]:nth-child(n+2){margin-left: 20px;}

.text_holder .mad_icon_plus:before{content: '\e80b';}

.text_holder .mad_icon_link:before{content: '\e80c';}

.text_holder .mad_icon_video:before{content: '\e806';}

/*----------- Block with hover effect --------------*/

.mad_item_hover{
  overflow: hidden;
  position: relative;
  display: block;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_item_hover figure img{width: 100%;}

.mad_item_hover:hover .mad_item_desc{bottom: -100%;}

.mad_item_hover .item_overlay{
  content: '';
  position: absolute;
  background: rgba(228, 60, 68, 0.82);
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 2;
  text-align: center;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_item_hover .item_overlay .text_holder{
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 0 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_item_hover:hover .item_overlay .text_holder{opacity: 1;}

  .mad_item_hover:hover .item_overlay a,
  .mad_item_hover:hover .item_overlay p{
    opacity: 1;

    -webkit-transition-delay: .4s;
    transition-delay: .4s;
  }

  .mad_item_hover:hover .item_overlay a:nth-child(2){
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  } 

.mad_item_hover:hover .item_overlay{
  height: 100%;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

  .mad_item_hover .item_overlay p,
  .mad_item_hover .item_overlay a{
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    opacity: 0;
    margin-bottom: 0;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .mad_item_hover .mad_item_desc{
    text-align: center;
    padding: 18px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #272627;
    z-index: 1;

    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease;

    pointer-events: auto;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
  }

  .mad_item_hover .mad_item_desc.with_bg_img:before{
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: repeat!important;
    background: url(../images/pattern2.png);
    filter: alpha(Opacity=10);
    opacity: 0.1;
    z-index: -1;
  }

  .mad_item_hover .mad_item_desc h5,
  .mad_item_hover .item_overlay p{
    display: inline-block;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 500;
  }

  .mad_item_hover .item_overlay p{line-height: 1.2em;}

.mad_item_hover.style2{
  padding: 10px 0 20px;
  border: 1px solid #eee;
  border-bottom: none;
  text-align: center;
  height: 395px;
  overflow: hidden;
}

.mad_item_hover.style2:hover{background: #f3f3f3;}

  .mad_item_hover.style2 .mad_item_desc{
    display: block;
    padding: 15px;

    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important;
  }

  .mad_item_hover.style2:hover .mad_item_desc{bottom: 0;}

  .mad_item_hover.style2:hover .mad_item_desc{background-color: #e43c44;}

  .mad_item_hover.style2 .mad_item_desc .mad_author{
    position: relative;
    z-index: 2;
  }

  .mad_item_hover.style2 .mad_item_desc h3.mad_title_style2{color: #fff;}

    .mad_item_hover.style2 figure{display: inline-block;}

      .mad_item_hover.style2 figure img{width: auto;}

/*----------- Back to top --------------*/

.go-to-top{
  font-family: 'fontello';
  background: #cccccc;
  bottom: 20%;
  border-radius: 5px;
  color: #272627;
  border-bottom: 2px solid #a3a3a3;
  cursor: pointer;
  font-size: 16px;
  width: 40px;
  height: 40px;
  left: auto;
  line-height: 38px;
  position: fixed;
  right: 0;
  text-align: center;
  top: auto;
  z-index: 100;
  opacity: 0;
  visibility: hidden;

  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.go-to-top:before{content: '\e8e6';}

.go-to-top:hover{
  border-bottom: 2px solid #bf961a;
  background: #e43c44;
  color: #fff;
}

.go-top-visible{display: block;}

.go-to-top.go-top-visible{
  right: 30px;
  opacity: 1;
  visibility: visible;
}

/* Tabs */

.tabs_conrainer{position: relative;}

  .tabs_nav{float: left;}

    .tabs_nav li{float: left;}

    .tabs_nav li:last-child{margin-right: 0;}

    .tabs.style2 .tabs_content{
      border: 1px solid #eeeeee;
      border-top: none;
      background: #fbfbfb;
    }

    .tabs.style2 .tabs_nav{width: 100%;}

      .tabs.style2 .tabs_nav > li{
        width: 25%;
        min-width: 185px;
      }

        .tabs.style2 .tabs_nav > li > a,
        .tabs.vertical.style2 .tabs_nav > li > a{
          display: block;
          font-size: 14px;
          text-transform: uppercase;
          padding: 17px 10px;
          text-align: center;
          color: #272627;
          background: #fff;
          border: 1px solid #eeeeee;
          font-family: 'Raleway', sans-serif;
          position: relative;
          font-weight: 600;
        }

        .tabs.style2 .tabs_nav > li > a:before,
        .tabs.vertical.style2 .tabs_nav > li > a:before{
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          height: 3px;
          width: 0;
          display: block;
          background: #e43c44;
          opacity: 0;

          -webkit-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
        }

        .tabs.vertical.style2 .tabs_nav > li > a:before{
          height: 0;
          width: 3px;
        }

        .tabs.vertical.style2 .tabs_nav > li.ui-tabs-active a:before{
          width: 3px;
          height: 100%;
        }

        .tabs_nav li:first-child a{border-width: 1px!important;}

        .tabs_nav li:not(last-child) a{border-width: 1px 1px 1px 0px!important;}

        .tabs.vertical.style2 .tabs_nav > li > a{border-width: 1px!important;}

        .tabs.style2 .tabs_nav > li.ui-tabs-active a,
        .tabs.vertical.style2 .tabs_nav > li.ui-tabs-active a{
          color: #272627;
          background: #fbfbfb;
          border-bottom-color: transparent;

          -webkit-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:    0px -5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow:         0px -5px 10px 0px rgba(0, 0, 0, 0.1);
        }

        .tabs.vertical.style2 .tabs_nav > li.ui-tabs-active a{
          border-right-color: transparent;!important;
          -webkit-box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:    -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow:         -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
        }

        .tabs.style2 .tabs_nav > li.ui-tabs-active a:before{
          opacity: 1;
          width: 100%;
        }

        .tabs.vertical.vertical_style2{position: relative;}

        .tabs.vertical > .tabs_nav li a,
        .tabs.vertical.vertical_style2 .tabs_nav li a{
          display: block;
          font-size: 14px;
          text-transform: uppercase;
          padding: 10px 20px;
          text-align: left;
          color: #fff;
          background: #272627; 
          border: none;
          font-family: 'Raleway', sans-serif;
          font-weight: 600;
          position: relative;

          -webkit-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
        }

        .tabs.vertical.vertical_style2 .tabs_nav li:first-child a{
          -webkit-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:    0px -5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow:         0px -5px 10px 0px rgba(0, 0, 0, 0.1);
        }

        .smooth_tabs{
          position: relative;
          float: none;
        }

        .tabs.vertical.vertical_style2 .tabs_nav li a{background: transparent;}

        .tabs.vertical > .tabs_nav > li.ui-tabs-active a,
        .tabs.vertical.vertical_style2 .tabs_nav li.ui-tabs-active a{
          color: #fff;
          background: #e43c44;
        }

          .tabs.style2 .tabs_content{padding: 40px;}

    .tabs_content > [id*="tab-"] figure{
      float: left;
      margin-right: 20px;
      padding-bottom: 10px;
    }

  .tabs.vertical > .tabs_content{
    float: left;
    width: 65%;
    z-index: 1;
    position: relative;
    padding: 40px;
    background: #fbfbfb;
    border: 1px solid #eeeeee;
  }

  .tabs.vertical.horisontal > .tabs_nav{
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .tabs.vertical.horisontal > .tabs_nav > li{
    float: left;
    width: auto;
    min-width: 185px;
  }

  .tabs.vertical.horisontal > .tabs_nav > li:before{
    width: 1px;
    height: 100%;
    top: 0;
    left: auto;
    right: 0;
  }

  .tabs.vertical.horisontal > .tabs_content{
    width: 100%;
    float: none;
  }

  #services3 .tabs.vertical > .tabs_content{
    padding: 0;
    background: none;
    border: none;
  }

  #services2 .carousel_type_2{
    position: relative;
    z-index: 3;
  }

  #services3 .tabs.style2 .tabs_content{padding: 25px 40px;}

  .menu-sidebar{
    display: inline-block;
    width: 23%;
    z-index: 9;
    clear: both;
  }

  .menu-sidebar ul.smooth_tabs{z-index: 99;}

  .tabs.vertical.vertical_style2 .tabs_content{
    display: inline-block;
    float: none;
    border: none;
    background: transparent;
    padding: 0 0 0 26%;
    width: 100%;
  }

  .tabs.vertical > .tabs_nav{
    margin-right: -1px;
    z-index: 2;
    width: 35%;
    position: relative;
  }

  #services3 .tabs.vertical > .tabs_nav{margin-top: 65px;}

  .tabs.vertical.vertical_style2 .tabs_nav{
    margin-top: 0;
    margin-right: 0;
  }

  .tabs.vertical > .tabs_nav > li,
  .tabs.vertical.vertical_style2 .tabs_nav > li{
    float: none;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    position: relative;
  }

  .tabs.vertical > .tabs_nav > li:before,
  .tabs.vertical.vertical_style2 .tabs_nav > li:before{
    content: '';
    width: 100%;
    height: 1px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.2);
  }

  .tabs.vertical.vertical_style2 .tabs_nav > li{
    border: 1px solid #eeeeee;
    border-width: 0px 1px 1px 1px;
  }

  .tabs.vertical > .tabs_nav > li:last-child{border-bottom: none;}

  .tabs.vertical.vertical_style2 .tabs_nav > li:last-child{border-bottom: 1px solid #eeeeee;}

  .tabs.vertical.vertical_style2 .tabs_nav > li:first-child{border-top: 1px solid #eeeeee;}

  .tabs.vertical > .tabs_nav > li > a{padding: 18px 30px;}

  .tabs.vertical.vertical_style2 .tabs_nav li a{padding: 18px 30px 18px 60px;}

  .tabs.vertical.vertical_style2 .tabs_nav li a{color: #272627;}

  .tabs.vertical > .tabs_nav > li > a[class*="icon-"]:before{
    margin-right: 20px;
    display: inline-block;
    font-family: 'fontello';
    text-align: center;
    font-size: 18px;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

/* Quantity */

.quantity{
  text-align: center;
}

.quantity > * {height: 40px;}

  .quantity button{
    display: block;
    float: left;
    border-color: #cccccc;
    color: #272627;
  }

  .quantity input[type="text"]{
    border: none;
    text-align: center;
    background: transparent;
    float: left;
    width: 50px;
    padding: 0;
  }

.closePopup{
  color: #ccc;
  font-family: 'fontello';
  font-size: 16px;
}

.closePopup:hover{color: #e43c44;}

.closePopup:before{content: '\e858';}

/*----------- Tables --------------*/

table{width: 100%;}

table tr th{
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  color: #000;
  background: #fbfbfb;
  font-size: 14px;
  letter-spacing: -1px;
}

table tr th,
table tr td{
  text-align: left;
}

.table_type_1 tr th,
.table_type_1 tr td{
  padding: 17px 35px;
}

.table_type_1 input{height: 41px;}

.table_type_1 tr:first-child{
  border: 1px solid #eee;
  border-bottom: none;
}

.table_type_1 tr th{border-right: 1px solid #eee;}

.table_type_1 tr td:first-child{border-left: 1px solid #eee;}

.table_type_1 tr td{border-right: 1px solid #eee;}

.table_type_1 tr:last-child td{border-bottom: 1px solid #eee;}

.table_type_1 tr td{border-top: 1px solid #eee;}

.table_type_1.horisontal tr th{border: 1px solid #eee;}

.table_type_1.horisontal tr th,
.table_type_1.horisontal tr td{
  padding: 17px 30px;
}

.table_type_1.horisontal tr:not(:last-child) th{border-bottom: none;}

.table_type_1.horisontal tr th{width: 170px;}

.table_type_1.style2 tr th{
  background: #272627;
  border-color: #eeeeee;
  color: #fff;
}

.pricing_table tr:first-child th{background: #b92127;}

.pricing_table tr:first-child th:first-child{width: 70%;}

.pricing_table tr th,
.pricing_table tr td{
  padding: 20px;
}

.pricing_table tr th{
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

.pricing_table tr td{border-bottom: 2px solid #f3f3f3;}

.table_type_1 tr td.payment span{position: relative;}

.table_type_1 tr td.payment span:before{
  position: absolute;
  top: 2px;
  left: 100%;
  margin-left: 10px;
}

.table_type_1.var2 tr td{vertical-align: middle;}

.table_type_1.var2 tr th:first-child{width: 340px;}

.table_type_1.var2 tr th:nth-child(2){width: 130px;}

.table_type_1.var2 tr th:nth-child(3){width: 230px;}

.table_type_1.var2 tr:last-child td{font-weight: normal;}

.table_type_1.var2 tr:last-child td .button{margin-left: 10px;}

.product_name figure,
.product_name a{
  display: inline-block;
  vertical-align: middle;
}

.product_name a{padding-left: 20px;}

.product_name a:hover{color: #e43c44;}

.product_name a h5{
  margin-bottom: 0;
  text-transform: none;
  font-weight: 600;
}

.table_type_1.var2.order_list tr td{padding: 22px 35px;}

.table_type_1.var2.order_list tr td:last-child{color: #e43c44;}

.table_type_1.var2.order_list tr th:first-child{width: auto;}

.table_type_1.var2.order_list tr th:nth-child(2){width: auto;}

/* Pricing Tables */

.p_table{border: 1px solid #eee;}

  .p_table .price{
    background: #e43c44;
    color: #fff;
    font-size: 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 33px 10px;
    letter-spacing: -2px;
    border-bottom: 1px solid #eee;
  }

  .p_table.style2 .price,
  .p_table.style2 .mad_button{
    background: #272627;
  }

    .p_table .price span{
      font-size: 20px;
      line-height: 10px;
    }

  .p_table .p_table_text{
    text-align: center;
    padding: 45px 10px;
    background: #fbfbfb;
  }

  .p_table .p_table_text .widget_categories > ul > li{
    width: 100%;
    display: block;
    color: #afafaf;
  }

  .p_table .p_table_text .widget_categories > ul > li:not(:last-child){margin-bottom: 15px;}

  .p_table .p_table_text .mad_button{margin-top: 30px;}

/* Counters */

.p_table_stat{text-align: center;}

.p_table_stat h2{
  font-size: 80px;
  font-weight: normal;
  color: #e43c44;
  margin-bottom: 10px;
}

.p_table_stat h5{
  text-transform: uppercase;
  margin-bottom: 0;
}

/* Order page */

.mad_order_list .tabs.style2 .tabs_content{
  padding: 0;
  border: none;
}

.mad_order_list .tabs.style2 .tabs_conrainer > ul{margin-bottom: -1px;}

  .mad_order_list .table_type_1.var2 tr th,
  .mad_order_list .table_type_1.var2 tr td{
    padding: 20px 15px;
    vertical-align: top;
  }

  .mad_order_list .table_type_1.var2 tr th,
  .mad_order_list .table_type_1.var2 tr td:not(:last-child){
    border-right: none;
  }

  .mad_order_list .table_type_1.var2 tr td,
  .mad_order_list .tabs.style2 .tabs_content{
    background: transparent;
  }

  .mad_order_list .table_type_1 tr td a{
    color: #818190;
    display: block;
  }

  .mad_order_list .table_type_1 tr td a:hover{text-decoration: underline;}

  .mad_order_list .table_type_1.var2 tr td p{padding-bottom: 5px;}

  .mad_order_list .table_type_1.var2 tr th:first-child{width: 80px;}

  .mad_order_list .table_type_1.var2 tr th:nth-child(2){width: 220px;}

  .mad_order_list .table_type_1.var2 tr th:nth-child(3){width: 200px;}

  .mad_order_list .table_type_1.var2 tr th:nth-child(4){width: 90px;}

  .mad_order_list .table_type_1.var2 tr th:nth-child(5){width: 70px;}

  .mad_order_list .table_type_1.var2 .bg_color1{background: #fbfbfb;}

  .mad_order_list .table_type_1.var2 .bg_color2 td{color: #fff;}

  .mad_order_list .table_type_1.var2 .bg_color2{background: #e43c44;}

/* Price Scale */

.price_scale .button{margin-top: 15px;}

.ui-slider{
  height: 2px;
  position: relative;
  background: #eeeeee;
  margin-bottom: 20px;
}

  .ui-slider-handle{
    width: 5px;
    height: 15px;
    top: 50%;
    display: inline-block;
    margin-top: -7px;
    position: absolute;
    z-index: 1;
    text-align: center;
  }

  .ui-slider-handle:after {
    content: '';
    display: block;  
    position: absolute;
    left: 0;
    top: 100%;
    width: 5px;
    height: 0;
    border-top: 5px solid #e43c44;
    border-right: 2.7px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 2.7px solid transparent;
  }

  .ui-slider-range{
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f2f2f2;
  }

  .ui-slider-handle:last-child{margin-left: -5px;}

  .ui-slider-handle{background: #e43c44;}

  .range_values{margin-bottom: 15px;}

    .range_values input[type="text"]{
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      color: #272627;
      padding: 0;
      width: 50%;
      height: auto;
      border: none;
      background: transparent;
    }

/* Countdown */

#countdown .count_item{text-align: center;}

  #countdown .count_item dt.main_title{
    font-size: 80px;
    font-family: 'Raleway', sans-serif;
    color: #e43c44;
    margin-bottom: 30px;
    display: block;
    line-height: 70px;
    vertical-align: top;
  }

    #countdown .count_item dd h5{
      text-transform: uppercase;
      letter-spacing: -1px;
      font-family: 'Raleway', sans-serif;
    }


/*----------- Isotope --------------*/

.tabs_sort #options{
  text-align: center;
}

  .tabs_sort .button-group{
    display: inline-block;
    margin-bottom: 75px;
    border-top: 1px solid rgba(0,0,0,0.1);
    position: relative;
  }

  .tabs_sort .button-group:after,
  .tabs_sort #options button:after{
    content: '';
    background: rgba(0,0,0,0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .tabs_sort #options button:after{background: transparent;}

    .tabs_sort #options button{
      font-family: 'Raleway', sans-serif;
      background: none;
      display: inline-block;
      color: #272627;
      text-transform: uppercase;
      margin-right: 70px;
      padding-top: 25px;
      line-height: 1em;
      font-size: 14px;
      margin-top: -1px;
      border-top: 1px solid transparent;
      position: relative;

      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }

    .tabs_sort #options button:last-child{margin-right: 0;}

    .tabs_sort #options button:hover,
    .tabs_sort #options button.is-checked{
      border-top: 1px solid #e43c44;
    }

    .tabs_sort #options button.is-checked:after,
    .tabs_sort #options button:hover:after{
      background: #e43c44;
    }

  .isotope_container{
    margin-left: -15px;
    margin-right: -15px;
  }

  .isotope .item{
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }

  .isotope.four_collumn .item{width: 25%;}

  .isotope.two_collumn .item{width: 50%;}

  .isotope.three_collumn .item{
    width: 33.3333%;
    margin-bottom: 30px;
  }

  .tabs_sort.full_width_item .isotope .item{
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 5px;
  }

  .tabs_sort.full_width_item .isotope .item:last-child{margin-bottom: 0;}

  .relative_item .item{
    position: relative!important;
    top: 0!important;
  }

/*----------- Brand --------------*/

.mad_brand_wrap{
  border: 2px solid #eeeeee;
  display: block;
}

/*----------- Custom Select --------------*/

.custom_select{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #272627;
}

  .custom_select .select_title{
    cursor: pointer;
    padding: 10px 50px 10px 20px;
    border: 2px solid #cccccc;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    height: 50px;
    position: relative;
  }

  .custom_select .select_title.active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .custom_select .select_list{
    position: absolute;
    left: 0;
    top: 100%;
    cursor: pointer;
    background: #fff;
    z-index: 1;
    display: none;
    width: 100%;
    border: 2px solid #cccccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
  }

    .custom_select .select_list li{
      padding: 10px 20px;

      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }

    .custom_select .select_list li:hover{background: #cccccc;}

  .custom_select .select_title:before{
    content: '\e8e0';
    font-family: 'fontello';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 46px;
    padding: 0 15px;
    color: #cccccc;
  }

  .custom_select .select_title.active:before{content: '\e8e3';}

  .phone_select.custom_select .select_title,
  .phone_select.custom_select .select_list li{
    padding: 10px 20px 10px 75px;
    color: #ccc;
  }

  .phone_select.custom_select .select_title:before{
    right: auto;
    left: 50px;
    padding: 0;
    font-size: 10px;
  }

  .phone_select.custom_select .select_title:after{
    left: 20px;
    top: 0;
    content: '';
    background: url(../images/usa_flag.jpg) no-repeat center;
    position: absolute;
    width: 20px;
    height: 100%;
  }

/*----------- Banners --------------*/

.mad_banner_1{
  padding: 30px 70px;
  display: block;
}

.mad_banner_1.size2{padding: 45px 70px;}

.mad_banner_1.full_screen{
  padding-right: 0;
  padding-left: 0;
}

.mad_banner_1 h4{
  color: #fff;
  font-size: 30px;
}

.mad_banner_1 h2{color: #fff;}

.mad_banner_1 [class*="icon-"]{
  position: relative;
  padding-left: 60px;
}

.mad_banner_1 [class*="icon-"]:before{
  font-size: 40px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: calc(50% - 20px);
  font-weight: normal;
}

/* Social info list */

.c_info_list .contact_item:not(:last-child){margin-bottom: 15px;}

.c_info_list .contact_item p,
.c_info_list .contact_item a{
  margin-bottom: 0;
}

.c_info_list .contact_item p,
.c_info_list .contact_item a{
  padding-left: 35px;
  width: auto;
  overflow: visible;
  display: block;
  text-align: left;
  height: auto;
}

.c_info_list .contact_item p a{
  padding-left: 0;
  display: inline-block;
  color: #e43c44;
}

.c_info_list .contact_item p a:hover{text-decoration: underline;}

.c_info_list .contact_item i{
  color: #e43c44;
  float: left;
  font-size: 21px;
}

/*----------- Google map --------------*/

#googleMap,
#googleMap2{
  width: 100%;
  padding-bottom: 30%;
  min-height: 450px;
  z-index: 1;
}

iframe::-webkit-scrollbar{
    display: none!important;
}

iframe::scrollbar{
    display: none!important;
}

/*----------- Pagination --------------*/

.mad_pagination_section{
  margin-top: 90px;
  display: inline-block;
}

.mad_pagination_section.offset_none{margin-top: 0;}

.mad_pagination_section.offset1{margin-top: 30px;}

  .mad_pagination_section a{
    display: inline-block;
    border-color: #cccccc;
    color: #272627;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
  }

  .mad_pagination_section a:not(:last-child){margin-right: 5px;}

/* Rating list */

.rating_list{display: inline-block;}

  .rating_list li{
    float: left;
    position: relative;
    margin-left: 1px;
    font-size: 14px;
    font-family: 'fontello';
    display: inline-block;
    color: #e43c44;
  }

  .rating_list li:before{content: '\e840';}

  .rating_list li.empty{color: #afafaf;}

.mad_rating_var .rating_list{
  display: inline-block;
  margin-left: 15px;
}

.mad_rating_var{color: #272627;}

/*----------- Accordion --------------*/

.accordion{background: #fff;}

.accordion.style2{background: #fbfbfb;}

.accordion_item{overflow: hidden;}

  .accordion_item .a_content{
    padding: 35px;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
  }

    .accordion_item .a_content p{margin-bottom: 0;}

  .accordion_item h5{margin-bottom: 0;}

  .accordion .a_title{
    position: relative;
    cursor: pointer;
    border: 1px solid #eeeeee;
    padding-right: 20px;
    color: #272627;
    border-bottom-color: transparent;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Raleway', sans-serif;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .accordion .a_title:after{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
  }

  .accordion.style2 .a_title{
    color: #fff;
    background: #272627;
    border: none;
    border-bottom: 1px solid #676772;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 20px;
    line-height: inherit;
  }

  .accordion.style2 .a_title.active{
    background: #e43c44;
    border-bottom-color: #f2aab7;
  }

  .accordion.style2 .a_title:before,
  .accordion.style2 .a_title.active:before{
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    font-size: 18px;
    width: auto;
    line-height: inherit;
    margin-right: 10px;
    border: none;
    color: #fff;
  }

  .accordion.style2 .a_title.icon_cut:before,
  .accordion.style2 .a_title.active.icon_cut:before{
    content: '\e867';
  }

  .accordion.style2 .a_title.icon_makeup:before,
  .accordion.style2 .a_title.active.icon_makeup:before{
    content: '\e9a8';
  }

  .accordion.style2 .a_title.icon_shave:before,
  .accordion.style2 .a_title.active.icon_shave:before{
    content: '\ed19';
  }

  .accordion_item:last-child .a_title.active{border-bottom: 1px solid #eeeeee;}

  .accordion_item:last-child{border-bottom: 1px solid #eeeeee;}

  .a_title:before{
    text-align: center;
    color: #272627;
    display: inline-block;
    font-family: 'fontello';
    content: '\e85b';
    font-size: 16px;
    width: 60px;
    margin-right: 20px;
    border-right: 1px solid #eeeeee;
  }

  .a_title{line-height: 58px;}

  .a_title.active{
    border: 1px solid #eeeeee;
    color: #e43c44;
  }

  .a_title.active:before{content: '\e85f';}

    .a_title span{
      font-family: 'Roboto', sans-serif;
      font-size: 20px;
      float: right;
      line-height: 60px;
    }

#share_popup_holder{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: rgba(0,0,0,.5);
  text-align: center;
}

#share_popup_holder:after{
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}

  #share_popup_holder .mad_popup{
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
  }

    #share_popup_holder .mad_popup h4{
      color: #fff;
      font-size: 40px;
    }

/*----------- Alert boxes --------------*/

.alert{
  padding: 18px 20px 17px 30px;
  margin-bottom: 30px;
  background: #b92127;
  font-weight: 300;
  color: #fff;
}

.mad_main2 .alert{border-radius: 5px;}

.alert.alert-success{
  background: #6dca4d;
}

.alert.alert-info{
  background: #2965b0;
}

.alert.alert-error{
  background: #4d1e1e;
}

  .alert .close,
  .alert .button{
    position: relative;
  }

  .alert .button i{min-width: inherit;}

  button.close{
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }

  .close{
    float: right;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
  }

/* -----------------------------------

  9. Main content

------------------------------------- */

/* Shop */

.mad_sort_categories .result_range{
  color: #afafaf;
  line-height: 50px;
  margin-bottom: 0;
}

.mad_sort_categories .custom_select{width: 270px;}

.mad_sort_categories .custom_select:nth-child(n+2){margin-left: 25px;}

.mad_sort_categories .result_range.style2{line-height: 40px;}

.mad_layout_buttons button{
  background: none;
  line-height: 50px;
}

.mad_layout_buttons button:last-child{margin-left: 20px;}

  .mad_layout_buttons button i{
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    color: #cccccc;
  }

  .mad_layout_buttons .black_button_active i{color: #e43c44;}

.mad_shop_products .mad_gallery_item .mad_gallery_text{
  text-align: center;
  min-height: auto;
}

.mad_flex_list > .row > [class*="col-sm-"]{margin-bottom: 30px;}

.mad_shop_products.categories{width: 19%;}

  .mad_shop_products.categories .mad_gallery_item .mad_gallery_text{padding: 15px 10px;}

    .mad_shop_products.categories .mad_gallery_item .mad_gallery_text a{
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
    }

    .mad_shop_products.categories .mad_gallery_item .mad_gallery_text a:hover{color: #e43c44;}

.mad_shop_products .mad_gallery_item figure img{
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_shop_products .mad_gallery_item:hover figure img{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.mad_shop_products .mad_gallery_item .mad_gallery_text .mad_button{min-width: 155px;}

.mad_shop_products .mad_gallery_item .mad_gallery_text h5{
  margin-bottom: 10px;
  letter-spacing: -1px;
}

.mad_rating{margin-bottom: 20px;}

  .mad_rating .mad_price{float: left;}

  .mad_rating .rating_list{float: right;}

    .mad_price{
      font-family: 'Raleway', sans-serif;
      color: #e43c44;
      font-size: 17px;
    }

      .mad_price span{
        color: #afafaf;
        text-decoration: line-through;
      }

.category_isotope_item .mad_gallery_item .mad_gallery_text .product_text{
  display: none;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 15px;
}

.category_isotope_item.list_view_type .mad_gallery_item .mad_gallery_text .mad_rating{margin-bottom: 10px;}

.category_isotope_item.list_view_type .mad_gallery_item .mad_gallery_text .product_text{display: none;}

.category_isotope_item .mad_gallery_item:after{
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.category_isotope_item.list_view_type .mad_gallery_item .mad_item_hover{
  float: left;
  margin-bottom: 0;
  position: relative;
}

.category_isotope_item.list_view_type .mad_gallery_item .mad_gallery_text{
  text-align: left;
  border: none;
  padding: 20px 30px;
}

.category_isotope_item.list_view_type .mad_gallery_item .mad_rating .rating_list{float: left;}

.category_isotope_item.list_view_type .mad_gallery_item .mad_rating .mad_price{margin-right: 20px;}

.category_isotope_item.list_view_type .mad_gallery_item .mad_item_hover{max-width: 270px;}

.category_isotope_item.list_view_type .mad_gallery_item{
  border: 1px solid #eeeeee;
  border-left: none;
}

.category_isotope_item.list_view_type .mad_gallery_item .mad_gallery_text{overflow: hidden;}

.category_isotope_item.list_view_type .mad_gallery_item .mad_gallery_text .product_text{
  display: block;
  margin-top: 15px;
}

.category_isotope_item figure{position: relative;}

[class*="isotope_container"] [class*="isotope_item"].list_view_type{width: 100%;}

.product_thumbnails_wrap{position: relative;}

.product_page .owl-carousel .owl-controls .owl-nav .owl-prev, 
.product_page .owl-carousel .owl-controls .owl-nav .owl-next{
  position: absolute;
  top: calc(50% - 15px);
}

.product_page .owl-carousel .owl-controls .owl-nav .owl-prev, 
.product_page .owl-carousel .owl-controls .owl-nav .owl-next{
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-color: rgba(255,255,255,.2);
}

.product_page .owl-carousel .owl-controls .owl-nav .owl-prev{left: 15px;}

.product_page .owl-carousel .owl-controls .owl-nav .owl-next{right: 15px;}

.product_carousel.owl-carousel .owl-item .active img{opacity: 1;}

.product_page .owl-carousel .owl-controls .owl-nav .owl-prev{margin-bottom: 10px;}

.product_page .product_item{
  margin-bottom: 30px;
  overflow: hidden;
}

.product_page .product_description .rating_list{margin-bottom: 10px;}

  .product_page .product_description .rating_list li{font-size: 21px;}

.product_page .product_description .mad_price{
  font-size: 30px;
  margin-bottom: 20px;
}

.product_page .product_description .mad_button{
  min-width: 155px;
  margin-bottom: 20px;
}

/* Single member */

.mad_member_section .member_title{margin-bottom: 20px;}

  .mad_member_section .member_title h3{margin-bottom: 0;}

  .mad_member_section .member_title span{
    font-family: 'Raleway', sans-serif;
    font-family: 20px;
    color: #272627;
  }

  .mad_member_section .member_photo{
    margin-bottom: 20px;
    display: block;
  }

  .mad_member_section .member_secription span{
    display: block;
    color: #e43c44;
    margin-bottom: 10px;
  }

  .mad_member_section .member_secription span a{color: #e43c44;}

  .mad_member_section .member_secription span a:hover{text-decoration: underline;}

/* Services */

#services .paralax_image_bg2{padding: 170px 0;}

  #services .paralax_image_bg2 h2{color: #fff;}

  #services .carousel_type_2 .owl-carousel{padding-top: 90px;}

#services3 .mad_section_container p{margin-bottom: 0;}

#services .owl-carousel .owl-nav > [class*="owl-"]{
  border: 2px solid #616161;
  border-bottom: 4px solid #616161;
}

/* Gallery */

#gallery .owl_custom_buttons button,
.owl-carousel.style2 .owl-nav > [class*="owl-"],
.owl_custom_buttons .mad_button{
  border-color: #c3c3c4;
  color: #4c4c58;
  height: 40px;
}

#gallery .carousel_type_2 .owl-carousel{padding-top: 75px;}

.mad_gallery_item .mad_gallery_text{
  padding: 30px;
  border: 1px solid #eeeeee;
  border-top: none;
}

.isotope .mad_gallery_item .mad_gallery_text{text-align: center;}

  .mad_gallery_item .mad_gallery_text a h4{
    letter-spacing: -2px;
    display: inline-block;
    margin-bottom: 20px;
  }

  .isotope .mad_gallery_item .mad_gallery_text a h4{font-size: 40px;}

  .isotope.post_news .mad_gallery_item .mad_gallery_text a h5{
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    letter-spacing: 0;
  }

  .mad_gallery_item .mad_gallery_text a h5,
  .mad_gallery_item .mad_gallery_text a h4{
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  .mad_gallery_item .mad_gallery_text a:hover h5,
  .mad_gallery_item .mad_gallery_text a:hover h4{
    color: #e43c44;
  }

  .mad_gallery_item .mad_gallery_text p{
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .mad_gallery_item .mad_gallery_text .social_icon_list{margin-top: 15px;}

.mad_gallery_nav{margin: 50px 0 70px;}

  .mad_gallery_nav .owl_custom_buttons{
    position: relative;
    text-align: center;
  }

  .mad_gallery_nav .owl_custom_buttons [class*="mad_owl_"]{
    position: absolute;
    top: 0;
  }

  .mad_gallery_nav .owl_custom_buttons .mad_owl_prev{left: 0;}

  .mad_gallery_nav .owl_custom_buttons .mad_owl_next{right: 0;}

.mad_single_gallery .carousel_type_3{margin-bottom: 25px;}

/* News */

#news .paralax_image_bg4{padding-bottom: 185px;}

#news .full_width_bg_pattern{
  padding: 65px 0 90px;
  z-index: 5;
}

#news .full_width_bg_pattern .mad_section_container .mad_title_style1{
  color: #fff;
  line-height: 1em;
  margin-bottom: 25px!important;
}

#news .mad_section_container h2{color: #fff;}

#news .full_width_bg_pattern figure{
  position: absolute;
  top: -195px;
  left: -160px;
  right: -40px;
}

/* Blog */

#blog{padding-top: 60px;}

#blog .pattern_section .mad_section_container h2{margin-bottom: 80px;}

#blog .pattern_section .bg_pattern_dark{
  margin-top: -85px;
  z-index: 0;
  position: relative;
}

#blog .pattern_section .bg_pattern_red{
  z-index: 1;
  position: relative;
}

.mad_post_info h2{
  font-size: 40px;
  text-transform: none;
}

#blog .owl_custom_buttons{
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 3;
}

#blog .mad_section_container{padding-top: 5px;}

#blog .carousel_type_2 .owl-carousel{padding-top: 80px;}

.mad_post_info .mad_post_action{
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}

  .mad_post_action a{
    display: inline-block;
    color: #fff;
    font-weight: 500;
  }

  #blog .mad_post_action a:hover{text-decoration: underline;}

  .mad_post_action .date:before,
  .mad_post_action .comment:before,
  .mad_post_date .date:before,
  .mad_post_action .admin:before,
  .mad_post_action .days:before{
    font-family: 'fontello';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 18px;
    line-height: 1em;
  }

  .mad_post_action .date:before,
  .mad_post_date .date:before{
    content: '\e80f';
  }

  .mad_post_date .date:before {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    font-size: 30px;
  }

  .mad_post_action .comment:before{content: '\e813';}

  .mad_post_action .admin:before{content: '\e800';}

  .mad_post_action .days:before{content: '\e808';}

  .mad_post_action a:not(:last-child){margin-right: 20px;}

.mad_blog_post:nth-child(n+2){margin-top: 55px;}

.mad_blog_post:nth-child(1):not(.blog_single_post){margin-bottom: 45px;}

  .mad_blog_post .mad_post_content .mad_post_date{
    float: left;
    margin-right: 30px;
  }

    .mad_post_author{
      position: absolute;
      left: calc(50% - 50px);
      bottom: calc(0px - 50px);
      z-index: 1;
    }

  .mad_blog_post .mad_post_content .mad_post_info{
    padding: 30px;
    background: #fff;
  }

  #blog .mad_blog_post .mad_post_content .mad_post_info{
    padding: 30px 20px 35px;
  }

    .mad_blog_post .mad_post_content .mad_post_info p,
    .mad_blog_post .mad_post_text p{
      line-height: 30px;
      margin-bottom: 0;
      font-size: 20px;
    }

    .mad_blog_post .mad_post_text p{margin-top: 30px;}

    .mad_blog_post .mad_post_content .mad_post_info h2{margin-bottom: 15px;}

    .mad_blog_post .mad_post_content .mad_post_info a:hover{color: #e43c44;}

  .mad_blog_post .mad_post_date {
    background: #e43c44;
    width: 140px;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    padding: 55px 10px;
    color: #fff;
    z-index: 8;
  }

  .mad_blog_post figure{
    position: relative;
  }

  .mad_post_content .mad_post_date .date:before{
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    font-size: 30px;
  }

  #blog .mad_blog_post .mad_post_content .mad_post_info p {
    font-size: 16px;
    line-height: 25px;
  }

  .mad_post_content .mad_post_action{
    margin-bottom: 20px;
    padding-left: 1px;
  }

    .mad_post_content .mad_post_action a{color: #272627;}

    .mad_post_content .mad_post_action a:before{color: #e43c44;}

  .mad_post_nav{margin-bottom: 40px;}

    .mad_post_nav .mad_post_options{float: left;}

    .mad_post_nav .mad_post_dir{float: right;}

      .mad_post_nav [class*="mad_post_"] a{
        border: 2px solid #fafafa;
        padding: 10px 25px;
        display: inline-block;
        color: #272627;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
      }

      .mad_post_nav [class*="mad_post_"] a:hover{
        background: #e43c44;
        border-color: #e43c44;
        color: #fff;
      }

      .mad_post_nav [class*="mad_post_"] a:hover:before,
      .mad_post_nav [class*="mad_post_"] a:hover:after{
        color: #fff;
      }

      .mad_post_nav [class*="mad_post_"] a:not(:last-child){margin-right: 15px;}

      .mad_post_nav .mad_post_options a:before,
      .mad_post_dir .prev_post:before,
      .mad_post_dir .next_post:after{
        color: #afafaf;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;

        -webkit-transition: all .5s ease;
        transition: all .5s ease;
      }

      .mad_post_dir .prev_post:before,
      .mad_post_dir .next_post:after{
        font-family: 'fontello';
        content: "";
        line-height: 1em;
      }

      .mad_post_dir .next_post:after{
        margin-right: 0;
        margin-left: 10px;
      }

      .mad_post_dir > .prev_post:before{content: '\ec02';}

      .mad_post_dir > .next_post:after{content: '\ec03';}

  .mad_blog_category{
    margin-top: 30px;
    border-top: 2px solid #fafafa;
    padding: 15px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #272627;
  }

    .mad_blog_category .mad_tags{float: left;}

    .mad_blog_category .mad_category{float: right;}

      .mad_blog_category span{text-transform: uppercase;}

      .mad_blog_category a{color: #272627;}

      .mad_blog_category a:hover{color: #e43c44;}

  .mad_blog_author_section{
    border: 1px solid #eee;
    padding: 80px 20px 30px;
    position: relative;
    text-align: center;
    margin-top: 100px;
  }

    .mad_blog_author_section .mad_post_author{
      top: calc(0px - 50px);
      bottom: auto;
    }

    .mad_blog_author_section p{
      font-size: 25px;
      font-style: italic;
      color: #e43c44;
    }

    .mad_blog_author_section .mad_admin{
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      color: #272627;
      font-size: 15px;
      margin-top: 25px;
    }

      .mad_blog_author_section .mad_admin span{
        text-transform: none;
        padding-left: 10px;
      }

  .mad_comment_section,
  .mad_comment_form{
    margin-top: 55px;
  }

    .mad_post_comment{
      padding: 30px 30px 30px 80px;
      position: relative;
      border: 1px solid #eee;
      margin-left: 50px;
      min-height: 170px;
    }

    .mad_post_comment.style2{
      background: #fff;
      border-color: #eee;
    }

    .mad_post_comment:not(:last-child){margin-bottom: 30px;}

    .mad_post_comment.comment_level_2{margin-left: 100px;}

      .mad_post_comment .mad_post_author{
        left: calc(0px - 50px);
        top: calc(50% - 50px);
        bottom: auto;
      }

      .mad_post_comment p{margin-bottom: 0;}

      .mad_post_comment .post_author a,
      .mad_post_comment .post_author .rating_list{
        float: right;
      }

      .mad_post_comment .post_author a:hover{color: #e43c44;}

      .mad_post_comment .post_author,
      .mad_post_comment .post_author a{
        font-family: 'Raleway', sans-serif;
        color: #272627;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 14px;
      }

        .mad_post_comment .post_author span{
          padding-left: 10px;
          color: #c1c1c1;
        }

/*Appointment Page*/

.appointment_page .mad_gallery_item .mad_gallery_text{min-height: 210px;}

#helpdeskform{position: relative;}

#helpdeskform .mad_separator_bottom{
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#helpdeskform [class*="field"]{display: none;}

#helpdeskform [class*="field"].app_selected{display: block;}

#helpdeskform .app_nav_buttons button{
  min-width: auto;
  padding-right: 30px;
  padding-left: 30px;
}

#helpdeskform h6,
#helpdeskform form label{
  font-size: 14px;
}

#helpdeskform form label,
.mad_week_list ul li h6{
  color: #e43c44;
  margin-bottom: 15px;
  display: block;
  line-height: 1em;
  font-family: 'Raleway', sans-serif;
}

#helpdeskform p{
  font-family: 'Raleway', sans-serif;
  color: #272627;
  font-size: 14px;
}

#helpdeskform p span{color: #e43c44;}

#helpdeskform .app_nav_buttons .app_prev{float: left;}

#helpdeskform .app_nav_buttons .app_next{float: right;}

#helpdeskform .app_nav_buttons button:hover{
  background: #e43c44;
  color: #fff;
  border-color: #e43c44;
  border-bottom-color: #e43c44; 
}

#progressbar{
  margin-bottom: 35px;
  overflow: hidden;
  counter-reset: step;
  /*CSS counters to number the steps*/
}

#progressbar li{
  list-style-type: none;
  text-transform: uppercase;
  font-size: 14px;
  width: 20%;
  float: left;
  position: relative;
  color: #afafaf;
}

#progressbar li:not(:last-child){padding-right: 5px;}

#progressbar li:after{
    content: '';
    height: 10px;
    display: block;
    text-align: center;
    background: #afafaf;
    border-radius: 5px;
    margin: 5px auto 0;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#progressbar li.app_active:after{background: #e43c44;}

#progressbar li.app_active{color: #e43c44;}

.mad_week_list ul li{
  float: left;
  text-align: center;
}

.mad_week_list ul li:not(:last-child){margin-right: 10px;}

.mad_week_list ul li h6{
  margin-bottom: 25px;
  font-weight: normal;
}

.mad_week_list ul li .icon_check{
  font-family: 'fontello';
  background: #e43c44;
  color: #fff;
  border-radius: 100px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.mad_week_list ul li .icon_check:before{content: '\e854';}

#helpdeskform .mad_col_width{width: 27%;}

.mad_time_list{
  font-size: 0;
  margin: 0 -15px;
}

.mad_time_list ul{
  display: inline-block;
  padding: 0 15px;
}

.mad_time_list ul li{
  margin-bottom: 5px;
  min-width: 165px;
}

.mad_time_list ul li .mad_day,
.mad_time_list ul li .form-elements label{
  padding: 10px 20px;
  background: #e43c44;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 5px;
  color: #fff;
  display: block;
  text-align: center;
}

.mad_time_list ul li .mad_day{font-family: 'Raleway', sans-serif;}

.mad_time_list ul li .form-elements label{
  background: transparent;
  border: 1px solid #ccc;
  color: #8b8b99;
  padding-left: 70px;
  padding-right: 20px;
  text-transform: none;
  text-align: left;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.mad_time_list ul li .form-elements label:before{left: 40px;}

.mad_time_list ul li .form-elements label:after{left: 44px;}

.mad_time_list ul li .form-elements input[type="radio"]:checked + label,
.mad_time_list ul li .form-elements label:hover{
  border-color: #e43c44;
  color: #e43c44;
}

#helpdeskform .field textarea{min-height: 85px;}

#helpdeskform .field .mad_vertical_list ul > li:not(:last-child){margin-bottom: 15px;}

#helpdeskform .field .mad_vertical_list ul{padding-left: 20px;}

#helpdeskform .field .mad_vertical_list ul > li .form-elements label{font-size: 14px;}

#helpdeskform .field .mad_vertical_list ul > li .form-elements label i{
  font-size: 16px;
  padding-left: 10px;
}

/* Contact */

.contact_form ul > li input,
.contact_form ul > li textarea{
  margin-bottom: 20px;
}

.mad_contact_items .mad_contact_item{text-align: center;}

  .mad_contact_items .mad_contact_item h4{
    letter-spacing: -2px;
    margin-bottom: 15px;
  }

  .mad_contact_items .mad_contact_item > p{
    margin-bottom: 10px;
    color: #272627;
  }

  .mad_contact_items .mad_contact_item > a{color: #e43c44;}

  .mad_contact_items .mad_contact_item > a:hover{text-decoration: underline;}

  .mad_contact_items .mad_contact_item > h4{
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
  }

  .mad_contact_items .mad_contact_item > h4:before{
    font-family: Linearicons-Free;
    font-size: 80px;
    color: #e43c44;
    display: block;
    line-height: 1em;
    margin-bottom: 45px;
    font-weight: normal;
  }

  .mad_contact_items .social_icon_list ul li{margin-right: 0;}

.mad_input_button .mad_button{margin-left: 10px;}

.mad_input_button input{
  display: inline-block;
  max-width: 200px;
}

form.style2 input::-webkit-input-placeholder,
form.style2 textarea::-webkit-input-placeholder{
  color: #afafaf;
}

form.style2 input::-moz-placeholder,
form.style2 textarea::-moz-placeholder{
  color: #afafaf;
}

form.style2 .custom_select{color: #afafaf;}

/* Columns */

.mad_columns h4{margin-bottom: 40px;}

.mad_columns .row:not(:last-child) [class*="col-sm-"]{margin-bottom: 40px;}

/* Typography */

.first_letter_1 > span{
  font-size: 55px;
  margin: 0 10px 0 0;
  line-height: 50px;
}

[class*="first_letter_"] > span{
  float: left;
  display: block;
  text-align: center;
}

.first_letter_2 > span{
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 38px;
  margin: 0 10px 0 0;
  border: 1px solid #8b8b99;
  border-radius: 100px;
}

/* Tooltips */

.tooltips a{
  color: #e43c44;
  position: relative;
}

.tooltips span.pointed{
  background: #e43c44;
  color: #fff;
}

.tooltip{
  position:absolute;
  display:block;
  background:#e43c44;
  border-radius: 5px;
  padding:3px 10px;
  color: #fff;
  font-size: 12px;
  opacity:0;
  visibility: hidden;
  white-space: nowrap;
  z-index:5;

  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

a.top_tooltip .tooltip{
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  -webkit-transform: translate(-50%,-15px);
  -moz-transform: translate(-50%,-15px);
  -o-transform: translate(-50%,-15px);
  -ms-transform: translate(-50%,-15px);
  transform: translate(-50%,-15px);
}

a.left_tooltip .tooltip{
  top: 50%;
  right: 100%;
  margin-right: 5px;
  -webkit-transform: translate(-15px,-50%);
  -moz-transform: translate(-15px,-50%);
  -o-transform: translate(-15px,-50%);
  -ms-transform: translate(-15px,-50%);
  transform: translate(-15px,-50%);
}

a.right_tooltip .tooltip{
  top: 50%;
  left: 100%;
  margin-left: 9px;
  -webkit-transform: translate(15px,-50%);
  -moz-transform: translate(15px,-50%);
  -o-transform: translate(15px,-50%);
  -ms-transform: translate(15px,-50%);
  transform: translate(15px,-50%);
}

a.bottom_tooltip .tooltip{
  top: 100%;
  left: 50%;
  margin-top: 5px;
  -webkit-transform: translate(-50%,15px);
  -moz-transform: translate(-50%,15px);
  -o-transform: translate(-50%,15px);
  -ms-transform: translate(-50%,15px);
  transform: translate(-50%,15px);
}

a.top_tooltip:hover .tooltip{
  -webkit-transform: translate(-50%,0px);
  -moz-transform: translate(-50%,0px);
  -o-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
}

a.left_tooltip:hover .tooltip{
   -webkit-transform: translate(0px,-50%);
  -moz-transform: translate(0px,-50%);
  -o-transform: translate(0px,-50%);
  -ms-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}

a.right_tooltip:hover .tooltip{
   -webkit-transform: translate(0px,-50%);
  -moz-transform: translate(0px,-50%);
  -o-transform: translate(0px,-50%);
  -ms-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}

a.bottom_tooltip:hover .tooltip{
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.tooltips a .tooltip:after{
  position:absolute;
  content:"";
  width:0;
  height:0;
}

a.top_tooltip .tooltip:after{
  border-left:8px solid transparent;
  border-top:5px solid #e43c44;
  border-right:8px solid transparent;
  top: 100%;
  left:50%;
  margin-left:-8px;
}

a:hover .tooltip{
  opacity: 1;
  visibility: visible;
}

.tooltips a:hover{text-decoration: none;}

.tooltips a.left_tooltip .tooltip:after{
  border-top: 8px solid transparent;
  border-left: 5px solid #e43c44;
  border-bottom: 8px solid transparent;
  top: calc(50% - 8px);
  left: 100%;
}

.tooltips a.right_tooltip .tooltip:after{
  border-top: 8px solid transparent;
  border-right: 5px solid #e43c44;
  border-bottom: 8px solid transparent;
  right: 100%;
  top: calc(50% - 8px);
}

.tooltips a.bottom_tooltip .tooltip:after{
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid #e43c44;
  border-top: none;
  bottom: 100%;
  left: calc(50% - 8px);
}

/* Page Elements */

.mad_elements h4{margin-bottom: 40px;}

.mad_elements .paralax_image_bg2{padding: 180px 0;}

.mad_elements .paralax_image_bg2 h2{
  color: #fff;
  margin-bottom: 60px;
}

.mad_elements .mad_text_style1{margin-bottom: 30px;}

.mad_elements .mad_grey_button_container{
  background: #fff;
  padding: 45px 55px;
}

/* Page 404 & Coming soon */

.page_404,
.page_coming_soon{
  text-align: center;
  padding: 170px 0 390px;
  margin-bottom: 60px;
}

.page_404 h2{
  font-size: 250px;
  line-height: 250px;
  color: #fff;
  margin-bottom: 0;
}

.page_404 h5,
.page_coming_soon h5{
  font-family: 'Raleway', sans-serif;
  color: #fff;
  letter-spacing: 5px;
  display: inline-block;
  padding: 0 50px 20px;
}

.page_404 p{
  margin-bottom: 0;
  color: #f5f5f5;
}

.page_404 p b{color: #e43c44;}

.page_404 .mad_separator_bottom:after{background: rgba(255,255,255,0.1);}

.page_404 .mad_separator_bottom{border-bottom-color: rgba(255,255,255,0.1);}

.page_coming_soon .logo{margin-bottom: 40px;}

.page_coming_soon h2{
  font-size: 72px;
  margin-bottom: 60px;
}

.page_coming_soon h2,
.page_coming_soon h5{
  color: #fff;
}

.page_coming_soon h5{
  padding: 0;
  margin-bottom: 0;
}

/* Typography */

.mad_typography h1{font-size: 60px;}

.mad_typography h2{font-size: 40px;}

.mad_typography h3{font-size: 30px;}

.mad_typography h4{font-size: 20px;}

.mad_typography h5{font-size: 18px;}

/* -----------------------------------

  10. Forms

------------------------------------- */

.form_type_1 .control-group.input_profiles .controls table.warning tr td,
.form_type_1 .control-group.input_profiles .controls table.warning tr td input,
.warning{
  color: #ff9868;
  border-color: #ff9868;
}

.form_type_1 .control-group.input_profiles .controls table.error tr td,
.form_type_1 .control-group.input_profiles .controls table.error tr td input,
.error{
  color: #ff0000;
  border-color: #ff0000;
}

.form_type_1 .control-group.input_profiles .controls table.info tr td,
.form_type_1 .control-group.input_profiles .controls table.info tr td input,
.info{
  color: #2965b0;
  border-color: #2965b0;
}

.form_type_1 .control-group.input_profiles .controls table.success tr td,
.form_type_1 .control-group.input_profiles .controls table.success tr td input,
.success{
  color: #86d26e;
  border-color: #86d26e;
}

/* Default Forms */

[class*="form_type_"] .control-group:not(:last-child){
  font-weight: 300;
  margin-bottom: 20px;
  color: #ccc;
}

[class*="form_type_"] .control-group.type2{
  margin-bottom: 20px;
}

[class*="form_type_"] .control-group label{
  margin-bottom: 0;
}

[class*="form_type_"] .control-group table tr td:last-child,
[class*="form_type_"] .control-group table{
  width: 100%;
}

  .form_type_1 .control-group .control-label{
    width: 170px;
    float: left;
    padding-top: 10px;
    color: #ccc;
  }

  .form_type_1 .control-group input:not([type="checkbox"]):nth-child(n+2){
    margin-top: 10px;
  }

  .form_type_1 .control-group .controls{
    overflow: hidden;
  }

  .form_type_1 .control-group .controls .postcode_elements li{
    margin-top: 8px;
  }

  .form_type_1 .control-group.form-elements span{
    display: inline-block;
    width: 168px;
    color: #ccc;
  }

  .form_type_1 .control-group.form-elements label:last-child{
    margin-left: 20px;
  }

  .form_type_1 .control-group .controls textarea{
    height: 125px;
  }

  .form_type_1 .control-group.input_profiles:not(:last-child){margin-bottom: 20px;}

    .form_type_1 .control-group.input_profiles .controls table.warning tr td input{margin-bottom: 5px;}

    .form_type_1 .control-group.input_profiles .controls table.warning tr td,
    .form_type_1 .control-group.input_profiles .controls table.warning tr td input,
    .warning{
      color: #ff9868;
      border-color: #ff9868;
    }

    .form_type_1 .control-group.input_profiles .controls table.error tr td,
    .form_type_1 .control-group.input_profiles .controls table.error tr td input,
    .error{
      color: #ff0000;
      border-color: #ff0000;
    }

    .form_type_1 .control-group.input_profiles .controls table.info tr td,
    .form_type_1 .control-group.input_profiles .controls table.info tr td input,
    .info{
      color: #2965b0;
      border-color: #2965b0;
    }

    .form_type_1 .control-group.input_profiles .controls table.success tr td,
    .form_type_1 .control-group.input_profiles .controls table.success tr td input,
    .success{
      color: #86d26e;
      border-color: #86d26e;
    }

  .form_type_1.type_2 .control-label,
  .form_type_1.type_2 .control-group.form-elements span{
    width: 100%;
    float: none;
    display: block;
    padding-bottom: 5px;
    padding-top: 0;
  }

  .form_type_1.type_2 .control-group.input_profiles .controls table tr td:last-child{
    padding: 0;
  }

  .form_type_1.type_2 .control-group.input_profiles .controls table tr:last-child td{
    text-align: left;
    padding-top: 5px;
  }

input[type="checkbox"]{display: none;}

input[type="checkbox"] + label{
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
}

input[type="checkbox"] + label:after{
  content: '\ea51';
  font-family: 'fontello';
  line-height: 26px;
  top: 0;
  font-size: .85em;
  position: absolute;
  left: 6px;
  color: #ccc;
  display: none;
}

input[type="checkbox"] + label:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 5px;
}

input[type="checkbox"]:checked + label:after{
  display: block;
}

input[type="radio"]:checked + label:before{
  background-position: 0 -22px;
}

input[type="radio"] + label{
  width: auto !important;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
}

input[type="radio"] + label:after, 
input[type="radio"] + label:before{
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  top: calc(50% - 9px);
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
}

input[type="radio"] + label:after{
  display:none;
  border:none;
  background:#ccc;
  width:10px;
  height:10px;
  left:4px;
  top: calc(50% - 5px);
}

input[type="radio"] + label:after, input[type="radio"] + label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type="radio"]:checked + label:after{display: block;}

#cf_message{height: 160px;}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.subscribe_form_2 input[type="email"]{width: 275px;}

.message_container_subscribe{
  display: none;
  font-size: 14px;
  margin-top: 5px;
}

[class*="message_container"]{
  display: none;
  margin-top: 10px;
  top: 100%;
  left: 15px;
  position: absolute;
}

.alert_box.warning{color: red;}

.alert_box i{
  float: left;
  position: relative;
  font-style: normal;
  font-weight: bold;
}

.alert a:hover{text-decoration: underline;}

.alert a.button:hover{text-decoration: none;}

.alert strong a{font-weight: bold!important;}

.alert_box p{padding-left: 30px;}

#newsletter .alert_box p{padding-left: 0;}

.alert_box.warning input{border: 1px solid #feb41c;}

.alert_box.error p{color: red;}

.alert_box.success{color: #96ca2d;}

/* -----------------------------------

  11. Icons

------------------------------------- */

i[class^="fa"]{line-height: inherit;}

.widget_social_icons.type_2.tool_down ul li span.tooltip,
.widget_social_icons.type_2.tool_down ul li span.tooltip{
  top: 100%;
  bottom: inherit;
  margin: 10px 0 0 0;
  z-index: 999;
}

.widget_social_icons.type_2.tool_down ul li span.tooltip:after,
.widget_social_icons.type_2.tool_down ul li span.tooltip:after{
  bottom: 27px;
  border-left: 8px solid transparent;
  border-bottom: 5px solid #ff680d;
  border-right: 8px solid transparent;
  border-top: none;
  font-size: 13px;
}
.widget_social_icons.type_2 ul li a,
.widget_social_icons.type_2 ul li a{
  font-size: 14px;
  width: 35px;
  height: 35px;
}

  .widget_social_icons.type_2 ul li a i,
  .widget_social_icons.type_2 ul li a i{
    line-height: 35px;
  }

.widget_social_icons.type_2.type_border ul li a{
  border: 1px solid #e8e8e8;
}

/* -----------------------------------

  12. Footer

------------------------------------- */

#footer.footer .mad_top_footer{
  background: #272627;
  position: relative;
}

  #footer.footer .mad_top_footer span{color: #fff;}

#footer.footer .mad_top_footer:before{
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: repeat!important;
  background: url(../images/pattern.png);
  filter: alpha(Opacity=10);
  opacity: 0.1;
}

  .mad_logo_container{
    display: inline-block;
    background: #e43c44;
    padding: 60px 45px;
  }

#footer[class*="footer_"]{
  background: #272627;
  color: #fff;
}

  #footer[class*="footer_"] .mad_top_footer{padding: 50px 0;}

  #footer .mad_footer{
    padding: 15px 0;
    border-top: 1px solid;
    position: relative;
    border-color: rgba(255,255,255,0.1);
  }

  #footer .mad_footer span{color: #fff;}

  #footer .mad_footer:before{
    content: '';
    background: rgba(255,255,255,0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
  }

  #footer .widget .widget_title{
    padding-bottom: 0;
    margin-bottom: 20px;
    color: #fff;
    display: block;
    border: none;
  }

  #footer .widget.widget_contact .mad_justify_list .mad_right_part > a{color: #fff;}

  #footer .widget.widget_contact .mad_justify_list .mad_right_part > a:hover{text-decoration: underline;}

  #footer .widget_instagram .instagram-feed{margin: 0 -5px -5px 0;}

  #footer.footer_3 .widget_instagram .instagram-feed{margin: 0;}

    #footer .widget_instagram .instagram-feed li{
      margin: 0;
      width: 10%;
      padding: 0;

      -webkit-box-shadow: -5px 0px 0px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow:    -5px 0px 0px 0px rgba(0, 0, 0, 0.2);
      box-shadow:         -5px 0px 0px 0px rgba(0, 0, 0, 0.2);
    }

    #footer.footer_3 .widget_instagram .instagram-feed li{width: 10%;}

    #footer.footer_2 .widget_instagram .instagram-feed li{width: 25%;}

  #footer .widget.widget_work_time .mad_justify_list ul > li:last-child{color: #e43c44;}

  #footer .widget.widget_work_time .mad_justify_list ul > li:last-child .mad_right_part{text-transform: uppercase;}

  #footer .widget.widget_work_time .mad_justify_list .mad_left_part{width: 55%;}

  #footer .widget_post .mad_post_section .mad_post_item{background: none;}

  #footer .widget_post .mad_post_section .mad_post_item:not(:last-child){margin-bottom: 25px;}

  #footer .widget_post .mad_post_section .mad_post_item .post_text_block{padding: 5px 0 0 20px;}

    #footer .widget_post .mad_post_section .mad_post_item .post_text_block a{
      font-size: 13px;
      color: #fff;
      margin-bottom: 0;
    }

    #footer .widget_post .mad_post_section .mad_post_item .post_text_block a:hover{color: #e43c44;}

    #footer .widget_post .mad_post_section .mad_post_item .post_text_block span{
      display: block;
      color: #898996;
      font-style: italic;
      font-size: 14px;
      line-height: 15px;
    }

  #footer .widget_about figure{
    float: left;
    margin: 0 35px 35px 0; 
  }

  #footer .widget_twitter .tweet_list > li{color: #fff;}

  #footer .widget_twitter #twitter a{color: #989898;}

