.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: 0 !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 .articleSection .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: none;
        overflow: hidden
    }

    #home-page #productFeatured .container {
        max-height: none;
        overflow: hidden
    }

    #home-page #professionalFeatured .container {
        max-height: none;
        overflow: hidden
    }

    #home-page .articleSection .container {
        max-height: none;
        overflow: hidden
    }
}

#home-page #hero .text-area {
    float: none;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 850px;
    background: rgba(7, 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
    }
}

#home-page #hero .text-area {
    float: none;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 850px;
    background: rgba(7, 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
    }
}

#home-page #hangingMenu {
    position: fixed;
    width: auto;
    height: auto;
    padding: 0;
    top: 150px;
    right: 20px;
    z-index: 999;
    background-color: rgba(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: 0;
    cursor: pointer;
    padding: 10px;
    padding-bottom: 0;
    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
}

#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: 0;
    top: 6px
}

@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
    }
}

#home-page #new-hero {
    position: relative;
    padding-top: 10px !important;
    float: left;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 0;
    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: 0 !important;
        margin-top: 70px
    }
}

@media(max-width:991px) {
    #home-page #new-hero {
        width: 100%;
        padding-top: 0 !important;
        margin-top: 50px !important
    }
}

#home-page #new-hero {
    padding-top: 0 !important;
    margin-top: 120px !important;
    max-width: 100% !important;
    width: 100%
}

#home-page #new-hero .slider-wrapper {
    position: relative;
    float: left;
    right: 0;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    height: 0;
    padding-bottom: calc(31% - 9.59px);
    visibility: hidden;
    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: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: 0
}

#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, .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;
    position: relative;
    float: left;
    margin-bottom: 0;
    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: -.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;
    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;
    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, .75)
}

.banner-info-footer {
    position: absolute;
    width: auto;
    color: #fff;
    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, .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: 0
    }

    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2 {
        font-size: 35px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0
    }
}

@media(max-width:768px) {
    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h1 {
        font-size: 35px !important;
        padding-left: 0 !important;
        padding-right: 0 !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: 0 !important;
        padding-right: 0 !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 {
        min-width: 100px !important
    }

    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper {
        background: 0 0
    }
}

#home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button {
    position: relative;
    cursor: pointer;
    border: 0;
    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: 0;
    margin-top: 10px;
    border-radius: 3px;
    min-width: 170px;
    min-height: 35px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3)
}

#home-page #new-hero .slider-wrapper .slide .slide-content-wrapper button h5 {
    margin-bottom: 0;
    font-family: proximanova-bold;
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: -.1px;
    text-shadow: 0;
    text-transform: none
}

#home-page #new-hero .slider-wrapper {
    height: 0;
    padding-bottom: calc(31% - 9.59px) !important
}

@media(max-width:1200px) {
    #home-page #new-hero .slider-wrapper {
        height: 0;
        padding-bottom: calc(37% - 5.19px) !important
    }
}

@media(max-width:992px) {
    #home-page #new-hero .slider-wrapper {
        height: 0;
        padding-bottom: calc(36% - 7.11px) !important
    }
}

@media(max-width:768px) {
    #home-page #new-hero .slider-wrapper {
        height: 0;
        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: 0;
        padding-right: 0;
        line-height: 23px;
        text-align: left
    }

    #home-page #new-hero .slider-wrapper .slide .slide-content-wrapper h2 {
        font-size: 26px;
        padding-left: 0;
        padding-right: 0;
        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: 0
}

@media(max-width:500px) {
    #home-page .featured .products-container {
        padding-right: 10px;
        overflow: hidden
    }

    #home-page .section .button-area {
        padding-left: 0;
        padding-right: 0
    }
}

#home-page .section-top {
    position: relative;
    width: calc(100% + 2px);
    float: left;
    height: auto;
    padding-bottom: 0;
    background-color: #fff;
    left: -1px
}

#home-page .section {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    padding-top: 40px;
    padding-bottom: 0
}

#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: -.5px;
    text-transform: uppercase
}

#home-page .section {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding-top: 90px;
    padding-bottom: 0
}

@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: 0 !important
}

#home-page .title-area p a {
    color: #ababab;
    text-decoration: none;
    font-family: proximanova-semibold;
    font-size: 14px;
    letter-spacing: -.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: 0 !important;
        padding-right: 0 !important
    }
}

