/*
 * CWT-180
 * CSS Updates with new fonts and
 * HTML base font size 10px
 * Body Copy : Open Sans
 * Headings : Aeonik Regular
 * Use this CSS file to override theme CSS rules
*/

@font-face {
    font-family: 'Aeonik-Regular';
    src: url("../../fonts/Aeonik-Regular.woff") format("woff"), url("../../fonts/Aeonik-Regular.woff2") format("woff2");
}

@font-face {
    font-family: 'Aeonik-RegularItalic';
    src: url("../../fonts/Aeonik-RegularItalic.woff") format("woff"), url("../../fonts/Aeonik-RegularItalic.woff2") format("woff2");
}


/*Default classes*/

.clear-both {
    clear: both;
}

/* HTML and Body */

body.hff-43 {
    color: #1c1c1c;
}


/* Headings */

h1 {
    font-size: 3.5rem;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 2.25rem;
}

h4 {
    font-size: 1.75rem;
}

h5 {
    font-size: 1.35rem;
}

h6 {
    font-size: 1.2rem;
}


/* Anchor Links, Hover and Visited */

a p,
h3 a,
.views-field-title a,
.breadcrumb a,
.colored-region a {
    color: #1c1c1c;
    text-decoration: none;
    transition: linear 0.3s;
}

a:visited p,
h3 a:visited,
.views-field-title a:visited,
.breadcrumb a:visited,
.colored-region a:visited {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(157, 160, 161, .5);
    text-decoration: none;
}

a:hover p,
a:focus p,
h3 a:hover,
h3 a:focus,
.views-field-title a:hover,
.views-field-title a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus,
.colored-region a:hover,
.colored-region a:focus {
    color: #1c1c1c;

    text-decoration: none;
}

a p {
    padding: 0;
    display: inline;
}

.circle-background a.view-more-link {
    color: #aaaaaa;
}


/*Button*/

input.button,
.evidon-prefdiag-declinebtn,
.evidon-prefdiag-acceptbtn {
    background: white;
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
}

input.button:hover,
.evidon-prefdiag-declinebtn:hover,
.evidon-prefdiag-acceptbtn:hover {
    background: #1c1c1c;
    border: 1px solid #1c1c1c;
    color: white;
}

a.hero-link-btn,
.hero-section-btn a,
a.hero-section-btn,
.control-rebates-cta a,
a.contact-button,
a.contact-border-button,
body.hff-43 .w2b-block-content input.button,
.view-all-btn,
.download-btn {
    display: block;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 12px 15px;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    border: 1px solid #ffffff;
}

a.hero-link-btn:hover,
.control-rebates-cta a:hover {
    text-decoration: none;
    background: #aaaaaa;
}

a.download-btn {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    cursor: pointer;
}

a.download-btn:hover {
    background: #1c1c1c;
    color: #fff;
}

a.contact-button {
    background: #ffffff;
    color: #1c1c1c;
}

a.contact-button:hover {
    background: none;
    color: #ffffff;
}

a.contact-border-button:hover {
    background: #ffffff;
    color: #1c1c1c;
}

.hero-section-btn a,
a.hero-section-btn {
    background-color: #1C1C1C;
}

.hero-section-btn a:hover,
a.hero-section-btn:hover {
    text-decoration: none;
    background: none;
}

@media screen and (max-width:768px) {

    .hero-section-btn a:hover,
    a.hero-section-btn:hover {
        border: 1px solid #1c1c1c;
        color: #1c1c1c;
    }
}

nav.navbar-default {
    min-height: 30px;
}

.header-inside .col-xs-8.col-sm-4 {
    margin-top: 10px
}

a.homepage-value-prop-link-btn,
ul.links li a,
.view-all-btn {
    color: #1c1c1c;
    border: 1px solid #1c1c1c;
}

ul.links li a {
    background: none;
}

a.homepage-value-prop-link-btn:hover,
ul.links li a:hover,
.view-all-btn:hover {
    color: #ffffff;
    background: #1c1c1c;
}

.view-all-btn {
    cursor: pointer;
    margin: 0 auto;
}

.breadcrumb li:nth-child(1) a {
    border-bottom: none;
}


/*Site Branding*/

a.site-branding__logo,
a.site-branding__logo:visited,
a.site-branding__logo:hover {
    border-bottom: none;
}

.logo-and-site-name-wrapper div.logo {
    float: left;
    width: 60%;
    padding-left: 15px;
    margin-right: 0;
}

.logo-and-site-name-wrapper div.small-logo {
    float: left;
    width: 40%;
}

.logo-and-site-name-wrapper a.site-branding__small_logo {
    border: 0;
}

.logo-and-site-name-wrapper a.site-branding__small_logo img {
    margin-left: 25px;
    margin-top: 10px;
}


/*Header*/

.header-inside,
.header-inside-first {
    padding: 0;
}

.header-inside {
    padding-bottom: 10px;
}

.header-area .fa.fa-search.search-btn {
    visibility: hidden;
    display: none;
}

.onscroll .header {
    background-color: #1c1c1c;
}

.nav-tabs>li>a {
    display: inline-block;
}

.navbar-we-mega-menu .explore-link-row .span4,
.navbar-we-mega-menu .explore-link-row .span3 {
    padding-bottom: 50px;
}

.navbar-we-mega-menu .span12.explore-all-bottom {
    position: absolute !important;
    left: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 0;
    bottom: 0;
    background-color: #1c1c1c;
    text-align: right;
    padding: 10px 20px;
    margin-bottom: 0;
    max-width: 100%;
    border-top: 1px solid #fff;
}

.navbar-we-mega-menu .span12.explore-all-bottom:hover {
    background-color: black;
}

@media (max-width:1024px) {

    #header-inside div.col-sm-4,
    #header-inside div.col-sm-8 {
        width: 50%;
    }

    .logo-and-site-name-wrapper div.logo {
        padding-left: 0;
    }

    .logo-and-site-name-wrapper div.logo,
    .logo-and-site-name-wrapper div.small-logo {
        width: 50%;
    }

    .onscroll .header {
        border-bottom: 0 !important;
    }
}

@media(max-width:768px) {
    #header-inside div.col-sm-4 {
        width: 60%;
        padding: 0px 15px;
    }

    #header-inside div.col-sm-8 {
        width: 40%;
        margin-top: 10px;
    }

    .header-area .fa.fa-search.search-btn {
        margin-left: 80px !important;
    }
}

@media (max-width:576px) {
    .logo-and-site-name-wrapper a.site-branding__small_logo img {
        margin-left: -15px;
        margin-top: 0;
    }

    .header-area .fa.fa-search.search-btn {
        margin-left: -20px !important;
    }

    #header-inside div.col-sm-8 {
        margin-top: 0px
    }

    .logo-and-site-name-wrapper div.logo {
        padding-left: 15px;
    }

    #header-inside div.col-sm-4 {
        width: 75%;
    }

    #header-inside div.col-sm-8 {
        width: 25%;
    }
}

@media screen and (min-width: 991px) {

    .we-mega-menu-submenu li.we-mega-menu-li a.we-megamenu-nolink,
    .we-mega-menu-submenu li.we-megamenu-control-link:first-child>.we-mega-menu-li,
    .we-mega-menu-submenu li.sub-title-link>.we-mega-menu-li {
        color: #fff;
    }

    .we-mega-menu-submenu li.we-megamenu-control-link:first-child>.we-mega-menu-li:hover,
    .we-mega-menu-submenu li.sub-title-link>.we-mega-menu-li:hover {
        color: #1c1c1c;
    }

    .we-mega-menu-submenu li.mega-menu-arrow-link a.we-mega-menu-li:after,
    .we-mega-menu-submenu li.mega-menu-arrow-left-align a.we-mega-menu-li:after {
        color: #AAAAAA;
    }

    .explore-all-bottom li.mega-menu-arrow-link a.we-mega-menu-li {
        color: #1c1c1c;
    }

    .explore-all-bottom li.mega-menu-arrow-link a.we-mega-menu-li::after {
        color: #1c1c1c;
    }

    .we-mega-menu-submenu li.mega-menu-arrow-link a.we-mega-menu-li,
    .we-mega-menu-submenu li.mega-menu-arrow-left-align a.we-mega-menu-li {
        color: #AAAAAA !important;
        font-weight: bold;
    }

    .we-mega-menu-submenu li.mega-menu-arrow-link a:hover.we-mega-menu-li,
    .we-mega-menu-submenu li.mega-menu-arrow-left-align a:hover.we-mega-menu-li {
        font-weight: bold;
    }

    .explore-all-bottom li.mega-menu-arrow-link a.we-mega-menu-li {
        color: #fff !important;
        border-bottom: none;
        padding: 0;
    }

    .explore-all-bottom li.mega-menu-arrow-link a.we-mega-menu-li::after {
        color: #1c1c1c;
    }

    .explore-all-bottom:hover li.mega-menu-arrow-link a.we-mega-menu-li {
        color: #fff !important;
        border-bottom: none;
    }

    .explore-all-bottom:hover li.mega-menu-arrow-link a.we-mega-menu-li::after {
        color: #fff;
    }
}

@media (min-width: 1025px) {

    .we-mega-menu-submenu li.we-mega-menu-li a.we-megamenu-nolink,
    .we-mega-menu-submenu li.we-mega-menu-li a:hover.we-megamenu-nolink,
    .we-mega-menu-submenu li.we-mega-menu-li a:focus.we-megamenu-nolink {
        border-bottom: none;
    }

    .we-mega-menu-ul>.dropdown-menu:hover>a,
    .we-mega-menu-ul>.dropdown-menu:hover>span,
    .we-mega-menu-ul>.dropdown-menu:focus>a,
    .we-mega-menu-ul>.dropdown-menu:focus>span {
        color: #fff;
    }

    /*
    .we-mega-menu-submenu li.we-mega-menu-li:first-child>a,
    .we-mega-menu-submenu li.we-mega-menu-li:first-child>a:hover,
    .we-mega-menu-submenu li.we-mega-menu-li:first-child>a:focus,
    .we-mega-menu-submenu li.we-mega-menu-li:first-child>span {
        border-bottom: none;
    }*/
    .navbar-we-mega-menu .nav-tabs>li.active>a,
    .navbar-we-mega-menu .nav-tabs>li.active>a:focus,
    .navbar-we-mega-menu .nav-tabs>li.active>a:hover {
        color: #fff;
    }
}


/*Hero Banner*/

@media (max-width:767px) {
    .hero-banner-large .hero-section-content {
        margin: 30px 15px;
        height: auto;
        text-align: center;
    }
}

@media (min-width:768px) {
    .hero-banner-large .hero-section-content {
        background-color: rgba(13, 21, 25, .7);
        color: #ffffff;
        height: 500px;
        width: 50%;
        display: flex;
        align-items: center;
        padding: 0 30px;
    }

    .hero-banner-large .hero-section-text .hero-section-btn {
        float: left;
        margin-top: 25px;
    }

    .herobanner-large-mobile {
        display: none;
    }
}

.hero-banner-large .hero-section-text .hero-section-btn {
    display: flex;
    justify-content: center;
}

.hero-banner-large .hero-banner-container {
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*----------Application page -------------------*/

.appl-success-stories {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .node--type-application-detail-page .appl-success-stories {
        margin: 45px 0;
        width: 100%;
    }

    .node--type-application-detail-page .resource-area-text {
        margin: 45px 0;
    }
}

.node--type-application-detail-page .hero-section-text .field--name-field-long-description,
.node--type-control-detail-page .hero-section-text .field--name-field-long-description {
    font-size: 18px;
}

.global_detail_page .html-section-area {
    float: left;
    width: 100%;
    margin: 45px 0;
}

.page-node-type-generic-page .html-section-area .field--name-field-main-title>p {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
}

.global_detail_page .html-section-area .field--name-field-long-description {
    float: left;
    width: 100%;
    font-size: 1.6rem;
}

.page-node-type-generic-page .hero-section-title p {
    color: #ffffff;
    text-transform: none;
    font-size: 60px;
    line-height: 60px;
}

.page-node-type-generic-page .html-section-area .field--name-field-main-title>p {
    color: #3f3f3f;
}

.global_detail_page .field--name-field-html-sect,
.node--type-application-detail-page .paragraph--type--application-resource-area,
.node--type-application-detail-page .node--success-stories-section,
.node--type-application-detail-page .field--name-field-application-resource-sect {
    float: left;
    width: 100%;
}


/* .common-value-prop-col .img-height {
    display: block;
    width: 80px;
    margin: 0 auto;
}

.common-value-prop-col {
    padding: 15px;
} */

.global_detail_page .field--name-field-explore-auto-product-sect,
.global_detail_page .field--name-field-hero-sect .field--name-field-sections {
    margin: 45px 0 0;
    float: left;
    width: 100%;
}

.global_detail_page .field--name-field-explore-auto-product-sect .field--name-field-main-title {
    float: left;
    width: 100%;
    padding: 0 15px;
}

.control-detail-cta .control-detail-title p {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.related-products .success-brand-carousel .owl-dots {
    display: none;
}

.node--type-application-detail-page .app-res-img-container .paragraph--type--image-link .field--name-field-media-image {
    position: relative;
}

.node--type-application-detail-page .app-res-img-container .paragraph--type--image-link .field--name-field-link a {
    position: absolute;
    bottom: 30px;
    left: 20px;
    padding: 5px;
    background-color: #fff;
    font-weight: bold;
}

.success-long-img-container {
    position: relative;
}

.success-long-img-text {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: #ffffff;
    z-index: 999;
}

.success-link-text {
    color: #F16860;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    width: fit-content;
}

.node--type-application-detail-page .app-res-long-desc {
    font-size: 14px;
}

.title-line-height {
    line-height: 34px;
}

.success-transparent-back-text {
    padding: 10px;
    background-color: rgba(33, 35, 34, .75);
    width: 85%;
    line-height: 1.3;
}

.node--type-control-detail-page .success-article-container {
    border: 1px solid #e9e9e9;
    padding-left: 0;
}

.node--type-control-detail-page .success-article-img {
    height: 150px;
    background-color: gray;
}

.success-article-text {
    font-size: 1.4rem;
    color: #F16860;
    padding: 10px 0;
    line-height: 1.3;
}

.node--type-application-detail-page .node--success-stories-section .success-row .col-md-4 {
    padding-bottom: 15px;
}

.parallax-text-container {
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; */
    display: flex;
    align-self: center;
}

.disp-flex {
    display: flex;
}

@media (max-width: 767px) {
    .hello {
        left: 0%;
        transform: translate(0%, -50%);
    }
}

.text-right {
    text-align: right;
}

.parallax-section-area .parallax-blockquote {
    bottom: 0;
    text-transform: none;
    color: #ffffff;
    font-style: normal;
    content: "";
    background: url(../../images/quote-right.svg) 100% 95%;
    background: url(../../images/quote-left.svg) left top repeat, url(../../images/quote-right.svg) right bottom no-repeat;
    background-repeat: no-repeat;
    background-size: 60px, 30px;
    padding-right: 30px;
    padding-left: 85px;
    margin: 10px 0 !important;
}

.parallax-bottom-text {
    color: #fff;
    text-align: center;
}

.node--type-application-detail-page blockquote:after {
    content: "";
}

.page-node-type-application-detail-page #block-application-cta,
.page-node-type-brand-detail-page #block-brandcta,
.page-node-type-generic-page #block-brandcta {
    width: 100%;
    background: #1c1c1c;
    padding: 30px;
    float: left;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .app-header,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .brand-header,
.page-node-type-generic-page #block-brandcta .CTA-brand .brand-header {
    font-size: 30px;
    color: #ffffff;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .contact-button,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .contact-button,
.page-node-type-generic-page #block-brandcta .CTA-brand .contact-button {
    /* color: #fff;
    background-color: #3f3f3f;
    border: 2px solid #3f3f3f;
    padding: 13px 23px;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    font-size: 14px;
    text-transform: uppercase;
    display: block; */
    margin: 0 auto;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .contact-button:hover,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .contact-button:hover,
.page-node-type-generic-page #block-brandcta .CTA-brand .contact-button:hover {
    color: #3f3f3f;
    background-color: #fff;
    text-decoration: none;
}

.global_landing_page .block-system-main-block,
.global_detail_page .block-system-main-block {
    padding: 0;
}

.page-node-type-application-detail-page .field--name-field-long-description blockquote {
    color: #fff;
    font-style: normal;
}

.overlay-back-img {
    width: 100%;
    height: 500px;
    background-color: rgba(33, 35, 34, .75);
}

.parallax-section-area {
    min-height: 500px;
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    float: left;
}

@media (max-width:767px) {
    .common-value-prop-col {
        padding: 15px 0;
    }

    /* .hero-banner-large .hero-section-content {
        margin: 30px 15px;
        height: auto !important;
        text-align: center;
    } */
    /*new css for video section starts*/
    .hero-banner-large .video-section-content {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 300px;
        margin-left: -15px;
    }

    /*new css for video section ends*/
    .hero-banner-large .hero-section-content img {
        background-color: rgba(33, 35, 34, .75);
        padding: 15px;
        margin-bottom: 10px;
    }

    .herobanner-large-dsktp {
        display: none;
    }

    .global_detail_page .html-section-area {
        padding: 0px 0px 0 !important;
    }

    .node--type-application-detail-page .node--success-stories-section {
        padding: 0 0 30px;
    }

    .node--type-application-detail-page.node--success-stories-section.success-right-container,
    .node--type-control-detail-page.node--success-stories-section.success-right-container {
        padding: 0;
    }

    .success-long-img-container {
        margin-bottom: 15px;
    }

    .node--type-application-detail-page .field--name-field-main-title,
    .node--type-brand-detail-page .field--name-field-main-title {
        text-align: center;
        font-size: 26px !important;
        padding: 0 15px;
    }

    .explore-title-text,
    .success-title-text {
        text-align: center;
        font-size: 26px !important;
    }

    .node--type-application-detail-page .paragraph--type--application-resource-area .field--name-field-long-description {
        padding: 0 15px;
    }

    .node--type-application-detail-page .field--name-field-application-resource-sect {
        padding: 0 0 30px;
    }

    .page-node-type-application-detail-page .resource-area-text .col-md-4 {
        padding: 0;
    }

    .parallax-section-area .parallax-blockquote {
        font-size: 14px;
        background-size: 28px, 20px;
        padding-right: 20px;
        padding-left: 40px;
    }

    .parallax-section-area .parallax-blockquote p {
        font-size: 14px !important;
    }

    .parallax-bottom-text {
        font-size: 14px;
    }

    .page-node-type-application-detail-page #block-application-cta,
    .page-node-type-brand-detail-page #block-brandcta {
        padding: 20px;
    }

    .page-node-type-application-detail-page #block-application-cta .CTA-app .app-header,
    .page-node-type-brand-detail-page #block-brandcta .CTA-brand .brand-header {
        font-size: 24px;
    }

    .overlay-back-img {
        width: 100%;
        background-color: rgba(33, 35, 34, .75);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .parallax-section-area {
        position: relative;
    }
}

.parallax-section-area .parallax-blockquote p {
    text-transform: none;
    font-size: 26px;
}

@media (min-width:768px) {

    /* .hero-banner-large .hero-section-content {
        background-color: rgba(33, 35, 34, .75);
        color: #ffffff;
        height: 500px;
        width: 50%;
        display: flex;
        align-items: center;
        padding: 0 30px;
        float: left;
    } */
    /*new css video section css starts */
    .hero-banner-large .video-section-content {
        float: left;
        width: 45%;
        margin-left: 5%;
        margin-top: 60px;
    }

    /*new css video section css ends */
    /* .herobanner-large-mobile {
        display: none;
    } */
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .hero-banner-large .hero-section-content {
        width: 100%;
    }

    /*new css video section starts */
    .hero-banner-large .video-section-content {
        width: 100%;
        margin-left: 0;
    }

    /*new css video section  ends */
    .hero-banner-large .hero-section-text .hero-section-btn {
        margin-top: 0 !important;
    }
}

@media (width: 768px) {

    .node--type-application-detail-page .app-resource-right-up-container,
    .node--type-application-detail-page .app-resource-right-down-container {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .node--type-application-detail-page .node--success-stories-section .success-row .col-md-4 {
        padding-left: 15px;
    }

    .success-long-img-container {
        margin-bottom: 15px;
    }

    .small-pad-bottom-15 {
        padding-bottom: 15px;
    }
}


/* .global_detail_page .main-area,
.global_detail_page .page,
.global_detail_page .main-content, */

.global_landing_page .main-area,
.global_landing_page .page,
.global_landing_page .main-content,
.page-node-type-ideas-story .main-area,
.page-node-type-ideas-story .page,
.page-node-type-ideas-story .main-content {
    padding: 0 !important;
}

.page-node-type-application-detail-page .fix-sidebar-first,
.page-node-type-brand-detail-page .fix-sidebar-first {
    display: none;
}

.node--type-application-detail-page {
    background-color: #fff;
}


/*----------Application page -------------------*/

.appl-success-stories {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .node--type-application-detail-page .appl-success-stories {
        margin: 45px 0;
        width: 100%;
    }

    .node--type-application-detail-page .resource-area-text {
        margin: 45px 0;
    }
}

.node--type-application-detail-page .hero-section-text .field--name-field-long-description,
.node--type-control-detail-page .hero-section-text .field--name-field-long-description {
    font-size: 18px;
}


/* .global_detail_page .hero-section-text .field--name-field-link {
    margin: 10px auto;
} */

.global_detail_page .html-section-area {
    float: left;
    width: 100%;
    margin: 45px 0;
}


/* .global_detail_page .html-section-area .field--name-field-main-title, */

.page-node-type-generic-page .html-section-area .field--name-field-main-title>p {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
}


/* .global_detail_page .html-section-area .field--name-field-main-title>p {
    text-transform: uppercase;
} */

.global_detail_page .html-section-area .field--name-field-long-description {
    float: left;
    width: 100%;
    font-size: 1.6rem;
}


/* .page-node-type-generic-page .hero-section-title p {
    color: #ffffff;
    text-transform: none;
    font-size: 60px;
    line-height: 60px;
} */

.page-node-type-generic-page .html-section-area .field--name-field-main-title>p {
    color: #3f3f3f;
}

.global_detail_page .field--name-field-html-sect,
.node--type-application-detail-page .paragraph--type--application-resource-area,
.node--type-application-detail-page .node--success-stories-section,
.node--type-application-detail-page .field--name-field-application-resource-sect {
    float: left;
    width: 100%;
}


/* .common-value-prop-col .img-height {
    display: block;
    width: 80px;
    margin: 0 auto;
}

.common-value-prop-col {
    padding: 15px;
} */

.global_detail_page .field--name-field-explore-auto-product-sect,
.global_detail_page .field--name-field-hero-sect .field--name-field-sections {
    margin: 45px 0 0;
    float: left;
    width: 100%;
}

.global_detail_page .field--name-field-explore-auto-product-sect .field--name-field-main-title {
    float: left;
    width: 100%;
    padding: 0 15px;
}

.control-detail-cta .control-detail-title p {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.related-products .success-brand-carousel .owl-dots {
    display: none;
}

.node--type-application-detail-page .app-res-img-container .paragraph--type--image-link .field--name-field-media-image {
    position: relative;
}

.node--type-application-detail-page .app-res-img-container .paragraph--type--image-link .field--name-field-link a {
    position: absolute;
    bottom: 30px;
    left: 20px;
    padding: 5px;
    background-color: #fff;
    font-weight: bold;
}

.success-long-img-container {
    position: relative;
}

.success-long-img-text {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: #ffffff;
    z-index: 999;
}

.success-link-text {
    color: #F16860;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    width: fit-content;
}

.node--type-application-detail-page .app-res-long-desc {
    font-size: 14px;
}

.title-line-height {
    line-height: 34px;
}

.success-transparent-back-text {
    padding: 10px;
    background-color: rgba(33, 35, 34, .75);
    width: 85%;
    line-height: 1.3;
}

.node--type-control-detail-page .success-article-container {
    border: 1px solid #e9e9e9;
    padding-left: 0;
}

.node--type-control-detail-page .success-article-img {
    height: 150px;
    background-color: gray;
}

.success-article-text {
    font-size: 1.4rem;
    color: #F16860;
    padding: 10px 0;
    line-height: 1.3;
}

.node--type-application-detail-page .node--success-stories-section .success-row .col-md-4 {
    padding-bottom: 15px;
}

.parallax-text-container {
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; */
    display: flex;
    align-self: center;
}

.disp-flex {
    display: flex;
}

@media (max-width: 767px) {
    .hello {
        left: 0%;
        transform: translate(0%, -50%);
    }
}

.text-right {
    text-align: right;
}

.parallax-section-area .parallax-blockquote {
    bottom: 0;
    text-transform: none;
    color: #ffffff;
    font-style: normal;
    content: "";
    background: url(../../images/quote-right.svg) 100% 95%;
    background: url(../../images/quote-left.svg) left top repeat, url(../../images/quote-right.svg) right bottom no-repeat;
    background-repeat: no-repeat;
    background-size: 60px, 30px;
    padding-right: 30px;
    padding-left: 85px;
    margin: 10px 0 !important;
}

.parallax-bottom-text {
    color: #fff;
    text-align: center;
}

.node--type-application-detail-page blockquote:after {
    content: "";
}

.page-node-type-application-detail-page #block-application-cta,
.page-node-type-brand-detail-page #block-brandcta,
.page-node-type-generic-page #block-brandcta {
    width: 100%;
    background: #1c1c1c;
    padding: 30px;
    float: left;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .app-header,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .brand-header,
.page-node-type-generic-page #block-brandcta .CTA-brand .brand-header {
    font-size: 30px;
    color: #ffffff;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .contact-button,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .contact-button,
.page-node-type-generic-page #block-brandcta .CTA-brand .contact-button {
    /* color: #fff;
    background-color: #3f3f3f;
    border: 2px solid #3f3f3f;
    padding: 13px 23px;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    font-size: 14px;
    text-transform: uppercase;
    display: block; */
    margin: 0 auto;
}

.page-node-type-application-detail-page #block-application-cta .CTA-app .contact-button:hover,
.page-node-type-brand-detail-page #block-brandcta .CTA-brand .contact-button:hover,
.page-node-type-generic-page #block-brandcta .CTA-brand .contact-button:hover {
    color: #3f3f3f;
    background-color: #fff;
    text-decoration: none;
}

.global_landing_page .block-system-main-block,
.global_detail_page .block-system-main-block {
    padding: 0;
}

.page-node-type-application-detail-page .field--name-field-long-description blockquote {
    color: #fff;
    font-style: normal;
}

.overlay-back-img {
    width: 100%;
    height: 500px;
    background-color: rgba(33, 35, 34, .75);
}

