.slick-slide a {
    text-decoration: none;
}  
.data-left img {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.data-right img {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#home-page {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    background-color: #fff;
  }
  #home-page h2.loading {
    text-align: center;
  }
  #home-page .container {
      max-width: 1280px !important;
      width: calc(100% - 120px) !important;
      padding: 0px !important;
  }
  @media (max-width: 1200px) {
    #home-page .container {
      width: 100% !important;
      max-width: 100% !important;
      max-width: 940px !important;
    }
  }
  @media (max-width: 992px) {
    #home-page .container {
      max-width: 100% !important;
      padding-left: 35px !important;
      padding-right: 35px !important;
    }
    #home-page #projectFeatured .container {
      max-height: 320px;
      overflow: hidden;
    }
    #home-page #productFeatured .container {
      max-height: 320px;
      overflow: hidden;
    }
    #home-page #professionalFeatured .container {
      max-height: 270px;
      overflow: hidden;
    }
    #home-page #articleFeatured .container {
      max-height: 345px;
      overflow: hidden;
    }
  }
  @media (max-width: 768px) {
    #home-page .container {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    #home-page #projectFeatured .container {
      max-height: 230px;
      overflow: hidden;
    }
    #home-page #productFeatured .container {
      max-height: 230px;
      overflow: hidden;
    }
    #home-page #professionalFeatured .container {
      max-height: 220px;
      overflow: hidden;
    }
    #home-page #articleFeatured .container {
      max-height: 355px;
      overflow: hidden;
    }
  }
  /*Start Hero Section*/
  #home-page #hero .text-area {
    float: none;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 850px;
    background: rgba(7, 0, 0, 0.4);
    text-align: center;
    margin-bottom: 30px;
  }
  #home-page #hero .text-area .hero {
    line-height: 45px;
  }
  @media (max-width: 769px){
    #home-page #hero .text-area .hero {
      line-height: 25px;
    }
    #home-page #hero .text-area .hero-sub {
      line-height: 25px;
    }
  }
  /*End Hero Section*/

  /*Start Hero Section*/
  #home-page #hero .text-area {
    float: none;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 850px;
    background: rgba(7, 0, 0, 0.4);
    text-align: center;
    margin-bottom: 30px;
  }
  #home-page #hero .text-area .hero {
    line-height: 45px;
  }
  @media (max-width: 769px){
    #home-page #hero .text-area .hero {
      line-height: 25px;
    }
    #home-page #hero .text-area .hero-sub {
      line-height: 25px;
    }
  }
  /*End Hero Section*/

  /* Start Hanging Menu Section */
  #home-page #hangingMenu {
    position: fixed;
    width: auto;
    height: auto;
    padding: 0px;
    top: 150px;
    right: 20px;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
  }
  #home-page #hangingMenu ul.menu{
    position: relative;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 36px;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;
    overflow: hidden;
  }
  #home-page #hangingMenu ul.menu:hover{
    width: 250px;
  }
  #home-page #hangingMenu ul.menu li{
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 10px;
    padding-bottom: 0px;
    height: 30px;
  }
  #home-page #hangingMenu ul.menu li h6{
    position: absolute;
    right: 36px;
    margin: 0;
    height: 13px;
    overflow: hidden;
    margin-top: 2px;
    text-transform: uppercase;
    width: 200px;
    text-align: right;
  }
  #home-page #hangingMenu ul.menu li img{
    float: right;
  }
  #home-page #hangingMenu ul.menu li:last-child{
    margin-bottom: 10px;
  }
   /* End Hanging Menu Section */

  /* Start Hanging Menu Mobile Section */
  #home-page #hangingMenuMobile {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }
  #home-page #hangingMenuMobile .list{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
  }
  #home-page #hangingMenuMobile .list:last-child{
    border: 0;
  }
  #home-page #hangingMenuMobile .list .image-area{
    position: relative;
    float: left;
    width: 20px;
  }
  #home-page #hangingMenuMobile .list .text-area{
    position: relative;
    float: left;
    width: calc(100% - 20px);
    padding-left: 5px;
  }
  #home-page #hangingMenuMobile .list .text-area h6{
    position: relative;
    margin-bottom: 0px;
    top: 6px;
  }
  /* End Hanging Menu Mobile Section */


  @media (max-width: 769px){
    #home-page #hangingMenu{
      display: none;
    }
    #home-page #hangingMenuMobile{
      display: block;
    }
    #home-page #hangingMenuMobile .container{
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
  }

  /* Start New Hero Section */
  #home-page #new-hero {
    position: relative;
    padding-top: 10px !important;
    float: left;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
    min-height: 0px;
    height: auto;
    margin: auto;
    margin-top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #new-hero .bgblue{
    background-color: #286ba3;
  }
  #new-hero .txtwhite{
    color: #fff;
  }
  @media (max-width: 991px){
    #home-page #new-hero {
      width: 100%;
    }
  }
  @media (max-width: 769px){
    #home-page #new-hero {
      margin-top: 50px;
    }
  }
  @media (max-width: 992px){
    #home-page #new-hero {
      width: 100%;
      padding-top: 0px !important;
      margin-top: 70px;
    }
  }
  @media (max-width: 991px){
    #home-page #new-hero {
      width: 100%;
      padding-top: 0px !important;
      margin-top: 50px !important;
    }
  }
  #home-page #new-hero {
    padding-top: 0px !important;
    margin-top: 120px !important;
    max-width: 100% !important;
    width: 100%;
  }
  #home-page .left-filter{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    min-height: 0px;
    background-color: #fff;
    /* border-radius: 3px; */
    border: 1px solid #e5e5e5;
    border-left: 0px;
    border-right: 0px;
    margin-top: 69px;
  }
  #home-page .left-filter .filter-box{
    position: relative;
    float: left;
    width: auto;
    height: auto;
    padding-right: 47px;
    /* border-bottom: 1px solid #e5e5e5; */

  }
  #home-page .left-filter .filter-collapse-title img {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  	transition: opacity 0.5s, transform 0.5s;
  }
  #home-page .left-filter .filter-collapse-title h5 {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  	transition: opacity 0.5s, transform 0.5s;
  }

  @media (max-width: 1200px){
    #home-page .left-filter .filter-collapse-title img {
      display: none;
    }
    #home-page .left-filter .filter-collapse-title h5 {
      margin-left: 0px !important;
    }
    #home-page .left-filter .filter-box {
      margin-right: 0px;
    }
  }
  #home-page .left-filter .filter-collapse-title .arrow {
    position: absolute;
    display: none;
    top: 42px;
    z-index: 10000;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page .left-filter .filter-box.button{
    padding: 10px;
  }
  #home-page .left-filter .filter-box.button button{
    width: 100%;
    border: 0px;
    border-radius: 3px;
    color: #4a4a4a;
    background-color: #fccf00;
    padding-top: 8px;
    cursor: pointer;
  }
  #home-page .left-filter .filter-collapse-title {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
  }
  #home-page .left-filter .filter-collapse-title ul.category{
    display: none;
    border: 1px solid #e5e5e5;
    position: absolute;
    width: 158px;
    top: 25px;
    left: -11px;
    background: #fff;
    z-index: 999;
    padding: 0px;
    list-style: none;
    border-radius: 3px;
  }
  #home-page .left-filter .filter-collapse-title.find-location ul.category .content-wrapper{
    position: relative;
    float: left;
    width: 100%;
    height: 300px;
    overflow-y: auto;
  }
  #home-page .left-filter .filter-collapse-title ul.category img.arrow{
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    left: -13px;
    top: 23px;
  }
  #home-page .left-filter .filter-collapse-title ul.category li {
    float: left;
    width: 158px;
    min-height: 35px;
    padding-bottom: 0px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
  }
  #home-page .left-filter .filter-collapse-title ul.category li.title {
    float: left;
    width: 158px;
    height: 40px;
    padding-top: 15px;
    padding-left: 20px;
    text-align: left;
    cursor: default;
    border-bottom: 0px;
  }
  #home-page .left-filter .filter-collapse-title ul.category li .select-box {
    position: relative;
    width: calc(100% - 10px);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    border-radius: 3px;
    min-height: 25px;
    padding-top: 6px;
    padding-left: 15px;
  }
  #home-page .left-filter .filter-collapse-title ul.category li:hover .select-box {
    background-color: #F5D200;
  }
  #home-page .left-filter .filter-collapse-title ul.category li:last-child {
    padding-bottom: 20px;
    border-bottom: 0px;
  }
  #home-page .left-filter .filter-collapse-title h5{
    position: relative;
    float: left;
    margin: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-align: left;
  }
  #home-page .left-filter .filter-collapse-title h5.active{
    color: #fccf00;
  }
  #home-page .left-filter .filter-collapse-title i{
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 20px;
    color: #E5E5E5;
  }
  #home-page .left-filter .hovered-content{
    display: none;
    position: absolute;
    width: calc(100% - 100px);
    padding-left: 40px;
    top: 30px;
    left: 00px;
    z-index: 999;
    padding: 0px;
    list-style: none;
    border-radius: 3px;
    padding-top: 20px;
  }
  #home-page .left-filter .hovered-content .category-content img.arrow{
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    left: 8px;
    top: 73px;
  }
  #home-page .left-filter .hovered-content.one {
    top: -113px;
  }
  #home-page .left-filter .hovered-content.one .category-content img.arrow{
    top: 136px;
  }
  #home-page .left-filter .hovered-content.two {
    top: -169px;
  }
  #home-page .left-filter .hovered-content.two .category-content img.arrow{
    top: 193px;
  }
  #home-page .left-filter .filter-collapse-title.hover:hover .hovered-content{
    display: block;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper {
    position: relative;
    float: left;
    background-color: #fff;
    /* border: 0px solid #e5e5e5; */
    border-right: 0px;
    border-radius: 3px;
    padding-bottom: 0px;
    overflow: hidden;
    width: 100%;
    border: 0px solid #e5e5e5;
    min-height: 350px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table{
    border-radius: 3px;
    width: calc(100% / 4 * 3);
    height: auto;
    min-height: 0px;
    position: relative;
    float: left;
    padding: 0px;
    list-style: none;
    cursor: auto;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% / 4);
    height: 100%;
    background-color: #fff;
    border: 2px solid #fff;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper .image-top{
    position: relative;
    float: left;
    width: 100%;
    height: calc(35% - 2px);
    margin-bottom: 2px;
    overflow: hidden;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper .image-center-left{
    position: relative;
    float: left;
    width: calc(100% / 2 - 1px);
    height: calc(30% - 2px);
    margin-right: 1px;
    overflow: hidden;
    background-color: green;
    margin-bottom: 2px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper .image-center-right{
    position: relative;
    float: left;
    width: calc(100% / 2 - 1px);
    height: calc(30% - 2px);
    margin-left: 1px;
    overflow: hidden;
    margin-bottom: 2px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper .image-bottom{
    position: relative;
    float: left;
    width: 100%;
    height: 35%;
    overflow: hidden;
    background-color: red;
    bottom: 0px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .image-category-wrapper img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td{
    padding: 20px;
    padding-bottom: 0px;
    text-align: left;
    vertical-align: top;
    width: calc(100% / 3);
    position: relative;
    float: left;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table > tbody > tr:last-child td{
    padding-bottom: 20px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .title{
    margin-bottom: 0px;
    position: relative;
    float: left;
    width: 100%;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .title a{
    color: #4a4a4a;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .title p{
    margin-bottom: 0px;
    white-space: nowrap;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .content ul{
    position: relative;
    float: left;
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .content ul li{
    margin-bottom: 8px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .content ul li a{
    color: #9b9b9b;
    text-decoration: none;
    /* white-space: nowrap; */
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .content ul li a:hover,
  #home-page .left-filter .hovered-content .category-content .column-wrapper table td .content ul li a.active{
    color: #fccf00;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .bottom-bar {
    position: absolute;
    bottom: 0;
    width: calc(100% - (100% / 4));
    height: auto;
    background-color: #f9f9f9;
    border: 2px solid #fff;
    border-right: 0px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .bottom-bar h6{
    margin-bottom: 0px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }
  #home-page .left-filter .hovered-content .category-content .column-wrapper .bottom-bar a{
    color: #4a4a4a;
    text-decoration: none;
  }
  @media (max-width: 992px) {
    #home-page .left-filter {
      display: none;
    }
  }
  #home-page #new-hero .slider-wrapper{
    position: relative;
    float: left;
    right: 0;
    width: 100%;
    margin-left: 0px;
    max-width: 100%;
    height: 0px;
    padding-bottom: calc(31% - 9.59px);
    visibility: hidden;
    /* border-radius: 3px; */
    overflow: hidden;
    background-color: #E5E5E5;
  }
  .half-bg-left {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
  }
  .half-bg-right {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
  }
  .full-width-hero {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    border-radius: 3px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .full-banner-link {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    top: 0;
    height: 0;
  }
  #home-page #new-hero .slider-wrapper .slick-slider .slick-track, .slick-slider .slick-list{
    position: absolute;
    width: 100%;
  }

  #home-page #new-hero .slider-wrapper.desktop{
    display: block;
  }
  #home-page #new-hero .slider-wrapper.tablet{
    display: none;
  }
  #home-page #new-hero .slider-wrapper.mobile{
    display: none;
  }
  @media (max-width: 992px){
    #home-page .left-filter .container {
      /* margin-left: 0; */
      width: 900px !important;
      padding-left: 0px !important;
    }
    #home-page .left-filter .filter-box {
      margin-right: 40px;
    }
  }

  @media (max-width: 1141px){
    #home-page #new-hero .slider-wrapper.desktop{
      display: block;
    }
    #home-page #new-hero .slider-wrapper.tablet{
      display: none;
    }
    #home-page #new-hero .slider-wrapper.mobile{
      display: none;
    }
  }
  @media (max-width: 769px){
    #home-page #new-hero .slider-wrapper.desktop{
      display: block;
    }
    #home-page #new-hero .slider-wrapper.tablet{
      display: none;
    }
    #home-page #new-hero .slider-wrapper.mobile{
      display: none;
    }
  }
  #home-page #new-hero .slider-wrapper .slide{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    border-radius: 3px;
    left: 1px;
  }
  #home-page #new-hero .slider-wrapper .slide.slick-current{
    left: 0px;
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper{
    position: relative;
    float: left;
    width: 100%;
    max-width: 800px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0.2);
    padding: 25px;
    border-radius: 3px;
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper p{
    font-size: 36px;
    color: #fff;
    font-family: 'ProximaNova-CondensedExtrabold';
    /* text-transform: uppercase; */
    position: relative;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    text-shadow: 1px 1px #9b9b9b;
    line-height: 35px;
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper p.semi-bold{
    font-family: 'ProximaNova-semiBold' !important;
    font-size: 16px !important;
    color: #4a4a4a;
    letter-spacing: -0.4px;
    color: #fff;
    text-transform: none;
    max-width: 360px;
    float: none;
    margin: auto;
    line-height: 20px;
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
    font-size: 50px;
    color: #fff;
    font-family: 'ProximaNova-Light';
    letter-spacing: -1.5px;
    /* text-transform: uppercase; */
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    text-shadow: 1px 1px #9b9b9b;
    line-height: 35px;
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
    font-size: 48px;
    letter-spacing: -1.92px;
    color: #fff;
    font-family: 'ProximaNova-bold';
    letter-spacing: -2px;
    /* text-transform: uppercase; */
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    text-shadow: 1px 1px #9b9b9b;
    line-height: 50px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75)
  }