#home-page #featuredBrand.section .content-area.long {
    width: calc(100% + 100px) !important;
    margin-top: 0;
    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: 0;
        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: 0;
    margin-bottom: 20px
}

#home-page .section .content-area .box-product2 {
    width: calc(100%/4 - 20px);
    margin-bottom: 0
}

#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: 0;
    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: .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: .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: 0;
    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: 0;
    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: 0
}

#home-page .section .link-area {
    position: relative;
    float: left;
    text-align: center;
    width: calc(100% - 20px);
    max-width: none;
    min-height: 50px;
    margin-top: 0;
    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: 0;
    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: 0 !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: 0;
    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: 0;
        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: 0 !important;
        padding-right: 0 !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: 0;
    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: 0;
    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 .5s ease
}

#home-page .featured .products-wrapper .product:hover {
    transition: all .5s ease;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

#home-page .add {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity .5s ease;
    cursor: pointer
}

#home-page .add p {
    position: absolute;
    top: -5px;
    left: 4px;
    font-size: 18px;
    font-weight: 700
}

#home-page .featured .products-wrapper .product:hover .fav,
#home-page .featured .products-wrapper .product:hover .add {
    opacity: 1;
    transition: opacity .5s ease
}

#home-page .cta-button {
    opacity: 0
}

#home-page .featured .products-wrapper .product:hover .cta-button {
    opacity: 1;
    transition: opacity .5s ease
}

@media(max-width:992px) {
    #home-page .featured .products-wrapper .product {
        position: relative;
        float: left;
        width: calc(100%/2 - 20px);
        height: 0;
        margin-right: 20px;
        margin-bottom: 20px;
        min-height: 0;
        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: 0;
        -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: 0;
        padding-right: 0
    }
}

@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: 0
    }

    #home-page #new-hero {
        padding-top: 0 !important
    }

    #home-page .left-filter {
        display: none
    }

    #home-page #new-hero .slider-wrapper {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        height: 0;
        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: -.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: -.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: 0;
        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: 0
    }

    #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: 0 0 #9b9b9b;
        bottom: -33px !important;
        padding: 0;
        text-align: center;
        height: 20px;
        background-color: transparent;
        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: 0 0 #9b9b9b;
        bottom: -33px !important;
        padding: 0;
        text-align: center;
        height: 20px;
        background-color: transparent;
        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: 0;
        padding-bottom: calc(50%/5)
    }

    #home-page .section .button-area {
        width: 100% !important
    }

    #home-page .section .button-area button {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        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: 0;
        margin-left: 0
    }

    #home-page .section .content-area .professional-box {
        width: calc(100% - 30px);
        margin-right: 0;
        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: 0 !important;
        padding-right: 0 !important;
        width: 100% !important
    }

    #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: 0;
        overflow: auto
    }

    #home-page .featured .products-wrapper {
        padding-left: 0;
        padding-right: 0;
        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: 0 !important
    }
}

#home-page #new-hero .slider-wrapper {
    height: 0;
    padding-bottom: 32% !important
}

@media(min-width:1400px) {
    #home-page #new-hero .slider-wrapper {
        /* height: 450px; */
        height: 600px;
        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: 0;
        padding-bottom: 0 !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: 0 !important;
        padding-bottom: calc(80%) !important;
        min-height: 0 !important
    }
}

#home-page .featured .products-wrapper {
    width: calc(100% + 40px) !important;
    margin-top: 0
}

#home-page .featured .products-wrapper .product {
    position: relative;
    float: left;
    width: calc(100%/4 - 40px);
    height: 0;
    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 .5s ease
}

#home-page .featured .products-wrapper .product:hover {
    transition: all .5s ease;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

#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%)
}

@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: 0;
        margin-right: 20px;
        margin-bottom: 20px;
        min-height: 0;
        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: 0;
        -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: 0;
        padding-right: 0
    }
}

@media(max-width:500px) {
    #home-page .featured .products-container {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    #home-page .section .button-area {
        padding-left: 0;
        padding-right: 0
    }
}

#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: 0;
    width: calc(100%/4 - 0px);
    height: 0;
    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 .7s;
    transition: transform .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: 0
}

#home-page #professional.section .content-area.mobile {
    display: block;
    border: 0
}

#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%;
    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: 0;
    padding-bottom: 150%;
    border-radius: 0 !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: 0;
        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
    }
}