.parallax-section-area {
    min-height: 500px;
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    float: left;
}

@media (max-width:767px) {
    .common-value-prop-col {
        padding: 15px 0;
    }

    /* .hero-banner-large .hero-section-content {
        margin: 30px 15px;
        height: auto !important;
        text-align: center;
    } */
    /*new css for video section starts*/
    .hero-banner-large .video-section-content {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 300px;
        margin-left: -15px;
    }

    /*new css for video section ends*/
    .hero-banner-large .hero-section-content img {
        background-color: rgba(33, 35, 34, .75);
        padding: 15px;
        margin-bottom: 10px;
    }

    .herobanner-large-dsktp {
        display: none;
    }

    .global_detail_page .html-section-area {
        padding: 0px 0px 0 !important;
    }

    .node--type-application-detail-page .node--success-stories-section {
        padding: 0 0 30px;
    }

    .node--type-application-detail-page.node--success-stories-section.success-right-container,
    .node--type-control-detail-page.node--success-stories-section.success-right-container {
        padding: 0;
    }

    .success-long-img-container {
        margin-bottom: 15px;
    }

    .node--type-application-detail-page .field--name-field-main-title,
    .node--type-brand-detail-page .field--name-field-main-title {
        text-align: center;
        font-size: 26px !important;
        padding: 0 15px;
    }

    .explore-title-text,
    .success-title-text {
        text-align: center;
        font-size: 26px !important;
    }

    .node--type-application-detail-page .paragraph--type--application-resource-area .field--name-field-long-description {
        padding: 0 15px;
    }

    .node--type-application-detail-page .field--name-field-application-resource-sect {
        padding: 0 0 30px;
    }

    .page-node-type-application-detail-page .resource-area-text .col-md-4 {
        padding: 0;
    }

    .parallax-section-area .parallax-blockquote {
        font-size: 14px;
        background-size: 28px, 20px;
        padding-right: 20px;
        padding-left: 40px;
    }

    .parallax-section-area .parallax-blockquote p {
        font-size: 14px !important;
    }

    .parallax-bottom-text {
        font-size: 14px;
    }

    .page-node-type-application-detail-page #block-application-cta,
    .page-node-type-brand-detail-page #block-brandcta {
        padding: 20px;
    }

    .page-node-type-application-detail-page #block-application-cta .CTA-app .app-header,
    .page-node-type-brand-detail-page #block-brandcta .CTA-brand .brand-header {
        font-size: 24px;
    }

    .overlay-back-img {
        width: 100%;
        background-color: rgba(33, 35, 34, .75);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .parallax-section-area {
        position: relative;
    }
}

.parallax-section-area .parallax-blockquote p {
    text-transform: none;
    font-size: 26px;
}

@media (min-width:768px) {

    /* .hero-banner-large .hero-section-content {
        background-color: rgba(33, 35, 34, .75);
        color: #ffffff;
        height: 500px;
        width: 50%;
        display: flex;
        align-items: center;
        padding: 0 30px;
        float: left;
    } */
    /*new css video section css starts */
    .hero-banner-large .video-section-content {
        float: left;
        width: 45%;
        margin-left: 5%;
        margin-top: 60px;
    }

    /*new css video section css ends */
    /* .herobanner-large-mobile {
        display: none;
    } */
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .hero-banner-large .hero-section-content {
        width: 100%;
    }

    /*new css video section starts */
    .hero-banner-large .video-section-content {
        width: 100%;
        margin-left: 0;
    }

    /*new css video section  ends */
    .hero-banner-large .hero-section-text .hero-section-btn {
        margin-top: 0 !important;
    }
}

@media (width: 768px) {

    .node--type-application-detail-page .app-resource-right-up-container,
    .node--type-application-detail-page .app-resource-right-down-container {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .node--type-application-detail-page .node--success-stories-section .success-row .col-md-4 {
        padding-left: 15px;
    }

    .success-long-img-container {
        margin-bottom: 15px;
    }

    .small-pad-bottom-15 {
        padding-bottom: 15px;
    }
}


/* .global_detail_page .main-area,
.global_detail_page .page,
.global_detail_page .main-content, */

.global_landing_page .main-area,
.global_landing_page .page,
.global_landing_page .main-content,
.page-node-type-ideas-story .main-area,
.page-node-type-ideas-story .page,
.page-node-type-ideas-story .main-content {
    padding: 0 !important;
}

.page-node-type-application-detail-page .fix-sidebar-first,
.page-node-type-brand-detail-page .fix-sidebar-first {
    display: none;
}

.node--type-application-detail-page {
    background-color: #fff;
}


/*  Owl Carousel */

.owl-carousel {
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
}

.page-node-type-product-family .owl-carousel {
    padding: 0
}

.owl-carousel .explore-right-icon {
    display: inline-block !important;
    width: 12px !important;
    margin-left: 5px;
}

.carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-carousel .owl-nav.disabled {
    /* showing left-right nav arrow icons in ipad view */
    display: block;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fba828;
}

.owl-theme .owl-dots {
    display: none;
}

.product-videos-data .owl-theme .owl-dots {
    display: inherit;
}

.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url(../../images/double-arrow-left.svg) no-repeat scroll 0 0;
    left: -33px;
    filter: grayscale(1);
}

.owl-carousel .next-slide {
    background: url(../../images/double-arrow-right.svg) no-repeat scroll 0px 0px;
    right: -33px;
    filter: grayscale(1);
}

span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
}

span.img-text:hover {
    color: #2caae1;
}

.owl-carousel.owl-drag .owl-item {
    border: 1px solid #e9e9e9;
}

.owl-carousel-text-container {
    padding: 15px;
}

@media (max-width:767px) {
    .owl-carousel.owl-drag .owl-item {
        border-right: 2px solid #e9e9e9 !important;
    }

    .owl-carousel .next-slide {
        background: url(../../images/double-arrow-right.svg) no-repeat scroll 0px 0px;
    }
}

@media (max-width:768px) {
    .owl-carousel {
        padding: 0;
        width: 71%;
    }

    .page-node-type-product-family .owl-carousel {
        width: 100%;
    }

    .owl-carousel .owl-stage-outer {
        width: 100%;
        margin: 0 auto;
    }
}

.owl-carousel .nav-btn:hover {
    opacity: 0.6 !important;
}

.page-node-type-product-family .owl-carousel .item-video {
    height: 300px;
}

.flex-next,
.flex-prev {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* END Owl Carousel */


/* Keerthivasan- START MARKETO CONTACT FORM */

.page-node-type-marketo-form-page section.marketoForm .mktoForm .mktoFieldWrap {
    background-color: #f3f3f3;
}

.page-node-type-marketo-form-page section.marketoForm .mktoForm label.mktoLabel {
    left: 0;
    width: 100% !important;
}

.page-node-type-marketo-form-page section.marketoForm .mktoForm .mktoError {
    margin-left: 0.5px;
}

.page-node-type-marketo-form-page section.marketoForm .mktoForm input[type=text] {
    color: #3f3f3f;
}

.page-node-type-marketo-form-page .mktoForm .mktoRadioList>label,
.page-node-type-marketo-form-page .mktoForm .mktoCheckboxList>label {
    color: #3f3f3f;
}

.page-node-type-marketo-form-page section.marketoForm {
    background: none;
    padding-top: 0;
    clear: both;
}

.node--type-marketo-form-page .html-section-area {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.float-container {
    float: left;
    width: 100%;
}

.node--type-marketo-form-page .field--name-field-html-sect {
    float: left;
    width: 100%;
}

.page-node-type-ideas-story .container,
.page-node-type-marketo-form-page .container {
    margin-left: auto;
    margin-right: auto;
}

.page-node-type-marketo-form-page .paragraph--type--hero-section {
    float: left;
    width: 100%;
}

.page-node-type-marketo-form-page .paragraph--type--hero-section>#banner {
    float: left;
    width: 100%;
}

.marketing-cloud .contact-form-submit input[type=submit] {
    border-radius: 35px;
    padding: 12px 60px;
    min-width: 200px;
    font-size: 14px;
    transition: linear 0.3s;
}

.marketing-cloud .col-90 label {
    text-align: left;
    font-weight: normal;
}

section.marketoForm .hub-form-container .marketoForm-content .marketoForm-popup-title {
    line-height: 1.2;
    margin: 20px 15px;
}

section.marketoForm .marketoForm-success-title {
    line-height: 1.2 !important;
}

@media(min-width:768px) {
    section.marketoForm .marketoForm-success-title::before {
        top: 20% !important;
    }
}

@media(min-width:1366px) {
    section.marketoForm .marketoForm-success-title {
        padding-top: 7%;
    }
}

@media(min-width:768px) and (max-width: 1366px) {
    section.marketoForm .marketoForm-success-title {
        padding-top: 10%;
    }
}

@media (max-width: 767px) {
    .marketing-cloud .spacer {
        height: 0;
    }

    section.marketoForm .hub-form-container .marketoForm-content .marketoForm-popup-title {
        font-size: 18px;
    }

    .marketing-cloud .contact-form-submit input[type=submit] {
        padding: 10px 60px;
    }

    section.marketoForm .marketoForm-success-title {
        font-size: 3rem !important;
        padding-top: 10%;
    }
}


/* END: MARKETO CONTACT FORM _ EN VERSION */


/*----------Brand page -------------------*/

.global_detail_page .hero-section-title p {
    text-transform: none;
    font-size: 60px;
    line-height: 60px;
}

#block-brandlogosection {
    float: left;
    width: 100%;
    padding: 45px 0;
    background: #efefef;
}

.success-img {
    height: 100%;
    width: 100%;
}

.node--type-brand-detail-page blockquote:after,
.global_detail_page blockquote:after {
    content: "";
}

.page-node-type-brand-detail-page .field--name-field-long-description blockquote {
    color: #fff;
    font-style: normal;
}

.node--type-brand-detail-page .field--name-field-main-title {
    text-align: center;
}

@media (max-width:767px) {
    .global_detail_page .html-section-area .field--name-field-long-description {
        padding: 0 15px;
    }

    .page-node-type-generic-page .html-section-area .field--name-field-long-description {
        padding: 0px;
    }

    .page-node-type-generic-page .html-section-area {
        margin-bottom: 0 !important;
    }

    .page-node-type-brand-detail-page .html-section-area .field--name-field-long-description {
        margin-bottom: 0;
    }

    .node--type-brand-detail-page .html-section-area {
        margin-bottom: 0;
    }

    .node--type-brand-detail-page .html-section-area,
    .node--type-control-detail-page .html-section-area,
    .node--type-brand-detail-page .node--success-stories-section {
        padding: 0px;
    }

    .parallax-bottom-text {
        font-size: 14px;
    }
}

@media (min-width:768px) {

    .field--name-field-mt-prg-highlight>.field__item,
    .field--name-field-mt-prg-highlight>.field__items>.field__item {
        margin-bottom: 100px !important;
    }

    .node--type-brand-detail-page .hero-section-title .field--name-field-main-title {
        text-align: left;
    }

    .node--type-brand-detail-page .parallax-section-area,
    .node--type-generic-page .parallax-section-area {
        margin: 45px 0;
    }

    /* .hero-banner-large .hero-section-text .hero-section-btn {
        margin-top: 25px;
        float: left;
    } */
}

@media (width: 768px) {

    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin: 0 !important;
    }
}

.explore-container {
    position: absolute;
    bottom: 10px;
}

.circular-parent-container .explore-container {
    position: unset;
}


/* FEATURED PRODUCTS */


/*Feature product*/

.brand-feature-product {
    float: left;
    width: 100%;
}

.field--name-field-mt-prg-highlight>.field__item,
.field--name-field-mt-prg-highlight>.field__items>.field__item {
    margin-bottom: 45px;
}

.field--name-field-mt-prg-highlight .field__label {
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.field--name-field-mt-subheader-body+.field--name-field-mt-prg-highlight {
    margin-top: 50px;
}


/* .field--name-field-mt-highlight-title {
    font-size: 2em;
    margin: 20px 0 10px;
} */


/* .layout-one-sidebar .field--name-field-mt-highlight-title {
    font-size: 1.6em;
} */

.field--name-field-mt-highlight-link a {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(91, 137, 180, .5);
    text-decoration: none;
    transition: linear 0.3s;
    padding: 13px 23px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    min-width: 200px;
    border-radius: 40px;
    text-align: center;
    position: relative;
}

.field--name-field-mt-highlight-link a:visited {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(157, 160, 161, .5);
    text-decoration: none;
}

.field--name-field-mt-highlight-link a:hover {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(91, 137, 180, 1);
    text-decoration: none;
}

.field--name-field-mt-highlight-body:after {
    clear: none;
}

.field--name-field-mt-prg-highlight .paragraph--type--mt-highlight:before,
.field--name-field-mt-prg-highlight .paragraph--type--mt-highlight:after {
    display: table;
    content: "";
}

.field--name-field-mt-prg-highlight .paragraph--type--mt-highlight:after {
    clear: both;
}

.feature-prod-small-img .image-style-large {
    height: 200px;
}

.feature-prod-small-img-desc>p {
    text-align: left;
    margin-bottom: 0;
    font-size: 16px;
}

.feature-prod-small-img-title {
    font-size: 24px !important;
    text-transform: uppercase;
    line-height: 1.3;
}

@media (min-width:768px) {
    .field--name-field-mt-prg-highlight .field--type-image {
        width: 65%;
    }

    .field--name-field-mt-prg-highlight .field--type-image .image-style-large {
        width: 100%;
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--type-image,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--type-image {
        float: left;
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--type-image,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--type-image {
        float: right;
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin: 0 0 0 69%;
        /* padding-top: 20px; */
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin: 0 69% 0 0;
        /* padding-top: 20px; */
    }

    /* .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-title+.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-title+.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-body+.field--name-field-mt-highlight-link {
        /* padding-top: 10px;
    } */
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .feature-prod-small-img {
        margin-left: 69%;
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .feature-prod-small-img {
        margin-right: 69%;
    }
}

@media (max-width:768px) {

    .feature-prod-small-img,
    .field--name-field-mt-prg-highlight>.field__item .field--type-image,
    .feature-prod-small-img-title,
    .feature-prod-small-img-desc,
    .feature-prod-small-img-btn {
        width: 100%;
        margin-left: 0 !important;
    }

    .feature-prod-small-img .image-style-large {
        height: auto !important;
        margin-top: 15px;
    }
}

@media (max-width:1024px) {
    .feature-prod-small-img .image-style-large {
        height: 120px;
    }

    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title {
        font-size: 20px;
    }

    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body {
        font-size: 14px;
    }

    .btn-close {
        background: #1c1c1c !important;
        opacity: 1;
        display: block;
        visibility: visible;
    }
}

@media (min-width:992px) {

    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin-left: 69%;
        /* padding-top: 5px; */
    }

    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-one-sidebar .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .layout-two-sidebars .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin-right: 69%;
        /* padding-top: 5px; */
    }
}

@media (min-width:1200px) {

    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(odd) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin-left: 59%;
        /* padding-top: 40px; */
    }

    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-title,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight>.field__items>.field__item:nth-child(even) .field--name-field-mt-highlight-image~.field--name-field-mt-highlight-link {
        margin-right: 59%;
        /* padding-top: 40px; */
    }

    /* .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-title+.field--name-field-mt-highlight-body,
    .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-title+.field--name-field-mt-highlight-link,
    .field--name-field-mt-prg-highlight .field--name-field-mt-highlight-body+.field--name-field-mt-highlight-link {
        /* padding-top: 10px;
    } */
}

@media (min-width:768px) and (max-width:1199px) {
    .layout-one-sidebar .field--name-field-mt-highlight-title {
        margin: 0px 0 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .field--name-field-mt-highlight-title {
        font-size: 1.6em;
        margin-top: 0px;
    }
}


/*END Feature product*/

@media (min-width:768px) {
    .node--type-marketo-form-page .node--content-container {
        margin: 0 auto;
    }
}


/*Owl Video Gallery*/

.owl-carousel .owl-video-tn {
    background-size: cover;
}

.owl-carousel .owl-video-wrapper {
    background: transparent;
}


/*Vimeo Player*/

.product-videos-data .owl-carousel .item-video {
    width: 100%;
    height: 100%;
}

.product-videos-data .owl-carousel .owl-dot button {
    background-color: transparent;
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    border-radius: 6px;
    padding: 2px 10px;
    margin: 0 5px;
}

.product-videos-data .owl-carousel .owl-dot.active button,
.product-videos-data .owl-carousel .owl-dot:hover button {
    background-color: #1c1c1c;
    border: 1px solid #1c1c1c;
    color: #fff;
}

.product-videos-data .owl-carousel .owl-dot button:focus {
    outline: none;
}


/*Lightbox Popup*/

.lightbox .lb-closeContainer {
    position: relative;
}

.lightbox .lb-data .lb-close {
    opacity: 1;
    z-index: 99;
    position: absolute;
    top: 20px;
    right: -10px;
    background-color: #fff;
    background-size: 45%;
    border-radius: 50%;
    background-position: center center;
    transition: inherit;
}


/*What's New*/

a.hero-sect-main-title,
a.hero-sect-main-title p {
    color: #ffffff;
    border-bottom: none;
    text-decoration: none;
}

.hero-sect-main-title h3 {
    font-size: 3.6rem;
    color: #ffffff;
    line-height: 1.15em;
}

.hero-sect-long-desc {
    font-size: 2.25rem;
}

.node--type-whats-new-page .field--name-field-main-title>p:first-child {
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
}

.node--type-whats-new-page ul.links {
    padding: 0 !important;
}

.node--type-whats-new-page .isotope-container .isotope-item .views-field-field-ideas-description {
    margin-bottom: 15px;
}

.node--type-whats-new-page .isotope-tile-main-title {
    color: #1c1c1c;
    text-transform: uppercase;
}

.padding-15 {
    padding: 15px;
}

.global_detail_page .brand-items-category-name {
    padding: 0 15px 30px 15px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
}

.global_landing_page .brand-items-category-name,
.page-node-type-generic-page .html-section-area div.content_main_title {
    padding: 30px 15px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
}

.page-node-type-generic-page .html-section-area div.content_main_title {
    padding: 0;
}

.app-success-stories {
    text-transform: uppercase;
}

.node--type-whats-new-page .node--success-stories-section {
    float: left;
    width: 100%;
}

.upcoming-training-img-container {
    float: left;
    width: 40%;
}

.font-30 {
    font-size: 30px;
}

.font-14 {
    font-size: 14px;
}

.font-white {
    color: #fff;
}

.font-bold {
    font-weight: bold !important;
}

.font-normal {
    font-weight: normal !important;
}

.pad-bottom-15 {
    padding-bottom: 15px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.upcoming-training-text-container {
    margin-left: 30px;
    padding: 20px;
    float: left;
    width: 45%;
}

.upcoming-training-section {
    background-color: #1C1C1C;
}

.training-callout-margin {
    margin: 5px 0 45px;
}

.back-white {
    background-color: #fff;
}

.whats-new-main-title {
    font-size: 14px;
    color: #1c1c1c;
    font-weight: bold;
}

.section-margin {
    margin: 45px 0;
}

.section-bottom-margin {
    margin-bottom: 45px !important;
}

.section-top-margin,
.page-node-type-generic-page .success-title-text {
    margin-top: 45px !important;
}

.section-two-program .hero-sect-main-title {
    text-transform: uppercase;
}

.page-node-type-generic-page .section-two-program,
.page-node-type-product-family .section-two-program {
    float: left;
    margin: 45px 0;
}

.page-node-type-whats-new-page .content-main-title {
    padding: 0 0 15px 0;
}

@media (max-width:768px) {
    .mobile-col-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile-col-pad-top {
        padding-top: 15px;
    }

    .page-node-type-whats-new-page .content-main-title {
        padding: 15px 0;
    }
}

@media (max-width:767px) {
    .node--type-whats-new-page .brand-landing-isotope-item {
        margin-bottom: 15px;
    }

    .section-margin {
        margin: 15px 0;
    }

    .section-bottom-margin {
        margin-bottom: 15px !important;
    }

    .section-top-margin,
    .page-node-type-generic-page .success-title-text {
        margin-top: 15px !important;
    }

    .node--type-whats-new-page .isotope-container {
        padding: 0 !important;
    }

    .section-one-program,
    .section-two-program {
        padding-top: 15px;
    }

    .section-one-program .hero-link-btn,
    .section-two-program .hero-link-btn {
        margin: 0 auto 15px;
    }

    .node--type-whats-new-page .isotope-container ul {
        margin: 0;
    }

    .brand-items-category-name {
        font-size: 26px !important;
    }
}

@media (max-width:768px) {
    .upcoming-training-img-container {
        width: 100%;
    }

    .upcoming-training-text-container {
        width: 100%;
        margin-left: 0;
        padding: 20px 15px;
        text-align: center;
    }

    .upcoming-training-section .hero-link-btn {
        margin: 0 auto !important;
    }

    .training-callout-margin {
        margin: 15px 0;
    }

    .page-node-type-product-family .section-two-program {
        padding: 0;
    }

    .page-node-type-generic-page .section-two-program,
    .page-node-type-product-family .section-two-program {
        margin: 3rem 0 0;
    }

    .page-node-type-generic-page .section-two-program:nth-child(even)>.row,
    .page-node-type-product-family .section-two-program:nth-child(even)>.row {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-node-type-generic-page .section-two-program .hero-sect-main-title,
    .page-node-type-product-family .section-two-program .hero-sect-main-title {
        padding-top: 15px;
    }

    .upcoming-training-img {
        width: 100%;
    }
}

@media (min-width:768px) {
    .upcoming-training-img {
        min-height: 350px;
        width: 100%;
    }
}

.hero-banner-small .hero-banner-container {
    height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
}

@media (max-width:767px) {
    .hero-banner-large .hero-banner-container {
        height: 300px;
        position: relative;
    }
}


/*product Arrow Icons*/

.explore-right-icon {
    color: #aaaaaa;
    margin-left: 5px;
}


/*Generic Styles*/

.video-play a img {
    filter: grayscale(1);
    background-color: #ffffff;
}

.video-play img.align-left,
.generic-cta img.img-height {
    filter: grayscale(1);
}

.control-detail-cta img {
    filter: contrast(.5);
}

.common-value-prop-col .img-height {
    display: block;
    width: 80px;
    margin: 0 auto;
    filter: grayscale(1) !important;
}

.common-value-prop-col {
    padding: 15px;
}

.common-value-prop-title p {
    font-size: 2.25rem;
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    text-transform: capitalize;
    color: #ffffff;
    text-align: center;
    line-height: normal;
}

.common-value-prop-desc p {
    font-size: 16px;
    text-align: center;
    color: #fff;
}


/*Product Blocks*/

@media only screen and (min-width: 769px) {
    .prod-arch-is-flex {
        display: flex;
        flex-wrap: wrap;
    }

    .prod-arch-is-flex .flex-col-container {
        flex-direction: column;
        display: flex;
    }
}

.explore-title-text h2,
.success-title-text {
    float: left;
    width: 100%;
}

.node--success-stories-section>ul>li>a,
ul>li.isotope-item>a,
.brand-landing-isotope-item>a,
.daintree-isotope-items>a,
a.overlayed.image-popup {
    border-bottom: none;
}


/* Image Overlay*/


/* a.overlayed .overlay {
    background: rgba(13, 21, 25, .75);
} */


/* Laszlo START - adjusting commerce elements/blocks in header */

.block-commerce-cart {
    float: right;
    padding-bottom: 0px;
    overflow-y: hidden;
    /* Hide vertical scrollbar */
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
}

.cart-block--contents__expanded {
    opacity: 1;
    z-index: 99999;
}

@media (max-width:767px) {
    .block-commerce-cart {
        float: left;
    }

    .cart-block--contents__expanded {
        width: 100% !important;
    }
}

.menu--account {
    padding-bottom: 0px;
    float: right;
}

.block-superfishaccount ul {
    padding-top: 5px !important;
}

.menu--account ul {
    padding-top: 5px !important;
}

.menu--register {
    padding-bottom: 0px;
    float: right;
}

.menu--register ul {
    padding-top: 5px !important;
}

.onscroll .header-inside-first {
    padding-top: 0px;
}

.subfooter.colored-region {
    display: none;
}

.cart--cart-block {
    padding-top: 4px;
}

.cart-block--contents {
    width: 400px;
    border: thin solid #1c1c1c;
}

.form-item-quantity-0-value {
    margin-top: 0px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

#edit-quantity-0-value::-webkit-inner-spin-button,
#edit-quantity-0-value::-webkit-outer-spin-button {
    opacity: 1;
}

#edit-quantity-0-value {
    text-align: center;
    font-size: 24px;
    padding: 0px;
    background-color: white;
    border: 1px solid #eeeeee;
}

.commerce-order-item-add-to-cart-form #edit-actions {
    margin-bottom: 0px;
    margin-top: 0px;
}

.literature {
    display: grid;
    width: 100%;
}

@media (max-width:767px) {
    .literature {
        width: 100%;
        float: none;
    }
}


/* Laszlo - hiding CLOSE button on GEO dialog */


/*.ui-dialog-titlebar-close {
  visibility: hidden!important;
}
*/


/* Laszlo END - adjusting commerce elements/blocks in header */


/* START - Laszlo - adjustments on facets at products landing page */


/* .block-system-breadcrumb-block {
    /*margin-top:-25px!important;
} */

.block-facets {
    padding-bottom: 0px !important;
}

.block-facets h3 {
    margin-bottom: 5px;
}


/* Laszlo- remove margin at top of first facet */

.block-facet-blockapplication h3 {
    margin-top: 0px;
}

.facet-item {
    /*Laszlo - changed as Christines request - at facets was causing layout issues when multiple lines were there
    display: -webkit-inline-box;
    */
    display: inline-flex;
    width: 100%;
    line-height: 15px;
}

@media (max-width:767px) {
    .facet-item {
        width: auto;
        margin-right: 15px;
    }

    .facet-item label {
        padding-left: 5px;
    }
}

.facet-item .facets-checkbox {
    transform: scale(1.2);
}

.facet-item label {
    padding-left: 10px;
    font-weight: normal;
}

.js-facets-widget {
    padding-left: 0px !important;
}

.isotope-container ul {
    padding-left: 0px;
}

li.views-row {
    display: block;
}

.facets-soft-limit-link {
    position: relative;
    top: -10px;
}

#products-bottom .pager {
    margin: 0px;
    text-align: center;
    float: right;
}

#products-top .pager {
    margin: 0px;
    text-align: right;
    float: right;
}

#products-top .view-filters {
    width: 270px;
    float: left;
}

