// Core variables and mixins
@import "variables.less"; // Custom for this template
@import "../../../media/jui/less/mixins.less";

/*======================= TYPOGRAPHY =======================*/

h1, h2, h3, h4, h5, h6{
  margin-top: 0;
  font-family: @sansFontFamily;
  color: @titleColor;
  a{
    color: @titleColor;
    &:hover{
      color: @globalColor;
    }
  }
}

h1{
  color: @globalColor;
  font: 35px/40px @CondimentFontFamily;
}

h2{
  font-size: 47px;
  line-height: 55px;
  font-weight: 600;
}

h3{
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 59px;
  text-align: center;
  &.top{
    margin-bottom: 19px;
    padding-top: 47px;
    text-align: left;
  }
}
h4{
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: @baseLineHeight - 1;
}
h5{
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
h6{}

legend{}
dt.result-title{}

.alert-heading{color: inherit;}

.fright{
  text-align: right;
}

.slide_text{
  font-size: 47px;
  font-weight: bold;
  font-style: italic;
  line-height: 56px;
  letter-spacing: -2px;
}

span.phone{
  display: block;
  font-size: 57px;
  font-weight: bold;
  font-style: italic;
  line-height: 60px;
  padding-bottom: 50px;
}

a{
  .transition(.3s);
}

p{
  margin: 0;
  padding-bottom: @baseLineHeight - 7;
}

.overflow{
  overflow: hidden;
}

.icons-marker{
  font-size: 1.2 * @baseFontSize;
  line-height: @baseLineHeight;
}

/*Buttons*/

.buttonBackgroundAlt(@bgColor, @textColor){
  background: @bgColor;
  color:@textColor;
  text-shadow: none;
}

.btn {
  padding: 15px 23px;
  font-size: @btnFontSize;
  line-height: @btnLineHeight;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  background: @btnBackground;
  .border-radius(0px);
  .box-shadow(none);
  text-shadow: none;
  .transition(all .2s linear);
  // Hover state
  &:hover {
    text-decoration: none;
    background: #fff;
    color:@globalColor;
    border: 1px solid @globalColor;
    .transition(all .2s linear);
  }
  &.disabled{
    cursor: default !important;
  }
}

.btn-primary,
.btn-small{
  // .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight, @btnPrimaryColor, none);
  .buttonBackgroundAlt(@btnPrimaryBackground, @btnPrimaryColor);
  border: 1px solid @btnPrimaryBorder;
  border-bottom-color: @btnPrimaryBorder;
  outline: none !important;
  &:hover {
    background: @btnActPrimaryBackground;
    color:@btnPrimaryColorHighlight;
  }
  &.submitButton{
    float: right;
  }
  &.disabled{
    background: @btnActPrimaryBackground;
    color:@btnPrimaryColorHighlight;
    .opacity(100);
  }
  &:focus,&:active{
    // .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight, @btnPrimaryColor, none);
    .buttonBackgroundAlt(@btnPrimaryBackground, @btnPrimaryColor);
    &:hover {
      background: @btnActPrimaryBackground;
      color:@btnPrimaryColorHighlight;
    }
  }
}

.btn-info{
  background: transparent;
  letter-spacing: 0.1em;
  border: none;
  padding: 0;
  position: relative;
  font-size: 12px;
  font-weight: 600;
  color: @globalColor;
  border: none;
  &:hover,
  &:focus,
  &:active {
    box-shadow: none;
    .buttonBackgroundAlt(none, @titleColor);
    outline: none;
    border: none;
  }
}

.custom_link{
  display: inline-block;
  background: @globalColor;
  color: #fff;
  font-weight: 600;
  padding: 16px 20px 12px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  border: 1px solid transparent;
  .transition(.3s);
  &:hover{
    background: @white;
    color: @globalColor;
    border: 1px solid @globalColor;
  }
}

// Search button

#searchForm{
  .btn.btn-primary{
    height: @inputHeight;
  }
}


/*Lists*/

ul.item_list,
.categories-module,
.archive-module{
  li{
    a{
    }
  }
}

ul.categories-module{
  h5{
    font-size: 1em;
    line-height: inherit;
    font-weight: normal;
    margin: 0;
  }
}


/*Pagination*/