#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: 0;
    width: calc(100% + 0px)
}

#home-page .section .content-area .logo-wrapper img {
    width: calc(100%/9 - 50px);
    height: auto;
    object-fit: contain;
    margin: 0 20px 15px;
    filter: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz1cJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCc+PGZpbHRlciBpZD1cJ2dyYXlzY2FsZVwnPjxmZUNvbG9yTWF0cml4IHR5cGU9XCdtYXRyaXhcJyB2YWx1ZXM9XCcwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwIDAgMCAxIDBcJy8+PC9maWx0ZXI+PC9zdmc+I2dyYXlzY2FsZQ==);
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .7
}

#home-page .section .content-area .logo-wrapper img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1
}

@media(max-width:992px) {
    #home-page .section .content-area .logo-wrapper {
        margin-top: 0;
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        overflow-y: hidden;
        padding: 0 10px 0 25px
    }

    #home-page .section .content-area .logo-wrapper img {
        width: 60px
    }
}

#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
    }
}

#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: 0
}

#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: 0
    }

    #home-page #article.section .content-area .list-wrapper .list {
        border-bottom: 0
    }

    #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: 0;
        padding-bottom: 50%
    }
}

#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: -.5px;
    height: 58px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 0;
    padding-bottom: 0
}

#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: -.3px;
    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: 0;
    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: 0;
    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: .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: 400
}

#home-page #section>div>div.row.btn-profesional>div.left-button>a:hover {
    background-color: #246cae;
    font-family: proximanova-semibold !important;
    font-weight: 400
}

#home-page #section>div>div.row.btn-profesional>div.right-button>a {
    color: #215d95;
    border-color: #e5e5e5;
    font-family: proximanova-semibold !important;
    font-weight: 400
}

#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: 400;
    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: 400;
    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: 400;
    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: 400;
    font-size: 14px;
    color: #9b9b9b;
    text-decoration: none
}

#home-page ul#photosFilter li a:hover {
    font-family: proximanova-semibold;
    font-weight: 400;
    font-size: 14px;
    color: #9b9b9b;
    text-decoration: underline
}

#home-page #section>div>div.row.hidden-md-down>div>div {
    padding: 0;
    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: 0 !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: 0 !important
    }

    #home-page .profesional-photo .card {
        padding: 0 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: 0;
    text-align: center;
    position: relative;
    float: left;
    height: auto;
    margin-bottom: 0
}

#home-page #productRange .featured-carousel.wrapper {
    width: calc(100% + 20px);
    left: -10px
}

#home-page .articleSection .featured-carousel.wrapper {
    width: calc(100% + 40px);
    left: -20px
}

#home-page .featured-carousel .carousel {
    width: 100%;
    height: auto;
    margin: 0 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: 0 solid #fff
}

#home-page #productRange .featured-carousel .slick-slide {
    margin: 10px
}

#home-page .articleSection .featured-carousel .slick-slide {
    border: 0 solid #fff
}

#home-page .articleSection .featured-carousel .slick-slide {
    margin: 0 20px 20px
}

#home-page .featured-carousel .slick-slide:hover {
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2), 0 0 8px 0 rgba(0, 0, 0, .19)
}

#home-page #productRange .featured-carousel .slick-slide:hover {
    border: 0 solid #e5e5e5;
    box-shadow: none
}

#home-page .articleSection .featured-carousel .slick-slide:hover {
    border: 0 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 .articleSection .featured-carousel .slick-slide .image-wrapper {
    padding-bottom: calc(60% + 3px)
}

#home-page .articleSection .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: -.4px
}

#home-page .articleSection .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(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: -.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: 0
}

#projectFeatured .featured-carousel .slick-slide .text-area h5 {
    letter-spacing: -.17px !important
}

#home-page .featured-carousel .slick-slide .text-area h5 {
    color: #9b9b9b;
    font-family: proximanova-semibold;
    font-size: 14px;
    letter-spacing: -.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: -.8px;
    font-family: proximanova-bold;
    margin-bottom: 15px
}