#products-top .form-item-sort-by {
    margin-top: 1px;
    margin-bottom: 1px;
}

#products-top .form-item-sort-by .form-select {
    /* font-size: 16px; */
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 40px;
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

#products-top .form-item-sort-order {
    margin-top: 1px;
    margin-bottom: 1px;
}

.path-marketplace #products-top .form-item-sort-order {
    margin-right: 0;
}

.path-marketplace #products-top .view-filters {
    width: auto;
}

.path-marketplace #products-top {
    width: 100%;
    float: left;
    background: #fff9eb;
    padding: 20px;
}

.path-marketplace #products-top .view-header {
    margin-bottom: 0;
}

#products-top .form-item-sort-order .form-select {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 40px;
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

#products-top .form--inline {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dddddd;
}

#products-top .pager__items {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
}

#products-top .pager__item {
    font-size: 14px;
}

#products-bottom .pager__item {
    font-size: 16px;
}

#products-top .view-header {
    margin-top: auto;
    margin-bottom: 35px;
    float: left;
    width: 30%;
    font-size: 14px;
}

#products-bottom .pager__items {
    text-align: center;
}

@media (max-width:767px) {
    #products-top .pager__items {
        text-align: center;
    }

    #products-top .pager {
        float: none;
    }

    #products-bottom .pager {
        float: none;
    }

    #block-productslandingpageintro {
        padding-bottom: 0px;
    }
}

#block-startupgrowth-content li.pager__item>a {
    padding-left: 14px;
    padding-right: 14px;
}

.views-field-edit-quantity div {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.views-field-available-stock .field-content {
    padding-left: 5px;
}

.views-field-remove-button input {
    margin-top: 0px;
    margin-bottom: 0px;
}

.views-label-field-catalog-description {
    font-weight: bold;
}

.views-field-field-catalog-description {
    margin-top: 10px;
    margin-bottom: 10px;
}

.views-field-field-catalog-description .field-content {
    display: block;
}

#superfish-account {
    float: right;
}

.views-field-title-1 {
    font-weight: bold;
}

#edit-shipping-information-recalculate-shipping {
    display: none;
}

#edit-shipping-information-shipments {
    display: none;
}

.link--previous {
    padding-left: 50px;
}

#block-startupgrowth-footer {
    padding-right: 30px;
}

.paypal-button-number-0 {
    display: none !important;
}

#superfish-main-toggle {
    padding-top: 5%;
}


/*.page-title {
    text-transform: capitalize;
}*/


/*
Laszlo - adjustments on cart page button
 */

.forceaslink {
    background-color: white !important;
    min-width: auto !important;
    border-radius: unset !important;
    outline: none !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    text-transform: capitalize !important;
    color: #1c1c1c !important;
    border-bottom: 1px solid rgba(91, 137, 180, .5) !important;
    text-decoration: none !important;
    transition: linear 0.3s !important;
}

.forceaslink:visited {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(157, 160, 161, .5);
    text-decoration: none;
}

.forceaslink:hover {
    color: #1c1c1c !important;
    border-bottom: 1px solid rgba(91, 137, 180, 1) !important;
    text-decoration: none !important;
}

.form-number.required {
    padding: 6px 15px !important;
}

.views-field.views-field-total-price__number {
    text-align: right !important;
    PADDING-RIGHT: 10PX !important;
}

.checkout-pane-login .fieldset-legend {
    font-weight: bold !important;
}

.checkout-pane-login #edit-login-returning-customer-forgot-password {
    padding-left: 25px !important;
}

.layout-region-checkout-main .fieldset-legend {
    font-weight: bold !important;
}

.layout-region-checkout-main input {
    font-size: 16px !important;
}

.layout-region-checkout-main select {
    font-size: 16px !important;
}

.view-commerce-cart-form #edit-checkout {
    margin-left: 25px !important;
}

.view-commerce-cart-form #edit-submit {
    background-color: #53565A;
}

.view-commerce-cart-form #edit-submit:hover {
    background-color: #a0a1a3;
}


/* END - Laszlo - adjustments on facets at products landing page */


/* Hemant LAL Tool */

.lal-listing {
    font-size: 13px;
    font-weight: normal;
}

.lal-listing .list-group-item {
    border: none;
    padding-bottom: 3px;
    padding-top: 3px;
}

.lal-project-submit p {
    padding: 0px;
}


/* krishna - additonal css */

.related-stories {
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 0;
}

.page-node-type-ideas-story .container section.col-md-12 {
    z-index: 497;
}

.page-node-type-ideas-story .gated {
    pointer-events: none;
}

.marg-bottom-10 {
    margin-bottom: 10px;
}

.node--type-ideas-story blockquote {
    padding: 0 0 0 30px;
    margin: 40px 0 50px 60px;
    border-left: 3px solid #5b8ab5;
}

.node--type-ideas-story blockquote:after {
    content: "";
}

.node--type-ideas-story .field--name-field-image-gallery .in-page-images-carousel {
    margin: 20px 0;
}

@media only screen and (max-width: 767px) {
    .node--type-ideas-story blockquote {
        margin: 40px 0 50px 20px;
    }

    .node--type-ideas-story .field--name-field-image-gallery .in-page-images-carousel .flex-direction-nav a {
        top: 30px;
    }

    .node--type-ideas-story .col-md-6 .img-height {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .node--type-ideas-story .field--name-field-image-gallery .in-page-images-carousel .flex-direction-nav a:before {
        line-height: 109px;
    }
}

.marg-bottom-15 {
    margin-bottom: 15px;
}

.padd-zero {
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
    #block-footerlinksblock .text-formatted>p {
        text-align: center !important;
    }

    .text-md-center {
        text-align: center;
    }
}

.page-node-type-ideas-story section.marketoForm {
    pointer-events: auto;
}


/* END krishna - additonal css */


/*----------Begin Ideas Isotope-----------------*/

.view-stories-filters.view-display-id-block_story_types .views-row {
    float: left;
    width: 15%;
}

.view-stories-landing-page #products-top {
    clear: left;
}

.active-tab {
    color: #ffffff;
    background-color: #f16850;
}

.active-tab:hover {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}

.isotope-carousel .tparrows {
    border-radius: 0 !important;
}

.carousel-title {
    text-align: center !important;
}

.carousel-title .tp-caption__title {
    line-height: 1;
    color: #ffffff;
    font-size: 32px;
    line-height: normal;
}

.carousel-title .tp-caption__title:hover {
    text-decoration: none;
}

.carousel-title .tp-caption__title a,
.carousel-title .tp-caption__title a p {
    color: #ffffff;
}

.view-id-stories_filters.view-display-id-block_story_types .views-field-name {
    text-align: center;
}

.carousel-title .tp-caption__buttons-container a {
    background-color: #1C1C1C;
    border: 1px solid #ffffff;
    color: #fff;
    font-weight: normal;
    border-radius: 30px;
    width: fit-content;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
}

.carousel-title .tp-caption__buttons-container a:hover {
    background: none;
    color: #fff;
}

.view-id-stories_filters.view-display-id-block_story_types .views-field-name {
    text-transform: uppercase;
    font-size: 14px;
}

.view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top .view-stories-filters.view-id-stories_filters {
    /* setting dropdown width */
    float: left;
    width: 30%;
}

.view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top .view-header {
    margin-top: 10px;
    margin-bottom: 0;
}

.view-stories-filters.view-id-stories_filters select {
    background-color: #ffffff;
    margin: 0;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
}

.view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top {
    width: 100%;
    float: left;
    background: rgba(157, 160, 161, .15);
    padding: 20px;
    margin: 20px 0 30px 0;
    font-size: 14px;
}

.isotope-carousel .tp-revslider-mainul .img-height {
    width: 100%;
}

.view-stories-landing-page.view-id-stories_landing_page #products-bottom .pager {
    float: none;
}

.view-stories-landing-page.view-id-stories_landing_page #products-bottom .pager .pager__items {
    text-align: center;
}

.isotope-carousel .tp-revslider-mainul li.active-revslide .transparent-background {
    background-color: rgba(33, 35, 34, .75);
}

.story-types-item-list ul {
    list-style: none;
    padding: 0;
}

.story-types-item-list li {
    float: left;
    min-width: 10%;
    width: auto;
    text-align: center;
    margin-right: 12px;
    border-radius: 5px;
    text-transform: uppercase;
}

.view-id-stories_filters.view-display-id-block_story_types .views-field-name a {
    display: inline-block;
    width: 100%;
    padding: 3px 6px;
    font-size: 12px;
}

.stories-isotope-page .mobile-view-header {
    display: none;
}

@media (max-width:767px) {
    .carousel-title .tp-caption__buttons-container a {
        margin-top: 0;
    }

    .view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top .view-stories-filters.view-id-stories_filters {
        width: 100% !important;
    }

    .story-type-dropdown {
        margin: 0 -15px;
    }

    .view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top {
        background: none !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        margin: 0 -15px;
        width: 100% !important;
    }

    .view-stories-filters.view-id-stories_filters select {
        background-color: #e9e9e9 !important;
        border-radius: 0px !important;
    }

    .view-stories-landing-page.view-id-stories_landing_page.view-display-id-page_stories #products-top nav {
        display: none;
    }

    .view-stories-filters.view-id-stories_filters .story-types-item-list>select {
        background-color: #fc8c79 !important;
        color: #ffffff;
    }

    .stories-isotope-page .page-title {
        font-size: 24px;
        margin: 0 15px 20px;
        width: 45%;
        float: left;
    }

    .stories-isotope-page section.col-md-12>.main-area {
        padding: 0;
    }

    .stories-isotope-page .page {
        padding-top: 15px;
    }

    .carousel-title .tp-caption__title p {
        padding-top: 15px;
        font-size: 24px;
    }

    .isotope-carousel .rev_slider.tp-simpleresponsive {
        margin: 0 !important;
    }

    .stories-isotope-page .isotope-carousel {
        height: auto !important;
    }

    .isotope-container ul {
        padding: 0px 15px;
    }

    .story-tags-dropdown select,
    .story-type-dropdown select {
        background-image: linear-gradient(transparent, transparent), url(../../images/angle-down-black.svg);
        background-size: 21px 21px;
    }

    .stories-isotope-page #products-top .view-header {
        display: none;
    }

    .isotope-container {
        float: left;
    }

    .stories-isotope-page .mobile-view-header {
        padding-bottom: 15px;
        display: block;
        font-size: 14px;
    }
}

.isotope-container .isotope-item .views-field-field-main-title {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    /* line-height: 1.2; */
}

.page-node-type-whats-new-page .isotope-container .isotope-item .views-field-field-main-title p {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

.isotope-container .isotope-item .views-field-field-ideas-description {
    font-size: 14px;
}


/* .readmore-link {
    background-image: url(../../images/double-arrow-right.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 98.5% 50%;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-size: 14px;
} */

.path-inspiration .isotope-item .readmore-link {
    padding-right: 20px !important;
}

.path-inspiration .isotope-container {
    padding: 0 !important;
}

.isotope-carousel .rev_slider.tp-simpleresponsive {
    margin: 0 !important;
}

.stories-isotope-page .isotope-carousel {
    height: auto !important;
}

@media (min-width: 768px) {
    .path-inspiration .isotope-item .readmore-link {
        position: absolute;
        bottom: 15px;
    }

    .path-inspiration .isotope-item .views-field-nid {
        margin: 15px 0;
    }
}


/*----------End Ideas Isotope-------------------*/


/* Product Grid - Specifications */

.specifications {
    display: grid;
    width: 50%;
    float: left;
    padding-right: 25px;
}

@media (max-width:767px) {
    .specifications {
        width: 100%;
        float: none;
    }
}

.product-family-title {
    padding-bottom: 15px;
}

.product-grid {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 8px;
    padding-bottom: 12px;
    width: 100%;
    display: inline-block;
}

.product-grid div {
    float: left;
}

.product-grid div:last-child {
    text-align: right;
}

.product-grid .field__label {
    word-break: break-all;
    /*white-space: nowrap;*/
}

.product-main-right-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 100%;
    height: 100%;
}

.product-main-right-col .field__item ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.product-cta .field--name-field-action-links {
    width: 100%;
}

.product-cta .field__item {
    width: auto;
    float: left;
}

.product-cta .field__item .button {
    margin: 15px 0 0;
    background-color: transparent;
    min-width: 150px;
    padding: 15px;
}

.product-cta .field__item .button.button-whitewhere-to-buy-action {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    margin-right: 10px;
    transition: linear 0.3s;
}

.product-cta .field__item .button.button-whitewhere-to-buy-action:hover {
    background-color: #1c1c1c;
    color: #ffffff;
}

.product-cta .field__item a.button-white {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    margin-right: 10px;
    transition: linear 0.3s;
}

.product-cta .field__item a.button-white:hover {
    background-color: #1c1c1c;
    color: #ffffff;
}

.product-cta .field__item .button-whiteenergy-rebates-action {
    border: 1px solid #aaaaaa;
    color: #1c1c1c;
    margin-right: 10px;
    transition: linear 0.3s;
}

.product-cta .field__item .button-whiteenergy-rebates-action:hover {
    background-color: #aaaaaa;
    color: #fff;
}

.product-cta .field__item .button-whitedesign-tool-action {
    border: 1px solid #5b8ab5;
    color: #5b8ab5;
    margin-right: 10px;
    transition: linear 0.3s;
}

.product-cta .field__item .button-whitedesign-tool-action:hover {
    background-color: #5b8ab5;
    color: #fff;
}

.product-cta .field__item .button-whitebuy-now-action {
    border: 1px solid #1c1c1c;
    color: #fff;
    margin-right: 10px;
    background-color: #1c1c1c;
    transition: linear 0.3s;
}

.product-cta .field__item .button-whitebuy-now-action:hover {
    background-color: #fff;
    color: #1c1c1c;
}

@media (max-width: 768px) {
    .page-node-type-generic-page .section-two-program {
        margin-bottom: 30px;
    }

    .text-capitalize h2 p {
        padding-bottom: 0;
    }
}

.position-relative,
.panel-title {
    position: relative;
}

.panel-title::after {
    content: "\f105";
    color: #aaaaaa;
    top: -2px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome";
    font-weight: 700;
}

.panel-title.collapsed::after {
    content: "\f107";
}

.panel-title[aria-expanded="false"]::after {
    content: "\f105";
}

.panel-title[aria-expanded="true"]::after {
    content: "\f107";
}

.panel-heading-full.panel-heading {
    padding: 0;
    cursor: pointer;
}

.panel-heading-full .panel-title {
    padding: 12px 30px;
    font-size: 1.8rem;
    font-weight: normal;
}

.panel-heading-full .panel-title::after {
    top: 11px;
    left: 5px;
    font-size: 20px;
}

.sku-heading h2.panel-title::after {
    top: 18px;
}

.page-node-type-sku-product .panel-heading:hover,
.page-node-type-product-family .panel-heading:hover {
    background: #fff;
    color: #3f3f3f;
}

.page-node-type-sku-product .panel-default {
    border-left: none;
    border-right: none;
    border-top: none;
}

.page-node-type-product-family .panel-default {
    border-left: none;
    border-right: none;
    border-top: none;
}

.page-node-type-sku-product .panel-group .panel+.panel,
.page-node-type-product-family .panel-group .panel+.panel {
    margin-top: 0;
}

.page-node-type-product-family .panel-group {
    margin: 0;
    border-top: 1px solid #ddd;
}

.page-node-type-sku-product .panel-group .specifications,
.page-node-type-product-family .panel-group .specifications {
    width: 100%;
    padding-right: 0;
    line-height: 3rem
}

.page-node-type-sku-product .panel-group .specifications a,
.page-node-type-product-family .panel-group .specifications .spec_anchorLink {
    width: 65%;
    float: left;
    margin-right: 5%;
    word-break: break-word;
}

.page-node-type-sku-product .panel-group .specifications div>div,
.page-node-type-product-family .panel-group .specifications div>div {
    width: 15%;
    float: left;
}

.page-node-type-product-family .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 15px 0;
}

.page-node-type-product-family .field--name-field-value-prop-highlights-sect {
    padding: 0;
}

.product-family-cta {
    background-color: #e5e5e5;
    padding: 45px;
}

.product-family-cta .value-prop-description {
    padding-bottom: 0;
}

.page-node-type-product-family .field--name-field-value-prop-highlights-sect {
    background: transparent;
    color: #343434;
}

.status-discontinued,
.status-coming-soon,
.status-enhanced {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}


/* .status-new {
    color: #FF9F19;
} */

.status-discontinued {
    color: #6082B6
}

.status-coming-soon {
    color: #D13327;
}

.status-enhanced {
    color: #A2D45E;
}

.page-node-type-product-family .flexslider .slides img {
    border: 1px solid #ddd;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .page-node-type-product-family .brand-feature-product {
        padding: 0 15px;
    }

    .page-node-type-product-family .product-cta .field__item .button {
        min-width: 140px;
        padding: 12px;
    }

    .product-main-right-col {
        height: auto;
    }

    .product-main-right-col .product-cta {
        margin-top: 22px;
    }

    .product-family-cta {
        padding: 30px;
    }
}


/* Portrait */

@media (max-width: 768px) {
    .product-main-right-col {
        margin-top: 20px;
        height: auto;
    }

    .product-main-right-col .product-cta {
        margin-top: 0px;
    }

    .product-cta .field__item .button-whiteenergy-rebates-action {
        margin-right: 10px;
    }

    .product-family-cta {
        padding: 30px 0px;
    }

    .product-family-cta .w-50 {
        width: 100% !important;
    }

    .page-node-type-product-family .panel-group .specifications .spec_anchorLink {
        width: 100%;
        margin-right: 0;
        padding: 0 0 5px;
        border-top: none;
        word-break: break-all;
    }

    .page-node-type-product-family .panel-group .specifications>div {
        padding: 0;
    }

    .page-node-type-product-family .panel-group .specifications div>div {
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 5px 0
    }
}

@media (max-width: 767px) {
    .page-node-type-product-family .in-page-images-carousel {
        margin: 20px 0 0px 0;
    }

    .page-node-type-product-family .in-page-images-carousel .flex-direction-nav a {
        bottom: 0;
        top: 36%;
    }

    .page-node-type-product-family .in-page-images-carousel .flex-direction-nav {
        margin-bottom: 0;
    }

    .page-node-type-product-family .in-page-images-slider .flex-viewport .slides li a img {
        border: transparent
    }
}


/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 577px) and (max-width: 767px) {
    .page-node-type-product-family .in-page-images-carousel .flex-direction-nav a {
        top: 35%;
    }
}

@media (max-width: 576px) {
    .product-cta .field__item {
        width: 100%;
    }

    .product-cta .field__item .button {
        width: 100%;
    }

    .page-node-type-product-family .in-page-images-slider .slides img.image-style-large {
        height: auto;
    }
}

.global_detail_page .product-family-txt-title,
.global_detail_page .product-family-txt-title p {
    padding: 0;
}

.global_detail_page .product-family-icon,
.product-family-icon {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.global_detail_page .product-family-icon img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

@media (max-width: 576px) {
    .global_detail_page .product-family-icon img {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .onscroll .header-inside>.row>div {
        display: inherit;
    }
}


/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    .page-node-type-product-family .masonry-parent-container {
        margin: 45px auto;
    }

    .product-img-block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .product-img-block img {
        display: block;
    }

    .product-img-left-block,
    .product-img-right-block {
        /* display: flex; */
        max-height: 100%;
        flex-wrap: wrap;
    }
}

.page-node-type-product-family .sucess-stories {
    width: 100%;
    padding: 45px 0;
    float: left;
}

.value-prop-parent {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
    background: #1C1C1C;
}

.page-node-type-product-family .value-prop-parent {
    background-color: #e5e5e5;
}

h3.sku-title {
    margin: 30px 0 20px 0;
    float: left;
    color: #53565A;
    font-weight: normal;
}

.prod-sku-btn {
    border: 2px solid #f16850;
    color: #f16850;
    font-weight: bold;
    margin-right: 0px;
    width: 100%;
}

.page-node-type-sku-product .product-cta .field__item {
    width: 100%;
}

.page-node-type-sku-product .product-main-right-col .field--name-field-sku {
    display: inline-block;
    padding-left: 5px;
}

#block-brandlogosection .owl-carousel {
    width: 89%;
}

@media (max-width:768px) {
    #block-brandlogosection .owl-carousel {
        width: 70% !important;
    }
}

.border-text-container {
    padding: 0 15px;
    border: 1px solid #e9e9e9;
}


/*Panel Default - Accordion*/

.page-node-type-sku-product .panel-default.sku-default {
    border-bottom: 0;
}

.page-node-type-sku-product .panel,
.page-node-type-product-family .panel {
    box-shadow: 0 0px 0px rgb(255 255 255) !important;
}


/* PRODUCT Archietecture */


/**
 * Smooth scrolling on the whole document
 */

.btn-white {
    border: 2px solid #fff;
    color: #fff;
    transition: linear 0.3s;
}

.btn-white:hover {
    background-color: #fff;
    color: #3f3f3f;
}

.anchor-link-text {
    font-size: 24px;
    color: #fff !important;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.background-img-size {
    background-size: cover !important;
}

.anchor-content-container {
    background-color: rgba(33, 35, 34, .55) !important;
    padding: 20px 50px;
    width: 100%;
}