.pagination{
  height: auto;
  margin: 0;
  padding: 0 0 50px;
  ul{
    .border-radius(0);
    border:none;
    box-shadow: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    li{
      display: inline-block;
      padding: 0 8px;
      .pagenav,
      .hasTooltip{
        padding: 0;
        text-transform: none;
        color:@paginationSpan;
        .border-radius(0) !important;
        border:none;
        box-shadow: none;
        background: none;
      }
      span.pagenav,
      .span.hasTooltip{
        color:@paginationSpan;
      }
      a.pagenav,
      a.hasTooltip{
        color: @paginationLink;
        &:hover{
          background:none;
          color: @paginationLinkAct;
        }
      }
      &.num{
        span.pagenav, span.hasTooltip{
          color:@paginationLinkAct;
        }
      }
    } 
  }
}

/*Forms*/

input[type='radio'],
input[type='checkbox'] {
  margin: -2px 0 0;
}

/* Images */

.item_img,
.category_img{
  margin: 0 0 @baseLineHeight + 8;
  position: relative;
}

.item_img{
  font-size: 0;
  line-height: 0;
  a{
    position: relative;
    display: inline-block;
    max-width: 100%;
    &:after{
      content:'\f14d';
      font-family: FontAwesome;
      position: absolute;
      .opacity(0);
      left: 0;
      width: 100%;
      height: 0;
      text-align: center;
      top: 50%;
      .transition(all 0.5s ease);
      z-index: 3;
    }
    &.touchGalleryLink{
      &:after{
        display: none;
      }
    }
    &:hover{
      &:after{
        font-size: 40px;
        .opacity(100);
        color: @linkColor;
      }
    }
    .BWfade{
      width: 100% !important;
      height: 100% !important;
      z-index: 2;
    }
    img{
      .opacity(99);
    }
  }
}

.img-intro__left,
.img-full__left{
  float:left;  margin: 0 18px 9px 0;
  max-width: 50%;
}
.img-intro__right,
.img-full__right{
  float:right; margin: 0 0 9px 18px;
  max-width: 50%;
}

// Well 

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  .border-radius(4px);
  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
}

#system-message>div{
  margin: 20px 0;
}

/*======================= TOP =======================*/

#top-row{
  .buttonBackgroundAlt(transparent, #8c8c8c);
  font: 10px/14px @AsapFontFamily;
  padding-top: 10px;
  text-transform: uppercase;
  .row-container{}
}

ul.social{
  margin: 5px 0 8px 14px;
  overflow: hidden;
  li{
    float: left;
    list-style: none;
    line-height: 14px;
    margin: 0;

    a{
      font-size: 0;
      line-height: 0;

      &:before{
        font-size: 14px;
        line-height: 14px;
        color: #000;
      }
    }

    & + li{
      margin-left: 16px;
    }
  }
}

ul.top_menu{
  float: right;
  margin: 5px 6px 0px 0px;
  text-align: right;
  li{
    display: inline-block;
    list-style: none;
    font-size: 10px;
    color: #aaaaaa;
    line-height: 14px;
    margin-left: 14px;
    .fa{
      font-size: 14px;
      margin-right: 3px;
      vertical-align: middle;
    }
    a{
      color: #8c8c8c;
      &:hover{
        color: @globalColor;
      }
    }
    &.phone{
      font-size: 12px;
      color: #aaaaaa;
    }
  }
}

/*======================= HEADER =======================*/

#header-row{
  margin-top: -4px;
  overflow: hidden;
  width: 100%;
}

#logo{

  a{
    margin-top: 6px;
    display: inline-block;
    margin-left: 15px;
  }

  h2{
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    border:none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
}

.search-block{
  text-align: right;
  padding: 0;
  .mod-search__search-block{
    display: block;
    position: relative;
    margin: 7px 0 0;
    form{
      border: 1px solid @globalColor;
      background: none;
      display: inline-block;
      max-width: 280px;
      position: relative;
      width: 100%;
      #searchword{
        margin: 0;
        background: none;
        border: none;
        height: 28px;
        padding: 0 40px 0 10px;
        width: 100%;
        line-height: 28px;
        .box-sizing(border-box);
      }
      .button{
          position: absolute;
          top: -1px;
          right: -1px;
          margin: 0;
          padding: 0px;
          .transition(all .2s linear);
          background: @globalColor;
          font-size: 0;
          line-height: 0;
          width: 30px;
          height: 30px;
          &:before{
              content: "\f002";
              font-family: @fa;
              font-size: 15px;
              line-height: 15px;
              color: #fff;
          }




        &:hover{
          .opacity(70);
        }
      }
    }
  }
}

.moduletable{
  position: relative;
}

/*======================= NAVIGATION =======================*/

#navigation-row{
  padding-top: 30px;
  padding-bottom: 23px;
  width: 100%;
  .row-container{}
}