.banner-info-footer{
    position: absolute;
    width: auto;
    color: #FFFFFF;
    bottom: 20px;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%,20px);
    -ms-transform: translate(-50%,20px);
        transform: translate(-50%,20px);
    font-family: 'Proximanova-semibold';
    font-size: 14px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
  @media (max-width: 1200px){
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
      font-size: 40px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
      font-size: 40px;
    }
  }
  @media (max-width: 640px){
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
      font-size: 25px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 22px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
      font-size: 25px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 22px;
    }
  }
  @media (max-width: 992px){
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
      font-size: 35px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
      font-size: 35px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0px;
    }
  }
  @media (max-width: 768px){
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
      font-size: 35px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-bottom: 5px !important;
      line-height: 35px !important;
      text-align: center;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
      font-size: 26px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-bottom: 5px !important;
      line-height: 35px !important;
      text-align: center;
      letter-spacing:-1.04px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper {
      top: 45% !important;
      left: 0 !important;
      -webkit-transform: translate(0%,-40%) !important;
      -ms-transform: translate(0%,-40%) !important;
      transform: translate(0%,-40%) !important;
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button {
      /* left: 40px !important; */
      min-width: 100px !important;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper{
        background: none;
    }
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button{
    position: relative;
    cursor: pointer;
    border: 0px;
    color: #4a4a4a;
    background-color: #fccf00;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'ProximaNova-semiBold';
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: 0px;
    margin-top: 10px;
    border-radius: 3px;
    min-width: 170px;
    min-height: 35px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
  }
  #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button h5{
    margin-bottom: 0px;
    font-family: 'ProximaNova-Bold';
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: -0.1px;
    text-shadow: 0px;
    text-transform: none;
  }
  #home-page #new-hero .slider-wrapper{
    height: 0px;
    padding-bottom: calc(31% - 9.59px) !important;
  }
  @media (max-width: 1200px){
    #home-page #new-hero .slider-wrapper{
      height: 0px;
      padding-bottom: calc(37% - 5.19px) !important;
    }
  }
  @media (max-width: 992px){
    #home-page #new-hero .slider-wrapper{
      height: 0px;
      padding-bottom: calc(36% - 7.11px) !important;
    }
  }
  @media (max-width: 768px){
    #home-page #new-hero .slider-wrapper{
      height: 0px;
      padding-bottom: calc(45) !important;
      min-height: 0 !important;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper {
      text-align: left;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1{
      font-size: 26px;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 23px;
      text-align: left;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
      font-size: 26px;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 23px;
      text-align: left;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button h5{
      font-size: 12px;
    }
  }

  #home-page .main-carousel-image {
    background-color: #ababab;
    position:absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    border-radius: 3px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
  }
  #home-page #asSeenOn .link-wrapper a{
    color: #ababab;
    letter-spacing: 0;
    text-transform: capitalize;
  }
  @media (max-width: 1200px){
    #home-page .main-carousel-image {
      max-width: 992px !important;
    }
  }
  @media (max-width: 992px){
    #home-page .main-carousel-image {
      max-width: 100% !important;
      width: 100% !important;
    }
  }
  #home-page .featured .products-wrapper {
    width: calc(100% + 40px) !important;
    margin-top: 0px;
  }
  @media (max-width: 500px){
    #home-page .featured .products-container{
      padding-right: 10px;
      overflow: hidden;
    }
    #home-page .section .button-area {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  /* End New Hero Section */

  /*Start Find Professional Section*/
  #home-page #findPro {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
  }
  #home-page #findPro .title-area{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
  }
  #home-page #findPro .title-area p{
    position: relative;
    top: -5px;
  }
  #home-page #findPro .content-area{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    max-width: 800px;
    min-height: 50px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #findPro .content-area a{
    text-decoration: none;
  }
  #home-page #findPro .content-area .item{
    position: relative;
    float: left;
    text-align: center;
    width: 25%;
    padding: 20px;
    padding-bottom: 0px;
  }
  #home-page #findPro .content-area .item .image-box{
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #findPro .content-area .item .image-box img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }
  #professionalFeatured .container{
    max-height: 270px;
  }
  @media (max-width: 650px){
    #home-page #findPro .content-area .item{
      width: 50%;
    }
  }
  /*End Find Professional Section*/

  /*Start Section*/
  #home-page .section-top {
    position: relative;
    width: calc(100% + 2px);
    float: left;
    height: auto;
    padding-bottom: 0px;
    background-color: #fff;
    left: -1px;
  }
  #home-page .section {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 40px;
    padding-bottom: 0px;
    /* border-bottom: 1px solid #e5e5e5; */
  }
  #home-page .section .title-area{
    position: relative;
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #home-page .section .title-area h1{
    font-family: 'ProximaNova-CondensedExtraBold';
    font-size: 32px;
    color: #4a4a4a;
    letter-spacing: -0.5px;
    text-transform: uppercase;
  }
  #home-page .section {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding-top: 90px;
    padding-bottom: 0px;
    /* border-bottom: 1px solid #e5e5e5; */
  }
  @media (max-width: 769px){
    #home-page .section .title-area h1{
      text-transform: none;
    }
  }
  #home-page .section .title-area h4{
    position: relative;
    top: -5px;
  }
  #home-page .section .title-area p{
    position: relative;
    max-width: 650px;
    margin: auto;
    line-height: 20px;
    margin-bottom: 20px;
    color: #9B9B9B;
    font-size: 14px;
  }
  #home-page .section .title-area {
    margin-bottom: 20px;
  }
  #home-page .section .button-area {
    margin-top: 10px !important;
  }
  #home-page .title-area h1 {
    font-family: "proximanova-regular" !important;
    text-transform: none !important;
    font-size: 25px !important;
    margin-bottom: 10px !important;
  }
  #home-page .title-area h1 .bold{
    font-family: "proximanova-semibold" !important;
  }

  #home-page .section .title-area p {
    margin-bottom: 0px !important;
  }
  #home-page .title-area p a {
    color: #ababab;
    text-decoration: none;
    font-family: proximanova-semibold;
    font-size: 14px;
    letter-spacing: -0.1px;
  }
  #home-page .section p.most-Popular{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  #home-page .section .content-area{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    overflow: hidden;
  }
  #home-page .section .content-area.long{
    width: calc(100% + 20px) !important;
    max-width: none !important;
  }
  @media (max-width: 992px){
    #home-page .section .content-area.long {
      width: 100% !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }
  #home-page #featuredBrand.section .content-area.long{
    width: calc(100% + 100px) !important;
    margin-top: 0px;
    left: -50px;
  }
  #home-page .section .content-area .logo-wrapper{
    position: relative;
    float: left;
    width: 100%;
  }
  #home-page .section .content-area .logo-wrapper .logo{
    position: relative;
    float: left;
    width: 107px;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  #home-page .section .content-area .logo-wrapper .logo img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 2px;
  }
  @media (max-width: 1200px){
    #home-page .section .content-area .logo-wrapper .logo{
      width: 87px;
      height: 40px;
    }
  }
  @media (max-width: 992px){
    #home-page .section .content-area .logo-wrapper .logo{
      width: calc(100% / 10 - 11px);
      height: 0px;
      padding-bottom: calc(50% / 10)
    }
  }
  #home-page .section .content-area .item-wrapper{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    max-width: 980px;
    min-height: 50px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page .section .content-area .item-wrapper.new{
    max-width: calc(100% + 20px);
  }
  #home-page .section .content-area .item-wrapper .image-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 200px;
  }
  #home-page .section .content-area .item-wrapper .image-area .image{
    position: relative;
    float: left;
    width: calc(100% / 3);
    height: 60px;
    background: #e5e5e5;
  }
  #home-page .section .content-area a{
    text-decoration: none;
  }
  #home-page .section .content-area .item-wrapper .item{
    position: relative;
    float: left;
    width: 300px;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #home-page .section .content-area .item-wrapper .item h4{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 20px;
  }
  #home-page #discover .content-area .arrow-left{
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }
  #home-page .section .content-area .arrow-right{
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }
  #home-page .section .content-area .box-product{
    position: relative;
    float: left;
    width: calc(100% / 3 - 20px);
    margin-right: 20px;
    height: auto;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  #home-page .section .content-area .box-product2{
    width: calc(100% / 4 - 20px);
    margin-bottom: 0px;
  }
  #home-page .section .content-area .box-product.mobile{
    display: none;
  }
  #home-page .section .content-area .box-product .row-product{
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0px;
    height: auto;
    overflow: hidden;
    height: 0;
    padding-bottom: 54%;
    background-color: #2f3238;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .row-product.row-1 .image{
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 250%;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .row-product.row-2 .image:nth-child(1){
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% - 5px);
    margin-bottom: 5px;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .row-product.row-2 .image:nth-child(2){
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .row-product.row-3 .image:nth-child(1){
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: calc(150% - 5px);
    margin-bottom: 5px;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .row-product.row-3 .image:nth-child(2){
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page .section .content-area .box-product .text-area{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }
  #home-page .section .content-area .box-product .row-product .image img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
  	transition: opacity 1s, transform 1s;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
    cursor: pointer;
    opacity: 0.8;
  }
  #home-page .section .content-area .box-product .row-product .image h4{
    position: absolute;
    width: 100%;
    object-fit: cover;
    bottom: 0;
    text-align: left;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
    left: 0;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: bottom 1s;
  	transition: bottom 1s;
  }
  #home-page .section .content-area .box-product .row-product .image h3{
    position: absolute;
    width: 100%;
    object-fit: cover;
    bottom: 0;
    text-align: left;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
    left: 0;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: bottom 1s;
  	transition: bottom 1s;
  }
  #home-page .section .content-area .box-product .row-product:hover .image img {
  	opacity: 0.4;
  	-webkit-transform: scale3d(1.1,1.1,1);
  	transform: scale3d(1.1,1.1,1);
    background-color: red;
  }
  #home-page .section .content-area .box-product .row-product:hover .image h4{
    opacity: 1;
    bottom: 10px;
  }
  #home-page .section .content-area .box-product .row-product:hover .image h3{
    opacity: 1;
    bottom: 10px;
  }
  #home-page .section .content-area .box-product .row-product:hover .image p {
  	opacity: 1;
  	-webkit-transform: translate3d(0,0,0);
  	transform: translate3d(0,0,0);
  }
  #home-page .section .content-area .article-box{
    position: relative;
    float: left;
    width: calc(100% / 3 - 20px - 4px);
    margin-right: 20px;
    height: auto;
    min-height: 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 0px;
    left: -10px;
  }
  #home-page .section .content-area .article-box .image-area{
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    background-color: #e5e5e5;
  }
  #home-page .section .content-area .article-box .image-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  #home-page .section .content-area .article-box .text-area{
    position: relative;
    float: left;
    width: 100%;
    height: 90px;
    background-color: #fff;
  }
  #home-page .section .content-area .article-box .text-area p.semi-bold{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 20px;
  }
  #home-page .section .content-area .article-box .text-area p.small{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold';
    font-size: 12px;
    color: #4a4a4a;
    letter-spacing: 0px;
  }
  #home-page .section .content-area .professional-box{
    position: relative;
    float: left;
    width: calc(100% / 4 - 20px - 6px);
    margin-right: 20px;
    height: auto;
    min-height: 10px;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #home-page .section .content-area .professional-box .image-area{
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    background-color: #e5e5e5;
  }
  #home-page .section .content-area .professional-box .image-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  #home-page .section .content-area .professional-box .text-area{
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    background-color: #fff;
    text-align: center;
  }
  #home-page .section .content-area .professional-box .text-area .logo-area{
    position: relative;
    float: none;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    top: -30px;
    margin: auto;
    overflow: hidden;
  }
  #home-page .section .content-area .professional-box .text-area .logo-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #home-page .section .content-area .professional-box .text-area p.semi-bold{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    top: -30px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 20px;
  }
  #home-page .section .content-area .professional-box .text-area p.small{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  #home-page .section .link-area{
    position: relative;
    float: left;
    text-align: center;
    width: calc(100% - 20px);
    max-width: none;
    min-height: 50px;
    margin-top: 0px;
    margin-bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page .section .link-area p.ss {
    font-family: proximanova-regular;
    font-size: 12px;
    text-align: center;
    color: #ababab !important;
  }
  #home-page .section .link-area p.ss.wrapc {
    max-width: 700px;
    margin: auto;
    margin-bottom: 30px;
  }
  #home-page .section .link-area ul{
    list-style: none;
    padding: 0;
    line-height: 15px;
  }
  #home-page .section .link-area ul li{
    display: inline-block;
    margin-bottom: 0px;
    color: #9b9b9b;
    height: 15px;
  }
  #home-page .section .link-area ul li a{
    color: #9b9b9b;
  }
  #home-page .section .button-area{
    position: relative !important;
    float: left !important;
    text-align: center !important;
    width: calc(100% - 40px) !important;
    max-width: 960px !important;
    min-height: 50px !important;
    margin-top: 30px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,0%) !important;
        -ms-transform: translate(-50%,0%) !important;
            transform: translate(-50%,0%) !important;
  }
  #home-page .section .button-area a{
    text-decoration: none;
  }
  #home-page .section .button-area button{
    padding-top: 4px;
    padding-bottom: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
  }
  #home-page .featured .line {
    padding-top: 0px !important;
  }
  #home-page .featured .products-wrapper {
    position: relative;
    float: left;
    width: calc(100% + 40px);
    min-height: 100px;
    margin-top: 20px;
  }
  #home-page .featured .products-wrapper .product {
    position: relative;
    float: left;
    width: calc(100% / 3 - 40px);
    height: 0px;
    margin-right: 40px;
    margin-bottom: 40px;
    min-height: 100px;
    padding-bottom: calc(60% / 3 - 70px + 18px);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
  }
  @media (max-width: 1200px){
    #home-page .featured .products-wrapper .product {
      position: relative;
      float: left;
      width: calc(100% / 3 - 20px);
      height: 0px;
      margin-right: 20px;
      margin-bottom: 20px;
      min-height: 100px;
      padding-bottom: calc(60% / 3 - 70px + 18px);
      background-color: #fff;
      border-radius: 5px;
      overflow: hidden;
      border: 1px solid #e5e5e5;
    }
  }
  @media (max-width: 992px){
    #home-page .featured .products-wrapper {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 100% !important;
    }
    #home-page .featured .products-wrapper .product {
      width: calc(100% / 3 - 20px);
      margin-right: 20px;
      margin-bottom: 20px;
      padding-bottom: calc(60% / 3 - 70px + 18px);
    }
  }
  @media (max-width: 768px){
    #home-page .featured .products-wrapper .product {
      width: calc(100% / 2 - 20px);
      margin-right: 20px;
      margin-bottom: 20px;
      padding-bottom: calc(70% / 2 - 70px + 18px);
    }
  }
  #home-page .featured .products-wrapper .product .image-area {
    position: absolute;
    float: left;
    width: 100%;
    height: calc(100% - 60px);
    background: #e5e5e5;
    top: 0;
    left: 0;
  }
  #home-page .featured .products-wrapper .product .image-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home-page .featured .products-wrapper .product .text-area {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    padding: 10px;
  }
  #home-page .featured .products-wrapper .product .text-area a {
    text-decoration: none;
  }
  #home-page .featured .products-wrapper .product .text-area p {
    margin-bottom: 0px;
    font-family: 'proximanova-semibold';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page .featured .products-wrapper .product .text-area h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #home-page .featured .products-wrapper .product {
      position: relative;
      float: left;
      width: calc(100% / 4 - 40px);
      height: 0px;
      margin-right: 40px;
      margin-bottom: 40px;
      min-height: 100px;
      padding-bottom: calc(80% / 3 - 70px + 18px);
      background-color: #fff;
      border-radius: 3px;
      overflow: hidden;
      border: 1px solid #fff;
      transition: all 0.5s ease;
  }
  #home-page .featured .products-wrapper .product:hover {
      transition: all 0.5s ease;
      border: 1px solid #e5e5e5;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  #home-page .fav {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 10px;
    right: 30px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  #home-page .fav p {
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 15px;
  }
  #home-page .fav.active p{
    color: #F0D04B;
  }
  #home-page .fav:hover p {
    color: #F0D04B;
  }
  #home-page .add {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  #home-page .add p {
    position: absolute;
    top: -5px;
    left: 4px;
    font-size: 18px;
    font-weight: bold;
  }
  #home-page .featured .products-wrapper .product:hover .fav,
  #home-page .featured .products-wrapper .product:hover .add {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  #home-page .cta-button {
    opacity: 0;
  }
  #home-page .featured .products-wrapper .product:hover .cta-button {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  @media (max-width: 992px){
    #home-page .featured .products-wrapper .product {
        position: relative;
        float: left;
        width: calc(100% / 2 - 20px);
        height: 0px;
        margin-right: 20px;
        margin-bottom: 20px;
        min-height: 0px;
        padding-bottom: calc(100% / 2);
        background-color: #fff;
        border-radius: 3px;
        overflow: hidden;
        border: 1px solid #fff;
    }
    #home-page .featured .products-wrapper .product .image-area {
      position: relative;
      float: left;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      object-fit: cover;
      border-radius: 3px;
      overflow: hidden;
      position: absolute;
      float: left;
      width: 100%;
      height: calc(100% - 60px);
      background: #e5e5e5;
      top: 0;
      left: 0;
    }
    #home-page .featured .products-wrapper .product .text-area {
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0px;
      -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
      transform: translate(0%,0%);
    }
    #home-page .fav,
    #home-page .add {
      opacity: 1;
    }
    #home-page .cta-button {
      opacity: 1;
    }
    #home-page .featured .products-wrapper {
      width: calc(100% + 20px) !important;
    }
    #home-page .section .button-area {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  @media (max-width: 1201px){
    #home-page .section .content-area .item-wrapper{
      max-width: 640px;
    }
  }
  @media (max-width: 992px){
    #home-page .section .content-area .professional-box{
      width: calc(100% / 2 - 20px - 8px);
      display: none;
    }
    #home-page .section .content-area .professional-box.mobile-only{
      display: block;
    }
  }
  @media (max-width: 768px){
    #home-page .section-top {
      padding-bottom: 0px;
    }
    #home-page #new-hero {
      padding-top: 0px !important;
    }
    #home-page .left-filter {
      display: none;
    }
    #home-page #new-hero .slider-wrapper {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 10px;
      height: 0px;
      padding-bottom: 35%;
      min-height: 200px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper p {
      font-family: 'ProximaNova-CondensedExtraBold';
      font-size: 20px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 30px;
      letter-spacing: -0.5px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper p.semi-bold {
      font-family: 'ProximaNova-Regular';
      font-size: 14px;
    }
    #home-page #new-hero .arrow-left{
      display: none;
    }
    #home-page #new-hero .arrow-right{
      display: none;
    }
    #home-page .section .content-area.long{
      padding-left: 30px;
      padding-right: 30px;
      width: calc(100% + 10px) !important;
    }
    #home-page .section .title-area h1{
      font-family: 'ProximaNova-CondensedExtraBold';
      font-size: 20px;
      color: #4a4a4a;
      letter-spacing: -0.5px;
      margin-bottom: 3px !important;
      text-align: left;
    }
    #home-page .section .title-area p {
      text-align: left;
    }
    #home-page .section .link-area p.ss {
      text-align: left !important;
    }
    #home-page .section .title-area h1 span{
      top: -10px !important;
    }
    #home-page .section .line {
      padding-top: 20px !important;
    }
    #home-page .section {
      padding-top: 20px;
    }
    #home-page .section .title-area p{
      font-family: 'ProximaNova-Regular';
      color: #ABABAB;
      max-width: 320px;
      margin-bottom: 0px;
      line-height: 19px;
    }
    #home-page .section .content-area .box-product{
      position: relative;
      float: left;
      width: calc(100% / 2 - 10px);
      margin-right: 10px;
      height: auto;
      margin-bottom: 10px;
      margin-left: 0px;
    }
    #home-page .section .content-area .box-product.mobile{
      display: block;
    }
    #home-page .section .content-area .box-product .row-product .image img {
    	opacity: 1;
    	-webkit-transform: scale3d(1,1,1) !important;
    	transform: scale3d(1,1,1) !important;
      border-radius: 3px;
    }
    #home-page .section .content-area .box-product .row-product:hover .image img {
    	opacity: 1;
    }
    #home-page .section .content-area .box-product .row-product .image h4{
      opacity: 1;
      font-family: 'ProximaNova-Bold' !important;
      font-size: 14px !important;
      text-shadow: 0px 0px #9b9b9b;
      bottom: -33px !important;
      padding: 0;
      text-align: center;
      height: 20px;
      background-color: rgba(0,0,0,0);
      color: #4a4a4a !important;
    }
    #home-page .section .content-area .box-product .row-product {
      margin-bottom: 20px;
      overflow: visible;
    }
    #home-page .section .content-area .box-product .row-product .image h3{
      opacity: 1;
      font-family: 'ProximaNova-Bold' !important;
      font-size: 14px !important;
      text-shadow: 0px 0px #9b9b9b;
      bottom: -33px !important;
      padding: 0;
      text-align: center;
      height: 20px;
      background-color: rgba(0,0,0,0);
      color: #4a4a4a !important;
    }
    #home-page .section .content-area .box-product .row-product .image p {
    	opacity: 1;
    	-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
    }
    #home-page .section .content-area.logo{
      display: block;
    }
    #home-page .section .content-area .logo-wrapper .logo  {
      width: calc(100% / 5 - 10px);
      margin-right: 10px;
      height: 0px;
      padding-bottom: calc(50% / 5);
    }
    #home-page .section .button-area {
      width: 100% !important;
    }
    #home-page .section .button-area button{
      width: 100% !important;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 5px;
    }
  }
  @media (max-width: 680px){
    #home-page .section .content-area .item-wrapper{
      max-width: 320px;
    }
    #home-page .section .content-area .article-box{
      width: calc(100% - 30px);
      margin-right: 0px;
      margin-left: 0px;
    }
    #home-page .section .content-area .professional-box{
      width: calc(100% - 30px);
      margin-right: 0px;
      margin-left: -10px;
    }
    #home-page #professional.section .content-area.long{
      border-bottom: 1px solid #e5e5e5;
    }
  }
  @media (max-width: 517px){
    #home-page #asSeenOn .content-area img {
      max-width: 100px !important;
      margin: 10px 7px 10px 15px !important;
    }
  }
  @media (max-width: 500px){
    #home-page .section .content-area.long{
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 100% !important;
    }
    /* #home-page .section .content-area .box-product{
      position: relative;
      float: left;
      width: calc(100% - 40px);
      margin-right: 0px;
      height: auto;
      margin-bottom: 20px;
      margin-left: 0px;
    } */
    #home-page .section .content-area .article-box {
      width: calc(100% - 30px);
    }
    #home-page .section .content-area .professional-box {
      width: calc(100% - 30px);
    }
    #home-page .featured .products-container {
      position: relative;
      float: left;
      width: 100%;
      height: auto;
      padding-left: 10px;
      padding-right: 0px;
      overflow: auto;
    }
    #home-page .featured .products-wrapper {
      padding-left: 0px;
      padding-right: 0px;
      width: calc(180% + 20px);

    }
    #home-page .featured .products-wrapper .product {
      border: 0;
      min-height: 0;
      padding-bottom: 15%;
    }
    #home-page .featured .products-wrapper .product .image-area {
      position: relative;
      float: left;
      width: 50%;
      height: 0;
      padding-bottom: 31%;
      object-fit: cover;
      border-radius: 3px;
      overflow: hidden;
    }
    #home-page .featured .products-wrapper .product .text-area {
      width: 50%;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0%,-50%);
          -ms-transform: translate(0%,-50%);
              transform: translate(0%,-50%);
    }

    #home-page .section .button-area{
      margin-top: 20px !important;
    }
    #home-page #discover .link-area ul {
      margin-bottom: 0px !important;
    }
  }
  @media (max-width: 385px){
    #home-page #asSeenOn .content-area img {
      max-width: 70px !important;
      margin: 10px 7px 10px 15px !important;
    }
  }
  #home-page #new-hero .slider-wrapper{
    height: 0px;
    padding-bottom: 32% !important;
  }
  @media (min-width: 1400px){
    #home-page #new-hero .slider-wrapper{
      height: 450px;
      padding-bottom: 0 !important;
    }
  }
  @media (max-width: 1200px){
    #home-page #new-hero .slider-wrapper{
      height: 350px;
      padding-bottom: 0% !important;
    }
  }
  @media (max-width: 992px){
    #home-page #new-hero {
      margin-top: 50px !important;
    }
    #home-page #new-hero .slider-wrapper{
      height: 0px;
      padding-bottom: 0px !important;
      min-height: 0;
      height: 350px !important;
    }
  }
  @media (max-width: 768px){
    #home-page #new-hero .slider-wrapper{
      height: 500px;
    }
  }
  @media (max-width: 768px){
    #home-page #new-hero .slider-wrapper{
      height: 0px !important;
      padding-bottom: calc(80%) !important;
      min-height: 0 !important;
    }
  }
  #home-page .featured .products-wrapper {
    width: calc(100% + 40px) !important;
    margin-top: 0px;
  }
  #home-page .featured .products-wrapper .product {
      position: relative;
      float: left;
      width: calc(100% / 4 - 40px);
      height: 0px;
      margin-right: 40px;
      margin-bottom: 40px;
      min-height: 100px;
      padding-bottom: calc(80% / 3 - 70px + 18px);
      background-color: #fff;
      border-radius: 3px;
      overflow: hidden;
      border: 1px solid #fff;
      transition: all 0.5s ease;
  }
  #home-page .featured .products-wrapper .product:hover {
      transition: all 0.5s ease;
      border: 1px solid #e5e5e5;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  #home-page .fav {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 10px;
    right: 30px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  #home-page .fav p {
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 15px;
  }
  #home-page .fav.active p{
    color: #F0D04B;
  }
  #home-page .fav:hover p {
    color: #F0D04B;
  }
  #home-page .add {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  #home-page .add p {
    position: absolute;
    top: -5px;
    left: 4px;
    font-size: 18px;
    font-weight: bold;
  }
  #home-page .featured .products-wrapper .product:hover .fav,
  #home-page .featured .products-wrapper .product:hover .add {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  #home-page .main-carousel-image {
    background-color: #ababab; position:absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; border-radius: 3px; left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);
  }
  #home-page #asSeenOn .link-wrapper a{
    color: #ababab;
    letter-spacing: 0;
  }
  @media (max-width: 1200px){
    #home-page .main-carousel-image {
      max-width: 940px !important;
    }
  }
  @media (max-width: 992px){
    #home-page .main-carousel-image {
      max-width: 768px !important;
    }
  }
  @media (max-width: 768px){
    #home-page .main-carousel-image {
      max-width: 100% !important;
    }
  }
  @media (max-width: 992px){
    #home-page .featured .products-wrapper .product {
        position: relative;
        float: left;
        width: calc(100% / 2 - 20px);
        height: 0px;
        margin-right: 20px;
        margin-bottom: 20px;
        min-height: 0px;
        padding-bottom: calc(100% / 2);
        background-color: #fff;
        border-radius: 3px;
        overflow: hidden;
        border: 1px solid #fff;
    }
    #home-page .featured .products-wrapper .product .image-area {
      position: relative;
      float: left;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      object-fit: cover;
      border-radius: 3px;
      overflow: hidden;
      position: absolute;
      float: left;
      width: 100%;
      height: calc(100% - 60px);
      background: #e5e5e5;
      top: 0;
      left: 0;
    }
    #home-page .featured .products-wrapper .product .text-area {
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0px;
      -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
      transform: translate(0%,0%);
    }
    #home-page .fav,
    #home-page .add {
      opacity: 1;
    }
    #home-page .featured .products-wrapper {
      width: calc(100% + 20px) !important;
    }
    #home-page .section .button-area {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  @media (max-width: 500px){
    #home-page .featured .products-container{
      padding-right: 0px;
      padding-left: 0px;
      overflow: hidden;
    }
    #home-page .section .button-area {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  /*End Section*/

  /* Start Professional Section */
  #home-page #professional.section .content-area.long {
    width: calc(100% + 0px) !important;
    max-width: none !important;
  }
  #home-page #professional.section .box{
    position: relative;
    float: left;
    margin-right: 0px;
    width: calc(100% / 4 - 0px);
    height: 0px;
    padding-bottom: 30%;
    overflow: hidden;
  }
  #home-page #professional.section .box:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  #home-page #professional.section .box:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  #home-page #professional.section .box .image-area{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #home-page #professional.section .box:hover .image-area{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    -webkit-transform: scale3d(1.1,1.1,1);
  	transform: scale3d(1.1,1.1,1);
  }
  #home-page #professional.section .box .image-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
  }
  #home-page #professional.section .box .text-area{
    position: absolute;
    bottom: 10px;
    left: 0;
  }
  #home-page #professional.section .box .text-area p{
    margin: 0;
    padding-left: 20px;
    font-family: 'ProximaNova-semiBold';
  }
  #home-page #professional.section .content-area.desktop{
    display: block;
    border: 0px;
  }
  #home-page #professional.section .content-area.mobile{
    display: block;
    border: 0px;
  }
  #home-page #professional.section .swiper-container {
    width: 100%;
    height: 100%;
  }
  #home-page #professional.section .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 80%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #home-page #professional.section .swiper-container .swiper-slide:nth-child(1n) {
    width: 40%;
  }
  #home-page #professional.section .swiper-container .swiper-slide:nth-child(2n) {
    width: 40%;
  }
  #home-page #professional.section .swiper-container .swiper-slide:nth-child(3n) {
    width: 40%;
  }
  #home-page #professional.section .swiper-container .swiper-slide .box{
    position: relative;
    float: left;
    margin-right: 0;
    width: 100%;
    height: 0px;
    padding-bottom: 150%;
    border-radius: 0px !important;
    overflow: hidden;
  }
  #home-page #professional.section .swiper-container .swiper-slide:first-child .box{
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  #home-page #professional.section .swiper-container .swiper-slide:last-child .box{
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  #home-page #professional.section .swiper-container .swiper-slide .box .image-area{
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #home-page #professional.section .swiper-container .swiper-slide .box:hover .image-area{
    -webkit-transform: scale3d(1,1,1);
  	transform: scale3d(1,1,1);
  }
  #home-page #professional.section .content-area.desktop{
    display: block;
  }
  #home-page #professional.section .content-area.mobile{
    display: none;
  }
  @media (max-width: 1200px){
    #home-page #professional.section .content-area.long {
      width: calc(100% + 0px) !important;
    }
    #home-page #professional.section .box{
      margin-right: 0px;
      width: calc(100% / 4 - 0px);
    }
  }
  @media (max-width: 768px){
    #home-page #professional.section .content-area.desktop{
      display: none;
    }
    #home-page #professional.section .content-area.mobile{
      display: block;
    }
    #home-page #professional.section .content-area.long {
      width: calc(100% + 0px) !important;
      padding: 0 !important;
    }
  }


  /* End Section */

  /*Start Inspiration Section*/
  #home-page #inspiration {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f9f9f9;
  }
  #home-page #inspiration .title-area{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #home-page #inspiration .title-area p{
    position: relative;
    top: -5px;
  }
  #home-page #inspiration .content-area{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
  }
  #home-page #inspiration .content-area .item-wrapper{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    max-width: 870px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #inspiration .content-area .item-wrapper .item{
    position: relative;
    float: left;
    text-align: center;
    width: 270px;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
  }
  #home-page #inspiration .content-area .item-wrapper .item .logo-image{
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  #home-page #inspiration .content-area .item-wrapper .item .logo-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    object-fit: cover;
  }
  #home-page #inspiration .content-area .item-wrapper .item .text-area{
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: calc(100% - 60px);
    height: 50px;
  }
  #home-page #inspiration .content-area .item-wrapper .item .text-area .text-wrapper{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }
  #home-page #inspiration .content-area .item-wrapper .item .text-area .text-wrapper p{
    position: relative;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    color: #4a4a4a;
  }
  #home-page #inspiration .content-area .item-wrapper .item .text-area .text-wrapper h6{
    position: relative;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page #inspiration .content-area .item-wrapper .item .image-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 20px;
    margin-top: 10px;
  }
  #home-page #inspiration .content-area .item-wrapper .item .image-area .image{
    position: relative;
    float: left;
    width: 70px;
    height: 55px;
    margin-right: 10px;
    background: #e5e5e5;
  }
  #home-page #inspiration .content-area .item-wrapper .item .image-area .image:last-child{
    margin-right: 0px;
  }
  #home-page #inspiration .content-area .item-wrapper .item .image-area .image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #home-page #inspiration .content-area .item-wrapper-mobile{
    position: relative;
    float: left;
    display: none;
    text-align: center;
    width: 100%;
    max-width: 870px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item{
    position: relative;
    float: left;
    text-align: center;
    width: 270px;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .logo-image{
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .logo-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    object-fit: cover;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .text-area{
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: calc(100% - 60px);
    height: 50px;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .text-area .text-wrapper{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .text-area .text-wrapper p{
    position: relative;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    color: #4a4a4a;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .text-area .text-wrapper h6{
    position: relative;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .image-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 20px;
    margin-top: 10px;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .image-area .image{
    position: relative;
    float: left;
    width: 70px;
    height: 55px;
    margin-right: 10px;
    background: #e5e5e5;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .image-area .image:last-child{
    margin-right: 0px;
  }
  #home-page #inspiration .content-area .item-wrapper-mobile .item .image-area .image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home-page #inspiration .content-area .arrow-left{
    position: absolute;
    display: none;
    top: calc(50% - 20px);
    left: 0;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }
  #home-page #inspiration .content-area .arrow-right{
    position: absolute;
    display: none;
    top: calc(50% - 20px);
    right: 0;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  }

  #home-page #inspiration .content-area .button-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    text-align: center;
  }
  #home-page #inspiration .content-area .button-area button{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  @media (max-width: 992px){
    #home-page #inspiration .content-area .item-wrapper{
      max-width: 580px;
    }
    #home-page #inspiration .content-area .item-wrapper .item:last-child{
      display: none;
    }
  }
  @media (max-width: 620px){
    #home-page #inspiration .content-area .item-wrapper{
      display: none;
      max-width: 290px;
    }
    #home-page #inspiration .content-area .item-wrapper .item:last-child{
      display: block;
      left: 0;
      -webkit-transform: translate(0%,0%);
          -ms-transform: translate(0%,0%);
              transform: translate(0%,0%);
    }
    #home-page #inspiration .content-area .item-wrapper-mobile{
      display: block;
      max-width: 290px;
    }
    #home-page #inspiration .content-area .item-wrapper-mobile .item:last-child{
      display: block;
      left: 0;
      -webkit-transform: translate(0%,0%);
          -ms-transform: translate(0%,0%);
              transform: translate(0%,0%);
    }
    #home-page #inspiration .content-area .arrow-left{
      display: block;
    }
    #home-page #inspiration .content-area .arrow-right{
      display: block;
    }
  }
  #home-page .section .line {
    position: relative;
    float: left;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 40px;
  }
  #home-page .section {
    padding-top: 73px;
  }

  #home-page .section .content-area .logo-wrapper {
    margin-top: 0px;
    width: calc(100% + 0px);
  }
  #home-page .section .content-area .logo-wrapper img{
    width: calc(100%/9 - 67px);
    height: auto;
    object-fit: contain;
    margin: 0px 30px 15px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    opacity: 0.7;
  }
  #home-page .section .content-area .logo-wrapper img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
  }
  #featuredBrand > div > div.content-area.long.logo > div > a:last-child{
    /* display: inline-block; */
  }
  @media (max-width: 992px){
      #home-page .section .content-area .logo-wrapper{
            margin-top: 0px;
            width: 100%;
            white-space: nowrap;
            overflow: auto;
            overflow-y: hidden;
            padding: 0px 10px 0px 25px;
      }
      #home-page .section .content-area .logo-wrapper img{
          width: 60px;
      }
  }
  /*End Inspiration Section*/

  /*Start Why Bluprin Section*/
  #home-page #why-bluprin {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 0px;
    text-align: center;
    background-color: #f9f9f9;
  }
  #home-page #why-bluprin .button-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    text-align: center;
  }
  #home-page #why-bluprin .total-project{
    position: relative;
    float: left;
    margin-top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  #home-page #why-bluprin .total-project h1{
    font-size: 52px;
  }
  #home-page #why-bluprin .total-project .city{
    position: relative;
    float: left;
    margin-right: 40px;
  }
  #home-page #why-bluprin .total-project .professional{
    position: relative;
    float: left;
    margin-right: 40px;
  }
  #home-page #why-bluprin .total-project .portfolio{
    position: relative;
    float: left;
    margin-right: 0px;
  }
  #home-page #why-bluprin .total-project-value{
    position: relative;
    float: left;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  #home-page #why-bluprin .total-project-value h1{
    font-size: 64px;
    margin-top: 20px;
  }
  #home-page #why-bluprin .total-project-value .text-idr{
    position: relative;
    float: left;
    margin-right: 20px;
  }
  #home-page #why-bluprin .total-project-value #counthere{
    position: relative;
    float: left;
  }
  #home-page #why-bluprin .total-project-value h5{
    position: relative;
    float: left;
    width: 100%;
  }
  @media (max-width: 650px){
    #home-page #why-bluprin .total-project h1{
      font-size: 30px;
    }
    #home-page #why-bluprin .total-project .city{
      margin-right: 10px;
    }
    #home-page #why-bluprin .total-project .professional{
      margin-right: 10px;
    }
    #home-page #why-bluprin .total-project .portfolio{
      margin-right: 0px;
    }
    #home-page #why-bluprin .total-project-value h1{
      font-size: 46px;
    }
    #home-page #why-bluprin .total-project-value .text-idr{
      width: 100%;
      margin: 0;
    }
    #home-page #why-bluprin .total-project-value #counthere{
      width: 100%;
    }
  }
  @media (max-width: 385px){
    #home-page #why-bluprin .total-project-value h1{
      font-size: 36px;
    }
  }
  /*End Why Bluprin Section*/

  /*Start As Seen On Section*/
  #home-page #asSeenOn {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #home-page #asSeenOn {
    padding-bottom: 30px;
  }
  #home-page #asSeenOn.section {
    background-color: #fff;
  }
  #home-page .wrap-asson {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding-top: 75px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
  }
  #home-page #asSeenOn.section ul > li p {
    font-size: 12px;
    color: #9b9b9b;
  }
  #home-page #asSeenOn .title-area{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
  }
  #home-page #asSeenOn .new-text {
    margin-bottom: 5px;
    font-family: 'proximanova-bold';
    margin-bottom: 0px;
  }
  #home-page #asSeenOn .content-area{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    width: 100%;
    max-width: 900px;
    min-height: 50px;
    margin-top: 0px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #asSeenOn .content-area img{
    margin: 10px 20px 10px 20px;
  }
  @media (max-width: 600px){
    #home-page #asSeenOn .content-area img{
      max-width: 100px;
    }
  }
  #home-page #asSeenOn h3{
    font-family: "Proximanova-SemiBold";
    font-weight: normal;
  }
  #home-page #asSeenOn .content-area img{
        margin: 10px 30px 10px 30px;
  }
  @media (max-width: 768px){
    #home-page #asSeenOn {
      padding-bottom: 30px;
    }
  }
  /*End As Seen On Section*/

  /*Start Blog Section*/
  #home-page #blog {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f9f9f9;
  }
  #home-page #blog .title-area{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #home-page #blog .title-area .header-light-sub{
    position: relative;
    top: -5px;
  }
  #home-page #blog .content-area{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
  }
  #home-page #blog .content-area .item-wrapper{
    position: relative;
    float: left;
    text-align: center;
    min-width: 100px;
    max-width: 980px;
    min-height: 50px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #blog .content-area .item-wrapper .item{
    position: relative;
    float: left;
    width: 300px;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #home-page #blog .content-area .item-wrapper .item .image-area{
    position: relative;
    float: left;
    width: 100%;
    background-color: #e5e5e5;
  }
  #home-page #blog .content-area .item-wrapper .item .image-area::after{
    content: "";
    display: block;
    padding-bottom: 60%;
  }
  #home-page #blog .content-area .item-wrapper .item .image-area img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home-page #blog .content-area .item-wrapper .item .text-area{
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    padding: 20px;
    background-color: #fff;
  }
  #home-page #blog .content-area .item-wrapper .item .text-area h4{
    position: relative;
    top: -5px;
    height: 43px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page #blog .content-area .button-area{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    text-align: center;
  }
  #home-page #blog .content-area .button-area button{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  @media (max-width: 1201px){
    #home-page #blog .content-area .item-wrapper{
      max-width: 640px;
    }
  }
  @media (max-width: 680px){
    #home-page #blog .content-area .item-wrapper{
      max-width: 320px;
    }
  }
  /*End Blog Section*/

  /* Start Article Section */
  #home-page #article.section .content-area .list-wrapper{
    position: relative;
    float: left;
    width: 100%;
    max-width: 800px;
    min-height: 50px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
  }
  #home-page #article.section .content-area .list-wrapper .list{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #home-page #article.section .content-area .list-wrapper .list .text-area{
    position: relative;
    float: left;
    width: calc(100% - 200px - 20px);
    min-height: 50px;
    text-align: left;
  }
  #home-page #article.section .content-area .list-wrapper .list .text-area h4{
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page #article.section .content-area .list-wrapper .list .text-area p{
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #home-page #article.section .content-area .list-wrapper .list .image-area{
    position: relative;
    float: right;
    width: 200px;
    height: 100px;
    background-color: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
  }
  #home-page #article.section .content-area .list-wrapper .list .image-area img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  @media (max-width: 769px){
    #home-page #article.section .content-area .list-wrapper{
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  @media (max-width: 600px){
    #home-page #article.section .content-area .list-wrapper .list:first {
      padding-top: 0px;
    }
    #home-page #article.section .content-area .list-wrapper .list {
      border-bottom: 0px;
    }
    #home-page #article.section .content-area .list-wrapper .list .text-area{
      width: 100%;
    }
    #home-page #article.section .content-area .list-wrapper .list .text-area h4{
      margin-bottom: 5px;
      white-space:normal;
      line-height: 25px;
    }
    #home-page #article.section .content-area .list-wrapper .list .image-area{
      width: 100%;
      margin-bottom: 20px;
      height: 0px;
      padding-bottom: 50%;
    }
  }
  /* End Article Section */

  #home-page #section > div > div:nth-child(2) > div > a > div > div.img-card-container {
    width: 100% !important;
    float: left !important;
    position: relative !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.img-card-container:after {
    content: "" !important;
    display: block !important;
    padding-bottom: 100% !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.img-card-container img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div {
    min-height: 520px !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div {
    min-height: 380px !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.card-block > h4 {
    height: 45px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.card-block > h4 {
    font-family: proximanova-light;
    font-size: 24px;
    color: #4a4a4a;
    line-height: 30px;
    letter-spacing: -0.5px;
    height: 58px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.card-block {
    padding: 20px;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.card-block > .category-article {
    text-align: center;
    font-family: proximanova-bold;
    font-size: 12px;
    color: #9b9b9b;
    letter-spacing: -0.3px;
    /* line-height: 30px; */
    padding-bottom: 10px;
    text-transform: uppercase;
  }
  #home-page #section > div > div:nth-child(2) > div > a > div > div.card-block > p {
    height: 70px !important;
    overflow: hidden !important;
  }
  #home-page #section > div > div.row.hidden-sm-down > div:nth-child(1) > div > a > div.image-container {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100% !important;
    position: relative;
    margin-top: 40px;
  }
  #home-page #section > div > div.row.hidden-sm-down > div:nth-child(1) > div > a > div.image-container img {
    object-fit: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 0px;
    top: 0;
    left: 0;
  }
  #home-page #carouselExampleControls > div > div.carousel-item > div > a > div.image-container {
    width: 80% !important;
    height: 0 !important;
    margin: auto;
    padding-bottom: 80% !important;
    position: relative;
    margin-top: 10px;
  }
  #home-page #carouselExampleControls > div > div.carousel-item > div > a > div.image-container img{
    object-fit: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 0px;
    top: 0;
  }
  #home-page #container-grid > div > div {
    text-align: left !important;
  }
  #home-page #section > div > div:nth-child(2) > div> a > div > div.img-card-container > img.hover {
    opacity: 0.7;
  }
  #home-page #select-option-home > div:nth-child(3) > div.left-button > a:hover {
  }
  #home-page #section > div.container.row > div.left-button > a:hover {
    background-color: #7DBD60;
  }
  #home-page #section > div.container.row > div.right-button > a,
  #home-page #section > div.container.row > div.right-button > a:hover {
    color: #719B46;
    border-color: #e5e5e5;
    font-family: 'ProximaNova-SemiBold' !important;
  }
  #home-page #section > div > div:nth-child(3) > div > a {
    border-color: #e5e5e5;
    font-family: 'ProximaNova-SemiBold' !important;
    color: #fff;
  }
  #home-page #section > div > div:nth-child(3) > div > a:hover {
    background: #7DBD60;
  }
  #home-page #section > div > div.row.btn-profesional > div.left-button > a {
    font-family: 'ProximaNova-semiBold' !important;
    font-weight: normal;
  }
  #home-page #section > div > div.row.btn-profesional > div.left-button > a:hover {
    background-color: #246CAE;
    font-family: 'ProximaNova-semiBold' !important;
    font-weight: normal;
  }
  #home-page #section > div > div.row.btn-profesional > div.right-button > a {
    color: #215D95;
    border-color: #e5e5e5;
    font-family: 'ProximaNova-semiBold' !important;
    font-weight: normal;
  }
  #home-page {
    overflow-x: hidden;
  }
  #home-page #select-option-home > div.container.row.container-search > div:nth-child(4) > a:hover {
    background-color: #7DBD60;
  }
  #home-page #select-option-home > div.container.row.container-search > div > div > div > span {
    font-family: 'ProximaNova-regular' !important;
    font-weight: normal;
    padding-left: 20px !important;
  }
  #home-page #select-option-home > div.container.row.container-search > div > div > div > div > ul > li > span {
    font-family: 'ProximaNova-regular' !important;
    font-weight: normal;
    padding-left: 20px !important;
  }
  #home-page #select-option-home > div.container.row.container-search > div {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #home-page #section > div.container.row {
    margin-top: 10px !important;
  }
  #home-page #section > div.container.row > div.left-button {
    padding-right: 10px !important;
  }
  #home-page #section > div.container.row > div.right-button {
    padding-left: 10px !important;
  }
  #formHome > div.search-icon {
    cursor: pointer;
  }
  #home-page  div.search-icon.sprite-search-grey {
    width: 25px;
    height: 25px;
    background: url(../../assets/img/svg/search-grey.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
  }
  #home-page  div.search-icon.sprite-search-grey:hover {
    width: 25px;
    height: 25px;
    background: url(../../assets/img/svg/search-black.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
  }
  #home-page form.search-box-area .search-option .cs-select .cs-placeholder::after {
      left: 8px;
      top: 9px;
  }
  #home-page form.search-box-area .search-option {
      width: 180px;
  }
  #home-page form.search-box-area .search-option {
      width: 180px;
  }
  #home-page .sprite-photo-selected {
      text-indent: -9999px;
      width: 20px;
      height: 20px;
      background: url(../../assets/img/svg/photo.svg);
      background-size: 20px 20px;
  }
  #home-page .sprite-pro-selected {
      text-indent: -9999px;
      width: 20px;
      height: 20px;
      background: url(../../assets/img/svg/icon-pro-grey.svg);
      background-size: 20px 20px;
  }
  #home-page #select-option-home .cs-skin-elastic.cs-active .cs-options ul li {
      margin: 0;
      border-top: 1px solid #E5E5E5;
      border-right: 1px solid #E5E5E5;
      border-left: 1px solid #E5E5E5;
  }
  #home-page #select-option-home .cs-skin-elastic.cs-active .cs-options ul li:last-child {
      border-bottom: 1px solid #E5E5E5;
  }
  #home-page #select-option-home > div.container.row.container-search > div > div > div > div > ul {
    position: relative;
    max-height: 220px;
    overflow-y: hidden;
  }
  #home-page .cs-select .cs-selected span::after {
      display: none;
  }
  #home-page #select-option-home > div.container.row.container-search > div > div > div > div > ul > li.cs-selected > span {
    color: #719B46;
  }
  #home-page #select-option-home > div.container.row.container-search > div > div > div > div > ul > li:hover {
    background: #F9F9F9;
  }
  #home-page #search_professional2:hover {
    background: #7DBD60;
  }
  #home-page #section h3.title {
      font-size: 30px!important;
      letter-spacing: -1px !important;
  }
  #home-page ul#photosFilter {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    font-family: 'ProximaNova-semiBold';
    font-weight: normal;
    font-size: 14px;
    color: #9b9b9b;
  }
  #home-page ul#photosFilter li {
    text-decoration: none;
    list-style: none;
    display: inline;
    border: none;
  }
  #home-page ul#photosFilter li.your-inspiration {
    color: #9b9b9b;
  }
  #home-page ul#photosFilter li a {
    font-family: 'ProximaNova-semiBold';
    font-weight: normal;
    font-size: 14px;
    color: #9b9b9b;
    text-decoration: none;
  }
  #home-page ul#photosFilter li a:hover {
    font-family: 'ProximaNova-semiBold';
    font-weight: normal;
    font-size: 14px;
    color: #9b9b9b;
    text-decoration: underline;
  }
  #home-page #section > div > div.row.hidden-md-down > div > div {
    padding: 0px;
    max-width: 210px !important;
    height: 290px;
  }
  #home-page #section > div > div.row.hidden-md-down > div > div:first-child {
    margin-left: auto;
  }
  #home-page #section > div > div.row.hidden-md-down > div > div:last-child {
    margin-right: auto;
  }
  #home-page #section > div > div.row.hidden-md-down > div > div a {
    height: 100%;
  }
  #home-page #section > div > div.row.hidden-md-down > div > div a:hover {
    background: #F9F9F9;
  }
  #home-page #carouselExampleControls > div > div > div {
    padding: 0px !important;
  }
  #home-page #carouselExampleControls > div > div > div > a:hover {
    background: #F9F9F9;
  }
  @media (min-width: 769px)and (max-width: 992px){
    #home-page > div.container-fluid.hero-index > div > div > div > h3 {
      margin-bottom: 0px !important;
    }
    #home-page .profesional-photo .card {
      padding: 0px 10px !important;
      max-width: 210px !important;
      margin: 0 auto !important;
    }
    #home-page img.card-img-top {
      margin: 20px auto !important;
      display: block;
    }
    #home-page .card-img-profile {
      border-radius: 50% !important;
      width: 150px !important;
      margin: auto !important;
    }
  }
  @media (min-width: 577px) and (max-width: 769px){
    #home-page div.search-icon.sprite-search-grey,
    #home-page div.search-icon.sprite-search-grey:hover {
      background-position: 10px 12px;
    }
    #home-page #section > div > div:nth-child(2) > div > a > div > div.img-card-container {
      width: 100% !important;
      height: 200px;
      float: left !important;
      position: relative !important;
    }
    #home-page #section > div > div:nth-child(2) > div > a > div {
      min-height: 280px !important;
    }
  }
  @media (max-width: 577px){
    #home-page #section > div.container.row > div.left-button {
      padding-left: 10px !important;
    }
    #home-page #section > div.container.row > div.right-button {
      padding-right: 10px !important;
    }
    #home-page div.search-icon.sprite-search-grey,
    #home-page div.search-icon.sprite-search-grey:hover {
      background-position: 10px 12px;
    }
    #home-page #section > div > div:nth-child(2) > div > a > div > div.img-card-container {
      width: 100% !important;
      height: 150px;
      float: left !important;
      position: relative !important;
    }
    #home-page #section > div > div:nth-child(2) > div > a > div {
      min-height: 280px !important;
    }
  }
  #home-page .featured-carousel.wrapper{
    width: calc(100% + 40px);
    left: -20px;
    padding-top: 0px;
    text-align:center;
    position: relative;
    float: left;
    height: auto;
    margin-bottom: 0px;
  }
  #home-page #productRange .featured-carousel.wrapper{
    width: calc(100% + 20px);
    left: -10px;
  }
  #home-page #articleFeatured .featured-carousel.wrapper{
    width: calc(100% + 40px);
    left: -20px;
  }
  #home-page .featured-carousel .carousel{
    width:100%;
    height: auto;
    margin:0px auto;
    position: relative;
    float: left;
  }
  #home-page .featured-carousel .slick-slide{
    margin:20px;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    border: 1px solid #f9f9f9 !important;
  }
  #home-page #productRange .featured-carousel .slick-slide{
    border: 0px solid #fff;
  }
  #home-page #productRange .featured-carousel .slick-slide{
    margin:10px;
  }
  #home-page #articleFeatured .featured-carousel .slick-slide{
    border: 0px solid #fff;
  }
  #home-page #articleFeatured .featured-carousel .slick-slide{
    margin:0px 20px 20px;
  }
  #home-page .featured-carousel .slick-slide:hover{
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.19);
  }
  #home-page #productRange .featured-carousel .slick-slide:hover{
    border: 0px solid #e5e5e5;
    box-shadow: none;
  }
  #home-page #articleFeatured .featured-carousel .slick-slide:hover{
    border: 0px solid #e5e5e5;
    box-shadow: none;
  }
  #home-page .featured-carousel .slick-slide:hover .add,
  #home-page .featured-carousel .slick-slide:hover .fav{
    opacity: 1;
  }
  #home-page .featured-carousel .slick-slide:hover .cta-button{
    opacity: 1;
  }
  #home-page .featured-carousel .slick-slide:hover .cta-button{
    opacity: 1;
  }
  #home-page .cta-button.button-star .icon-star-on{
    display: none;
  }
  #home-page .cta-button.button-star .icon-star-off{
    display: block;
  }
  #home-page .cta-button.button-star:hover .icon-star-on{
    display: block;
  }
  #home-page .cta-button.button-star:hover .icon-star-off{
    display: none;
  }
  #home-page .cta-button.button-star.on .icon-star-on{
    display: block;
  }
  #home-page .cta-button.button-star.on .icon-star-off{
    display: none;
  }
  #home-page .featured-carousel .slick-slide .image-wrapper{
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 3px;
  }
  #home-page #productRange .featured-carousel .slick-slide .image-wrapper{
    padding-bottom: calc(110% + 3px);
  }
  #home-page #articleFeatured .featured-carousel .slick-slide .image-wrapper{
    padding-bottom: calc(60% + 3px);
  }
  #home-page #articleFeatured .featured-carousel .slick-slide p.title{
    position: relative;
    width: 100%;
    font-family: proximanova-Bold;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
  }
  #home-page #articleFeatured .featured-carousel .slick-slide p.description{
    position: relative;
    width: 100%;
    font-family: charter-roman;
    font-size: 16px;
    top: 0;
    left: 0;
    margin-top: 10px;
    text-align: left;
    overflow: hidden;
    max-height: 75px;
  }
  #home-page .featured-carousel.professional .slick-slide .image-wrapper{
    /* padding-bottom: calc(45% + 11px); */
    padding-bottom: calc(80% + 8px);
  }
  #home-page .featured-carousel.professional .slick-slide .image-wrapper.landscape{
    padding-bottom: calc(60% + 9px);
  }
  #home-page .featured-carousel .slick-slide .text-area{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 10px;
    text-align: center;
  }
  #home-page .featured-carousel.professional .slick-slide .text-area{
    text-align: center;
  }
  #home-page .featured-carousel .slick-slide .text-area h4{
    margin-bottom: 2px;
    color: #4a4a4a;
    font-family: proximanova-bold;
    font-size: 20px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing:-0.3px;
  }
  #home-page .featured-carousel .slick-slide .text-area h4 a{
    color: #4a4a4a;
    text-decoration: none;
  }
  #home-page .featured-carousel.professional .slick-slide .text-area h4{
    text-align: center;
  }
  #home-page .featured-carousel.professional .pro-logo{
    border-radius: 50%;
    margin-top: -50px;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    border: 3px solid #F9F9F9;
    cursor: pointer;
    background-size: contain;
    background-color: #fff;
    background-position: center center;
    margin-bottom: 0px;
  }

  #projectFeatured .featured-carousel .slick-slide .text-area h5{
    letter-spacing: -0.17px !important; 
  }
  #home-page .featured-carousel .slick-slide .text-area h5{
    color: #9B9B9B;
    font-family: proximanova-semibold;
    font-size: 14px;
    letter-spacing: -0.35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #home-page .featured-carousel .slick-slide .text-area h5 a{
    color: #ababab;
    text-decoration: none;
  }
  #home-page .featured-carousel .slick-slide .text-area p{
    top: 0;
    left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
  }
  #home-page .featured-carousel .slick-slide h6{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }
#descriptionFeatured h1 {
    font-size: 36px;
    letter-spacing: -0.8px;
    font-family: proximanova-bold;
    margin-bottom: 15px;
}
h3.slidehom {
    font-size: 24px;
    color: #fff;
    font-family: proximanova-bold;
    letter-spacing: -0.96px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
}
.item-ads {
    height: 400px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.item-ads .ads-bg{
    width: 100%;
    height: 100%;
}
.item-ads .ads-content1 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0px 20%;
}
.item-ads .ads-content1 .title1 {
    font-family: 'proximanova-bold';
    color: #fff;
    font-size: 48px;
    letter-spacing: -1.92px;
    text-shadow: 1px 2px 1px #000000;
    line-height: 48px;
    margin-bottom: 10px;
}
.item-ads .ads-content1 .title2 {
    font-family: 'proximanova-bold';
    color: #fff;
    font-size: 24px;
    letter-spacing: -0.8px;
    text-shadow: 1px 2px 1px #000000;
    line-height: 24px;
    margin-bottom: 35px;
}
.item-ads .ads-content1 a {
    color: #4A4A4A;
}
.item-ads .ads-content1 .bg-bton {
    padding: 10px;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    width: 200px;
    text-align: center;
    margin: 10px auto;
    position: relative;
    cursor: pointer;
    font-family: 'proximanova-bold';
    font-size: 14px;
    letter-spacing: -0.1px;
}
.item-ads .ads-content2 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.item-ads .ads-content2 .txt-ad {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-family: proximanova-semibold;
    color: #fff;
    font-size: 14px;
    z-index: 4;
}
.item-ads .ads-content3 {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#main-banner-ads.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    background: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}    
#main-banner-ads .prevcustom3 {
    width: 30px;
    height: 30px;
    background:url(../../assets/img/svg/prev.svg) no-repeat;
    position: absolute;
    left: 20px;
    top: 50%;
    display: block!IMPORTANT;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-banner-ads .nextcustom3 {
    width: 30px;
    height: 30px;
    background:url(../../assets/img/svg/next.svg) no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    display: block!IMPORTANT;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ads-content3 img{
    max-width: 90px !important;
    object-fit: contain;
}
  @media (max-width: 1200px){
    #home-page .featured-carousel.wrapper{
      width: calc(100% + 20px);
      left: -10px;
    }
    #home-page .featured-carousel .slick-slide{
      margin:10px;
    }
    #home-page .featured-carousel .left-barrier {
      left: -12px !important;
    }
    #home-page .featured-carousel .right-barrier {
      right: -10px !important;
    }
    #home-page #productRange .featured-carousel .slick-next {
      right: -11px !important;
    }
    #home-page #productRange .featured-carousel .slick-prev {
      left: -11px !important;
    }
    #home-page #articleFeatured .featured-carousel.wrapper {
      width: calc(100% + 20px);
      left: -10px;
    }
    #home-page #articleFeatured .featured-carousel .slick-next {
      right: -11px !important;
    }
    #home-page #articleFeatured .featured-carousel .slick-prev {
      left: -11px !important;
    }
    #home-page #articleFeatured .featured-carousel .slick-slide{
      margin:10px;
    }
  }
  @media (max-width: 992px){
    #home-page .featured-carousel.wrapper{
      width: calc(100% + 20px);
      left: -10px;
      padding-left: 0px;
      padding-right: 0px;
    }
    #home-page .featured-carousel .slick-slide{
      margin: 10px;
    }
  }
  #home-page .featured-carousel .slick-slide .dark-shade{
    width:100%;
    border: 0px solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.1);
  }
  #home-page .featured-carousel .slick-slide img{
    width:100%;
    border: 0px solid #fff;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
  }
  #home-page #projectFeatured .featured-carousel .slick-slide img{
    width:100%;
    height: calc(100% - 55px);
    border-radius: 3px;
  }
  #home-page #projectFeatured .featured-carousel .slick-slide .small-image-wrapper {
    position: absolute;
    bottom: 0;
    width: calc(100% + 5px);
    height: 50px;
    margin-top: 131px;
  }
  #home-page #projectFeatured .featured-carousel .slick-slide img.small{
    width: calc(100% /3 - 5px);
    margin-right: 5px;
    height: 50px;
    border-radius: 3px;
    position: relative;
    float: left;
  }
  #home-page .featured-carousel .slick-slider .slick-list {
    height: auto !important;
    position: relative;
    float: left;
  }
  #home-page .featured-carousel .slick-prev {
    left: 41px;
    z-index: 1;
    background: #fff;
    width: 31px;
    height: 31px;
    background-image: url(../../assets/img/svg/prev.svg);
    background-repeat: no-repeat;
    background-position: right;
    top: calc(50% - 30px);
    border-radius: 3px;
  }
  #home-page #projectFeatured .featured-carousel .slick-prev {
    top: calc(50% - 45px);
  }
  #home-page #productRange .featured-carousel .slick-prev {
    left: -18px;
    top: 50%;
  }
  #home-page #articleFeatured .featured-carousel .slick-prev {
    left: -8px;
    top: 38%;
  }
  #home-page .featured-carousel .slick-next {
    right: 40px;
    z-index: 1;
    background: #fff;
    width: 31px;
    height: 31px;
    background-image: url(../../assets/img/svg/next.svg);
    background-repeat: no-repeat;
    background-position: left;
    top: calc(50% - 30px);
    border-radius: 3px;
  }
  #home-page #projectFeatured .featured-carousel .slick-next {
    top: calc(50% - 45px);
  }
  #home-page #productRange  .featured-carousel .slick-next {
    right: -18px;
    top: 50%;
  }
  #home-page #articleFeatured .featured-carousel .slick-next {
    right: -8px;
    top: 38%;
  }
  #home-page .featured-carousel .slick-disabled {
    display: none !important;
  }
  #home-page .featured-carousel .slick-prev:before, .slick-next:before {
    opacity: 1 !important;
    content: "";
  }
  #home-page .featured-carousel .left-barrier {
    position: absolute;
    width: 22px;
    height: 100%;
    left: -3px;
    background: #fff;
  }
  #home-page #productRange .featured-carousel .left-barrier {
    left: -13px;
  }
  #home-page #articleFeatured .featured-carousel .left-barrier {
    left: -3px;
  }
  #home-page .featured-carousel .right-barrier {
    position: absolute;
    width: 20px;
    height: 100%;
    right: -3px;
    background: #fff;
  }
  #home-page #productRange .featured-carousel .right-barrier {
    right: -10px;
  }
  #home-page #articleFeatured .featured-carousel .right-barrier {
    right: -2px;
  }
  #home-page .slick-prev:before, .slick-next:before {
    display: none !important;
  }
  @media (max-width: 992px){
    #home-page .featured-carousel .slick-prev {
      width: 43px;
    }
    #home-page .featured-carousel .slick-next {
      width: 43px;
    }
    #home-page .featured-carousel .left-barrier {
      left: -10px;
    }
    #home-page .featured-carousel .right-barrier {
      right: -10px;
    }
  }
  #home-page .featured-carousel .slick-dots li {
    margin: 0;
    width: 15px;
    height: 15px;
  }
  #home-page .featured-carousel .slick-dots li button:before {
    font-size: 8px;
  }
  #home-page .featured-carousel  .slick-dots li.slick-active button:before {
    color: #e5e5e5;
  }
  #home-page .featured-carousel  .slick-dots li button:hover:before {
    color: #e5e5e5;
  }
  #home-page .featured-mobile {
    position: relative;
    height:auto;
    width:auto;
    min-width: calc(100% + 70px);
    left: -35px;
    white-space:nowrap;
    overflow: auto;
    overflow-y: hidden;
    table-layout:fixed;
    -webkit-overflow-scrolling: touch;
  }
  #home-page .featured-mobile .item {
     width: 220px;
     height: auto;
     display:inline-block;
     margin-right:15px;
     border: 1px solid #fff;
  }
  #home-page #productRange .featured-mobile .item {
     width: 220px;
     height: 270px;
     position: relative;
  }
  #home-page #productRange .featured-mobile .item h6{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    z-index: 2;
  }
  #home-page #articleFeatured .featured-mobile .item {
     width: 300px;
     height: auto;
     position: relative;
  }
  #home-page #articleFeatured .featured-mobile .item h6{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    z-index: 2;
  }
  #home-page .featured-mobile.professional .pro-logo{
    border-radius: 50%;
    margin-top: -50px;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    border: 3px solid #F9F9F9;
    cursor: pointer;
    background-size: cover;
    background-color: #fff;
    background-position: center center;
    margin-bottom: 0px;
  }
  #home-page .featured-mobile .item:first-child {
     margin-left:35px;
  }
  #home-page .featured-mobile .item:last-child {
     margin-right:35px;
  }
  #home-page .featured-mobile .item .image-wrapper {
     position: relative;
     float: left;
     width: 100%;
     height: 180px;
     border-radius: 3px;
     overflow: hidden;
  }
  #home-page #productRange .featured-mobile .item .image-wrapper {
     height: 270px;
  }
  #home-page #productRange .featured-mobile .item .image-wrapper .dark-shade{
    width:100%;
    border: 0px solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.1);
  }
  #home-page #articleFeatured .featured-mobile .item .image-wrapper {
     height: 180px;
  }
  #home-page #articleFeatured .featured-mobile .item p.title{
    position: relative;
    float: left;
    width: 100%;
    font-family: proximanova-semiBold;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #home-page #articleFeatured .featured-mobile .item p.description{
    position: relative;
    float: left;
    width: 100%;
    font-family: proximanova-regular;
    font-size: 14px;
    top: 0;
    left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 0;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    height: 65px;
  }
  #home-page #articleFeatured .featured-mobile .item .image-wrapper .dark-shade{
    width:100%;
    border: 0px solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.1);
  }
  #home-page .featured-mobile.professional .item .image-wrapper {
     height: 125px;
  }
  #home-page .featured-mobile .item .image-wrapper img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
  #home-page .featured-mobile .item .text-area{
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 00px;
    text-align: center;
  }
  #home-page .featured-mobile.professional .item .text-area{
    position: relative;
    float: left;
    text-align: center;
  }
  #home-page .featured-mobile .item .text-area h4{
    margin-bottom: 2px;
    color: #4a4a4a;
    font-family: proximanova-bold;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing:-0.2px; 
  }
  #home-page .featured-mobile.professional .item .text-area h4{
    text-align: center;
  }
  #home-page .featured-mobile .item .text-area h4 a{
    color: #4a4a4a;
    text-decoration: none;
  }
  #home-page .featured-mobile .item .text-area h5{
    color: #ababab;
    font-family: proximanova-semibold;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.17px;
  }
  #home-page .featured-mobile .item .text-area h5 a{
    color: #ababab;
    text-decoration: none;
  }
  @media (min-width: 993px){
    #home-page .featured-mobile {
      display: none !important;
    }
  }
  @media (max-width: 992px){
    #home-page .featured-carousel .carousel {
      display: none !important;
    }
    #home-page .featured-mobile {
      display: block;
    }
    #home-page .section .link-area p.ss {
      font-size: 12px !important;
    }
    #home-page #asSeenOn > div > div {
      padding: 20px !important;
    }
  }

  @media (max-width: 768px){
    #home-page .featured-mobile {
      width: calc(100% + 40px);
      left: -20px;
    }
    #home-page .featured-mobile .item {
       width: 130px;
       height: auto;
       display:inline-block;
       margin-right:5px;
    }
    #home-page #productRange .featured-mobile .item {
       width: 120px;
       height: 135px;
    }
    #home-page #articleFeatured .featured-mobile .item {
       width: 250px;
       height: auto;
    }
    #home-page #articleFeatured .featured-mobile .item .image-wrapper {
      height: 150px;
    }
    #home-page .featured-mobile .item:first-child {
       margin-left:20px;
    }
    #home-page .featured-mobile .item:last-child {
       margin-right:50px;
    }
    #home-page .section .title-area {
      padding: 0px;
      text-align: left;
    }
    #home-page .section .title-area p {
      max-width: none;
    }
    #home-page .section {
      padding-top: 30px;
    }
    #home-page .featured-mobile.professional .item .image-wrapper {
      height: 110px;
    }
    #home-page .featured-mobile.professional .pro-logo{
      display: none;
    }
    #home-page .featured-mobile.professional .item .text-area{
      text-align: left;
      padding-top: 10px;
    }
    #home-page .featured-mobile.professional .item .text-area h4{
      text-align: left;
    }
    #home-page .featured-mobile::-webkit-scrollbar {
      width: 0px;  /* remove scrollbar space */
      background: transparent;  /* optional: just make scrollbar invisible */
    }
    #home-page .featured-mobile .item .text-area{
      height: 45px;
    }
  }