.category-text-section {
    background: linear-gradient(180deg, #1C1C1C 50%, #fff 50%);
    color: #fff;
    padding-top: 50px;
}

.prod-arch-carousel .owl-dots {
    display: block;
}

.category-text-link:hover {
    text-decoration: none;
    color: #fff;
}

.explore-prod-containers {
    padding-bottom: 30px;
}


/* .clear-both {
    clear: both;
} */

@media only screen and (max-width: 767px) {
    .explore-prod-containers {
        padding-bottom: 15px;
    }

    .category-text-section {
        background: linear-gradient(180deg, #1C1C1C 75%, #fff 50%);
    }
}


/* END PRODUCT Archietecture */


/* Animation */

.show-on-scoll {
    transform: translateY(100%);
}

.already-visible {
    animation: none;
    display: block !important;
}

.left-to-right-animation {
    animation: left-to-right 2500ms ease forwards;
}

.right-to-left-animation {
    animation: right-to-left 2500ms ease forwards;
}

@keyframes bottom-to-top {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes top-to-bottom {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes right-to-left {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes left-to-right {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.fadeAnimation {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    opacity: 1;
    animation: fadeInUpSD 2000ms ease-in-out forwards;
}

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 5rem, 0);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        color: white;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animation-left-col {
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.animation-right-col {
    flex-basis: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.animation-text-container {
    padding: 15px !important;
}

.masonry-grid-item-image {
    overflow: hidden;
}

.animation-img {
    transition: transform .2s ease;
}

.animation-img:hover {
    transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
    .left-to-right-animation {
        animation: left-to-right 1500ms ease forwards;
    }

    .right-to-left-animation {
        animation: right-to-left 1500ms ease forwards;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .animation-left-col {
        flex-basis: 60%;
    }

    .animation-right-col {
        flex-basis: 40%;
    }
}


/* END animation */


/*Header - Logo and Menu*/

@media (max-width: 767px) {
    .container .col-xs-9 .header-area .logo {
        float: left;
        position: relative;
        left: -20px
    }

    .header-area .fa.fa-search.search-btn {
        visibility: visible;
        color: #000000;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 1023px) and (orientation: landscape) {
    .header-area .fa.fa-search.search-btn {
        color: #000000;
    }

    .we-mega-menu-search-form {
        display: block !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 1023px) and (orientation: landscape) {
    .header-area .fa.fa-search.search-btn {
        display: none;
    }
}


/*Modal Popup Close Button*/

.custom-modal>.modal-dialog>.modal-content>.modal-body>.close {
    position: inherit;
    right: 0;
    height: 25px
}

.custom-modal>.modal-dialog>.modal-content>.modal-body>.close:hover,
.custom-modal>.modal-dialog>.modal-content>.modal-body>.close:focus {
    background: transparent;
}


/*Search*/

.list-content-description-section .download-div-block {
    margin: 0;
}

.search-page-container #block-searchpageheroblock {
    padding-bottom: 0;
}

.search-page-container .search-content-title h4 {
    margin-bottom: 5px;
}

.search-mobile-view {
    display: none;
}

@media (max-width: 1024px) {
    .we-mega-menu-ul li form.we-mega-menu-search-form {
        display: none;
    }

    .search-mobile-view {
        display: none;
        position: relative;
    }

    .search-mobile-view input.form-search {
        background: #e5e5e5 !important;
        width: 100% !important;
        right: 0 !important;
        top: 0 !important;
        position: inherit !important;
    }

    .search-mobile-view .form-submit:after {
        right: 36px;
    }
}

.search-page-container .hero-section-title {
    font-weight: normal;
}

.search-page-container .hero-section-title span {
    font-weight: bold;
    color: #FFFFFF;
}

.search-page-container .pager .pager__items {
    text-align: center !important;
}

.search-page-container .pager .pager__items li.pager__item {
    font-size: 16px !important;
}

.search-page-container .block-page-title-block .page-title {
    display: none;
}

.search-page-container .search-results-heading h3 {
    display: none;
}

.search-page-container .search-results-count {
    font-weight: 700;
    margin-bottom: 45px;
}

.search-page-container .search-results-count span {
    font-style: italic;
    font-weight: normal;
}

.search-page-container .search-content-title h4 a {
    color: rgba(13, 21, 25, 1);
    font-weight: 600;
}

.search-page-container .block-system-main-block {
    padding-bottom: 0;
}

.search-page-container nav.pager {
    margin-bottom: 0;
}

.search-page-container .main-content {
    padding-bottom: 0;
}

.lock-icon {
    width: 17px;
    margin-left: 10px;
    vertical-align: unset;
}

form.we-mega-menu-search-form input.form-search {
    color: #3f3f3f;
}

/* .search-block {
    padding: 0 0 15px 0;
} */

.search-block .search-content-title h4 {
    margin-top: 0;
    font-size: 16px;
    width: 100%;
}

.search-block .search-content-title p {
    padding-bottom: 0;
    width: 100%;
    font-size: 13px;
}

.search-block .div_separator {
    border-bottom: 1px solid #dddddd;
    margin-top: 15px;
}

.view-content .search-result-post:last-child .search-block .div_separator {
    border-bottom: 0px;
}

.search-block .row div {
    min-height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.spec-sheet-row {
    padding: 0;
    /* padding-right: 25px; */
}

.documents-download-all-files,
.ies-download-all-files {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    font-weight: 700;
    font-size: 13px;
}

.pdf-text,
.ies-text {
    text-align: start;
    border-bottom: 3px solid #BEBEBE;
    padding-bottom: 2px;
    width: 100%;
}

@media (min-width:992px) and (max-width:1199px) {

    .path-search-list .pdf-text,
    .path-search-list .ies-text {
        width: 109%;
    }
}

.pdf-view,
.ies-view {
    padding-top: 10px;
}

.pdf-view:hover,
.ies-view:hover,
.pdf-zip-download-doc:hover,
.ies-zip-download:hover {
    border-bottom: 2px solid #BEBEBE;
    transition: none;
}

.search-block .row div#search-results--image-section {
    justify-content: center;
}

/* .search-block .row div#search-results--image-section img.pdf-icon,
.search-block .row div#search-results--image-section img.zip-icon {
    width: 40%;
} */

.search-block .row div#search-results--image-section a {
    display: flex;
    justify-content: center;
}

@media (max-width:567px) {
    .search-block #search-results--image-section img {
        width: 100%;
    }
}

@media (max-width:767px) {
    .search-block .search-content-title h4 {
        margin-top: 15px;
    }

    .search-block .row div {
        min-height: auto;
    }

    /* .search-block .row div#search-results--image-section img.pdf-icon,
    .search-block .row div#search-results--image-section img.zip-icon {
        display: none;
    } */
}


/* END Search */


/* product-family Isotope */

.path-product-family .block-views {
    display: inline-block;
    margin-left: 30px;
}

.path-product-family .sidebar-first {
    margin: 20px 0 30px 0;
}

.path-product-family .sidebar-first li.facet-item {
    margin-top: 5px;
}

.path-document-library .sidebar-first .facet-item .facets-checkbox,
.path-product-family .sidebar-first .facet-item .facets-checkbox {
    transform: scale(1.0);
}

.prod-isotope-family-icon {
    width: 20px;
    margin-right: 5px;
}

.clear-filter-text {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-size: 14px;
}

.facets-widget-checkbox ul.js-facets-widget {
    float: left;
    width: 100%;
}

.path-product-family .banner-area .block {
    padding: 0;
}

.path-product-family .isotope-container .isotope-item .views-field-field-main-title {
    word-break: break-word;
    font-size: 14px;
    padding-bottom: 3px;
}

.path-product-family .isotope-container .isotope-item .views-field-field-main-title p {
    padding-bottom: 0;
}

.path-product-family .isotope-item .views-field .views-label {
    font-size: 14px;
}

.path-product-family .sidebar .facets-widget-checkbox ul.js-facets-widget {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .path-product-family .isotope-container ul {
        padding: 0px;
    }

    .clear-filter-text {
        margin-top: 20px;
    }

    .path-product-family li.facet-item,
    .path-document-library li.facet-item {
        width: 46%;
        margin-right: 10px;
        margin-top: 5px;
    }

    .path-product-family .facet-item label,
    .path-document-library .facet-item label {
        padding: 0 5px 0 8px;
        float: left;
    }

    .path-document-library .sidebar-first .facet-item .facets-checkbox,
    .path-product-family .sidebar-first .facet-item .facets-checkbox {
        transform: scale(1.1);
        float: left;
        margin-top: 5px;
    }
}

.path-products-list .sidebar li.facet-item,
.path-product-family .sidebar li.facet-item,
.path-document-library .sidebar li.facet-item {
    line-height: 1.2;
    font-size: 14px;
}

.path-document-library .sidebar li .facets-input.facets-radio,
.path-product-family .sidebar li .facets-input.facets-radio,
.path-document-library .sidebar .facet-item .facets-checkbox,
.path-products-list .sidebar .facet-item .facets-checkbox,
.path-product-family .sidebar .facet-item .facets-checkbox {
    margin-top: 2px;
}

.path-products-list li.facet-item,
.path-product-family li.facet-item,
.path-document-library li.facet-item {
    list-style: none;
}

@media (min-width: 768px) {

    /* .view-id-products.view-display-id-page_1 .isotope-item .views-field .views-label {
        width: unset;
    } */
    .path-product-family .isotope-item .views-field .views-label {
        width: 100%;
        float: left;
    }

    .path-product-family .sidebar-first .block-facet-blocktechnology-type .facets-widget-checkbox li.facet-item,
    .path-product-family .sidebar-first .block-facet-blockweb-product-menu-category .facets-widget-checkbox li.facet-item,
    .path-product-family .sidebar-first .block-facet-blockweb-product-menu-category-ref .facets-widget-checkbox li.facet-item {
        width: 47%;
        margin-right: 5px;
    }
}


/* END product-family Isotope */


/*Dividing Columns into 2 - Product Family*/

.column-count-2 {
    column-count: 2;
    column-gap: 1.75em;
}

@media only screen and (max-width: 768px) {
    .column-count-2 {
        column-count: 1;
        column-gap: inherit;
    }
}

.node--type-product-sub-category-page .compare-all-img {
    width: auto;
    white-space: nowrap;
}

.node--type-product-sub-category-page .compare-all-img img {
    margin: 7px;
    width: 50px;
}

.node--type-product-sub-category-page .compare-all-detail-box {
    z-index: 10;
    background: #000;
    padding: 18px;
    position: fixed;
    color: #fff;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.node--type-product-sub-category-page .compare-all-products {
    width: 22%;
    margin-top: 8px;
}


/* unique class for adding dynamically for a href link disable */

.my-link {
    pointer-events: none;
}


/* unique class for adding dynamically for a href link disable */

.node--type-product-sub-category-page .compare-single-btn {
    padding: 4px 23px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #fff;
    background-color: #fff;
    color: #1c1c1c;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    font-size: 13px;
    text-transform: uppercase;
}

.node--type-product-sub-category-page a.compare-single-btn:hover {
    border: 1px solid #fff;
    background-color: #1c1c1c;
    color: #fff;
}

.node--type-product-sub-category-page .main-compare-all-btn {
    margin-top: 9px;
    margin-left: 15px;
}

.node--type-product-sub-category-page .cmp-btn,
.view-id-products .cmp-btn {
    float: left;
    font-size: 14px;
}

.view-id-products .spec-lists {
    display: inline-block;
}

.view-id-products li.isotope-item {
    transition: transform 0.2s;
}

.view-id-products li.isotope-item:hover {
    transform: scale(1.1);
}


/*compare all*/


/* Compare page scrollbar CSS STARTS */

.view-id-product_comparator .table-responsive {
    overflow-x: hidden;
}

.view-id-product_comparator .top-scrollbar-wrapper,
.view-id-product_comparator .bottom-scrollbar-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 20px;
    width: 80%;
    margin-left: 225px;
}

.view-id-product_comparator .top-scrollbar,
.view-id-product_comparator .bottom-scrollbar {
    height: 20px;
    width: 80%;
}

.view-id-product_comparator .large-table-container-2 {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}


/* Compare page scrollbar CSS ENDS */

.view-product-comparator .spec-lists ul li {
    position: relative;
}

.paragraph--type--ideal-applications .explore-title-text .field--type-text-long p {
    margin: 0;
    padding: 20px 0 20px 0;
}

.success-title-text p {
    text-transform: lowercase;
}

.success-title-text p:first-line {
    text-transform: capitalize;
}


/* code given by Prateek for download button */

.view-id-product_comparator .feed-icons a {
    background-color: #1c1c1c;
    border: 1px solid #1c1c1c;
    border-radius: 30px;
    padding: 10px 20px;
    display: inline-block;
    color: #ffffff;
    min-width: 200px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    text-decoration: none;
}

.view-id-product_comparator .feed-icons a:hover {
    text-decoration: none;
    border: 1px solid #1c1c1c;
    background-color: transparent;
    color: #1c1c1c;
}


/* latam language changes  */

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .email-title a {
    /* margin-left: 5px; */
    font-size: 17px;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .item-list .views-field-title .field-content span.w2b-result-title {
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .item-list ul li .field-content span p {
    margin-left: 5px;
}

.global_detail_page .product-videos-data .container .owl-drag .owl-dots {
    padding: 18px;
    margin: 0 auto;
}

.global_detail_page .product-videos-data .container .owl-carousel .owl-nav.disabled {
    display: none;
}

.node--type-generic-page .section-top-margin .generic-feature-product .container-padding .hero-sect-long-desc {
    font-size: 1.6rem;
}


/* End latam language changes  */


/*Specifications Pop-over*/

.spec-lists ul {
    padding: 0;
    margin: 0 0 5px 0;
    list-style: none;
}

.spec-lists ul li {
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.spec-lists ul li a {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.spec-lists ul li a:last-child {
    margin-bottom: 0;
}

.spec-lists ul li ul.dropdown {
    width: 230px;
    display: none;
    position: absolute;
    z-index: 9999;
    right: 32px;
    text-align: left;
}

.spec-lists ul li ul.dropdown li a {
    margin-bottom: 10px
}

.spec-lists ul li ul.dropdown li a:last-child {
    margin-bottom: 0px
}

.spec-lists ul li:hover ul.dropdown {
    display: block;
}

.spec-lists ul li:hover ul.dropdown::before {
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 0;
    position: absolute;
    right: 36px;
    color: #f7f7f7;
    z-index: 9;
    text-shadow: -1px 0 #ddd, 0 1px #f7f7f7, 1px 0 #ddd, 0 -1px #ddd;
}

.spec-lists ul li ul.dropdown li {
    display: block;
    background: #f7f7f7;
    margin-top: 5px;
}


/* Isotope Block */

.isotope-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* Z-index */

.page {
    z-index: 99;
    position: relative;
    padding: 0;
}


/* UI - Range Slider */

.facets-widget-range_slider ul {
    padding-left: 0px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.facets-widget-range_slider ul li::marker {
    font-size: 0;
}

.facets-widget-range_slider li .ui-slider {
    width: 90%;
    margin-top: 10px;
}

.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line,
.ui-slider-horizontal .ui-slider-range {
    background: #c1c1c1;
}

.ui-slider-pips [class*=ui-slider-pip-selected],
.ui-slider-pips .ui-slider-pip-selected-2 {
    color: #c1c1c1;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    color: #3f3f3f;
    font-size: 12px;
}

.facet-slider.ui-slider-float .ui-slider-tip {
    min-width: 40px;
    color: #000;
    width: auto;
    /* hiding default plugin slider labels */
    display: none;
}

.ui-widget.ui-widget-content {
    border-radius: 4px;
}

.ui-slider-pips .ui-slider-line {
    display: none;
}

.facets-widget-range_slider {
    float: left;
    width: 100%;
}

.ui-slider-horizontal {
    height: 0.8em;
    height: 1.2em;
}

.ui-slider .ui-slider-handle {
    height: 1.7em;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    width: 12px;
    background: #53565A !important;
}

.slider-valuebox {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 5px;
}

.slider-label {
    font-size: 14px;
    font-weight: normal;
}

.slider-valuebox-container {
    width: 90%;
    float: left;
}


/* END UI - Range Slider */

@media (min-width: 768px) {
    #affix.affix {
        position: inherit;
    }

    .node--submitted-info {
        position: sticky;
        top: 130px;
    }
}


/*IE 11+ CSS hack*/

@media (min-width: 1025px) {

    /*Megamenu Start*/
    _:-ms-fullscreen,
    :root .navbar-we-mega-menu .dropdown-menu {
        min-width: auto;
        width: auto;
        position: static !important;
    }

    _:-ms-fullscreen,
    :root .we-mega-menu-submenu>.we-mega-menu-submenu-inner {
        width: 100%;
    }

    /*Megamenu CSS End*/
    _:-ms-fullscreen,
    :root .large-device-disp-flex {
        display: block !important;
    }

    _:-ms-fullscreen,
    :root .large-device-disp-flex img {
        height: 100%;
    }

    _:-ms-fullscreen,
    :root .where_to_buy {
        display: inline-block;
    }

    _:-ms-fullscreen,
    :root #products-top .form-item-sort-by .form-select,
    _:-ms-fullscreen,
    :root #products-top .form-item-sort-order .form-select {
        padding: 5px 10px;
        margin-right: 5px;
    }

    _:-ms-fullscreen,
    :root .is-flex .flex-col-container {
        display: block !important;
    }

    _:-ms-fullscreen,
    :root .path-inspiration .isotope-item .readmore-link {
        position: inherit;
        bottom: inherit;
    }

    _:-ms-fullscreen,
    :root .path-inspiration .isotope-item .views-field-nid {
        margin: 0;
    }

    _:-ms-fullscreen,
    :root .isotope-item-text-container-with-border {
        min-height: 263px;
    }

    _:-ms-fullscreen,
    :root .success-link-text,
    _:-ms-fullscreen,
    :root .success-transparent-back-text,
    _:-ms-fullscreen,
    :root .page-node-type-application-detail-page #block-application-cta .CTA-app .contact-button,
    _:-ms-fullscreen,
    :root .page-node-type-brand-detail-page #block-brandcta .CTA-brand .contact-button,
    _:-ms-fullscreen,
    :root .page-node-type-generic-page #block-brandcta .CTA-brand .contact-button {
        display: inline-block;
    }

    _:-ms-fullscreen,
    :root .resource-area-text .app-res-img-container .img-height {
        width: 100%;
    }

    _:-ms-fullscreen,
    :root .circular-parent-container .explore-container {
        position: static
    }
}


/*Homepage*/

.path-frontpage .region-content {
    padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .block-menu.navigation {
        width: auto;
    }

    .menu--utility ul.clearfix.menu li a,
    .header-top-area ul.menu li.menu-item a {
        padding: 1.35em 1em;
    }
}

@media screen and (min-width: 320px) and (max-width: 576px) and (orientation: portrait) {
    .header-top-area>.region-header-top {
        justify-content: center;
    }
}


/*Menu*/

@media (max-width: 1199px) {
    .header-container ul.menu {
        text-align: right;
    }
}


/* latest changes */

.slideshow-carousel .tp-bullets .tp-bullet.selected span {
    top: 0;
    display: none;
}

.slideshow-carousel .tp-bullets .tp-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.slideshow-carousel .tp-bullets .tp-bullet.selected {
    background-color: #1c1c1c !important;
}

.page-node-type-ideas-story h1.page-title {
    margin-top: 60px;
}

@media (max-width:767px) {
    .slideshow-carousel .tp-bullets {
        display: block;
    }

    .slideshow-carousel .tp-bullets .tp-bullet {
        width: 12px;
        height: 12px;
        margin-top: 20px;
    }

    .page-node-type-ideas-story h1.page-title {
        margin-bottom: 0px;
        font-size: 22px;
        margin-top: 30px;
    }

    .node--type-product-family .field--type-text-long p,
    .node--type-product-family .field--name-field-legal-regulatory-details {
        word-break: break-word;
    }
}


/*Geo-location*/

.geo-location {
    background-color: #53565A;
    color: #fff;
    padding: 10px 0;
}

.geo-location p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

a.geo-close-btn {
    color: #fff;
}

a.geo-close-btn:hover {
    color: #fff;
    text-decoration: none;
}

a.geo-location-btn {
    padding: 5px 20px;
    border-radius: 30px;
    border: 1px solid #FBA828;
    font-size: 12px;
    color: #FBA828;
    margin: 0 15px;
    text-transform: uppercase;
}

a.geo-location-btn:hover {
    text-decoration: none;
}


/* Event Form Code Starts */

.page-node-type-event-campaign-landing-page .node--main-content .event-description {
    display: flex;
    float: left;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-description-details {
    width: 50%;
    padding-right: 40px;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details {
    padding-left: 40px;
    width: 50%;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .paragraph--type--speaker-details {
    display: flex;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-image {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    margin: 0 12px 12px 0;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-image ul.links {
    padding: 0 0;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-details p,
.page-node-type-event-campaign-landing-page .hero-banner-large .hero-section-content .hero-section-desc p {
    padding-bottom: 0;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-details {
    padding-top: 18px;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-details .field--name-field-author-name {
    font-weight: bold;
}

.page-node-type-event-campaign-landing-page .node--main-content .event-html-section {
    clear: both;
}


/*Mobile view @media Query css starts */

@media (max-width: 767.98px) {
    .page-node-type-event-campaign-landing-page .node--main-content .event-description .event-description-details {
        width: 100%;
        padding-right: 22px;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description {
        display: block !important;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details .speaker-details {
        padding-top: 0px;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description .paragraph--type--speaker-details {
        display: flex;
        width: 100%;
        padding-top: 18px;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details {
        padding-left: 2px;
        width: 100%;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description .paragraph--type--speaker-details {
        display: flex;
        width: 100%;
        padding-top: 18px;
    }

    .page-node-type-event-campaign-landing-page .node--main-content .event-description .event-speaker-details {
        padding-left: 2px;
        width: 100%;
    }
}


/*@media (min-width: 768px) {*/


/*  .page-node-type-event-campaign-landing-page .node--main-content .event-description .event-description-details {*/


/*    width: 100%;*/


/*    padding-right: 22px;*/


/*  }*/


/*  .page-node-type-event-campaign-landing-page .node--main-content .event-description {*/


/*    display: block ;*/


/*  }*/


/*}*/


/*Mobile view @media Query css ends */


/* Event Form Code Ends */

#products-bottom .view-footer {
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
}

.specific-cta-section .tools-header p {
    color: #3f3f3f;
}


/*css for menu account section dropdown*/

.utility-menu ul.menu .menu-item--expanded li {
    display: grid;
    border-radius: 0;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: rgba(83, 86, 90, 0.95);
}

.utility-menu ul.menu li.menu-item--expanded ul {
    min-width: 134px;
    padding-left: 0px;
    position: absolute;
    opacity: 0.96;
    background: transparent;
    top: 15px;
}

.utility-menu ul.menu li.menu-item--expanded ul.menu li.menu-item a:hover {
    background: rgba(157, 160, 161, 1);
    color: #fff;
}

.utility-menu ul.menu li.menu-item--expanded ul.menu li.menu-item a {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0;
}

@media only screen and (max-width: 576px) {
    .utility-menu ul.menu li.menu-item--expanded ul {
        min-width: 95px !important;
        top: 15px;
    }

    #block-bettersocialsharingbuttons .social-sharing-buttons {
        display: inline-flex !important;
        z-index: 999;
        background: #fff;
        bottom: -32px;
        padding: 10px;
        width: 100%;
    }
}


/*css for menu account section dropdown*/


/**** Hero Begin Carousel ****/

.title-teaser-text.hide-text-background .title,
.title-teaser-text.hide-text-background p {
    background: initial !important;
    color: #1C1C1C !important;
    font-size: 6rem;
    line-height: 6rem;
}

.hero-carousel a.button {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin: 12px auto;
    font-size: 14px;
    text-transform: uppercase;
}

.hero-carousel .description p {
    font-size: 18px;
    line-height: 1.5;
}

.hero-carousel a.button:hover {
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: rgba(33, 35, 34, 0.75);
    color: #FFFFFF;
}

.slide-main .title p {
    color: #ffffff;
    font-size: 23px;
    line-height: 25px;
    text-align: center;
    font-weight: 500;
    background-color: rgba(33, 35, 34, 0.75);
}

.slide-center .title p {
    text-align: center;
}

.slide-right .title a,
.slide-center .title a,
.slide-left .title a {
    text-decoration: none !important;
}

.slide-left .title,
.slide-right .title,
.slide-center .title,
.slide-main .title {
    margin: 0 0 0 0;
}

.slide-right .title p,
.slide-center .title p,
.slide-left .title p {
    font-size: 45px;
    line-height: 1;
    font-weight: bold;
    background: none;
    padding: 5px;
    margin-left: -10px;
}

.slide-main .title a {
    text-decoration: none !important;
}

.title-teaser-text.slide-main .title {
    background: none;
}

.slide-main .description p {
    font-size: 40px;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center;
    background-color: rgba(33, 35, 34, .75) !important;
    /*padding: 5px !important;*/
}

.slide-main .title {
    padding: 0px !important;
}

.hero-carousel a.button.red {
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
}

.hero-carousel a.button.red:hover {
    border: 1px solid #1c1c1c;
    background-color: #fff;
    color: #1c1c1c;
}

.hero .slick-slide h2 {
    font-size: 2.7rem;
}

.hero .slick-slide p {
    font-size: 1.4rem;
}

@media (max-width: 768px) {

    .slide-main .title p,
    .slide-main .title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        padding-bottom: 5px;
    }

    .title-teaser-text .title,
    .title-teaser-text p {
        padding: 12px;
        font-size: 5rem;
    }

    .slide-main .description p {
        font-size: 18px !important;
        line-height: 1.8;
        padding-right: 20px;
        padding-left: 20px;
    }

    .hero-carousel a.button {
        margin-top: 20px;
    }
}


/**** End Hero Carousel ****/


/*compare detail box css*/

.view-id-products .compare-detail-box {
    z-index: 10;
    background: #000;
    padding: 12px;
    position: fixed;
    color: #fff;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.view-id-products .compare-products {
    width: 20%;
    margin-top: 15px;
}

.view-id-products .compare-img {
    width: auto;
    white-space: nowrap;
}

.view-id-products .compare-img img {
    margin: 7px;
    width: 50px;
}

.view-id-products .compare-btn {
    padding: 4px 23px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #fff;
    background-color: #fff;
    color: #1c1c1c;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    font-size: 13px;
    text-transform: uppercase;
}

.view-id-products a.compare-btn:hover {
    border: 1px solid #fff;
    background-color: #1c1c1c;
    color: #fff;
}

.view-id-products .main-compare-btn {
    margin-top: 15px;
    margin-left: 15px;
}

.view-id-products .field-content {
    font-size: 14px;
}


/*compare detail box css*/


/*compare products css*/

.views-field-title a {
    display: inline;
    line-height: normal;
}

.view-id-product_comparator .large-table-container-2 {
    position: relative;
}

.view-id-product_comparator table {
    position: relative;
}

.view-id-product_comparator .views-field-title a {
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
}

.view-id-product_comparator .views-field-title .spec-lists ul li a {
    font-weight: normal;
}

.view-id-product_comparator table th {
    font-size: 16px;
    text-transform: none;
    border: none;
    background: none;
    color: #0f0f0f;
}

.view-id-product_comparator table tr th {
    text-align: center;
}

.view-id-product_comparator table td {
    text-align: center;
    border-right: 1px solid #e0dddd;
}

.view-id-product_comparator table {
    margin: 10px 0 40px;
}

.view-id-product_comparator:first-child thead th {
    border-right: none;
}

.view-id-product_comparator table tbody tr th {
    border-right: 1px solid #e0dddd;
    position: sticky;
    left: 0;
    width: 218px;
}

.view-id-product_comparator table tbody tr th:first-child {
    text-align: left;
}

.view-id-product_comparator .overlay {
    z-index: -1;
}

.view-id-product_comparator thead tr:first-child th:first-child {
    position: sticky;
    background: #fff;
    height: 175px;
    left: 0;
    display: inline-block;
    /* margin-top: 20%; */
    width: 245px;
    z-index: 9999;
    padding-top: 118px;
    text-align: left;
}

.view-id-product_comparator .spec-lists {
    text-align: center;
}

.view-id-product_comparator .views-field-title .list-group-item a {
    cursor: pointer;
    text-align: left;
    white-space: inherit;
}

.view-id-product_comparator tr:nth-child(even) {
    background-color: #f2f2f2;
}

.view-id-product_comparator tr:nth-child(even) th {
    background-color: #f2f2f2;
}

.view-id-product_comparator tr:nth-child(odd) th {
    background-color: #fff;
}

.view-id-product_comparator .paragraph--view-mode--default img {
    max-width: 100%;
    max-height: 55px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.full-width-main {
    width: 100%;
}

.white-bg {
    background: #fff;
}

.view-id-product_comparator .slider {
    position: absolute;
    cursor: pointer;
    top: 4px;
    width: 50px;
    left: 0px;
    right: 0px;
    bottom: 13px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 25px;
}

.view-id-product_comparator .switch input {
    display: none;
}

.view-id-product_comparator .displaying {
    display: none;
}

.view-id-product_comparator .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.view-id-product_comparator .switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 48px;
}

.view-product-comparator .back-btn {
    color: #1c1c1c;
    font-size: 2.5em;
    float: left;
    cursor: pointer;
    /* margin-top: 10px; */
}

.view-product-comparator .back-btn p {
    font-size: 12px;
    padding: 5px 0px 0px 8px;
    float: left;
}

.view-product-comparator .back-btn img {
    float: left;
    width: 25px;
    filter: grayscale(1);
}

.view-product-comparator .print-btn p {
    font-size: 12px;
    padding: 0 0 0 0;
}

.view-product-comparator .print-btn img {
    margin-top: -32px;
    width: 25px;
    filter: grayscale(1);
}

.view-product-comparator .print-btn {
    margin-right: 45px;
    float: right;
    color: #1c1c1c;
    font-size: 2.5em;
    cursor: pointer;
}

.view-id-product_comparator .switch span {
    display: inline-block;
    position: relative;
    width: 60px;
    margin-left: 60px;
    margin-top: 6px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

@media(max-width:768px) {
    .node--type-product-sub-category-page .compare-all-detail-box {
        display: block !important;
        text-align: center;
    }

    .view-id-product_comparator .large-table-container-2 {
        overflow-x: auto !important;
        overflow-y: auto;
    }

    .node--type-product-sub-category-page .compare-all-products {
        margin-left: 55px;
        white-space: nowrap;
    }

    .view-id-product_comparator .top-scrollbar-wrapper,
    .view-id-product_comparator .bottom-scrollbar-wrapper {
        display: none !important;
    }

    .view-product-comparator .back-btn {
        margin-left: 40px;
        margin-top: 10px;
    }

    .view-product-comparator .print-btn {
        margin-top: 10px;
    }

    /*.view-id-product_comparator .slider {*/
    /*  width: 65px;*/
    /*  left: 0px;*/
    /*  bottom: 38px;*/
    /*}*/
    /*.view-id-product_comparator .switch {*/
    /*   margin-left: 20px;*/
    /*}*/
    /*.view-id-product_comparator .switch input[type="radio"],.view-id-product_comparator .switch input[type="checkbox"] {*/
    /*  margin: 0px 10px 3px;*/
    /*}*/
}


/* Rounded sliders */

.view-id-product_comparator .slider.round {
    border-radius: 34px;
}

.view-id-product_comparator .slider.round:before {
    border-radius: 50%;
}


/*compare products css*/


/*Application carousal*/

.page-node-type-generic-page .paragraph--type--ideal-applications .section-bottom-margin {
    margin-bottom: 0px !important;
}

.page-node-type-generic-page .paragraph--view-mode--default .section-margin {
    margin: 0px !important;
}

.page-node-type-generic-page .paragraph--view-mode--default .generic-cta {
    margin-top: 0px !important;
}

.page-node-type-generic-page .paragraph--type--ideal-applications {
    margin: 45px 0;
}


/*Application carousal*/


/*Text Slider*/

@media only screen and (max-width: 768px) {
    .node--type-generic-page .text-slider-row .owl-carousel {
        width: 100% !important;
    }

    .node--type-generic-page .text-slider-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex;
        flex-direction: column-reverse;
    }

    .node--type-generic-page .text-slider-row .counter-counts {
        display: flex;
        justify-content: center;
    }

    .node--type-generic-page .text-slider-row .owl-carousel {
        display: flex;
        justify-content: center;
    }

    .node--type-generic-page .text-slider-row .count-sliders {
        margin-left: 0px !important;
    }

    .node--type-generic-page .text-slider-row .owl-carousel .owl-nav {
        margin-left: 0px !important;
    }

    .node--type-generic-page .text-slider-row .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        margin-left: 0px !important;
    }

    .node--type-generic-page .text-slider-row .text-slider-div {
        margin-left: 0 !important;
        margin-top: 45px !important;
    }

    .node--type-generic-page .text-slider-row .owl-carousel.owl-drag .owl-item {
        border-right: none !important;
    }
}

.node--type-generic-page .text-slider-row {
    padding: 35px;
    margin: auto 0;
}

.node--type-generic-page .area-margin {
    margin: 0 !important;
}

.node--type-generic-page .text-slider-row col-lg col-md-6 col-sm-6 {
    position: relative;
}

.node--type-generic-page .text-slider-row .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color: #fff;
    border: none;
    font: inherit;
    margin: 7px;
    margin-left: 64px;
}

.node--type-generic-page .text-slider-row .owl-carousel .owl-prev {
    padding-bottom: 10px;
}

.node--type-generic-page .text-slider-row .owl-carousel .owl-next {
    padding-top: 10px;
}

.node--type-generic-page .text-slider-row .owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    overflow: initial;
    margin-left: -28px;
}

.node--type-generic-page .text-slider-row .owl-carousel .owl-next {
    display: block;
}

.node--type-generic-page .text-slider-row .count-sliders {
    margin-top: 28px;
    position: absolute;
    margin-left: 50px;
}

.node--type-generic-page .text-slider-row .text-slider-div {
    color: #fff;
    margin-left: 100px;
    /* margin-top: 7px; */
}

.node--type-generic-page .text-slider-row .img-text-slider img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.move-div {
    float: right;
}

.node--type-generic-page .text-slider-row .text-slider-div p {
    padding: 0 0 0 0;
    font-size: 16px;
    line-height: 1.5;
}

.node--type-generic-page .text-slider-row .owl-carousel.owl-drag .owl-item {
    border: none;
}

.text-slider-left {
    float: left;
}

.text-slider-right {
    float: right;
}

#current_count,
#total_count {
    color: #fff;
    float: left;
    font-size: 14px;
}

.count-sliders span {
    color: #fff;
    float: left;
}


/*Text Slider*/


/*compare all*/

@media print {
    .view-id-product_comparator .paragraph--view-mode--default img {
        max-width: 30%;
    }

    a[href]:after {
        content: none !important;
    }

    .view-id-product_comparator thead tr:first-child th:first-child {
        visibility: hidden;
    }

    .view-id-product_comparator .paragraph--view-mode--default img {
        max-width: 5%;
    }

    .view-id-product_comparator .views-field-title a {
        font-size: 10px;
    }

    table {
        table-layout: fixed;
        width: 100%;
    }

    .view-id-product_comparator tbody tr th {
        font-size: 12px;
        word-wrap: break-word;
    }

    .view-id-product_comparator tbody tr td {
        font-size: 12px;
        word-wrap: break-word;
    }

    .view-product-comparator .back-btn {
        display: none;
    }

    .view-product-comparator .print-btn {
        display: none;
    }

    #footer-top,
    #footer,
    #subfooter {
        display: none;
    }
}


/* Lamp SKU Template */

.node--type-sku-product .sku-product .column-count-2>div:nth-of-type(2) {
    display: inline-block;
    width: 100%;
}


/* Lamp SKU Template */


/* Isotope items' visibility */

.paragraph--type--product-family-isotope .is-flex-isotope .flex-col-container-isotope {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column !important;
    display: flex;
}


/* Isotope items' visibility */


/* Isotope */

@media (max-width: 768px) {
    ul.dropdown-menu>li.active>a:hover {
        background: #fff !important;
        color: #333 !important;
    }

    ul.dropdown-menu>li.active>a {
        background: #fff !important;
        color: #333 !important;
    }

    .isotope-section .isotope-container {
        float: none !important;
    }

    .isotope-section .spec-lists ul li ul.dropdown li {
        display: none !important;
    }

    .isotope-section .dropdown {
        display: block;
    }

    .isotope-section .btn .caret {
        float: right;
        margin-top: 8px;
    }

    .isotope-section .isotope-item-text-container-with-border .cmp-btn {
        display: none;
    }

    .isotope-section .owl-carousel.owl-loaded {
        display: none !important;
    }

    .isotope-section .btn-primary {
        text-align: left;
        width: 100%;
        background-color: #e5e5e5 !important;
        border-color: #e5e5e5 !important;
        color: #808080 !important;
    }

    .isotope-section .open>.dropdown-menu {
        width: 100%;
    }

    .isotope-section .dropdown {
        margin-top: 20px !important;
    }

    .isotope-section .compare-all-isotope a {
        margin-top: 20px !important;
    }
}

#isotope-title {
    text-align: center;
    margin-top: 20px;
    font-size: 1.6em;
}

.isotope-section .dropdown {
    display: none;
}

.isotope-section .carousel-wrap {
    margin-top: 20px;
    width: auto !important;
}

.isotope-section .isotope-item p {
    padding: 10px 0 10px 0 !important;
}

.isotope-section .compare-all-isotope a:hover {
    text-decoration: none;
    background-color: #53565a;
    color: #fff;
}

.isotope-section .compare-all-isotope a {
    background-color: #fff;
    border-radius: 30px;
    text-decoration: none;
    padding: 12px 23px;
    display: inline-block;
    color: #53565a;
    border: 2px solid #53565a;
    min-width: 145px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
}

.isotope-section .compare-all-isotope {
    text-align: center;
}

.isotope-section .owl-carousel.owl-drag .owl-item {
    border: none !important;
}

.isotope-section .pad-bottom-15 p {
    min-height: 138px;
}

.isotope-section .owl-carousel {
    /* display: flex !important;   */
    flex-direction: row;
    justify-content: center;
}

.isotope-section .owl-carousel .next-slide {
    right: -18px !important;
    background: none !important;
}

.isotope-section .owl-carousel .next-slide .fa {
    font-size: 45px !important;
}

.isotope-section .owl-carousel .nav-btn {
    top: 40% !important;
}

.isotope-section .owl-carousel .prev-slide {
    left: -22px !important;
    background: none !important;
}

.isotope-section .owl-carousel .prev-slide .fa {
    font-size: 45px !important;
    color: rgba(37, 37, 37, 0.8);
}


/* .isotope-section .isotope-item-click{
text-decoration: none !important;
    border: 2px solid #f16850 !important;
    background-color: #f16850 !important;
    color: #fff !important;
} */


/* .isotope-section .isotope-item.active a:hover{
        text-decoration: none !important;
      border: 2px solid #f16850 !important;
      background-color: #fff !important;
      color: #f16850 !important;
        } */

.isotope-section .isotope-item a {
    color: #1c1c1c;
    background-color: #fff;
    border: 1px solid #1c1c1c;
    border-radius: 30px;
    padding: 0px 23px;
    display: inline-block;
    min-width: 145px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    text-decoration: none;
}

.isotope-section .isotope-item-text-container-with-border .cmp-btn {
    float: left;
    font-size: 14px;
}

.isotope-section .compare-detail-box {
    z-index: 10;
    background: #1c1c1c;
    padding: 12px;
    position: fixed;
    color: #fff;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.isotope-section .compare-products {
    width: 20%;
    margin-top: 15px;
    font-size: 14px;
}

.isotope-section .isotope-compare-img {
    width: auto;
    white-space: nowrap;
}

.isotope-section .isotope-compare-img img {
    margin: 7px;
    width: 50px;
}

.isotope-section .isotope-compare-btn {
    padding: 4px 23px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    font-size: 13px;
    text-transform: uppercase;
}

.isotope-section a.isotope-compare-btn:hover {
    border: 1px solid #1c1c1c;
    background-color: #ffffff;
    color: #1c1c1c;
}

.isotope-section .isotope-main-compare-btn {
    margin-top: 15px;
    margin-left: 15px;
}

.isotope-section .field-content {
    font-size: 14px;
}

.isotope-section .dropdown-toggle {
    font: 400 1.5rem/1.25 sans-serif;
    padding: .5em 1em;
}

.isotope-section .dropdown-toggle::after {
    display: inline-block;
    width: .3em;
    height: .3em;
    margin: 0.5em 0 0 .4em;
    vertical-align: middle;
    content: "";
    border: .3em solid;
    border-width: 0 .15em .15em 0;
    transform: rotateZ(45deg);
}

.isotope-section .isotope-item a:hover,
.isotope-section .isotope-item.active a {
    color: #ffffff;
    background-color: #1c1c1c;
    border: 1px solid #1c1c1c;
    text-decoration: none !important;
    border-radius: 30px;
}

.isotope-section .isotope-item.active a:hover {
    text-decoration: none !important;
    background-color: #fff;
    color: #1c1c1c;
}


/* Isotope */


/* Horizontal Menu starts */

#horticulture-menu-header {
    z-index: 0;
    background-color: #aaaaaa;
    display: block;
    overflow-x: clip;
    display: none;
}

#horticulture-menu-header .row {
    padding-top: 10px !important;
}

#horticulture-menu-header .header-inside {
    padding: 0px !important;
}

#horticulture-menu-header .we-mega-menu-ul>.we-mega-menu-li {
    border-left: none !important;
}

#horticulture-menu-header .we-mega-menu-ul>.we-mega-menu-li>a:hover {
    color: #1C1C1C;
}

#horticulture-menu-header .horticulture-menu {
    font-size: 14px !important;
}

#horticulture-menu-header #header-inside-first img {
    width: 30px;
}

#horticulture-menu-header #header-inside-first {
    padding: 5px 0 10px 0 !important;
}

#horticulture-menu-header #header-inside-first a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-left: 38px;
}

#horticulture-menu-header #header-inside .col-sm-9 {
    margin-left: -295px;
}

#horticulture-menu-header #header-inside-first a:hover {
    color: #1C1C1C;
}

#horticulture-menu-header .we-mega-menu-ul>.dropdown-menu>.we-mega-menu-submenu {
    background-color: #aaaaaa;
    margin-top: 10px;
}