.navigation{
  ul.sf-menu{
    float: right;
    margin: 13px 58px 17px 0;
    >li{
      padding: 0;
      margin: 0;
      +li{
        margin-left: 29px;
      }
      &.active, &.sfHover, &.current{
        >a,
        >span{
          background:     @menuItemBgColorAct;
          color:          @menuItemColorAct;
        }
      }
      >a, >span{
        font-size:        @menuItemFontSize;
        line-height:      @menuItemLineHeight;
        font-family:      @menuItemFontFamily;
        font-weight:      600;
        color:            @menuItemColor;
        background:       @menuItemBgColor;
        display: block;
        padding: 0px;
        .transition(all 0.2s ease);
        &:hover{
          background:     @menuItemBgColorAct;
          color:          @menuItemColorAct;
        }
      }
    }
    /*SubMenu Styles*/
    li > ul{
      top: @menuItemLineHeight + 32; /*Define 1st SubMenu position*/
    }
    ul{
      width: @menuItemWidth; /*Define menu width*/
    }
    li li ul{ /*Define SubMenu position*/
      top:-12px;
      left: @menuItemWidth;
    }
    li li li ul{ /*Define 2nd+ SubMenu position*/
      top:-12px;
      left:@menuItemWidth;
    }

    ul{
      background:         @subMenuBg;
      padding: 12px 0;
      text-align: center;
      li{
        &.open{
          >.sub-menu{
            display: block !important;
          }
        }
        a,
        span{
          font-size:      @subMenuItemFontSize;
          line-height:    @subMenuItemLineHeight;
          font-family:    @subMenuItemFontFamily;
          color:          @subMenuItemColor;
          background:     @subMenuItemBgColor;
          display: block;
          padding: 6px 12px;
          text-decoration: none;
          .transition(all 0.2s ease);
          &:hover{
            background:   @subMenuItemBgColorAct;
            color:        @subMenuItemColorAct;
          }
        }
        &.active,
        &.sfHover{
          >a,
          >span{
            background:   @subMenuItemBgColorAct;
            color:        @subMenuItemColorAct;
          }
        }
      }
    }
    // Vertical Menu
    &.sf-vertical{
      width: @menuItemWidth;
      li{
        width: @menuItemWidth; 
        margin-bottom: 1px;
      }
      li:hover > ul,
      li.sfHover > ul{ /*Define 1st SubMenu position*/
        top: -13px;
      }
      ul{
        left: @menuItemWidth + 2;
        li{
          a,
          span{
            padding: 9px 12px;
          }
        }
      }
    }
    // Navbar menu
    &.sf-navbar{
      height: @menuItemLineHeight;
      padding-bottom: @menuItemLineHeight;
      margin-bottom: 2px;
      li:hover > ul,
      li.sfHover > ul{ /*Define 1st SubMenu position*/
        top: @menuItemLineHeight + 2;
        left: 0;
      }
      li{
        ul{
          width: auto;
          padding: 2px 0;
          ul.sub-menu{
            width: @menuItemWidth;
            top: @menuItemLineHeight;
          }
        }
      }
    }
  }
}

.search-block{
  text-align: right;
  input{
    max-width: 100%;
  }
}

.masonry{
  .item{
    margin-left: 0 !important;
  }
}

/*======================= SHOWCASE =======================*/

#showcase-row{
  background: @white;
  overflow: hidden;
  padding-top: 70px;
  .row-container{}
}

#showcase2-row{
  -webkit-box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow:    0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  box-shadow:         0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  padding: 77px 0 22px 0;
}

.mod-article-single{
  .item__module{
    margin-bottom: 40px;
    overflow: hidden;
  }
  &.mod-article-single__map{
    .item__module{
      margin-bottom: 0;
    }
  }
  &.mod-article-single__contact{
    .item__module{
      margin-bottom: 0;
    }
  }

  &.mod-article-single__video{
    .item_introtext{
      p{
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        padding-bottom: 34px;
      }
    }
  }
}