body{
  padding-bottom: 0;
}

#home-page #productFeatured .featured-carousel .slick-slide .image-wrapper {
  background-color: #fff;

}
#home-page #productFeatured .featured-mobile .item .image-wrapper {
  background-color: #fff;
  border: 1px solid #f9f9f9;
}
#home-page #productFeatured .featured-carousel .slick-slide img {
  object-fit: contain;
}
#home-page #productFeatured .featured-mobile .item .image-wrapper img {
  object-fit: contain;
}

#home-page .featured-carousel .left-barrier {
  display: none;
}
#home-page .featured-carousel .right-barrier {
  display: none;
}
/* Animated Hover With Shadow */
.animated-box-hover {
  border: 0 !important;
  top: 0 !important;
  -webkit-transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
  -moz-transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
  -o-transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
  transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
}
.animated-box-hover .cta-button {
  -webkit-transition: opacity 0.2s ease-in-out !important;
  -moz-transition: opacity 0.2s ease-in-out !important;
  -o-transition: opacity 0.2s ease-in-out !important;
  transition: opacity 0.2s ease-in-out !important;
}
.animated-box-hover:hover {
  top: -5px !important;
  transform: scale(1, 1);
  border: 0 !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.19) !important;
  z-index: 9;
}

#descriptionFeatured{
 text-align: center;
}
h2 .regular{
 font-family: 'proximanova-regular';
}
 .arrow-left {
     cursor: pointer;
     position: absolute;
     left: 20px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     overflow: hidden;
     top: 50%;
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     opacity: 1;
     display: none;
 }

 .arrow-right {
     cursor: pointer;
     position: absolute;
     right: 20px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     overflow: hidden;
     top: 50%;
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     opacity: 1;
     display: none;
 }

 .arrow-right img,
 .arrow-left img {
     width: 31px;
     height: 31px;
 }

 @media all and (max-width: 992px) {
     .arrow-right,
     .arrow-left{
         display: none !important;
     }
 }
 @media all and (max-width: 768px) {
     #descriptionFeatured{
         text-align: left;
         margin-top: -10px;
     }
 }