#horticulture-menu-header .we-mega-menu-submenu {
    background-color: #aaaaaa;
}

#horticulture-menu-header .we-mega-menu-submenu li.we-mega-menu-li>a:hover {
    color: #1c1c1c;
}

#horticulture-menu-header .we-mega-menu-ul>.dropdown-menu:hover>a {
    color: #1c1c1c !important;
}

@media (max-width: 768px) {
    #horticulture-menu-header #header-inside-first a {
        display: none;
    }

    #horticulture-menu-header .navbar-we-mega-menu.navbar {
        background-color: #1c1c1c;
    }

    #horticulture-menu-header .we-megamenu-link-container {
        border-top: none !important;
    }

    #horticulture-menu-header .navbar-we-mega-menu.navbar ul>li ul {
        background-color: #aaaaaa;
    }

    .navbar-we-mega-menu.navbar ul>li {
        margin-left: 14px;
    }

    .horticulture-menu .we-mega-menu-li {
        text-transform: none !important;
    }

    #horticulture-menu-header #header-inside-first {
        padding: 0px !important;
    }

    .header-area .fa.fa-search.search-btn {
        margin-top: 15px;
        margin-left: 15px;
    }

    .we-mega-menu-search-form {
        display: block;
    }

    #horticulture-menu-header .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    #horticulture-menu-header .desktop-navigation.mobile-menu-down-arrow,
    .desktop-navigation.mobile-menu-up-arrow {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .we-mega-menu-search-form {
        display: none;
    }
}

#horticulture-menu-header .desktop-navigation.mobile-menu-down-arrow,
.desktop-navigation.mobile-menu-up-arrow {
    display: none !important;
}


/* Horizontal Menu ends */


/* call-out sample starts */

#call-out {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.call-out-text p {
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.call-out-text {
    text-align: center;
    padding: 36px 30px;
}

.call-out-top {
    width: 100%;
    height: 10px;
    background-color: #aaaaaa;
}

.call-out-btn {
    text-align: center;
}

.call-out-text a {
    background-color: #1c1c1c;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 45px;
    display: inline-block;
    color: #fff;
    border: 1px solid #1c1c1c;
    min-width: 145px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
}

.call-out-text a:hover {
    background-color: transparent;
    color: #fff;
}


/* call-out sample ends */


/* cta sample starts */

#cta {
    width: 100%;
    background: #1c1c1c;
}

#cta .cta-title h2 {
    text-align: center;
    color: #fff;
    padding: 18px;
}

#cta .cta-title p {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

#cta .cta-form {
    text-align: center;
    padding-bottom: 10px;
}

#cta .cta-textarea {
    padding: 5px;
}

#cta .cta-textarea textarea {
    width: 31.5%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #1c1c1c;
}

#cta .cta-textbox input {
    border: 1px solid #1c1c1c;
    border-radius: 5px;
}

.cta-form a {
    background-color: #1c1c1c;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 45px;
    display: inline-block;
    color: #fff;
    border: 1px solid #1c1c1c;
    min-width: 145px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cta-form a:hover {
    background-color: transparent;
    color: #fff;
}

.specific-cta-section .recaptcha-error {
    border: none !important;
    margin-left: -18px;
}

.specific-cta-section .marketing-cloud input[type=submit]:hover {
    background: transparent !important;
}

@media (max-width: 768px) {
    .specific-cta-section .recaptcha-error {
        border: none !important;
        margin-left: 0px;
    }

    #cta .cta-title p {
        padding: 5px;
    }

    #cta .cta-textarea textarea {
        width: 53.5%;
    }

    #cta .cta-textbox input {
        margin: 4px;
    }
}


/* cta sample ends */


/* Animated Text Paragraph Code Starts */

.paragraph--type--animated-text .animated-block {
    margin: 3rem 0;
    height: 120px;
}

.paragraph--type--animated-text .animated-block .flip {
    /* display: inline-block; */
    position: relative;
    top: 0;
    white-space: nowrap;
    -moz-perspective: 500;
    -webkit-perspective: 500;
    perspective: 500;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.paragraph--type--animated-text .animated-block .flip span.step {
    font-weight: 600;
    display: block;
    width: auto;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--type--animated-text .animated-block .flip span.set {
    top: 0;
    opacity: 1;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.paragraph--type--animated-text .animated-block .flip span.down {
    top: 0;
    opacity: 0;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.paragraph--type--animated-text .animated-block .flip span.set p {
    padding: 0;
}

.page-node-type-generic-page .paragraph--type--animated-text .html-section-area .field--name-field-main-title>p {
    font-weight: 600;
    font-size: 3.5rem;
    padding: 0;
}

.page-node-type-generic-page .paragraph--type--animated-text .html-section-area .title-normal .field--name-field-main-title>p {
    font-weight: 500;
}

.paragraph--type--animated-text .animated-block .col-lg-5 {
    text-align: right;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .paragraph--type--animated-text .animated-block .col-md-12:first-child {
        text-align: center;
    }

    .paragraph--type--animated-text .animated-block .flip {
        position: inherit;
    }

    .paragraph--type--animated-text .animated-block .flip span.step {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .paragraph--type--animated-text .animated-block .col-md-12:first-child {
        text-align: center;
    }

    .paragraph--type--animated-text .animated-block .flip {
        position: inherit;
        font-size: 2.5rem
    }

    .paragraph--type--animated-text .animated-block .flip span.step {
        width: 100%;
        text-align: center;
    }

    .page-node-type-generic-page .paragraph--type--animated-text .html-section-area .field--name-field-main-title>p {
        font-size: 2.5rem;
    }
}


/* Animated Text Paragraph Code Ends */


/* Better social sharing icons starts */

#block-bettersocialsharingbuttons .social-sharing-buttons {
    display: block;
    position: fixed;
}

#block-bettersocialsharingbuttons .social-sharing-buttons a {
    margin-bottom: 5px;
}


/** Better social sharing icons ends **/


/* margin-top and margin-bottom code starts */

.no-top-bottom-margin-allowed {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.top-margin-allowed {
    margin-bottom: 0 !important;
}

.bottom-margin-allowed {
    margin-top: 0 !important;
}


/* margin-top and margin-bottom code ends */


/* Photometry and Stocked items Table Sorting Start */

.photometry-stocked-section #sort_wrapper table th,
.photometry-stocked-section #stocked-items-column-sort_wrapper table th {
    border: none;
}

.photometry-stocked-section #sort_wrapper table tr:nth-of-type(odd),
.photometry-stocked-section #sort_wrapper table tr:nth-of-type(even),
.photometry-stocked-section #stocked-items-column-sort_wrapper table tr:nth-of-type(odd),
.photometry-stocked-section #stocked-items-column-sort_wrapper table tr:nth-of-type(even) {
    background: #fff;
}

.photometry-stocked-section #sort_wrapper table tr td div:first-child a {
    margin-bottom: 7px;
    display: inline-block;
}

.photometry-stocked-section #sort_wrapper table tr td,
.photometry-stocked-section #sort_wrapper table tr th,
.photometry-stocked-section #stocked-items-column-sort_wrapper table tr td,
.photometry-stocked-section #stocked-items-column-sort_wrapper table tr th {
    padding: 12px;
    font-size: 16px;
    text-align: left;
    width: auto !important;
    word-break: inherit;
}

.photometry-stocked-section #sort_wrapper table.dataTable thead tr th select {
    width: auto;
}

.photometry-stocked-section #sort_wrapper div.dataTables_filter input,
.photometry-stocked-section #stocked-items-column-sort_wrapper div.dataTables_filter input {
    width: 50%;
    height: 36px;
}

@media only screen and (max-width: 1199px) {

    /* Force table to not be like tables anymore */
    .photometry-stocked-section table.responsive,
    .photometry-stocked-section .responsive thead,
    .photometry-stocked-section .responsive tbody,
    .photometry-stocked-section .responsive th,
    .photometry-stocked-section .responsive td,
    .photometry-stocked-section .responsive tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .photometry-stocked-section .responsive thead tr {
        position: absolute !important;
        top: -9999px;
        left: -9999px;
    }

    .photometry-stocked-section .responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ccc !important;
        position: relative !important;
        padding-left: 30% !important;
    }

    .photometry-stocked-section .responsive td:before {
        /* Now like a table header */
        position: absolute !important;
        /* Top/left values mimic padding */
        top: 10px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap !important;
        font-weight: 600 !important;
    }

    .photometry-stocked-section #stocked-items-column-sort_wrapper div.dataTables_filter input {
        width: 90%;
    }

    /* Label the data */
    .photometry-stocked-section .responsive td:before {
        content: attr(data-table-header) !important;
    }

    .brand-logo {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}

@media only screen and (max-width: 767px) {

    .photometry-stocked-section #sort_wrapper div.dataTables_filter input,
    .photometry-stocked-section #stocked-items-column-sort_wrapper div.dataTables_filter input {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .photometry-stocked-section .responsive td {
        padding-left: 50% !important;
        word-break: break-word;
    }
}

.brand-logo div:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 1rem;
}

.photometry-stocked-section #sort_wrapper table,
.photometry-stocked-section #stocked-items-column-sort_wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px !important;
    table-layout: fixed;
    word-wrap: break-word;
}


/*Search Styles*/

.photometry-stocked-section #sort_filter .form-control {
    background-image: url(../../images/search.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 7px 9px !important;
    background-size: 18px;
}

.photometry-stocked-section #sort_filter .form-control.input-sm {
    border-radius: 5px;
    padding: 5px 10px 5px 32px;
    margin-left: 15px;
    font-size: 13px;
    width: 320px;
}

.photometry-stocked-section .bi {
    margin-right: 5px;
    color: rgba(91, 137, 180, .75);
}

.dataTables_wrapper .row .col-sm-6:last-child {
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .dataTables_wrapper .row .col-sm-6:last-child {
        height: auto;
    }
}

#pb-clear-filter a {
    cursor: pointer;
}

@media (max-width: 1180px) {
    .photometry-stocked-section #sort_wrapper table {
        float: left;
    }

    .photometry-stocked-section .responsive tr {
        border: none
    }

    .photometry-stocked-section .responsive td:before {
        font-weight: bold !important;
        left: 0
    }

    .dataTables_wrapper .row .col-sm-6:last-child {
        display: inherit;
    }

    .dataTables_wrapper .row .col-sm-6:last-child #pb-clear-filter {
        display: none;
    }

    .photometry-stocked-section #sort_filter .form-control.input-sm {
        margin-left: 0;
        width: 100%;
    }
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc:after {
    content: '';
}

table.dataTable thead tr th {
    background: #f2f2f2;
    color: #1c1c1c;
    text-transform: capitalize;
}

table.dataTable thead tr th select {
    background-color: #f2f2f2;
    margin: 0;
    padding: 0 10px 0 20px;
    font-size: 16px;
    text-align: left;
    background-position: left;
}


/* Photometric and Stocked Item Table Sorting End*/


/*Photometry & Stocked Item Table */

#photometry-block.photometry-stocked-section .show-more-txt {
    position: relative;
    display: block;
}

#photometry-block.photometry-stocked-section .show-more-btn {
    position: relative;
    display: table;
    text-align: center;
    cursor: pointer;
    color: #1c1c1c;
    margin-top: 20px;
}

#photometry-block.photometry-stocked-section .show-more-btn:hover {
    color: #fff;
}

#photometry-block.photometry-stocked-section .show-height {
    height: auto;
    overflow: hidden;
}

#stocked-block.photometry-stocked-section ul li {
    list-style: none;
    text-align: right;
    padding: 7px 0;
}

#stocked-block.photometry-stocked-section ul li:first-child,
#stocked-block.photometry-stocked-section ul li:last-child {
    padding-top: 0;
    padding-bottom: 0;
}

#stocked-block.photometry-stocked-section ul {
    margin-right: 10px;
    margin-bottom: 0;
}

#stocked-block.photometry-stocked-section ul.txt {
    margin: 0;
    padding: 0;
}

#stocked-block.photometry-stocked-section ul.txt li {
    list-style: none;
    text-align: left;
}

#stocked-block.photometry-stocked-section table tr:first-child td {
    border: none;
}

#stocked-block.photometry-stocked-section table td {
    border-bottom: 1px solid #ddd;
    word-break: break-word;
}

#stocked-block.photometry-stocked-section span.desc {
    font-size: 12px;
    font-style: italic;
}

.photometry-stocked-section #stocked-items-column-sort_wrapper table th {
    width: 250px !important;
}

@media only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    #stocked-block.photometry-stocked-section ul {
        margin: 0;
        padding: 0;
    }

    #stocked-block.photometry-stocked-section ul li {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-left {
        text-align: left;
    }
}


/* Connect Block Starts */

.connect-block {
    display: inline-flex;
}

.connect-block .connect-bg {
    background-color: #1c1c1c;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-right: 20px;
}

.connect-block-btn {
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 20px;
    transition: linear 0.3s;
}

.connect-block-btn:hover {
    background-color: #fff;
    color: #1c1c1c;
}

@media only screen and (max-width: 767px) {
    .connect-block {
        flex-direction: column;
    }

    .connect-block .connect-bg {
        margin-right: 0
    }
}

.font-weight-normal {
    font-weight: normal;
}


/* Connect Block Ends */


/* Admin tool bar nav */

#toolbar-administration,
#toolbar-administration * {
    z-index: 99999
}


/* End Admin tool bar nav */


/*Circle Container*/

.circular-parent-container {
    margin: 45px 0;
    background-image: url(/sites/current/files/styles/large/public/2020-11/Entrans-5-800x533.jpg?itok=OAUgpJLC);
    width: 100%;
    height: auto;
    background-attachment: fixed !important;
    background-position: center !important
}

.circular-container {
    padding: 50px 0;
    margin: 0 auto;
    height: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.circle-background {
    padding: 20px;
    background-color: #3f3f3f;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    margin: 5px 36px;
}

.last-circle-container-mobile {
    display: none;
}

@media (min-width:992px) and (max-width:1024px) {
    .circle-background {
        width: 125px;
        height: 125px;
        margin: 5px 10px;
    }

    .circular-title {
        font-size: 16px !important;
    }
}

.circular-title p {
    padding-bottom: 5px;
}

@media (min-width:1025px) and (max-width:1366px) {
    .circle-background {
        margin: 5px 25px;
    }
}

@media (max-width:767px) {
    .circular-title p {
        padding-bottom: 0;
    }

    .circle-background {
        width: 110px !important;
        height: 110px !important;
    }

    .mobile-display-none {
        display: none;
    }
}

@media (max-width:768px) {
    .circular-parent-container {
        padding: 0;
    }

    .explore-title-text,
    .success-title-text {
        padding: 0 15px;
    }

    .node--type-application-detail-page .field--name-field-explore-auto-product-sect {
        margin: 0px 0 30px;
    }

    .circular-title {
        font-size: 14px !important;
    }

    .circle-background {
        width: 125px;
        height: 125px;
        margin: 5px;
    }
}

.circle-text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circular-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #fff;
}

.explore-link {
    color: #1c1c1c;
    font-size: 14px;
}

.explore-container:hover {
    text-decoration: none;
}

.page-node-type-application-detail-page .success-article-text a p,
.page-node-type-control-detail-page .success-article-text a p {
    padding: 0;
}


/* Masonry CSS */

.masonry-desc p {
    text-align: center;
    padding-bottom: 35px;
}

.masonry-parent-container {
    margin: 45px 0;
    float: left;
    width: 100%;
}

.masonry-long-img {
    /* height: 349px !important; */
    width: 100%;
    position: relative;
}

.masonry-small-img {
    width: 100%;
    position: relative;
}