.mod-newsflash-adv{
  .item_published{
    color: #9b9b9b;
    display: block;
    margin-bottom: 5px;
  }
  .isotope{
    margin: 0 -1.5%;
  }
  .isotope-item{
    padding: 0 1.5%;
    .box-sizing(border-box);
    margin: 0;
    float: left;
    &.straightDown{
      text-align: center;
    }
  }
  .item_content{
    overflow: hidden;
  }
  &.mod-newsflash-adv__top{
    position: relative;
    .item{
      position: relative;

      .item_img{
        margin-bottom: 31px;
      }

      .item_title{
        margin-bottom: 16px;
        letter-spacing: 0.050em;
        a{

          &:hover{
            color: @globalColor;
          }
        }
      }

      .item_introtext{
        padding-right: 19%;
        .subtitle{
          font-size: 14px;
          line-height: 21px;
          text-transform: uppercase;
          letter-spacing: 0.050em;
          color: @globalColor;
          padding: 0;
          margin-bottom: 6px;
        }
      }
    }
  }
  &.icons{
    padding-bottom: 24px;
    position: relative;
    .item{
      position: relative;
      .item_content{
        color: #504f4d;
        overflow: visible;
        i{
          font-size: 36px;
          .border-radius(50%);
          line-height: 89px;
          position: relative;
          width: 89px;
          height: 89px;
          background: #f2f2f2;
          color: @globalColor;
          display: inline-block;
          margin-bottom: 26px;
        }
        .inner{
          padding: 11px 20px 29px;
          .item_title{
            margin-bottom: 16px;
          }

          .item_introtext{
            padding: 0 6%;
          }
        }
      }
    }
  }
  &.posts{
    .item{
      .item_published{
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        color: @globalColor;
      }
    }

    .item_content{
      padding-bottom: @baseLineHeight;
    }
    .item_title{
      max-width: 252px;
    }
    .item_introtext{
      padding-bottom: 0;
    }
  }
  &.blockquote{
    background: @globalColor;
    padding-bottom: 0;
    padding-top: 67px;
    position: relative;
    &:before,
    &:after{
      content: "";
      position: absolute;
      width: 300%;
      height: 100%;
      background: @globalColor;
      top: 0;
    }
    &:before{
      left: -300%;
    }
    &:after{
      right: -300%;
    }
    .item_content{
      font-size: 18px;
      font-weight: 400;
      color: #fff;
      line-height: 30px;
      padding: 0 0 0 21px;
      position: relative;
      .item_introtext{
        padding: 0 12% 2px 15px;
      }
      .item_img{
        margin: 0 14px 9px 20px;
        img{
          .border-radius(50%);
        }
      }
      .item_title{
        font-weight: 600;
        font-size: 17px;
        color: white;
        padding-top: 26px;

        &:before{
          content: "-";
          font-size: 17px;
          font-weight: 600;
          color: #fff;
        }
      }

      &:before{
        content: "“";
        font-size: 48px;
        line-height: 48px;
        font-weight: 700;
        color: #fff;
        position: absolute;
        top: 12px;
        left: 3px;
      }
    }
  }

  &__home-posts{

    .item{
      margin-bottom: 44px;
    }

    .item_title{
      color: @globalColor;
      margin-bottom: 16px;
    }

    .item_introtext{
      padding-right: 19%;
    }
  }
}

/*======================= FEATURE =======================*/

#feature-row{
  overflow: hidden;
  padding-top: 62px;
  .row-container{
    .moduleTitle{
      margin-bottom: 32px;
    }
  }
}

#feature2-row{
  -webkit-box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow:    0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  box-shadow:         0px 6px 60px 0px rgba(0, 0, 0, 0.06);
  padding: 77px 0 0 0;
}

/*======================= MAINTOP =======================*/

#maintop-row{
  background: @white;
  padding-bottom: 30px;
  padding-top: 59px;
  .row-container{}
}

/*======================= CONTENT TOP =======================*/

#content-top-row{
  .row-container{}
}

/*======================= CONTENT =======================*/

#content-row{
  padding-bottom: 5px;
  padding-top: 62px;
}

#component{min-height: 0;}

.item{
  margin-bottom: @baseLineHeight*2;
  &:after{
    content:'';
    display: block;
    clear: both;
  }
}

.page-header{
  border: none;
  padding: 0;
  margin: 0;
}

.item_info_dl{
  color: #bfbfbf;
  font-size: @baseFontSize - 2;
  margin: 0 0 @baseLineHeight - 4;
  text-transform: lowercase;
  dd{
    margin: 0;
    display: inline;
    >*{
      display: inline;
    }
    +dd{
      &:before{
        content: "|";
        padding: 0 6px;
      }
    }
  }
  a{
    color: @globalColor;
    &:hover{
      color: @titleColor;
    }
  }
}

.item_icons.btn-group.pull-right{
  margin: 0px 0 10px 10px;
  position: relative;
  z-index: 10;
  ul.dropdown-menu{
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
    li{
      padding: 0;
      float: none;
    }
  }
}