h3.slidehom {
    /* font-size: 24px; */
    font-size: 28px;
    color: #fff;
    font-family: proximanova-bold;
    letter-spacing: -.96px;
    text-shadow: 2px 2px 5px rgba(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: 0 20%
}

.item-ads .ads-content1 .title1 {
    font-family: proximanova-bold;
    color: #fff;
    font-size: 48px;
    letter-spacing: -1.92px;
    text-shadow: 1px 2px 1px #000;
    line-height: 48px;
    margin-bottom: 10px
}

.item-ads .ads-content1 .title2 {
    font-family: proximanova-bold;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.8px;
    text-shadow: 1px 2px 1px #000;
    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: -.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, .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: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

#main-banner-ads .prevcustom3 {
    width: 30px;
    height: 30px;
    background: url(../../img/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(../../img/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 .articleSection .featured-carousel.wrapper {
        width: calc(100% + 20px);
        left: -10px
    }

    #home-page .articleSection .featured-carousel .slick-next {
        right: -11px !important
    }

    #home-page .articleSection .featured-carousel .slick-prev {
        left: -11px !important
    }

    #home-page .articleSection .featured-carousel .slick-slide {
        margin: 10px
    }
}

@media(max-width:992px) {
    #home-page .featured-carousel.wrapper {
        width: calc(100% + 20px);
        left: -10px;
        padding-left: 0;
        padding-right: 0
    }

    #home-page .featured-carousel .slick-slide {
        margin: 10px
    }
}

#home-page .featured-carousel .slick-slide .dark-shade {
    width: 100%;
    border: 0 solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1)
}

#home-page .featured-carousel .slick-slide img {
    width: 100%;
    border: 0 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(../../img/prev.svg);
    background-repeat: no-repeat;
    background-position: right;
    top: calc(50% - 50px);
    border-radius: 3px
}

#home-page #projectFeatured .featured-carousel .slick-prev {
    top: calc(50% - 65px)
}

#home-page #productRange .featured-carousel .slick-prev {
    left: -18px;
    top: 50%
}

#home-page .articleSection .featured-carousel .slick-prev {
    left: 40px;
    top: 120px
}

#home-page .featured-carousel .slick-next {
    right: 40px;
    z-index: 1;
    background: #fff;
    width: 31px;
    height: 31px;
    background-image: url(../../img/next.svg);
    background-repeat: no-repeat;
    background-position: left;
    top: calc(50% - 50px);
    border-radius: 3px
}

#home-page #projectFeatured .featured-carousel .slick-next {
    top: calc(50% - 65px)
}

#home-page #productRange .featured-carousel .slick-next {
    right: -18px;
    top: 50%
}

#home-page .articleSection .featured-carousel .slick-next {
    right: 40px;
    top: 120px
}

#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 .articleSection .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 .articleSection .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;
    vertical-align: top
}

#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 .articleSection .featured-mobile .item {
    width: 300px;
    height: auto;
    position: relative
}

#home-page .articleSection .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: 0
}

#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;
    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: 0 solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1)
}

#home-page .articleSection .featured-mobile .item .image-wrapper {
    height: 180px
}

#home-page .articleSection .featured-mobile .item p.title {
    position: relative;
    width: 100%;
    font-family: proximanova-semiBold;
    font-size: 16px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

#home-page .articleSection .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 .articleSection .featured-mobile .item .image-wrapper .dark-shade {
    width: 100%;
    border: 0 solid #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(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;
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    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: -.2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    text-transform: capitalize
}

#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: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.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: 280px;
        height: auto;
        display: inline-block;
        margin-right: 5px;
        vertical-align: top
    }

    #home-page #productRange .featured-mobile .item {
        width: 120px;
        height: 135px
    }

    #home-page .articleSection .featured-mobile .item {
        width: 280px;
        height: auto
    }

    #home-page .articleSection .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: 0;
        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: center;
        padding-top: 10px
    }

    #home-page .featured-mobile.professional .item .text-area h4 {
        text-align: center
    }

    #home-page .featured-mobile::-webkit-scrollbar {
        width: 0;
        background: 0 0
    }
}

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-box-hover {
    border: 0 !important;
    top: 0 !important;
    -webkit-transition: top .2s ease-in-out, transform .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out !important;
    -moz-transition: top .2s ease-in-out, transform .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out !important;
    -o-transition: top .2s ease-in-out, transform .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out !important;
    transition: top .2s ease-in-out, transform .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out !important
}

.animated-box-hover .cta-button {
    -webkit-transition: opacity .2s ease-in-out !important;
    -moz-transition: opacity .2s ease-in-out !important;
    -o-transition: opacity .2s ease-in-out !important;
    transition: opacity .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, .2), 0 0 8px 0 rgba(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 {}

.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: transparent
}