.masonry {
    /* Masonry container */
    margin: 0 !important;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.masonry a.overlayed,
.masonry .overlayed-wrapper,
.masonry .overlayed-inner {
    display: inline-block;
}

.masonary-item {
    display: inline-block;
    margin: 0 0 1.5em !important;
    width: 100%;
}

.masonary-item img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width: 767px) {
    .masonry-parent-container {
        margin: 0 0 30px 0;
    }

    .masonry {
        column-gap: 8px;
    }

    .masonary-item {
        margin: 0 0 8px !important;
        padding: 0px;
    }

    .masonry-desc p {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

.node--type-brand-detail-page .explore-more-brands-carousel .owl-carousel .img-height {
    height: auto;
}

.explore-more-brands-carousel .owl-carousel.owl-drag .owl-item {
    border: none;
}

.explore-more-brands-carousel .owl-carousel .nav-btn {
    width: 55px !important;
}

.explore-more-brands-carousel .owl-carousel .prev-slide {
    background: url(../../images/arrow-left-white-50x50.png) no-repeat scroll 8px 9px;
    left: -55px;
    background-color: rgba(33, 35, 34, .75);
    padding: 35px;
    border-radius: 50%;
}

.explore-more-brands-carousel .owl-carousel .next-slide {
    background: url(../../images/arrow-right-white-50x50.png) no-repeat scroll 12px 9px;
    right: -55px;
    background-color: rgba(33, 35, 34, .75);
    padding: 35px;
    border-radius: 50%;
}


/* END Masonry CSS */

.bottom-isotope-item-container .readmore-link {
    width: unset;
    background-image: none;
    text-transform: uppercase;
}

.node--type-brand-detail-page .success-brand-carousel {
    margin-bottom: 45px;
}

.page-node-type-brand-detail-page .field--name-field-featured-product-sect,
.page-node-type-control-detail-page .field--name-field-featured-product-sect {
    float: left;
    width: 100%;
    margin: 45px 0 0;
}

.page-node-type-generic-page .success-title-text {
    padding-bottom: 30px !important;
}

.page-node-type-generic-page .success-title-text {
    text-align: center;
}

.node--type-brand-detail-page #block-brandresourcearea,
.node--type-brand-detail-page .field--name-field-masonry-gallery {
    float: left;
    width: 100%;
}

.brand-success-story-owl-carousel {
    margin-bottom: 30px;
}


/*----------END Brand page -------------------*/


/* ---------Begin Contextual Links -----------*/

.hero-section-media .contextual {
    margin-top: 20px;
}


/* ---------End Contextual Links -------------*/


/* HEADER : Removing extra padding from Hero Section of brand and application page */

.global_landing_page .node header,
.global_detail_page .node header {
    padding: 0;
}


/* END HEADER */


/* START - APPLICATION AND BRAND LANDING PAGE */

.hero-banner-small .hero-section-content {
    background-color: rgba(33, 35, 34, .75);
    color: #ffffff;
    text-align: center;
    padding: 15px;
    width: 60%;
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .hero-banner-small .hero-section-content {
        width: 90%;
    }
}

@media (max-width:767px) {
    .page-type-application-landing-page .node--content-container>.row {
        margin: 0;
    }

    .node--type-application-landing-page .isotope-container,
    .node--type-brand-landing-page .isotope-container {
        padding: 0 !important;
    }

    .global_detail_page .hero-section-title p,
    .global_landing_page .hero-section-title p,
    .path-search .hero-section-title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        padding-bottom: 5px;
        color: rgba(13, 21, 25, 1)
    }

    .hero-section-desc p {
        font-size: 18px !important;
    }

    .node--type-tools-landing-page .html-section-area,
    .node--type-application-landing-page .html-section-area {
        padding: 30px 15px 15px !important;
    }

    .node--type-control-detail-page .html-section-area {
        padding: 15px 15px 0 !important;
    }

    .global_landing_page .isotope-container .isotope-item {
        margin-bottom: 15px !important;
        float: left;
    }

    .hero-banner-small .hero-section-content {
        width: 100%;
    }
}

.node--type-tools-landing-page .html-section-area,
.node--type-application-landing-page .html-section-area {
    padding: 30px 0;
}

.global_landing_page .hero-section-title p,
.path-search .hero-section-title {
    text-transform: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
}

.node--type-control-detail-page .hero-section-text .field--name-field-main-title>p {
    padding: 0;
}

.node--type-application-landing-page .isotope-container .isotope-item .views-field-field-main-title {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    float: left;
}


/*END Application Landing Page CSS */


/* Brand-Landing PAge CSS */

.node--type-brand-landing-page .isotope-container .isotope-item .views-field-field-main-title,
.node--type-tools-landing-page .isotope-container .isotope-item .views-field-field-main-title {
    text-transform: uppercase;
}

.brand-landing-isotope-item {
    border: 1px solid #e9e9e9;
    margin-bottom: 30px;
    float: left;
    position: relative;
}

.isotope-item-margin {
    margin-bottom: 30px;
}

.isotope-item-text-container {
    padding: 10px 15px;
}

.brand-items {
    float: left;
}

.node--type-brand-landing-page .learn-more-container,
.node--type-tools-landing-page .learn-more-container {
    float: right;
}

.global_landing_page .learn-more-container-left {
    float: left;
}

.node--type-brand-landing-page .brand-icons,
.node--type-tools-landing-page .brand-icons {
    float: left;
}

.brand-icon {
    width: 25px;
}

.bottom-isotope-item-container {
    right: 0;
    padding: 0 15px;
    position: absolute;
    bottom: 5px;
}

.bottom-isotope-left-item-container {
    left: 15px;
    padding: 0 15px;
    position: absolute;
    bottom: 5px;
}

.page-node-type-tools-landing-page .bottom-isotope-left-item-container .readmore-link {
    width: unset;
    background-image: none;
    text-transform: uppercase;
}

.view-more-link {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}

.node--type-brand-landing-page .isotope-container .isotope-item .views-field-field-ideas-description,
.node--type-tools-landing-page .isotope-container .isotope-item .views-field-field-ideas-description {
    margin-bottom: 15px;
}

@media (max-width:767px) {

    .node--type-brand-landing-page .isotope-container .isotope-item,
    .node--type-whats-new-page .isotope-container .isotope-item,
    .node--type-tools-landing-page .isotope-container .isotope-item {
        padding: 0;
        float: left;
    }

    .node--type-brand-landing-page .brand-items-category-name {
        padding: 30px 15px 15px !important;
    }

    .node--type-tools-landing-page .brand-items-category-name,
    .node--type-whats-new-page .brand-items-category-name {
        padding: 30px 0 15px !important;
    }

    .node--type-brand-landing-page .brand-landing-isotope-item {
        margin-bottom: 15px;
    }

    .isotope-item-margin {
        margin-bottom: 15px;
    }

    .node--type-whats-new-page .brand-landing-isotope-item {
        margin-bottom: 0;
    }
}

@media screen and (width: 768px) {
    .explore-more-brands-carousel .owl-carousel .next-slide {
        right: -80px !important;
    }

    .explore-more-brands-carousel .owl-carousel .prev-slide {
        left: -80px !important;
    }
}

@media (max-width: 767px) {
    .explore-more-brands-carousel .owl-carousel .next-slide {
        background: url(../../images/arrow-right-white-50x50.png) no-repeat scroll 6px 3px !important;
        background-color: rgba(33, 35, 34, .75) !important;
        padding: 27px !important;
    }

    .explore-more-brands-carousel .owl-carousel .prev-slide {
        background: url(../../images/arrow-left-white-50x50.png) no-repeat scroll 0px 4px !important;
        background-color: rgba(33, 35, 34, .75) !important;
        left: -52px !important;
        padding: 27px !important;
    }

    .node--type-brand-detail-page .field--name-field-explore-auto-product-sect {
        padding: 0;
    }

    .node--type-brand-detail-page .success-title-text {
        padding: 15px 0 !important;
    }

    .circular-parent-container {
        margin: 15px 0;
    }

    .node--type-brand-detail-page .success-brand-carousel {
        margin-bottom: 15px !important;
    }

    .node--type-application-landing-page .isotope-container ul {
        padding: 0;
    }
}


/* END - APPLICATION AND BRAND LANDING PAGE */


/* Overwriting Node CSS */

.node--unpublished {
    background-color: #ffffff;
}


/*Tools Landing Page Styles*/

.page-node-type-tools-landing-page header {
    padding-bottom: 0;
}

@media (max-width: 768px) {

    .page-node-type-tools-landing-page .block-tools-cta .container,
    .page-node-type-control-detail-page .control-detail-cta .container,
    .page-node-type-product-family .product-family-cta .container {
        width: 100%;
    }
}

.page-node-type-tools-landing-page .main-content section.sidebar,
.global_detail_page .main-content section.sidebar {
    padding: 0;
    height: 0;
}

.path-frontpage .region-sidebar-first {
    padding: 0;
}

.node--type-tools-landing-page .isotope-container .isotope-item .views-field-field-main-title p {
    padding-bottom: 0;
}

.node--type-tools-landing-page .brand-items-category-desc {
    width: 100%;
    font-size: 18px;
    float: left;
}

.node--type-tools-landing-page .brand-items-category-name p,
.node--type-tools-landing-page .brand-items-category-desc p {
    padding: 0;
}

.block-tools-cta,
.generic-cta,
.product-family-cta {
    width: 100%;
    background: #1c1c1c;
    padding: 30px;
    float: left;
    margin-top: 5rem;
}

@media (max-width:768px) {

    .block-tools-cta,
    .generic-cta,
    .product-family-cta {
        margin-top: 3rem;
    }
}

.generic-cta {
    background: #212322;
}

.block-tools-cta p,
.generic-cta p {
    font-size: 30px;
    color: #ffffff;
    padding: 0 30px 15px;
}

.control-detail-cta p {
    font-size: inherit;
    color: #ffffff;
}

.control-callout-section .control-detail-cta .isotope-container {
    padding: 0 30px;
}

.success-view-button {
    width: 100%;
    float: left;
    margin: 45px 0;
}

.block-tools-cta .separator {
    background-color: #aaaaaa;
    width: 1px;
    margin: 0 45px;
    opacity: .5;
}

.control-detail-cta .separator {
    min-height: 75px;
}

@media (max-width:767px) {
    .node--type-tools-landing-page .isotope-container {
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
    }

    .global_detail_page .isotope-container {
        margin: 0 !important;
        width: 100%;
    }
}

@media (max-width:768px) {
    .control-detail-cta .separator {
        display: none;
    }

    .block-tools-cta p,
    .block-tools-cta .tools-header,
    .global_detail_page .block-tools-cta p.tools-header {
        font-size: 24px;
        padding: 20px 0;
        text-align: center;
    }

    .block-tools-cta .tools-header {
        padding: 0;
    }

    .global_detail_page .block-tools-cta p {
        font-size: inherit;
    }

    .control-detail-cta .control-detail-title p {
        font-size: 24px;
    }

    .global_detail_page .block-tools-cta .control-detail-title,
    .global_detail_page .block-tools-cta .control-detail-title p {
        padding-bottom: 0;
    }
}

.global_landing_page .views-row.col-md-6:nth-child(2n+1),
.global_landing_page .views-row.col-sm-6:nth-child(2n+1) {
    clear: inherit !important;
}

.main-title-color {
    color: #1c1c1c;
}


/*Tools Landing Page End*/


/* Navigation - Menu - Language Drop Down */

.banner {
    display: none;
}

.menu-1 {
    left: 20px !important;
}

.menu-2 {
    left: 10.5% !important;
}

.spaces {
    margin-top: 8px !important;
}

.wrapp {
    white-space: nowrap !important;
}

.menu-3 {
    left: 23.5% !important;
}

.menu-4 {
    left: 37.5% !important;
}

.menu-5 {
    left: 48.5% !important;
}

.menu-7 {
    left: 77.5% !important;
}

path-frontpage {
    .page {
        padding-top: 66px;
    }

    .tp-leftarrow,
    .tp-rightarrow {
        transform: none !important;
    }
}

:not(.path-frontpage) {

    /* .page {
        padding-top: 66px;
    } */
    .main-content {
        padding: 0px;
    }

    /* .row {
        margin-right: auto;
        margin-left: auto;
    } */
}

.header-inside-third {
    margin-top: 20px;
}

.path-products-list,
.path-search-list,
.path-article-studies,
.path-documents-resources {

    .header-view-toggle-section {
        padding-top: 15px;
    }

    .body-view-section {
        margin-top: 15px;
    }

    .view-header-title-content {
        font-size: 24px;
    }


}

.path-frontpage {
    .header-container {
        padding: 0;
        /* background-color: #ffffff; */
        position: absolute;
        padding-bottom: 0px;
        /* background: none; */
        z-index: 9999;
        background: none;
        background-color: #fff;
    }
}

.header-container .header-top {
    position: relative;
    z-index: 9999;
}

.header-container .header {
    position: relative;
    z-index: 999;
    top: 0 !important;
}

.myMarket-place #account-userpage a,
.myMarket-place #account-userlogout a {
    font-size: 11px;
    font-weight: 400;
    padding: 1em 1.5em;
    line-height: inherit;
    border-bottom: none;
}

.myMarket-place #account-userpage a:hover,
.myMarket-place #account-userlogout a:hover {
    border-bottom: none;
}

.header-top-area>.region-header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.header-top-area div.block-language-dropdown-blocklanguage-interface {
    order: -1;
    padding: 0;
}

.header-top-area div.block-superfish {
    width: auto;
    order: 1;
}

.header-top-area .block-commerce-cart {
    order: 2;
}

.header-top-area .lang_dropdown_form .ldsSkin {
    border: none;
    width: auto !important;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddTitle {
    background: none;
    color: #1c1c1c;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    padding: .85em 1.5em;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddTitle:hover {
    color: #1c1c1c;
    cursor: pointer;
}

.header-top-area .lang_dropdown_form .ldsSkin .divider,
.header-top-area .lang_dropdown_form .ldsSkin .ddArrow {
    display: none;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddChild {
    background: none;
    border: none;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddChild li {
    background-color: rgba(83, 86, 90, 0.95);
    border-radius: 0;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
    min-width: 175px;
    float: right;
    border-bottom: 1px solid #fff !important;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddChild li .ddlabel {
    color: #fff;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddChild li:hover,
.header-top-area .lang_dropdown_form .ldsSkin .ddChild li.selected,
.header-top-area .lang_dropdown_form .ldsSkin .ddChild li:hover .ddlabel,
.header-container .sf-menu ul li a:hover {
    background: #1c1c1c;
    color: #fff;
}

.header-top-area .lang_dropdown_form .ddcommon .shadow {
    overflow: inherit;
    padding-top: 5px;
    background: transparent;
    box-shadow: none;
}

@media only screen and (max-width: 576px) {
    .header-top-area .lang_dropdown_form .ddcommon .shadow {
        z-index: 999 !important;
    }
}

.header-top-area .lang_dropdown_form .ddcommon .shadow ul {
    -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    min-width: 175px;
    float: right;
}

.header-top-area .ldsSkin .ddTitle .ddTitleText {
    background: url(../../images/world-icon-white-256x256.png) no-repeat center right;
    background-size: 15px;
    padding-right: 25px
}

.menu--utility ul.clearfix.menu li a,
.header-top-area ul.menu li.menu-item a {
    font-size: 11px;
    font-weight: 400;
    padding: .85em 0;
    margin: 0 1.5em;
    color: #fff;
}

.menu--utility ul.clearfix.menu {
    padding: 1px 5px;
}

@media only screen and (max-width: 576px) {
    .menu--utility ul.clearfix.menu {
        padding: 0px;
        display: block;
    }

    .header-container ul.menu {
        text-align: center;
    }

    .menu--utility ul.clearfix.menu li a,
    .header-top-area ul.menu li.menu-item a {
        padding: .85em 0;
    }

    .header-top-area ul.menu li.menu-item a {
        padding-bottom: 0;
        margin: 0 .5em;
    }
}

.myMarket-place li ul li {
    border-bottom: 1px solid #fff;
    line-height: 100%;
}

.myMarket-place li a,
.header-container .sf-menu ul li a {
    margin: 0
}

@media only screen and (max-width: 1024px) {
    .disp-block {
        display: block !important;
    }
}

@media only screen and (max-width: 576px) {

    .myMarket-place #account-userpage a,
    .myMarket-place #account-userlogout a {
        padding: 1em;
    }

    .header-top-area .lang_dropdown_form .ddcommon .shadow ul {
        float: left;
    }

    .header-inside {
        padding-top: 10px;
    }
}

.cart--cart-block {
    font-size: 11px;
    text-transform: uppercase;
}

.cart-block--summary__icon {
    margin-right: 5px;
}

.header-top-area .lang_dropdown_form .ldsSkin:focus {
    outline: none;
}


/* Product Category Filter*/

@media (min-width: 991px) {
    .path-product-family .isotope-item .img-height {
        height: 133px;
    }
}

@media only screen and (max-width: 768px) {
    .upcoming-training-section-small {
        display: block;
    }

    .upcoming-training-section-large {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .upcoming-img-container {
        background-size: 51% 100% !important;
    }

    .upcoming-training-section-small {
        display: none;
    }

    .upcoming-training-section-large {
        display: block;
        background-color: #212322;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-right,
.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-left {
    width: 60px;
    height: 60px;
    color: rgb(255, 255, 255);
    background-color: rgba(33, 35, 34, 0.75) !important;
    border-radius: 50%;
    display: flex;
    font-size: 60px;
    line-height: 1;
}

.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .prev-slide,
.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .next-slide {
    background-image: none;
    background: none !important;
    padding: 0 !important;
}

.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-right::before,
.brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-left::before {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {

    .brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-right,
    .brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .nav-btn .fa-angle-left {
        width: 45px;
        height: 45px;
        font-size: 32px;
    }

    .brand-logo-carousel-container .explore-more-brands-carousel .owl-carousel .next-slide {
        right: -61px;
    }
}


/* PRINT CSS STYLE */

#print-only {
    display: none;
}

@media print {
    .noprint {
        display: none;
    }

    #print-only {
        display: block;
    }
}


/* Calculators CSS */

.bdr {
    margin: 30px 0;
}

.highlight {
    color: red;
}

.form-inputs-div {
    display: flex;
}

.form-input-left-div {
    flex-basis: 50%;
    text-align: left;
}

.form-input-right-div {
    flex-basis: 50%;
}

.calc-form-input {
    padding-left: 5px;
    padding: 2px 5px;
    background-color: #fff !important;
    border: 1px solid rgb(118, 118, 118) !important;
    border-radius: 5px;
}

.calculator-page .calc-form-input {
    text-align: center;
}

.calc-form-input:focus {
    background-color: #eee !important;
    outline: none;
    border: 1px solid #F3B037 !important;
}

.disabled-input {
    background-color: #eee !important;
}

.result-table {
    background-color: #FFF5E4;
    color: #3f3f3f;
}

.calc-title-text {
    text-align: left;
    font-size: 18px;
}

.result-data-table td {
    padding: 20px;
}

.simple-light-energy-page-form .textBlockWide .calc-form-input {
    width: 100%;
}

.page-node-type-html-code .banner-area .block-system-breadcrumb-block {
    background-color: #fff;
}

.lpu-tool-parent-page-content {
    background-color: #ffffff;
    padding: 30px;
    text-align: center;
}

.lpu-tool-title-1 {
    padding-top: 20px;
    margin-top: 0px;
}

.lpu-tool-title-2 {
    margin-top: 10px;
    color: #1c1c1c;
    padding-bottom: 15px;
}

@media (max-width: 767px) {

    .form-input-left-div,
    .form-input-right-div {
        flex-basis: 100% !important;
    }

    .result-table .calc-form-input {
        width: 100%;
    }

    .result-data-table td {
        padding: 20px 10px;
    }

    .tools-description {
        margin-top: 30px;
    }

    .lpu-tool-parent-page-content {
        margin-bottom: 30px;
        padding: 15px;
    }
}

@media screen and (min-width: 768px) {
    .form-width {
        width: 70%;
        margin: 30px auto;
    }
}

@media screen and (min-width: 769px) {
    .lighting-energy-est-table-block table {
        margin: 0;
    }

    .result-col-md-pr-0 {
        padding-right: 0;
    }

    .result-col-md-pl-0 {
        padding-left: 0;
    }

    .md-mb-25 {
        margin-bottom: 25px;
    }

    .md-mt-30 {
        margin-top: 30px;
    }
}


/* END Calculators CSS */


/* DAINTREE MARKETO RADIO LIST ITEMS CSS STYLE */

.mktoRadioList {
    float: right !important;
    width: 300px !important;
    height: 70px !important;
    padding-top: 20px !important;
}


/* END */


/* Utility Menu CSS*/

#block-europeenglishutilitymenu ul.clearfix.menu,
#block-canadianfrenchutilitymenu ul.clearfix.menu,
#block-latamutilitymenu ul.clearfix.menu {
    padding: 5px 0 5px 0 !important;
}


/* End */


/* Mega Menu Search CSS STARTS */

form.we-mega-menu-search-form input.form-search {
    background: transparent;
    width: 0;
    position: absolute;
    z-index: 498;
    right: -25px;
    top: -10px;
    -webkit-transition: all linear 0.35s;
    -moz-transition: all linear 0.35s;
    -o-transition: all linear 0.35s;
    -ms-transition: all linear 0.35s;
    transition: all linear 0.35s;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border-bottom: none;
    color: #1c1c1c;
    padding: 11px 15px;
}

form.we-mega-menu-search-form input[type="submit"] {
    background-color: transparent;
    min-width: 0;
    color: #1c1c1c;
    position: relative;
    z-index: 499;
    height: 44px;
    margin: 0 15px 0 0;
    padding: 10px;
}

form.we-mega-menu-search-form button {
    background-color: transparent;
    border: none;
}

form.we-mega-menu-search-form .form-submit:after {
    color: #1c1c1c;
    content: "\f002";
    font-family: 'Fontawesome';
    font-size: 16px;
    opacity: 1;
    font-weight: 400;
    line-height: 36px;
    z-index: 9998;
    position: absolute;
    top: -7px;
}

@media (min-width: 768px) {

    form.we-mega-menu-search-form:hover input.form-search,
    form.we-mega-menu-search-form input.form-search:focus {
        width: 350px;
        background-color: #dddddd;
        color: #1c1c1c;
    }
}

@media screen and (max-width: 1179px) {
    form.we-mega-menu-search-form .form-submit:after {
        top: 0px;
    }
}


/* Mega Menu Search CSS ENDS */


/* megamenu css */

.mobile-menu-down-arrow,
.mobile-menu-up-arrow {
    display: none;
}

@media screen and (max-width: 1024px) {
    .navbar-we-mega-menu.navbar .nav-tabs .dropdown-menu>.we-mega-menu-li:after {
        right: 15px;
    }

    .we-mega-menu-submenu {
        display: none;
        width: 100% !important
    }

    .we-mega-menu-li>.we-megamenu-link-container .fa-angle-down.active:before {
        content: "\f106";
    }

    .navbar-we-mega-menu .explore-link-row .span4,
    .navbar-we-mega-menu .explore-link-row .span3 {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1024px) {

    .mobile-menu-down-arrow,
    .mobile-menu-up-arrow {
        float: right;
        font-size: 25px !important;
        color: #fff;
        padding: 7px 0;
    }

    .mobile-navigation {
        display: block !important;
    }

    .desktop-navigation {
        display: none !important;
    }

    .header-area .header-inside-third {
        float: right;
    }

    .we-megamenu-link-container {
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        float: left;
        width: 100%;
        padding: 0px;
        background-color: transparent;
    }

    .navbar-we-mega-menu.navbar ul a.is-active,
    .navbar-we-mega-menu.navbar ul .we-megamenu-nolink.is-active {
        background-color: transparent;
    }

    .we-mega-menu-row .we-megamenu-link-container {
        border: none;
    }

    .navbar-we-mega-menu.navbar .nav .open>.we-megamenu-link-container {
        background-color: #1a1a1a;
    }

    .we-mega-menu-group .we-megamenu-link-container {
        background-color: transparent !important;
    }

    .we-megamenu-link-container.mobile-navigation .navbar-we-mega-menu.navbar ul>li ul li .we-megamenu-nolink {
        width: fit-content;
    }

    .navbar-we-mega-menu.navbar ul>li ul li .we-megamenu-nolink {
        float: left;
        width: fit-content;
        padding: 12px 0;
        font-weight: 700;
    }

    .arrow-icons {
        display: none !important;
    }

    .we-mega-menu-li.dropdown-menu>.we-megamenu-link-container .mobile-menu-down-arrow {
        display: inline-block !important;
    }

    .we-mega-menu-li.dropdown-menu>.we-megamenu-link-container {
        display: inline-block !important;
        padding: 0 15px;
    }

    .navbar-we-mega-menu.navbar ul a,
    .navbar-we-mega-menu.navbar ul .we-megamenu-nolink {
        width: fit-content;
        display: inline-block;
        color: #ffffff !important;
        border-bottom: none;
    }

    .navbar-we-mega-menu.navbar ul a:focus {
        border: none;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .we-mega-menu-submenu li.mega-menu-arrow-link a.we-mega-menu-li:after,
    .we-mega-menu-submenu li.mega-menu-arrow-left-align a.we-mega-menu-li:after {
        color: #ffffff !important;
    }

    .we-mega-menu-li.open>.we-megamenu-link-container .fa-angle-down:before {
        /* icon toggle on arrow click */
        content: "\f106";
    }

    .we-mega-menu-li>.we-megamenu-link-container .fa-angle-down:before {
        content: "\f107";
    }

    .we-mega-menu-li.open .we-mega-menu-submenu-inner .we-megamenu-link-container .fa-angle-down:before {
        content: "\f106";
    }

    .subul>.we-mega-menu-li.dropdown-menu>.we-megamenu-link-container.mobile-navigation {
        padding: 0;
    }

    .subul>.we-mega-menu-li.dropdown-menu>.we-megamenu-link-container.mobile-navigation a {
        padding: 12px 0 0;
        font-weight: normal;
        word-break: break-word;
        width: 90%;
        line-height: normal;
    }

    .we-mega-menu-li.open .we-mega-menu-submenu-inner .we-mega-menu-row {
        margin: 0 0 0px;
    }

    .we-megamenu-control-link>div.mobile-navigation>a {
        border-bottom: none;
    }

    .navbar-we-mega-menu.navbar ul>li ul {
        padding-bottom: 5px !important;
    }

    .navbar-we-mega-menu .span12.explore-all-bottom {
        padding: 0px;
    }

    .navbar-we-mega-menu.navbar ul>li ul li a {
        padding-right: 10px;
    }
}

@media screen and (min-width: 1025px) {
    .mobile-navigation {
        display: none;
    }

    .desktop-navigation {
        display: block;
    }

    .desktop-navigation.mobile-menu-down-arrow,
    .desktop-navigation.mobile-menu-up-arrow {
        display: none;
    }

    .navbar-we-mega-menu .nav-tabs>li.active>a:focus,
    .navbar-we-mega-menu .nav-tabs>li.active>a:hover,
    .we-mega-menu-ul>.we-mega-menu-li.active-trail>a {
        /* for black background coming inside navigation  */
        background-color: transparent;
    }

    .we-mega-menu-ul>.dropdown-menu>a {
        padding: 0;
    }

    .we-mega-menu-ul>.dropdown-menu>a,
    .we-mega-menu-submenu li.we-mega-menu-li a {

        text-decoration: none;
        transition: linear 0.3s;
    }

    .we-mega-menu-ul>.dropdown-menu>a:visited,
    .we-mega-menu-submenu li.we-mega-menu-li a:visited {
        color: #fff;

        text-decoration: none;
    }

    .we-mega-menu-ul>.dropdown-menu>a:hover,
    .we-mega-menu-submenu li.we-mega-menu-li a:hover,
    .we-mega-menu-submenu li.we-mega-menu-li a:focus {

        border-bottom: 1px solid rgb(241, 243, 245);
        text-decoration: none;
    }

    .we-mega-menu-ul>.we-mega-menu-li {
        border-left: none;
    }

    .we-mega-menu-submenu {
        background: #1c1c1c;
        padding: 2rem;
    }
}

.we-megamenu-anchor-link {
    width: fit-content;
    display: inline-block !important;
    border: none;
}

.disp-none {
    display: none !important;
}


/* END megamenu css */


/* START: NEW MASONRY GALLERY SECTION CSS CODE  */

.wrapper {
    padding: 8px 8px 8px 0;
    width: 100%;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.masonry {
    display: flex;
    width: 100%;
}

.masonry--h {
    flex-flow: row wrap;
}

.masonry--h {
    margin-left: 0px;
    /*Adjustment for the gutter */
    counter-reset: brick;
}

.masonry-brick {
    overflow: hidden;
    border-radius: 0px;
    margin: 0 -10px 10px 0px;
    /* Some Gutter */
    background-color: #333;
    color: white;
    position: relative;
}

.masonry-brick:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5000;
    transform: translate(-50%, -50%);
    /*counter-increment: brick;
  content: counter(brick);*/
    transition: font-size .25s, opacity .25s ease-in-out;
    font-weight: 700;
    opacity: .5;
    font-size: 1.25em;
}


/*.masonry-brick:hover:after {
  font-size: 2.25em;
  opacity: 1;
}*/

.masonry-brick--h {
    flex: auto;
    height: 250px;
    min-width: 150px;
    cursor: pointer;
}

@media only screen and (min-width: 1024px) {

    /* Horizontal masonry bricks on desktop-sized screen */
    .masonry-brick--h:nth-child(4n+1) {
        width: 250px;
    }

    .masonry-brick--h:nth-child(4n+2) {
        width: 325px;
    }

    .masonry-brick--h:nth-child(4n+3) {
        width: 180px;
    }

    .masonry-brick--h:nth-child(4n+4) {
        width: 380px;
    }
}

@media only screen and (max-width: 767px) {
    .masonry-brick {
        margin: 0 0 10px 0;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {

    /* Horizontal masonry bricks on tabled-sized screen */
    .masonry-brick--h:nth-child(4n+1) {
        width: 200px;
    }

    .masonry-brick--h:nth-child(4n+2) {
        width: 250px;
    }

    .masonry-brick--h:nth-child(4n+3) {
        width: 120px;
    }

    .masonry-brick--h:nth-child(4n+4) {
        width: 280px;
    }

    .masonry-brick {
        margin: 0 -5px 15px 0;
    }
}

.masonry-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    /*filter: brightness(50%);*/
}


/* END: NEW MASONRY GALLERY SECTION CODE */


/* Laszlo - changes on specs line break */

.node--type-product-family .w-50 {
    word-break: unset !important;
}


/* Product Catlog - Styles for ideas landing */

.story-types-item-list a {
    display: block;
    width: 100%;
    padding: 10px 6px;
    font-size: 12px;
    border: 1px solid #1c1c1c;
    border-radius: 30px;
}

.story-types-item-list a.is-active,
.story-types-item-list a:hover {
    color: #ffffff;
    background-color: #1c1c1c;
}

.story-types-item-list a.is-active:hover {
    color: #1c1c1c;
    background-color: #ffffff;
}

.story-tags-dropdown select,
.story-type-dropdown select {
    background-color: #ffffff;
    margin: 0;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    text-indent: 5px;
    font-size: 14px;
}

.story-tags-dropdown select.js-facets-widget,
.story-type-dropdown select.js-facets-widget {
    padding-left: 10px !important;
}

div.story-tags-dropdown {
    float: left;
    width: 30%;
}

.story-type-dropdown>select {
    background-color: #1c1c1c !important;
    color: #ffffff;
    border-radius: 0;
    padding-left: 5px !important;
    background-image: linear-gradient(transparent, transparent), url(../../images/angle-down-white.svg);
    background-size: 21px 21px;
}

@media (max-width:767px) {
    .story-tags-dropdown select {
        background-color: #e9e9e9 !important;
        border-radius: 0px !important;
    }

    div.story-tags-dropdown {
        width: auto;
        float: none;
        margin: 0 -15px;
    }

    .story-type-dropdown>select {
        background-color: #1c1c1c !important;
        color: #ffffff;
        border-radius: 0;
        padding-left: 5px !important;
    }

    .path-inspiration .isotope-container ul {
        padding: 0;
    }
}

.path-inspiration h1.page-title {
    display: none;
}

@media (min-width: 768px) {
    .path-inspiration h1.page-title {
        margin-top: 45px;
    }
}


/* End Product Catlog - styles for ideas landing */


/* ------------- Begin Document Library --------------*/

.block-views-exposed-filter-blockdocument-library-page-doc-lib {
    padding: 0 !important;
}

.doc-lib .views-field-title a {
    display: inline-block;
}

#products-top .form-type-textfield.js-form-item-doc-lib.form-item-doc-lib {
    display: none;
}

#products-top .button.js-form-submit.form-submit {
    display: none;
}

.sidebar div.form-type-select.js-form-item-sort-by.form-item-sort-by,
.sidebar div.form-type-select.js-form-item-sort-order.form-item-sort-order {
    display: none;
}

.path-document-library #products-top .form-item-sort-by,
.path-document-library #products-top .form-item-sort-order {
    border: 1px solid;
    border-radius: 5px;
}

.path-document-library #products-top .form--inline {
    border: none;
}

.path-document-library #products-top .form-item-sort-order {
    margin-right: 0;
}

.path-document-library #products-top {
    background: rgba(157, 160, 161, .15);
    padding: 10px 10px 5px;
    margin: 20px 0 30px 0;
}

.path-document-library #products-top .view-header {
    margin-bottom: 0;
}