/*===== Home Page ======*/

ul.clients{
  display: table;
  margin: 0 0 67px;
  table-layout: fixed;
  width: 100%;
  li{
    display: table-cell;
    list-style: none;
    text-align: center;
  }
}

.video_outer {
  float: left;
  margin-bottom: @baseLineHeight;
  margin-right: 37px;
  overflow: hidden;
  width: 48.4%;
  .video {
    background: @white;
    height: 4px;
    padding-bottom: 59.16824196597353%;
    position: relative;
    .video_inner {
      bottom: 5px;
      left: 5px;
      position: absolute;
      right: 5px;
      top: 5px;
      iframe {
        border: medium none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
      }
    }
  }
}

.video{
  p{
    padding-bottom: @baseLineHeight;
  }
}

/*===== Gallery Page ======*/

ul.gallery{
  margin: 0;
  text-align: justify;
  font-size: 0.1px;
  display: block;
  line-height: 0;
  &:after{
    content: "";
    display: inline-block;
    width: 100%;
  }
  .gallery-item{
    list-style: none;     
    .opacity(0);
    display: none;   
    font-size: @baseFontSize;
    line-height: @baseLineHeight;
    overflow: hidden;
    .view .content *{
      color: inherit;
    }
  }
  .gap{
    list-style: none;
  }
  .gallery-grid{
    .item_img{
      margin-right: 0;
      float: none;
      max-width: 100%;
      img{
        .opacity(99);
      }
    }
    &.straightDown{
      float: none;
      .item_img{
        float: left;
        margin: 0 @baseLineHeight @baseLineHeight 0 !important;
      }
    }
    .view a.hover_more{
      background: none !important;
      line-height: inherit;
      border: none;
      color: inherit;
      span{
        display: none;
      }
      &:hover{
        color: #999;
      }
    }
    .view a{
      color: inherit;
      &:hover{
        color: #999;
      }
    }
  }
  .gap {
    display: inline-block;
  }
  .gallery-list{
    margin: 0 0 15px;
    .view a.hover_more{
      i{
        display: none;
      }
    }
    .galleryZoom{
      display: none;
    }
  }
  .item_more a{
    vertical-align: top;
  }
  &.cols-3{
    .gap,
    .gallery-grid {
      width: 32%;
    }
  }
  &.cols-1{
    .gap,
    .gallery-grid {
      width: 100%;
    }
  }
  &.cols-2{
    .gap,
    .gallery-grid {
      width: 48%;
    }
  }
  &.cols-4{
    .gap,
    .gallery-grid {
      width: 24%;
    }
  }
}

/*===== Testimonials Page ======*/

.page-category__testimonials{
  .item{
    margin-bottom: 30px;
  }
}

blockquote {
  padding: 0 0 0 33px;
  margin: 0;
  border-left: none;
  position: relative;
  p {
    margin-bottom: 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
  }
  small{
    color: @titleColor;
    text-align: right;
    &:before{
      content: "";
    }
  }
  &:before{
    content: "“";
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
  }
}

small{
  color: @titleColor;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  &:before{
    content: "";
  }
}

/*===== Team Page ======*/

.page-category__team{
  .item_introtext{
    overflow: hidden;
  }
}

/*===== Blog Page ======*/

.page-archive,
.page-item__blog,
.page-blog .item{
  margin: 0 auto 49px;
  max-width: 732px;
  .item_published{
    .buttonBackgroundAlt(@globalColor, #f4f2ef);
    .box-shadow(inset 0 -2px 0px rgba(0, 0, 0, 0.2));
    font-size: 23px;
    line-height: 28px;
    font-weight: 600;
    float: left;
    display: inline-block;
    width: 110px;
    height: 110px;
    .border-radius(50%);
    text-align: center;
    text-transform: lowercase;
    margin: 9px 21px 20px 0;
    span{
      display: block;
      font-size: 45px;
      line-height: 50px;
      margin-bottom: -11px;
      padding-top: 16px;
    }
  }
}

.tags{
  clear: both;
}

.addthis_toolbox{padding-top: @baseFontSize;}

/*======================= CONTENT BOTTOM =======================*/

#content-bottom-row{
  .moduletable{
    .moduleTitle{
      border-top: 3px solid #cccbc7;
      margin-top: 16px;
      padding-top: 61px;
    }
    .mod-article-single{
      border-top: 3px solid #cccbc7;
      margin-top: 16px;
      padding-top: 61px;
    }
  }
}