.slick-track,
.slick-list {
  /* -webkit-backface-visibility: hidden; */
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#home-page #new-hero .slick-dots{
  bottom: 20px;
}
#home-page #new-hero .slick-dots li{
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
}
#home-page #new-hero .slick-dots li.slick-active button:before{
  opacity: 1;
  color: #fff;
  font-size: 10px;
  top: 1px;
}
#home-page #new-hero .slick-dots li button:before{
  opacity: 0.5;
  color: #fff;
  font-size: 10px;
  top: 1px;
}
#home-page #new-hero .slick-dots li:first-child{
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
#home-page #new-hero .slick-dots li:last-child{
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.slick-list {
 height:100% !important;
}
.slick-track {
  height:100% !important;
}
.slick-slide {outline: none;}
.slick-slide:focus { outline: none; }

#noty_layout__topRight {
  width: 250px;
}
.noty_has_timeout .noty_progressbar {
  display: none;
}
.noty_theme__mint.noty_type__success {
    background-color: #719B46;
    border-bottom: 1px solid #719B46;
    color: #fff;
}
.noty_theme__mint.noty_bar .noty_body {
    text-align: center;
}
.ellip {
  display: block;
  height: 100%;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.search-area-top .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail{
  display: block;
  background-color: #fff;
  border-left: 1px solid #e5e5e5;
  opacity: 1;
}
.search-area-top .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #e5e5e5;
  width: 5px !important;
}
.search-area-top .ps>.ps__scrollbar-y-rail{
  display: block;
  background-color: #fff;
  border-left: 1px solid #e5e5e5;
  opacity: 1;
  height: 310px !important;
  width: 10px;
}
.search-area-top .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  /* height: 76px !important; */
  min-height: 50px;
}