.path-document-library .block-views-exposed-filter-blockdocument-library-page-doc-lib {
    width: auto;
    display: inline-block;
}

.row-document-data {
    padding: 20px 0;
    border-bottom: 1px solid;
    float: left;
    width: 100%;
}

.path-document-library #products-bottom .pager {
    float: none;
}

.path-document-library #products-bottom .pager .pager__items {
    padding-bottom: 30px;
}

.path-document-library .sidebar-first input.form-text {
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 15px;
    width: 81%;
    float: left;
}

.search-icon-btn {
    float: left;
    background-color: #1c1c1c;
    padding: 10px;
    border: none;
    height: 43px;
}

.search-input-container .search-icon-btn {
    width: 19%;
}

.doc-lib-table-mb,
.doc-lib-table-time {
    display: inline-block;
}

.path-products-list .block-facet--checkbox h2.title {
    font-family: 'Aeonik-Regular', Open Sans, Helvetica Neue, Arial, Sans-serif;
    font-weight: 400;
    font-size: 1.35rem;
}

.path-document-library .doc-lib-option-title {
    float: left;
    width: 83%;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}

/* #block-startupgrowth-facetsactivefiltersblock {} */

.facets-widget-range_slider h5 {
    margin: 10px 0 5px 0;
}

.path-document-library #edit-submit-document-library--3 {
    /* hiding search filter Apply btn for document library*/
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.path-document-library .doc-lib-option-icon-container {
    display: inline-block;
    width: 17%;
    margin: 10px 0 0;
}

.doc-lib-option-icon-container {
    display: none;
}

.doc-lib-plus-icon,
.doc-lib-minus-icon,
.doc-lib-plus-icon-white,
.doc-lib-minus-icon-white {
    width: 18px;
    filter: grayscale(1);
    opacity: 1;
    cursor: pointer;
}

.doc-lib-search-icon {
    height: 23px;
}

.doc-lib-plus-icon,
.doc-lib-plus-icon-white {
    display: none;
}

.doc-lib-options-container {
    float: left;
    width: 100%;
}

.filter-text {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.filter-container {
    background-color: rgba(157, 160, 161, 1);
    padding: 10px 15px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .path-document-library #products-top {
        /* hiding pink tab in mobile mode */
        display: none;
    }
}

@media (min-width: 768px) {
    .filter-container {
        display: none;
    }

    .path-document-library #products-top .view-header {
        width: 30%;
        font-size: 14px;
        padding-top: 8px;
    }
}


/* ------------- End Document Library --------------*/


/*daintree-block*/

.daintree-block .img-block {
    border: 1px solid #e9e9e9;
}

.daintree-block ul.links {
    padding: 0;
}

.daintree__title p {
    color: #1c1c1c;
    font-size: 24px;
}

.daintree-block ul {
    padding-left: 2rem;
}

.daintree-block ul.field__items {
    margin: 0;
}

.daintree-block .p-4 ul li {
    margin-bottom: 1rem;
}

.daintree-equal-column {
    position: relative;
}


/* Masonry Grid item */

.masonry-grid-item {
    display: flex;
    flex-direction: row;
}

.masonry-grid-item .left-col {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 8%;
    background: #212322;
    position: relative;
}

.masonry-grid-item a.button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 13px 23px;
}

.masonry-grid-item .left-col:hover {
    background: #fff;
    color: #1c1c1c;
}

.masonry-grid-item .left-col:hover a.button {
    background-color: #212322;
}

.masonry-grid-item .left-col:hover .views-field-title {
    color: #ffffff;
}

.masonry-grid-item .right-col {
    flex-basis: 50%
}

.masonry-grid-item .views-field-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.masonry-grid-item .views-field-body div {
    margin: .75rem 0;
    color: #fff;
}

.masonry-grid-item-body:after {
    content: "\f0d9";
    font-family: "FontAwesome";
    font-size: 10rem;
    position: absolute;
    top: 50%;
    line-height: 70px;
    margin-top: -35px;
}

.masonry-grid-item-body:after {
    color: #212322;
}

.masonry-grid-item-body:hover:after,
.masonry-grid-item .left-col:hover:before {
    color: rgba(157, 160, 161, 1);
}

.view-promoted-items-masonry:nth-of-type(odd) .masonry-grid-item-body:after {
    right: -30px;
    transform: rotate(180deg);
}

.view-promoted-items-masonry:nth-of-type(even) .masonry-grid-item-body:after {
    left: -30px;
    transform: rotate(0deg);
}

@media (max-width: 767px) {
    .masonry-grid-item {
        flex-direction: column-reverse;
    }

    .masonry-grid-item .left-col {
        padding: 10%;
    }

    .masonry-grid-item .left-col:before {
        content: "\f0d9";
        font-family: "FontAwesome";
        font-size: 10rem;
        position: absolute;
        top: -55px;
        left: 45%;
        line-height: normal;
        transform: rotate(90deg);
        color: #212322;
    }

    .daintree-block .img-block {
        margin-bottom: 20px;
    }

    .view-promoted-items-masonry:nth-of-type(odd) .masonry-grid-item-body:after,
    .view-promoted-items-masonry:nth-of-type(even) .masonry-grid-item-body:after {
        display: none;
    }

    .view-promoted-items-masonry:nth-of-type(even) {
        margin: 20px 0;
    }

    .view-promoted-items-masonry:nth-of-type(even) .masonry-grid-item {
        flex-direction: column;
    }
}


/* Daintree page CSS */

.path-daintree-devices #products-bottom .pager {
    float: none;
}

.page-node-type-product-sub-category-page .pager__items,
.path-daintree-devices #products-bottom .pager__items {
    text-align: center;
}

.path-daintree-devices #products-top {
    display: none;
}

.path-daintree-devices .block-facet-blockexternal-product-type,
.path-daintree-devices #products-top,
.path-daintree-devices .view-content,
.path-daintree-devices #products-bottom {
    float: left;
    width: 100%;
}

.path-daintree-devices .isotope-container .isotope-item .views-field-field-product-image {
    border: 1px solid #e9e9e9;
}

.path-daintree-devices #block-daintreeheaderblock {
    padding-bottom: 0;
}

.pad-15 {
    padding: 15px 0;
}

.pad-right-20 {
    padding-right: 20px;
}

.marg-bottom-35 {
    margin-bottom: 35px;
}

.marg-bottom-30 {
    margin-bottom: 30px;
}

.marg-auto {
    margin: 0 auto;
}

.daintree-isotope-items .views-field-field-main-title {
    padding-bottom: 0 !important;
}

@media (max-width: 767px) {
    .path-daintree-devices #block-daintreeheaderblock {
        padding: 0 15px;
    }

    .path-daintree-devices .stories-isotope-page .mobile-view-header {
        display: none;
    }

    .path-daintree-devices .isotope-container {
        padding-top: 15px;
    }

    .path-daintree-devices .story-type-dropdown>select {
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    .path-daintree-devices .isotope-container ul {
        padding: 0px;
    }
}

@media (min-width: 768px) {
    .path-daintree-devices .isotope-container {
        padding: 45px 0 0;
        float: left;
    }

    .daintree-isotope-items .views-field-field-link {
        margin: 15px 0;
    }

    .daintree-isotope-items .readmore-link {
        position: absolute;
        bottom: 15px;
    }
}


/* END Daintree page CSS */


/* Product Sub-category page */

.prod-sub-category-col ul.links {
    padding: 0 !important;
}

.prod-sub-category-equal-column {
    border: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
    .page-node-type-product-sub-category-page .isotope-container {
        padding: 0 !important;
    }

    .owl-carousel-text-container {
        padding: 15px;
    }
}


/* END Product Sub-category page */

@media (min-width: 768px) {
    .owl-carousel .owl-stage {
        display: flex;
        left: 2px;
    }

    .success-row {
        display: flex;
        flex-wrap: wrap;
    }

    .is-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .is-flex .flex-col-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column !important;
        display: flex !important;
    }

    .large-device-flex-grow {
        flex-grow: 1;
    }

    .large-device-disp-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
    }

    .bottom-absolute-left-container {
        position: absolute;
        bottom: 15px;
    }

    .bottom-absolute-left-container-margin {
        margin: 15px 0;
    }

    .bottom-isotope-item-right-container {
        right: 0;
        padding: 0 15px;
        position: absolute;
        bottom: 5px;
    }
}

.isotope-item-text-container-with-border {
    padding: 10px 15px;
    border: 1px solid #e9e9e9;
}

.prod-subcategory-isotope-item-title {
    padding: 10px 0;
    word-break: break-word;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.disp-block {
    display: block;
}

.disp-inline-block {
    display: inline-block;
}

.marg-top-bottom-15 {
    margin: 15px 0;
}

iframe {
    width: 100%;
}

@media (max-width: 767px) {
    iframe {
        height: 100%;
    }

    .page-node-type-product-sub-category-page .isotope-container ul {
        padding: 0px;
    }
}


/* Hero banner large and small*/

.hero-banner-small .hero-section-text .hero-section-btn a {
    background-color: #1c1c1c;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 13px 23px;
    display: inline-block;
    color: #ffffff;
    min-width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
}

.hero-banner-small .hero-section-text .hero-section-btn a:hover {
    text-decoration: none;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}


/* .hero-banner-large .hero-section-text .hero-section-btn, */

.hero-banner-small .hero-section-text .hero-section-btn {
    display: flex;
    justify-content: center;
}


/* Hero banner large and small*/

.hero-banner-homepage .hero-banner-container {
    display: flex;
    height: 500px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hero-banner-homepage .hero-banner-container .hero-section-content {
    width: 100%;
}

.hero-banner-homepage .hero-banner-container .hero-section-content .hero-section-text {
    background-color: rgba(33, 35, 34, .75);
    color: #ffffff;
    padding: 20px;
    width: 65%;
    margin: 0 auto;
}

.hero-banner-homepage .hero-section-btn {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 75px;
}

.hero-banner-homepage .hero-section-btn a {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #fff;
    background-color: #1c1c1c;
    color: #fff;
}

.hero-banner-homepage .hero-section-btn a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .hero-banner-homepage .hero-banner-container .hero-section-content .hero-section-text {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .hero-banner-homepage .hero-banner-container {
        height: 300px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
    }

    .hero-banner-homepage .hero-banner-container .hero-section-content .hero-section-text {
        width: 90%;
    }
}


/* Where to Buy css */

body.hff-43 .w2b-block-content a#useMyLocation {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(91, 137, 180, .5);
    text-decoration: none;
    transition: linear 0.3s;
}

body.hff-43 .w2b-block-content #useMyLocation:visited {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(157, 160, 161, .5);
    text-decoration: none;
}

body.hff-43 .w2b-block-content #useMyLocation:hover {
    color: #1c1c1c;
    border-bottom: 1px solid rgba(91, 137, 180, 1);
    text-decoration: none;
}

.hero-section-desc p {
    font-size: 20px;
    line-height: 1.2;
}

.global_detail_page .hero-section-desc p {
    font-size: 18px;
    line-height: 1.5;
}

.html-section-area .html-sect-desc p {
    float: left;
    width: 100%;
    font-size: 1.6rem;
}

.page-node-type-where-to-buy .w2b-wrapper .with-customer .js-form-type-select {
    margin: 0;
    bottom: -20px !important;
}

.page-node-type-where-to-buy .w2b-wrapper .product-customer-type:disabled {
    background-color: #eee;
}

.page-node-type-where-to-buy .w2b-wrapper .product-customer-type {
    margin: 0;
    padding-right: 22px;
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
    border: 1px solid rgba(118, 118, 118, 0.3);
    border-radius: 4px;
    background-color: #ffff;
    background-image: url(../../images/angle-down-black.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 98.5% 50%;
}

.page-node-type-where-to-buy .filters-wrapper {
    width: 100%;
}

.page-node-type-where-to-buy .w2b-wrapper .form-autocomplete,
.page-node-type-where-to-buy .w2b-wrapper input[type="text"] {
    background-color: #fff;
    padding: 9px 15px;
    background-image: none;
    width: 50%;
    height: auto;
    float: left;
    border-radius: 8px;
    font-size: 14px;
}

.page-node-type-where-to-buy .w2b-wrapper #mapContainer .form-item-field-geolocation-proximity {
    float: left;
    position: unset;
    width: auto;
    padding-left: 15px;
    margin: 0;
}

.page-node-type-where-to-buy .w2b-wrapper .form-item-field-geolocation-proximity select {
    margin: 20px 0;
    padding: 9px 15px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #e5e5e5;
    margin: 0;
    border-radius: 8px;
    width: auto;
    height: auto;
    font-size: 14px;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form h2 {
    color: #3f3f3f;
    font-size: 2.8rem;
}

.page-node-type-where-to-buy .w2b-block-content .w2b-wrapper {
    max-width: none;
}

.page-node-type-where-to-buy .w2b-wrapper input.button.js-form-submit,
.page-node-type-where-to-buy .w2b-wrapper .w2b-btn,
.page-node-type-where-to-buy .w2b-wrapper a.w2b-btn {
    background-color: #1c1c1c;
    color: #fff;
    border: 1px solid #1c1c1c;
    font-weight: 400;
    min-width: 160px;
    padding: 15px;
    height: auto;
}

.page-node-type-where-to-buy .w2b-wrapper input.button.js-form-submit:hover,
.page-node-type-where-to-buy .w2b-wrapper .w2b-btn:hover,
.page-node-type-where-to-buy .w2b-wrapper a.w2b-btn:hover {
    background-color: #fff;
    color: #1c1c1c;
    text-decoration: none;
    border: 1px solid #1c1c1c !important;
}

.page-node-type-where-to-buy .w2b-wrapper .w2b-btn,
.page-node-type-where-to-buy .w2b-wrapper a.w2b-btn {
    color: #fff;
}

.page-node-type-where-to-buy .hero-section-title p {
    font-size: 30px;
    /* font-weight: bold; */
    text-transform: uppercase;
}

#data-wrapper {
    position: relative;
    width: 100%;
}

.page-node-type-where-to-buy .ajax-progress.ajax-progress-throbber {
    position: relative;
    width: auto;
    float: right;
    height: 52px;
    width: 30px;
    display: flex;
}

@media screen and (max-width: 767px) {
    .page-node-type-where-to-buy .ajax-progress.ajax-progress-throbber {
        width: 100%;
        height: auto;
        justify-content: center;
    }
}

.page-node-type-where-to-buy #block-startupgrowth-breadcrumbs--2 {
    /* temporary fix in where-to-buy to remove duplicate breadcrumb at top */
    display: none;
}

.page-node-type-where-to-buy #block-startupgrowth-page-title {
    /* temporary fix in where-to-buy to remove redundant page title at top */
    display: none;
}

.path-inspiration .main-area,
.path-inspiration .main-content,
.page-node-type-where-to-buy .main-area,
.page-node-type-where-to-buy .page,
.page-node-type-where-to-buy .main-content {
    padding: 0 !important;
}

.page-node-type-where-to-buy .node header {
    padding: 0;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .item-list ul li span {
    font-style: normal;
    font-size: inherit;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .w2b-result-proximity,
.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .w2b-result-title {
    display: inline-block;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .w2b-result-title {
    padding: 0;
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .w2b-result-title a {
    font-size: 20px;
}

.page-node-type-where-to-buy .views-field-title .w2b-result-title a,
.page-node-type-where-to-buy .views-field-title .w2b-result-title {
    font-size: 2rem;
    color: #1c1c1c;
    text-decoration: none;
    transition: linear 0.3s;
}

.w2b-block-content .reveal,
.w2b-result-title a {
    color: #1c1c1c !important;
    text-decoration: none;
    transition: linear 0.3s;
}

.page-node-type-where-to-buy .views-field-title .w2b-result-title a:visited,
.w2b-block-content .reveal:visited,
.w2b-result-title a:visited {
    text-decoration: none;
    border-bottom: 1px solid rgba(157, 160, 161, .5);
}

.page-node-type-where-to-buy .views-field-title .w2b-result-title a:visited,
.w2b-block-content .reveal:visited {
    text-decoration: none;
    border-bottom: 1px solid rgba(91, 137, 180, 1);
}

.page-node-type-where-to-buy .views-field-title span.field-content,
.page-node-type-where-to-buy .views-field-title span.w2b-result-title {
    display: inline-block;
}

.page-node-type-where-to-buy .w2b-results-right-div .views-field-title span.w2b-result-title {
    padding-left: 0;
    font-style: normal;
    font-size: 2rem;
    margin: 0 0 5px;
}

.page-node-type-where-to-buy .w2b-results-right-div .telephone-link-partial {
    padding-left: 0px;
}

.page-node-type-where-to-buy .address,
.page-node-type-where-to-buy .address span {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.page-node-type-where-to-buy .item-list ul li {
    line-height: normal;
}

.page-node-type-where-to-buy .item-list ul li span {
    font-style: normal;
    margin: 0 10px 0 0;
    padding: 0;
}

.page-node-type-where-to-buy span.w2b-result-counter {
    padding: 0 !important;
    font-style: 14px !important;
}

.block-menu.navigation {
    padding-bottom: 0;
}

.page-node-type-where-to-buy .w2b-results-left-div ul li .telephone-link-partial span {
    padding: 0;
    margin: 0;
}

.w2b-result-counter {
    filter: grayscale(1);
}

.w2b-block-content .about--list.w2b--list {
    margin-top: 3rem;
}

@media screen and (min-width: 1024px) {
    .w2b-results-left-div {
        margin-top: 30px
    }

    .w2b-wrapper .search-label-wrapper h2 {
        margin: 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .page-node-type-where-to-buy #block-wheretobuy {
        margin: 0;
    }

    .page-node-type-where-to-buy .hero-section-title p {
        font-size: 26px !important;
        line-height: 1.3;
        padding-bottom: 5px;
    }

    .where_to_buy {
        margin: 0 auto 15px;
    }
}

@media screen and (width: 768px) {
    .about.about--list.w2b--list>.container {
        /* fix for margin-auto issue in only 768px resolution */
        margin: 0;
    }
}

@media screen and (max-width: 576px) {

    .page-node-type-where-to-buy .w2b-wrapper .form-autocomplete,
    .page-node-type-where-to-buy .w2b-wrapper input[type="text"] {
        width: 70%;
    }

    .page-node-type-where-to-buy .w2b-wrapper #mapContainer .form-item-field-geolocation-proximity {
        width: 30%;
    }

    .block-menu.navigation {
        width: 100%;
    }
}


/* END Where to Buy css */


/* Homepage CSS */

.negative-row-margin {
    margin: 0 -15px;
}

.parallax-col-containers {
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.flex-text-container {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.homepage-value-prop-sect {
    float: left;
    width: 100%;
    background: #212322;
    color: #ffffff;
    text-align: center;
}

.value-prop-title {
    text-transform: uppercase;
    font-size: 24px;
    word-break: break-word;
    line-height: 1;
}

.value-prop-content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.text-uppercase {
    text-transform: uppercase;
}

.homepage-succ-story .hero-sect-main-title a {
    color: #3f3f3f;
    text-decoration: none;
}

.page-node-type-generic-page .success-title-text p {
    padding-bottom: 0;
}

.success-item-list-view-btn .bg-transparent-border a {
    color: #53565a !important;
    border: 2px solid #53565a !important;
    padding: 14px 23px;
    min-width: 200px;
    width: fit-content;
    transition: linear 0.3s;
}

.success-item-list-view-btn .bg-transparent-border a:hover {
    background-color: #53565a !important;
    color: #fff !important;
}

.page-node-type-generic-page .homepage-succ-story .content-link {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .value-prop-col {
        margin-bottom: 0;
    }

    .page-node-type-generic-page .success-title-text {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 768px) {
    .large-parallax-area {
        padding: 30px 0;
        height: auto !important;
    }

    .value-prop-col {
        margin-bottom: 15px;
    }

    .homepage-succ-story .hero-link-btn {
        margin: 0 auto 15px;
    }
}

@media (min-width: 769px) {
    .large-parallax-area {
        padding: 100px 0;
    }

    .value-prop-col {
        border-right: 2px solid #fff;
    }

    .value-prop-col:last-child {
        border-right: none;
    }

    .success-item-list-view-btn .bg-transparent-border a {
        float: left;
    }
}


/* END Homepage CSS */


/* GENERIC page css */

@media (max-width: 767px) {
    .mobile-pad-zero {
        padding: 0 !important;
    }

    .page-node-type-generic-page .section-two-program {
        padding: 0;
    }
}


/* END GENERIC page css */


/*Footer*/

.footer-top,
.footer {
    z-index: 9;
    position: relative;
}

.footer {
    padding-bottom: 0;
}

.footer p {
    color: #1c1c1c;
}

.footer .field--type-text-long {
    margin-top: 20px;
    text-align: center;
    font-size: 1.15rem;
}

.footer .field--type-text-long p span.noprint {
    font-weight: bold;
}

.footer .field--type-text-long p:last-child {
    margin: 0 8%;
    font-size: 1.25rem;
}

.evidon-consent-link-text {
    color: #1c1c1c;
    font-size: 1.15rem;
    line-height: 2.5rem;
    text-decoration: none;
}

a.evidon-consent-link-text:hover {
    color: #1c1c1c;
}

a.evidon-consent-link {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}


/*Ideas Detail Page*/

.field--entity-reference-target-type-taxonomy-term .field__items>li a {
    background-color: #ffffff;
}


/*Evidon Pop-window*/

.evidon-prefdiag-background {
    background: rgba(13, 21, 25, .75) !important;
    z-index: 9999;
}

a.evidon-prefdiag-link {
    font-family: 'Aeonik-Regular', Open Sans, Helvetica Neue, Arial, Sans-serif !important;
}

.evidon-prefdiag-declinebtn,
.evidon-prefdiag-acceptbtn {
    background: white !important;
    border: 1px solid #1c1c1c !important;
    color: #1c1c1c !important;
    border-radius: 30px !important
}

.evidon-prefdiag-declinebtn:hover,
.evidon-prefdiag-acceptbtn:hover {
    background: #1c1c1c !important;
    border: 1px solid #1c1c1c !important;
    color: white !important;
}

.evidon-prefdiag-tabfooter {
    height: 61px !important;
}


/*Carousel Border Top

.page-node-type-generic-page .tp-bgimg.defaultimg {
    width: inherit!important;
    margin-left: inherit!important;
}

.page-node-type-generic-page .tp-parallax-wrap.container {
    position: inherit!important;
}

.page-node-type-generic-page .tp-parallax-wrap {
    position: initial!important;
    width: 1170px!important;
    padding: 0;
}

@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .page-node-type-generic-page .tp-parallax-wrap {
        width: 100%!important;
    }
}

.page-node-type-generic-page .tp-mask-wrap {
    width: auto!important;
    align-items: flex-start!important;
}

@media only screen and (max-device-width: 576px) and (orientation: portrait) {
    .page-node-type-generic-page .tp-mask-wrap {
        width: inherit!important;
    }
}*/


/*
Lumen range modal for Photometry Section Starts
 */

#photometry-lumen-range-modal .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#photometry-lumen-range-modal .modal-dialog .close {
    color: white;
    font-size: 23px;
    background: rgb(0 0 0);
    opacity: 1;
    margin: 0;
    width: 25px;
    height: 25px;
    font-weight: 500;
}

#photometry-lumen-range-modal .modal-dialog .btn.btn-default {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

#photometry-lumen-range-modal .modal-dialog .btn.btn-default:hover {
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: white;
    border-radius: 30px;
}

#photometry-lumen-range-modal .modal-dialog .modal-body {
    padding: 30px;
}

#photometry-lumen-range-modal .modal-dialog .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
}

#photometry-lumen-range-modal .modal-dialog .ui-slider .ui-slider-handle {
    height: 2em
}

#photometry-lumen-range-modal .ui-slider-pip-first.ui-slider-pip-label,
#photometry-lumen-range-modal .ui-slider-pip-last.ui-slider-pip-label {
    font-size: 12px;
}


/* Lumen range modal for Photometry Section Ends  */


/* Range Slider Icon*/

.photometry-stocked-section #sort_wrapper table tr th:nth-child(4) {
    display: flex !important;
}