/*======================= ASIDE RIGHT =======================*/

.archive-module,
.categories-module,
.mod-menu .nav.menu,
.list1 ul{
  li{
    a{
      display: inline;
      &:hover{
        background:none;
      }
    }
  }
}

.tagspopular{
  ul{
    margin: 0;
    li{
      list-style: none;
      display: inline-block;
      padding: 0 15px 12px 0;
    }
  }
}

/*======================= MAINBOTTOM =======================*/

#mainbottom-row{
  .row-container{}
}

/*======================= BOTTOM =======================*/

#bottom-row{
  background: @white;
  overflow: hidden;
  padding-bottom: 56px;
  padding-top: 70px;
  .row-container{
    .moduleTitle{
      margin: 0 auto 53px;
      max-width: 540px;
    }
  }
}

/*======================= FOOTER =======================*/

#footer-row{
  padding-top: 26px;
  padding-bottom: 56px;
  .row-container{}
}

ul.footer{
  margin: 0;
  padding: 27px 0 0;
  li{
    list-style: none;
    span{
      color: #000;
      font-weight: 600;
      display: block;
      font-size: 14px;
      padding: 34px 0 12px;
      text-transform: uppercase;
    }
    a{
      color: @textColor;
      display: inline-block;
      &:hover, &:focus, &:active{
        background: none;
        box-shadow: none;
        color: @globalColor;
      }
      &.fa{
        font-family: @sansFontFamily;
        &:before{
          color: @globalColor;
          font-size: 17px;
          font-family: FontAwesome;
          display: inline-block;
          min-width: 30px;
        }
      }
    }
    b{
      display: inline-block;
      font-weight: normal;
      min-width: 76px;
      text-align: left;
    }

    &.footer-mail{
      b{
        min-width: auto;
      }
      span{
        font-weight: 400;
        padding: 0;
        text-transform: none;
        display: inline-block;
      }
    }
  }
}

ul.copyright{
  float: right;
  margin: 0 0 44px;
  li{
    font-size: @baseFontSize - 2;
    line-height: @baseLineHeight - 5;
    float: left;
    list-style: none;
    a{
      color: @textColor;
      &:hover{
        color: @linkColor;
      }
    }
    +li{
      &:before{
        content: "|";
        padding: 0 6px;
      }
    }
  }
}

#copyright-row{
  .row-container{}
}

#copyright{
  margin-bottom: -8px;
  text-align: right;
  font-size: 14px;
  line-height: 16px;
  .siteName{
  }
  a{
    color: @textColor;
    &:hover{
      color: @linkColor;
    }
  }
}

.moduletable.home-clients{
  .moduleTitle{
    margin-bottom: 35px;
  }

  .item{
    text-align: center;
    margin-bottom: 20px;
  }

  .item_img{
    a{
      &:after{
        display: none;
      }
    }
  }
}

.mod_tm_google_map{
  position: relative;
  margin-bottom: 30px;
  .rd-google-map{

    .map_locations{
      display: none;
    }

    @media(max-width: 767px){
      height: 300px !important;
    }

    .gm-style-iw-a{
      > div{
        max-width: 300px !important;
        min-width: 300px;
        div{
          max-width: 300px !important;
          min-width: 300px;
        }

        .gm-style-iw-d{
          max-width: 270px !important;
          min-width: 270px;
          .iw-content{
            background: #fff;
            .image{
              display: inline-block;
              margin-bottom: 10px;
              img{
                max-width: 270px;
                min-width: 270px;
              }
            }

            .desc{
              padding: 5px 15px 5px 5px;
            }
          }

          & + div{
            top: 3px !important;
            right: 1px !important;;
          }
        }
      }

      @media(max-width: 767px){
        > div{
          max-width: 150px !important;

          div{
            max-width: 150px !important;
          }

          .gm-style-iw{
            max-width: 120px !important;
            .iw-content{
              .image{
                display: inline-block;
                margin-bottom: 10px;
                img{
                  max-width: 120px;
                }
              }

              .desc{

              }
            }

            & + div{
              top: 3px !important;
              right: 1px !important;;
            }
          }
        }
      }
    }
  }

  .map_preloader{
    z-index: 1007;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #eaeaea;
    svg{
      position: absolute;
      top: 50%;
      left: 50%;
      .translate(-50%, -50%);
      stroke: #eaeaea;
      height: 70px;
      width: 70px;
    }
  }

  &.map-loaded{
    .map_preloader{
      z-index: -1;
      opacity: 0;
      .transition(1s);
    }
  }
}