/* masonry-asr grid */
.masonry-asr {
  transition: all .5s ease-in-out;
}
.masonry-asr {
    column-count: 3;
}
/* masonry-asr item */
.masonry-asr .brick {
  margin-bottom: 30px;
/* display: inline-block;  Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
    display: inline-block;
}

/* Bordered masonry-asr */
.masonry-asr.bordered {
/*
  column-rule: 1px solid #eee;
  column-gap: 50px;
*/
}

.masonry-asr.bordered .brick {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#masonry-css {
    padding-bottom: 50px;
}
#masonry-css .brick {
    position: relative;
}
.title-area-link {
    text-align: center;
    margin-bottom: 40px;
    margin-top: -10px;
}
.title-area-link a {
    color: #9B9B9B;
    font-family: 'proximanova-semibold';
    font-size: 14px;
    letter-spacing: -0.1px;
}
.icon-brick {
    position: absolute;
    top: 0;
    left: 0;
}
.icon-brick img {
    width: 90px;
    height: 90px;
}
.data-brick {
    padding-left: 110px;
    min-height: 90px;
}
.data-brick .cum-parent {
    margin-bottom: 12px;
}
.data-brick .cum-parent a {
    color: #4A4A4A;
    font-family: 'proximanova-bold';
    font-size: 16px;
    letter-spacing: -0.2px;
}
.data-brick .cum-child a {
    font-size: 14px;
    letter-spacing: -0.17px;
    color: #4A4A4A;
    line-height: 20px;
}