#sort_wrapper div:nth-child(2) div#sort_filter label {
    margin: 0;
}

.btn.slider-range {
    content: "";
    background: url(../../images/sliders.svg) center no-repeat;
    width: 16px;
    height: 16px;
    opacity: 1;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0px;
    padding: 14px;
}

@media only screen and (max-width: 1199px) {

    /*Disable Lumens Slider Range Icon */
    .btn.slider-range {
        display: none !important;
    }
}

.btn.slider-range.focus,
.btn.slider-range:focus,
.btn.slider-range:hover {
    outline: none;
    outline-offset: 0px;
}

#photometry-block .popover .popover-title {
    font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-weight: 600;
}

.th-title-click {
    cursor: pointer;
}


/* Range Slider Icon End*/

/*   new search block */
.new-search-form {
    display: none;
}

.light-colored-region {
    background-color: #AAAAAA;
}


.new-search-form .form-submit {
    display: none;
}

.new-search-form .form-item-combine .form-text {
    background-color: #FFFFFF;
    border-radius: 30px;
}

.new-search-form form .form--inline .form-item {
    float: none;
}

.form-item .form-autocomplete:hover::-webkit-input-placeholder {
    opacity: 0;
}

.new-search-form .form-item label {
    font-weight: 500;
}

.search-close-new {
    float: right;
    cursor: pointer;
}

.path-frontpage {
    .new-search-icon:after {
        cursor: pointer;
        color: #fff;
    }
}

.new-search-icon:after {
    cursor: pointer;
    color: #ffffff;
    content: "\f002";
    font-family: 'Fontawesome';
    font-size: 16px;
    opacity: 1;
    font-weight: 700;
    line-height: 36px;
    z-index: 9998;
    position: absolute;
    top: -7px;
}

.form-item .form-autocomplete:hover::-webkit-input-placeholder {
    opacity: 0;
}

.header-home-row {
    margin-top: 12px;
}

.new-search-form .form-item-combine::before {
    color: #1c1c1c;
    content: "\f002";
    font-family: 'Fontawesome';
    position: absolute;
    top: 3.8em;
    margin-left: 0.5em;

}

@media(min-width: 320px) and (max-width: 454px) {
    .new-search-form .form-item-combine::before {
        top: 5.3em;
        margin-left: 0.7em;

    }
}

@media(min-width: 425px) and (max-width: 767px) {
    .new-search-form .form-item-combine::before {
        top: 3.8em;
        margin-left: 0.7em;

    }
}

.form-item .form-autocomplete {
    padding-left: 3em;
}

.ui-autocomplete .ui-menu-item:hover {
    border: 1px solid #AAAAAA;
    background: #AAAAAA;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-content .ui-menu-item {
    border-bottom: 1px solid rgba(91, 137, 180, 0.5);
    background-color: #000;
}

.ui-widget-content .ui-menu-item a {
    border-bottom: none;
    color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-active:hover {
    border: none;
    background: none;
    color: none;
}

.clearfix .js-form-item input.form-autocomplete {
    background-image: none;
}

/* START TILE VIEW */
.path-products-list {

    .list-content-description-section h4 .views-field .field-content a {
        font-size: 16px;
    }

    .list-content-description-section p {
        font-size: 13px;
    }

    aside {
        background-color: #FFFFFF;
        padding: 15px;
        top: 0px;
        position: sticky;
        border-radius: 16px;
        margin-top: 50px;
    }

    @media(min-width: 320px) and (max-width: 991px) {
        aside {
            position: static;
        }

        .documents-download-all-files {
            padding-right: 32px;
        }
    }

    .page .white-region {
        background-color: #F7F7F7;
    }

    #block-startupgrowth-page-title {
        display: none;
    }

    .sidebar {
        padding: 0px;
    }
}

.view-products {
    display: flex;
    flex-direction: column;
}

.view-products {
    .horizontal .views-row {
        display: flex;
        flex-wrap: wrap;
    }

    .horizontal .views-row .views-col {
        background-color: #FFFFFF;
        padding: 10px;
        border-radius: 19px;
        width: 31% !important;
        margin-right: 19px;
        margin-bottom: 18px;
    }

    .list-content-description-section h4 {
        font-weight: 800;
        margin-bottom: 25px;
    }

    .list-content-image-section {
        display: flex;
        justify-content: center;
    }

    .list-content-image-section img {
        width: 200px;
    }

    .pager__item a.button {
        border-radius: 19px;
        background-color: #000000;
        color: #ffffff;
    }

    .pager__item a.button:hover {
        background-color: #ffffff;
        color: #000000;
        transition: 0.7s;
        border: 2px solid #000000;
    }

}

/* .view-products .horizontal .views-row {
	display: flex;
	flex-wrap: wrap;
} */

/* .view-products .horizontal .views-row .views-col {
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 19px;
	width: 31% !important;
	margin-right: 19px;
    margin-bottom: 18px;
} */

/* .view-products .horizontal .views-row .views-col .views-field-title {
	font-weight: 800;
	margin-bottom: 25px;
} */

/* .view-products .pager__item a.button {
	border-radius: 19px;
    background-color: #000000;
    color: #ffffff;
}

.view-products .pager__item a.button:hover {
	background-color:#ffffff;
    color: #000000;
    transition: 0.7s;
    border: 2px solid #000000;
} */
/* END TILE VIEW */

/* START GRID VIEW */
/* .path-search-new {
	background-color: #F7F7F7;
} */

.path-search-list .page .white-region {
    background-color: #F7F7F7;
}

.path-search-list {
    .btn-group-vertical {
        padding: 0px;
    }

    .btn-group-vertical a.button {
        min-width: 0px;
        font-size: 13px;
    }

    .btn-group-vertical a.view-button {
        width: 122px;
    }

    .btn-group-vertical a {
        background-color: #ffffff;
        color: #000000;
        border: 2px solid #000000;
    }

    .btn-group-vertical a:hover {
        background-color: #000000;
        color: #ffffff;
        transition: 0.7s;
        border: 2px solid #000000;
    }

    .spec-sheet-row {
        padding-right: 25px;
    }
}

.parent-tile-view {
    /* .btn-group-vertical {
        position: absolute;
        bottom: 0;
    } */

    .btn-group-vertical {
        display: flex;
        align-items: stretch;
        justify-content: space-evenly;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        /* width: 90%; */
    }
}

/* .view-search-new .view-content .views-complex-grouping-leave .views-field .field-content .search-block {
	padding: 0;
	background-color: #FFFFFF;
    margin-bottom: 16px;
	border-radius: 19px;
} */

.view-search-new .view-content .views-complex-grouping-leave .views-field .field-content .search-block .search-content-title h4 {
    font-weight: 800;
}

.view-search-new .view-content .views-complex-grouping-leave .views-field .field-content .search-block .row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 16px;
}

/* .branch-3.parent-tile-view {
    .list-content-description-section {
        margin-bottom: 67px;
    }

    .btn-group-vertical {
        display: flex;
        align-items: stretch;
        justify-content: space-evenly;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        width: 90%;
    }
} */

/* .view-search-new .view-content .views-complex-grouping-leave .views-field .field-content .search-block .row div {
	margin-top: 16px;
    margin-bottom: 8px;
} */

/* .view-search-new .view-content .views-complex-grouping-leave .views-field .field-content .search-block .row .list-content-image-section a img {
	width: 500px;
} */

.view-search-new .view-more {
    display: flex;
    justify-content: center;
}

.view-search-new .view-more .see-more {
    border-radius: 19px;
    padding: 5px 20px;
    background-color: #000000;
    color: #ffffff;
}

.view-search-new .view-more .see-more:hover {
    background-color: #ffffff;
    color: #000000;
    transition: 0.7s;
    border: 2px solid #000000;
}

.view-search-new .view-field .search-block .row .btn-group-vertical .button {
    background-color: #ffffff;
    color: #000000;
    border-radius: 19px;
    padding: 5px 40px;
    border: 2px solid #000000;
}

.view-search-new .view-field .search-block .row .btn-group-vertical .button:hover {
    background-color: #000000;
    color: #ffffff;
    transition: 0.7s;
    border: 2px solid #000000;
}

.path-products-list .product-list-view .list-content-description-section .spec-sheet-row {
    width: auto;
    margin-right: 30px;
}

/* END GRID VIEW */

/* START ARTICLE & STUDIES VIEW */

.path-article-studies .page-container .page .white-region {
    background-color: #F7F7F7;
}

.path-article-studies {

    .search-content-title h4 a {
        font-size: 16px;
    }

    .search-content-title p {
        font-size: 13px;
    }

    aside {
        top: 0px;
        padding: 15px;
        background-color: #FFFFFF;
        position: static;
        border-radius: 16px;
        margin-top: 69px;
    }

    .facets-widget-checkbox ul {
        font-size: 1.35rem;
    }

    #block-startupgrowth-page-title {
        display: none;
    }

    #sidebar-first {
        padding: 0px;
    }

    .sidebar h2.title {
        font-size: 1.35rem;
        font-weight: 400;
    }

    li.facet-item a span.facet-item__value {
        text-transform: lowercase;
    }

    li.facet-item a span.facet-item__value:first-letter,
    li.facet-item a span.facet-item__value:first-line {
        text-transform: uppercase;
    }
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row:first-child {
    margin-top: 19px;
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row {
    padding: 0;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    border-radius: 19px;
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .search-block .search-content-title h4 {
    font-weight: 800;
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .search-block .row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .search-block .row div {
    margin: 16px 0 17px 0;
}

.view-articles-and-studies .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .search-block .row .list-content-image-section img {
    width: 100%;
}

.view-articles-and-studies .pager__item a.button {
    border-radius: 19px;
    background-color: #000000;
    color: #ffffff;
}

.view-articles-and-studies .pager__item a.button:hover {
    background-color: #ffffff;
    color: #000000;
    transition: 0.7s;
    border: 2px solid #000000;
}

/* END ARTICLE & STUDIES VIEW */

/* START DOCUMENT & RESOURCE VIEW */

.path-documents-resources {

    .card-header a {
        font-size: 16px;
    }

    aside {
        background-color: #FFFFFF;
        padding: 15px;
        top: 0px;
        position: static;
        border-radius: 16px;
        margin-top: 69px;
    }

    .page .white-region {
        background-color: #F7F7F7;
    }

    .btn-group-vertical a.view-button {
        width: 109px;
    }

    .btn-group-vertical a.button {
        min-width: 0px;
        font-size: 13px;
    }

    .btn-group-vertical a {
        background-color: #ffffff;
        color: #000000;
        border: 2px solid #000000;
    }

    .btn-group-vertical a:hover {
        background-color: #000000;
        color: #ffffff;
        transition: 0.7s;
        border: 2px solid #000000;
    }

    .btn-group-vertical {
        padding: 0px;
    }

    .list-content-description-section {
        display: flex;
    }
}

/* .view-new-document-library  .view-header {
    margin-top: 56px;
} */

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper .views-row {
    padding: 14px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 19px;
    width: 100%;
    position: relative;
}

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .document-card .row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .document-card .row .list-content-image-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .document-card .row div {
    margin: 16px 0 17px 0;
}

.view-new-document-library .view-content .views-infinite-scroll-content-wrapper .views-row .views-field .field-content .document-card .row div h4 {
    font-weight: 800;
    display: flex;
    align-items: center;
}

.view-new-document-library .pager__item a.button {
    border-radius: 19px;
    background-color: #000000;
    color: #ffffff;
}

.view-new-document-library .pager__item a.button:hover {
    background-color: #ffffff;
    color: #000000;
    transition: 0.7s;
    border: 2px solid #000000;
}

/* END DOCUMENT & RESOURCE VIEW */

/* START TILE VIEW */

.view-search-new .view-content .list-view {
    display: flex;
    flex-wrap: wrap;
}

.view-search-new .view-content .list-view h3,
.view-search-new .view-content .list-view div.view-more {
    width: 100%;
}

.view-search-new .view-content .list-view div:not([class]) {
    flex: 1 1 33.333%;
    padding: 20px;
}

.view-search-new .view-content .list-view .view-field .field-content .search-block {
    padding: 0;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    border-radius: 19px;
}

.view-search-new .view-content .list-view .view-field .field-content .search-block .search-content-title h4 {
    font-weight: 800;
}

.view-search-new .view-content .list-view .view-field .field-content .search-block .row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.view-search-new .view-content .list-view .view-field .field-content .search-block .row div {
    margin: 16px 0 17px 0;
}

/* END TILE VIEW */

.grouping-content-row {
    display: flex;
    flex-wrap: wrap;
}

.group-content-column {
    background-color: #FFFFFF;
    /* padding: 20px 20px; */
    border-radius: 19px;
    width: 100%;
    margin-bottom: 16px;
}

.search-content-title h4 {
    font-weight: 800;
    margin-bottom: 20px;
}

.views-complex-grouping-leave {
    width: 100%;
}

.list-view .list-content-image-section {
    display: flex;
    align-items: center;
}

.glyphicon-menu-hamburger,
.glyphicon-th-large {
    color: #ACACAC;
    margin-right: 9px;
    font-weight: 700;
}

.header-view-toggle-section {
    padding-top: 50px;
    border-bottom: 3px solid #000000;
}

.header-view-toggle-section div {
    padding: 0px;
}

.header-view-toggle-section div a {
    margin-right: 18px;
}

.header-view-toggle-section div a:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.3em;
    text-decoration-color: #ACACAC !important;
    text-decoration-thickness: 2px !important;
}

.view-result-div h2 {
    margin-top: 0px;
}

a.active-header {
    text-decoration: underline !important;
    text-underline-offset: 0.3em;
    text-decoration-color: #ACACAC !important;
    text-decoration-thickness: 2px !important;
    cursor: default;
}

.list-view .btn-group-vertical a {
    background-color: #ffffff;
    color: #000000;
    border-radius: 19px;
    padding: 5px 40px;
    border: 2px solid #000000;
}

.list-view .btn-group-vertical {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
}

.list-view .btn-group-vertical a:hover {
    background-color: #000000;
    color: #ffffff;
    transition: 0.7s;
    border: 2px solid #000000;
}

.parent-tile-view {
    .row {
        >[class*='group-content-column'] {
            max-width: 100%;
            width: 31% !important;
            margin-right: 19px;
        }
    }

    .list-content-image-section {
        height: 180px;
        object-fit: contain;
    }



    /* .list-view .list-content-image-section {
            height: 170px;
            width: 300px;
            margin-bottom: 20px;
        }

        .list-view .list-content-image-section a img {
            width: 100%;
            height: 163px;
            object-fit: contain;
            
        } */

    /* .list-view {
        @media (max-width: 575.98px) {
            flex-direction: column;
           }
           flex-direction: row;
           > .search-results--image-section {
            width: auto;
           }
           
           .search-results--content-section {
             display: inline-block;
           }
    } */
}

.product-list-view {
    .views-field-nothing {
        display: none !important;
    }
}

.product-list-row-new {
    .views-field-nothing {
        padding: 15px;
    }
}

.view-products .product-list-view .views-row .views-col {
    width: 100% !important;
}

.document-tile-view {
    .views-row {
        width: 31% !important;
        margin-right: 19px;
    }

    .btn-group-vertical {
        position: absolute;
        bottom: 0;
    }

    .list-content-description-section {
        margin-bottom: 89px !important;
    }

    .btn-group-vertical a.button:first-child {
        margin-left: 0% !important;
    }
}

@media only screen and (min-device-width: 601px) and (max-device-width: 1199px) {
    .document-tile-view {
        .list-content-description-section {
            margin-bottom: 133px !important;
        }
    }
}

.article-tile-view {
    .view-content .views-infinite-scroll-content-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .views-row {
        width: 30% !important;
        margin-top: 19px;
        margin-right: 27px;
    }
}

.block-facet-blocksubcategory .content,
.block-facet-blockbrand-new .content,
.block-facet-blockfv-family-name-new .content,
.block-facet-blockfv-application-new .content {
    display: none;
    padding: 5px;
}

.block-facet-blockweb-product-menu-category-new ul {
    display: flex;
}

.block-facet-blockweb-product-menu-category-new label {
    margin-left: 0;
}

.path-products-list .doc-lib-plus-icon,
.path-products-list .doc-lib-minus-icon {
    float: right;
}

.path-products-list .views-field.views-field-nothing-3,
.path-products-list .views-field.views-field-nothing-4,
.path-products-list .ies-download-all-files,
.path-products-list .documents-download-all-files,
.path-products-list .data-view-ies,
.path-products-list .data-zip-download-doc {
    float: left;
}

.path-products-list .views-field-nothing-2 {
    display: none;
}

.path-products-list .views-field.views-field-nothing-3 .download-btn,
.path-products-list .views-field.views-field-nothing-4 .download-btn {
    min-width: 120px;
    font-size: 12px;
}

.page-node-type-generic-page {
    .header-container {
        width: 100%;
        padding-bottom: 0px !important;
    }

    .search-enabled {
        position: static;
    }

    /* .block {
        padding: 13px 0 17px 0;
    } */

    /* .search-enabled {
        #header {
            background-color: #000000;
        }
    } */
}

@media screen and (max-width: 600px) {
    .view-container-div {
        display: none;
    }

    .path-products-list,
    .path-documents-resources,
    .path-article-studies {
        .body-view-section {
            margin: 0px;
        }

        .body-view-section section {
            padding: 0px;
        }

        .aside {
            position: static;
            margin-top: 20px;
        }
    }

    .path-products-list {
        .view-products {
            .horizontal .views-row .views-col {
                margin-right: 0px;
            }
        }
    }

    .path-documents-resources {
        .filter-container {
            display: none;
        }
    }

}

/* START OF BRAND PAGE */
.page-node-type-brands {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif !important;
}

.page-node-type-brands .view-header {
    font-size: 64px;
}

.page-node-type-brands .node header {
    padding: 0px;
}

.page-node-type-brands h1.page-title {
    display: none;
}

.page-node-type-brands .page .main-content .container {
    width: 100%;
    padding: 0px;
}

.page-node-type-brands .page .main-content .container .row {
    margin: 0px;
}

.page-node-type-brands .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.page-node-type-brands .page .main-content .container .row section {
    padding: 0px;
}

.page-node-type-brands ul.links.field__items {
    padding: 0px;
}

.page-node-type-brands img.img-height {
    width: 100%;
}

.page-node-type-brands .field--name-field-application-description {
    margin: 70px auto 13px;
    text-align: center;
    width: 60%;
}

.page-node-type-brands .field--name-field-static-description .paragraph_title_section {
    font-size: 42px;
    font-weight: 600;
}

.page-node-type-brands .field--name-field-static-description .paragraph_content_section {
    font-size: 15px;
}


.page-node-type-brands .block-views-blockbrands-logo-block-3 img.img-height {
    width: 150px;
    height: 150px;
    margin-left: 20% !important;
    background-color: #F7F7F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding-top: 37px;
    padding-bottom: 36px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    margin: 20px;
    transition: transform 0.3s ease;
    flex-direction: row-reverse;
    object-fit: cover;

}

.page-node-type-brands .block-views-blockbrands-logo-block-3 img.img-height:hover {
    transform: scale(1.2);
}

.page-node-type-brands .block-views-blockbrands-logo-block-3 .view-header {
    margin-left: 5% !important;
}


.page-node-type-brands .block-views-blockbrands-logo-block-1 img.img-height {
    width: 150px;
    height: 150px;
    margin-left: 20% !important;
    background-color: #F7F7F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding-top: 37px;
    padding-bottom: 36px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    margin: 20px;
    transition: transform 0.3s ease;
    flex-direction: row-reverse;
    margin-left: 20%;
    object-fit: cover;

}

.page-node-type-brands .block-views-blockbrands-logo-block-1 img.img-height:hover {
    transform: scale(1.2);
}

.page-node-type-brands .block-views-blockbrands-logo-block-1 .view-header {
    margin-left: 5% !important;
}


.page-node-type-brands .block-views-blockbrands-logo-block-2 img.img-height {
    width: 150px;
    height: 150px;
    margin-left: 20% !important;
    background-color: #F7F7F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding-top: 37px;
    padding-bottom: 36px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    margin: 20px;
    transition: transform 0.3s ease;
    flex-direction: row-reverse;
    object-fit: cover;


}

.page-node-type-brands .block-views-blockbrands-logo-block-2 img.img-height:hover {
    transform: scale(1.2);
}

.page-node-type-brands .block-views-blockbrands-logo-block-2 .view-header {
    margin-left: 5% !important;
}

@media(min-width:767px) and (max-width: 960px) {

    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 150px !important;
            height: 150px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 150px !important;
            height: 150px !important;
            margin-left: 10% !important;
        }
    }


    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 150px !important;
            height: 150px !important;
            margin-left: 10% !important;
        }
    }

}

@media(min-width:650px) and (max-width: 767px) {
    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 120px !important;
            height: 120px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 120px !important;
            height: 120px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 120px !important;
            height: 120px !important;
            margin-left: 10% !important;
        }
    }
}

@media(min-width:550px) and (max-width: 649px) {
    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 100px !important;
            height: 100px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 100px !important;
            height: 100px !important;
            margin-left: 10% !important;
        }
    }


    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 100px !important;
            height: 100px !important;
            margin-left: 10% !important;
        }
    }
}

@media(min-width:425px) and (max-width: 549px) {
    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 80px !important;
            height: 80px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }

    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 80px !important;
            height: 80px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }


    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 80px !important;
            height: 80px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }
}

@media(min-width:320px) and (max-width: 374px) {
    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 60px !important;
            height: 60px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 60px !important;
            height: 60px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }


    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 60px !important;
            height: 60px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }
}

@media(min-width:375px) and (max-width: 424px) {
    .block-views-blockbrands-logo-block-3 {
        img.img-height {
            width: 70px !important;
            height: 70px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }

    .block-views-blockbrands-logo-block-1 {
        img.img-height {
            width: 70px !important;
            height: 70px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }


    .block-views-blockbrands-logo-block-2 {
        img.img-height {
            width: 70px !important;
            height: 70px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 10% !important;
        }
    }
}

.search-block .row div.hidden-pdf-documents,
.search-block .row div.hidden-ies-documents {
    display: none;
}

/* .contact-us-shadow {
    text-shadow: 0 0 3px #1C1C1C;
} */
.slick-track {
    object-fit: cover;
    height: 500px;
    object-position: top;
}

/* END OF BRAND PAGE */

/* Range Slider Icon End*/

/*search suggestion */

.keywordsearch {
    display: none
}

li:has(div.keywordsearch) {
    display: none
}

/* Start - Style to center image on product portoflio section */

.isotope-content .isotope-content-item .a-isotope-content-item-url {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* End - Styles to center image on product portoflio section */

.product-family-icon img {
    width: auto;
    height: 36px;
    margin: 10px 20px 0 0;
}

.search-block .product-family-icon {
    min-height: 50px !important;
    margin: 0;
}