#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: .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 {
    min-height: 50px
}

.masonry-asr {
    transition: all .5s ease-in-out
}

.masonry-asr {
    column-count: 3
}

.masonry-asr .brick {
    margin-bottom: 30px;
    vertical-align: top;
    display: inline-block
}

.masonry-asr.bordered {}

.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: -.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: -.2px
}

.data-brick .cum-child a {
    font-size: 14px;
    letter-spacing: -.17px;
    color: #4a4a4a;
    line-height: 20px
}

@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: 0;
    left: 0
}

.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
}

.wide-campa-c {
    display: block
}

.normal-campa-c {
    display: none
}

.tablet-campa-c {
    display: none
}

.mobile-campa-c {
    display: none
}

.wrap-campaign {
    width: 1280px;
    margin: 0 auto
}

.wrap-campaign-c {
    width: 1280px;
    margin: 0 auto
}

.wrap-campaign-center {
    margin: 0 auto
}

.campaignC .max-width {
    width: 100%;
    border-radius: 3px
}

@media(max-width:1279px) {
    .wrap-campaign {
        width: 930px
    }

    .wrap-campaign-c {
        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
    }

    .wide-campa-c {
        display: none
    }

    .normal-campa-c {
        display: block
    }

    .tablet-campa-c {
        display: none
    }

    .mobile-campa-c {
        display: none
    }
}

@media(max-width:992px) {
    .wrap-campaign {
        width: calc(100% - 60px)
    }

    .wrap-campaign-c {
        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
    }

    .wide-campa-c {
        display: none
    }

    .normal-campa-c {
        display: none
    }

    .tablet-campa-c {
        display: block
    }

    .mobile-campa-c {
        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)
    }

    .wrap-campaign-c {
        width: calc(100% - 35px)
    }

    .wide-campa {
        display: none
    }

    .normal-campa {
        display: none
    }

    .tablet-campa {
        display: none
    }

    .mobile-campa {
        display: block
    }

    .wide-campa-c {
        display: none
    }

    .normal-campa-c {
        display: none
    }

    .tablet-campa-c {
        display: none
    }

    .mobile-campa-c {
        display: block
    }

    .box-campa .data-left {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px
    }

    .box-campa .data-right {
        width: 100%;
        height: auto;
        margin-left: 0
    }
}

@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: 0 !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 .articleSection .featured-mobile .item .image-wrapper {
        padding-bottom: 0
    }
}

@media(max-width:1200px) {
    h3.slidehom {
        font-size: 20px;
        letter-spacing: -.88px
    }

    #descriptionFeatured h1 {
        font-size: 28px;
        letter-spacing: -.62px
    }

    h2 {
        font-size: 22px;
        letter-spacing: -.7px
    }

    #home-page .featured-carousel .slick-slide .text-area h4 {
        font-size: 18px;
        letter-spacing: -.2px
    }

    .item-ads .ads-content1 .title1 {
        font-size: 40px;
        letter-spacing: -1.6px
    }

    .item-ads .ads-content1 .title2 {
        font-size: 22px;
        letter-spacing: -.8px
    }

    #home-page .articleSection .featured-carousel .slick-slide p.title {
        font-size: 18px
    }

    #home-page .articleSection .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: 0
    }

    #main-banner-ads .nextcustom3,
    #main-banner-ads .prevcustom3 {
        display: none !important
    }

    .title-area-link {
        text-align: left
    }
}

@media(max-width:768px) {
    .cum-child {
        margin-bottom: 10px
    }

    .banner-info-footer {
        display: none
    }

    .item-ads .ads-content1 {
        padding: 0 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: -.49px
    }

    h3.regular {
        font-size: 18px;
        letter-spacing: -.36px
    }

    h2 {
        font-size: 20px;
        letter-spacing: -.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: -.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: 0
    }

    #home-page .wrap-asson {
        padding-bottom: 0
    }

    .data-brick .cum-parent a {
        font-size: 12px
    }

    .data-brick .cum-child a {
        font-size: 12px;
        line-height: 18px;
        display: inline-block
    }

    .masonry-asr.bordered .brick {
        margin-bottom: 0
    }

    #masonry-css {
        padding-bottom: 0
    }

    #home-page .wrap-asson {
        padding-top: 30px
    }

    .title-area-link {
        margin-bottom: 30px
    }
}