/* animation styles */
@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}

.fadeInClass {
	animation-name: fadeIn;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
    position: absolute;
    top: 0px;
    left: 0px;
}
    
.box-campa .data-left {
    width: 400px;
    float: left;
    height: 400px;
}
.box-campa .data-right {
    width: 880px;
    float: left;
    position: relative;
    height: 400px;
}
.box-campa .max-width{
    width: 100%;
}
.wide-campa{display:block;}
.normal-campa{display:none;}
.tablet-campa{display:none;}
.mobile-campa{display:none;}
    
.wrap-campaign{
    width: 1280px;
    margin: 0 auto;
}

@media (max-width: 1279px){
    .wrap-campaign{
        width: 930px;
    }
    .box-campa .data-left {
        width: 290px;
        height: 350px;
    }
    .box-campa .data-right {
        width: 640px;
        height: 350px;
    }
    .wide-campa{display:none;}
    .normal-campa{display:block;}
    .tablet-campa{display:none;}
    .mobile-campa{display:none;}
}
@media (max-width: 992px){
    .wrap-campaign {
        width: calc(100% - 60px);
    }
    .data-left img{
        border-radius: 3px;
    }
    .data-right img{
        border-radius: 3px;
    }
    .wide-campa{display:none;}
    .normal-campa{display:none;}
    .tablet-campa{display:block;}
    .mobile-campa{display:none;}
    .box-campa .data-left{
        width: calc(50% - 10px);
        margin-right: 10px;
        height: auto;
    }
    .box-campa .data-right{
        width: calc(50% - 10px);
        margin-left: 10px;
        height: auto;
    }
}
@media (max-width: 768px){
    .wrap-campaign{
        width: calc(100% - 35px);
    }
    .wide-campa{display:none;}
    .normal-campa{display:none;}
    .tablet-campa{display:none;}
    .mobile-campa{display:block;}
    
    .box-campa .data-left {
        width: 100%;
        height: auto;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .box-campa .data-right {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }
}   


@media (max-width: 768px){
   #home-page .title-area p a {
        color: #9B9B9B;
        font-size: 14px;
        font-family: 'proximanova-semibold';
    }
    #home-page #asSeenOn.section {
        background-color: #f9f9f9;
    }
    #home-page #asSeenOn > div > div {
        padding: 0px !important;
    }
    #home-page .featured-mobile .item .image-wrapper {
        height: 0;
        padding-bottom: 80%;
    }
    #home-page #asSeenOn .title-area{
        text-align: left;
    }
    #home-page .section .link-area p.ss.wrapc{
        margin-bottom: 10px;
    }
    #home-page #articleFeatured .featured-mobile .item .image-wrapper{
        padding-bottom: 0px;
    }
}


@media (max-width: 1200px){
    h3.slidehom{
        font-size: 20px;
        letter-spacing: -0.88px;
    }
    #descriptionFeatured h1 {
        font-size: 28px;
        letter-spacing: -0.62px;
    }
    h2{
        font-size: 22px;
        letter-spacing: -0.7px;
    }
    #home-page .featured-carousel .slick-slide .text-area h4{
        font-size: 18px;
        letter-spacing: -0.2px;
    }
    .item-ads .ads-content1 .title1{
        font-size: 40px;
        letter-spacing: -1.6px;
    }
    .item-ads .ads-content1 .title2{
        font-size: 22px;
        letter-spacing: -0.8px;
    }
    #home-page #articleFeatured .featured-carousel .slick-slide p.title{
        font-size: 18px;
    }
    #home-page #articleFeatured .featured-carousel .slick-slide p.description{
        font-size: 16px;
    }
    .masonry-asr {
        column-count: 2;
    }
}
@media (max-width: 992px){
    .banner-info-footer{
        bottom: 14px;
    }
    #descriptionFeatured {
        text-align: left;
    }
    #home-page .section .title-area{
        text-align: left;
    }
    #home-page .section .title-area p{
        max-width: none;
    }
    #home-page .section .title-area{
        padding-left: 0px;
    }
    #main-banner-ads .nextcustom3,
    #main-banner-ads .prevcustom3{
        display: none !important;
    }
    .title-area-link{
        text-align: left;
    }
}
@media (max-width: 768px){
    .banner-info-footer{
        display: none;        
    }
    .item-ads .ads-content1{
        padding: 0px 30px;
    }
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper,
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2{
        text-align: center;
    } 
    #descriptionFeatured h1{
        font-size: 22px;
        letter-spacing: -0.49px;
    }
    h3.regular{
        font-size: 18px;
        letter-spacing:-0.36px;
    }
    h2 {
        font-size: 20px;
        letter-spacing: -0.64px;
    }
    #home-page .section .title-area p {
        font-size: 14px;
    }
    .item-ads .ads-content1 .title1 {
        font-size: 26px;
        letter-spacing: -1.6px;
        line-height: normal;
    }
    .item-ads .ads-content1 .title2 {
        font-size: 20px;
        letter-spacing: -0.67px;
    }
    .item-ads .ads-content1 .bg-bton{
        padding: 5px 20px;
        width: auto;
    }
    .item-ads .ads-content1 .title1{
        margin-bottom: 15px;
    }
    .item-ads .ads-content1 .title2{
        margin-bottom: 15px;
    }
    .icon-brick{
        display: none;
    }
    .masonry-asr .brick{
        width: 100%;
    }
    .data-brick {
        padding-left: 0px;
    }
    #home-page .wrap-asson{
        padding-bottom: 0px;
    }
    .data-brick .cum-parent a{
        font-size: 12px;
    }
    .data-brick .cum-child a{
        font-size: 12px;
    }
    .masonry-asr.bordered .brick {
        margin-bottom: 0px;
    }
    #masonry-css {
        padding-bottom: 0px;
    }
    #home-page .wrap-asson{
        padding-top: 30px;
    }
    .title-area-link{
        margin-bottom: 30px;
    }
}