/**
 * @file
 * Use this CSS file to override theme CSS rules
 */

h1 {
    font-size: 3.5rem;
    /*35px*/
    text-transform: none;
    font-weight: 700;
}

h2,
.sku-heading h2.panel-title {
    font-size: 2.8rem;
    /*28px*/
    text-transform: none;
    font-weight: 400;
}

h3 {
    font-size: 1.8rem;
    /*18px*/
    text-transform: none;
}


/* 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;
}

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

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

.cart-block--contents__expanded {}

#subfooter {
    background-color: #212322;
}

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

.cart-block--contents {
    width: 400px;
    border: thin solid rgb(241, 104, 80);
}

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

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

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

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

a.button-white {
    background-color: #ffffff;
    border: 3px solid #f16850;
    color: #f16850;
    font-weight: bold;
}

a.button-white:hover {
    background-color: #fc8c79;
}

#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;
    color: #f16850!important;
    padding-top: 0!important;
    padding-left: 0!important;
    text-transform: capitalize!important;
}

.forceaslink:hover {
    text-decoration: underline!important;
    color: #fc8c79!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 */


/* 212709418: START New button style */

a.button-blue,
input[type="submit"].button-blue,
input[type="reset"].button-blue,
input[type="button"].button-blue {
    background-color: #6082B6 !important;
}

a.button-blue:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #a4bcdf !important;
}

a.button-gray,
input[type="submit"].button-gray,
input[type="reset"].button-gray,
input[type="button"].button-gray {
    background-color: #53565A !important;
}

a.button-gray:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #a0a1a3 !important;
}

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


/* 212709418: END New button style */


/* 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 #FF9F19;
}

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

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

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

.carousel-title .tp-caption__title a {
    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: #212322;
    border: 2px solid #F16860;
    color: #F16860;
    font-weight: bold;
    padding: 13px 23px;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
}

.carousel-title .tp-caption__buttons-container a:hover {
    background-color: #f16860;
    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: #fff9eb;
    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;
	filter: grayscale(1);
}

.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 isotope changes */


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


/*----------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: #FF9F19;
    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: #fba828;
    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;
}

.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: #aaaaaa;
    border: 2px solid #aaaaaa;
    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 .readmore-link {
    width: auto;
    text-transform: uppercase;
    display: inline-block;
    color: #1c1c1c;
    background-image: none;
}

.owl-carousel .explore-container:hover {
    opacity: 0.6;
}

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

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

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

.custom-owl-carousel-title {
    /* font-size: 18px; */
    display: block;
    color: #3f3f3f;
    font-weight: bold;
    /* padding-bottom: 5px; */
    line-height: 1.3;
    text-align: left;
}

.custom-owl-carousel-title a {
    color: #1c1c1c;
}

.custom-owl-carousel-desc {
    font-size: 1.4rem;
    padding: 0 0 10px 0;
    display: block;
}

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


/* END Owl Carousel */


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


/* 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: #f16850;
    border: 2px solid #f16850;
    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;
    transition: linear 0.3s;
}

.field--name-field-mt-highlight-link a:hover {
    color: #fff;
    background-color: #f16850;
}

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

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

.circular-parent-container {
    margin: 45px 0;
    background-image: url(/sites/productsstg.gecurrent.com.dd/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;
    }
}

.page-node-type-application-detail-page .success-article-text a p,
.page-node-type-control-detail-page .success-article-text a p {
    padding: 0;
}

@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: #F16860;
    font-size: 14px;
}

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

.explore-container:hover {
    text-decoration: none;
}


/* 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;
}

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

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


/* .node--type-brand-detail-page .paragraph--type--featured-products .field--name-field-main-title {
    padding-bottom: 20px;
} */


/* .node--type-brand-detail-page .success-title-text, */

.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;
    }
    .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;
    }
    /* .page-node-type-brand-detail-page .field--name-field-featured-product-sect {
        margin: 15px 0 0;
    } */
    .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: #fba828;
    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;
}

.block-tools-cta .tools-header {
    color: #ffffff;
}

.block-tools-cta .contact-button,
.block-tools-cta .contact-border-button {
    margin-top: 10px;
    padding: 13px 23px;
    background-color: #aaaaaa;
    border: 2px solid #aaaaaa;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: 14px;
    transition: linear 0.3s;
}

.block-tools-cta .contact-button:hover {
    color: #aaaaaa;
    background-color: transparent;
    text-decoration: none;
}

.block-tools-cta .contact-border-button {
    background: none;
    text-decoration: none;
    color: #aaaaaa;
}

.block-tools-cta .contact-border-button:hover {
    background-color: #aaaaaa;
    text-decoration: none;
    color: #fff;
}

.block-tools-cta .tools-rebates-cta,
.block-tools-cta .control-rebates-cta a,
.block-tools-cta .generic-rebates-cta {
    padding: 13px 23px;
    border: 2px solid #aaaaaa;
    background: #aaaaaa;
    border-radius: 30px;
    min-width: 200px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    transition: linear 0.3s;
}

.block-tools-cta .control-rebates-cta a {
    text-transform: uppercase;
    background: #aaaaaa;
    display: inline-block;
	border: 2px solid #aaaaaa;
}

.block-tools-cta .tools-rebates-cta:hover,
.block-tools-cta .control-rebates-cta a:hover,
.block-tools-cta .generic-rebates-cta:hover {
    text-decoration: none;
    color: #aaaaaa;
    background: transparent;
}

.block-tools-cta .generic-rebates-cta {
    border: 2px solid #aaaaaa;
    text-transform: uppercase;
}

.control-detail-cta p {
    font-size: inherit;
    color: #343434;
}

.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: #343434;
    width: 1px;
    margin: 0 45px;
}

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


/*Tools Landing Page End*/


/* Flex BOX Styles*/

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}


/* START: What's New Page */

.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: #f16850;
    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-gold {
    color: #FF9F19;
}

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

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

.hero-sect-long-desc {
    font-size: 18px;
}

.hero-sect-main-title {
    font-size: 30px;
    line-height: 1.15em;
}

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

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

.btn-gold {
    color: #FF9F19;
    border: 2px solid #FF9F19;
}

.btn-gold:hover {
    color: #fff;
    background-color: #FF9F19;
}

.btn-red {
    color: #f16850;
    border: 2px solid #f16850;
}

.btn-red-thick {
    border: 3px solid #1c1c1c;
    color: #1c1c1c;
}

.btn-red:hover,
.btn-red-thick:hover {
    color: #fff;
    background-color: #1c1c1c;
    outline: none;
}

.btn-red-thick:focus {
    outline: none;
}

.btn-red:hover a,
.btn-red-thick:hover a {
    color: #fff;
    text-decoration: none;
}

.hero-link-btn {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    min-width: 200px;
    width: fit-content;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    transition: linear 0.3s;
}

.hero-link-btn:hover {
    text-decoration: none;
}

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

.whats-new-main-title {
    font-size: 14px;
    color: #FF9F19;
    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 {
    /*margin: 8rem 0 0;*/
    float: left;
    margin: 45px 0;
}


/* .page-node-type-product-family .section-two-program:last-child{
    margin-bottom: 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;
    }
    .hero-sect-main-title {
        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%;
    }
}


/* END: What's New Page */


/* Begin Hemant temp styles for ideas landing */

.story-types-item-list a {
    display: block;
    width: 100%;
    padding: 10px 6px;
    font-size: 12px;
    border: 1px solid #f16850;
    border-radius: 8px;
}

.story-types-item-list a.is-active {
    color: #ffffff;
    background-color: #f16850;
}

.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: #f16850 !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: #f16850 !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 Hemant temp styles for ideas landing */

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

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


/* ------------- 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: #fff9eb;
    padding: 20px;
    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: #f16850;
    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-document-library .doc-lib-option-title {
    float: left;
    width: 83%;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.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 {
    float: left;
    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;
}

.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: #f16850;
    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 --------------*/


/*Carousel Button*/

.bg-transparent-border a {
    padding: 13px 23px;
    background-color: #ffffff!important;
    border: 2px solid #1c1c1c!important;
    color: #1c1c1c!important;
    transition: linear 0.3s !important;
    min-width: 200px !important;
    width: auto;
}

.bg-transparent-border a:hover {
    background-color: #1c1c1c!important;
    color: #fff!important;
}


/* Bootstrap Classes*/

.float-inherit {
    float: inherit!important;
}

.float-left {
    float: left!important;
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

@media only screen and (max-width: 768px) {
    .w-md-85 {
        width: 85%!important
    }
}

.w-100 {
    width: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}


/*daintree-block*/

.daintree-block .img-block {
    border: 1px solid #e9e9e9;
}

.daintree-block ul.links {
    padding: 0;
}

.daintree__title p {
    color: #f16850;
    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: 2px solid rgb(241, 104, 80);
    color: rgb(241, 104, 80);
    padding: 13px 23px;
}

.masonry-grid-item .left-col:hover {
    background: rgb(241, 104, 80);
}

.masonry-grid-item .left-col:hover a.button {
    background-color: #212322;
}

.masonry-grid-item .left-col:hover .views-field-title {
    color: #3f3f3f;
}

.masonry-grid-item .right-col {
    flex-basis: 50%
}

.masonry-grid-item .views-field-title {
    color: #aaaaaa;
    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: rgb(241, 104, 80);
}

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

/*.font-primary-red {
    color: #f16850;
}*/

.font-primary-red h3 a {
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.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-large .hero-section-text .hero-section-btn a,
.hero-banner-small .hero-section-text .hero-section-btn a {
    background-color: #AAAAAA;
    border: 2px solid #AAAAAA;
    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-large .hero-section-text .hero-section-btn a:hover,
.hero-banner-small .hero-section-text .hero-section-btn a:hover {
    text-decoration: none;
    border: 2px solid #AAAAAA;
    background-color: transparent;
    color: #AAAAAA;
}

.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: 2px solid #FF9F19;
    background-color: #FF9F19;
    color: #fff;
}

.hero-banner-homepage .hero-section-btn a:hover {
    text-decoration: none;
    background-color: rgba(33, 35, 34, 0.75);
    color: #FF9F19;
}


/* 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 */

.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-title h2 {
    float: left;
    width: 100%;
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
} */

.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: 50%;
    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 #mapContainer #useMyLocation,
#use-my-location {
    color: #f16850;
}

.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 {
    margin-top: -3px;
    margin-left: 20px;
    outline: 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 {
    height: auto;
    width: auto;
    background: #f16850;
    border: 2px solid #f16850;
    padding: 12px 23px;
    text-transform: uppercase;
    border-radius: 30px !important;
    font-weight: normal;
}

.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 {
    color: #f16850;
    background-color: #fff !important;
    border: 2px solid #f16850;
    text-decoration: none;
}

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

.page-node-type-where-to-buy .ajax-progress.ajax-progress-throbber {
    top: 34%;
    left: -5%;
    position: absolute;
}


/* Hemant search button throbber*/

#data-wrapper {
    position: relative;
}

.page-node-type-where-to-buy #data-wrapper .ajax-progress.ajax-progress-throbber {
    top: 61% !important;
    left: 50%;
    position: absolute;
}

@media screen and (max-width: 768px) {
  .page-node-type-where-to-buy #data-wrapper .ajax-progress.ajax-progress-throbber {
    top: 71% !important;
    left: 25%;
  }
}

.page-node-type-where-to-buy #data-wrapper #mapContainer .ajax-progress.ajax-progress-throbber {
  top: unset !important;
  left: 83%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .page-node-type-where-to-buy #data-wrapper #mapContainer .ajax-progress.ajax-progress-throbber {
    top: 24% !important;
    left: 25%;
  }
}

.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;
    /* margin-bottom: 10px; */
}

.page-node-type-where-to-buy .cbyge-where-to-buy-form .w2b-results-left-div .telephone-link-partial {
    padding-left: 5px;
}

.page-node-type-where-to-buy .views-field-title .w2b-result-title a {
    font-style: normal;
    font-size: 20px !important;
}

.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: 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: 20px !important;
    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;
}

.page-node-type-where-to-buy .item-list ul li span {
    font-style: normal;
}

.page-node-type-where-to-buy span.w2b-result-counter {
    padding: 0 !important;
    font-style: 14px !important;
}

.block-menu.navigation {
    padding-bottom: 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;
    }
    .page-node-type-where-to-buy .ajax-progress.ajax-progress-throbber {
        left: -4%;
    }
    .where_to_buy {
        margin: 0 auto 15px;
    }
}

@media screen and (width: 768px) {
    .page-node-type-where-to-buy .ajax-progress.ajax-progress-throbber {
        left: -3%;
    }
    .about.about--list.w2b--list>.container {
        /* fix for margin-auto issue in only 768px resolution */
        margin: 0 -21px;
    }
}

@media screen and (max-width: 576px) {
    .page-node-type-where-to-buy .w2b-wrapper input.button.js-form-submit {
        margin: 20px 0;
    }
    .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%;
    }
}

@media screen and (min-width: 577px) {
    .page-node-type-where-to-buy .w2b-wrapper .mapSubmit {
        float: right !important;
        margin-top: -43px !important;
    }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
    .page-node-type-where-to-buy .w2b-wrapper input.button.js-form-submit {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .page-node-type-where-to-buy .w2b-wrapper .js-form-type-select {
        left: 125px;
    }
}


/* 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;
}

.common-value-prop-title p {
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #FF9F19;
    text-align: center;
    font-weight: bold;
    line-height: 1;
}

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

.homepage-value-prop-link-btn {
    background-color: #fff;
    border: 2px solid #f16850;
    margin: 0 auto;
    transition: linear 0.3s;
}

.homepage-value-prop-link-btn:hover {
    background-color: #f16850;
    color: #fff;
}

.value-prop-content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.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 */


/* Product Family */

.product-family-title {
    padding-bottom: 15px;
    /*color: #f16850;
    text-transform: uppercase;*/
}

.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: 2px solid #f16850;
    color: #f16850;
    margin-right: 10px;
    transition: linear 0.3s;
}

.product-cta .field__item .button.button-whitewhere-to-buy-action:hover {
    background-color: #f16850;
    color: #fff;
}

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

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

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

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

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

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

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


/*Accordion*/

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

.panel-title::after {
    content: "\f105";
    color: #f16850;
    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 a {
    width: 100%;
    float: left;
    padding-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: #1c1c1c;
}

.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 a {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
        word-break: break-all;
    }
    .page-node-type-product-family .panel-group .specifications div:first-child {
        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: 30%;
    }
    .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 {
    padding: 0;
    margin: 0;
} */

.global_detail_page .product-family-txt-title p {
    padding: 0;
    margin: 5px 0 10px;
}

.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: auto;
    height: 45px;
    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;
    }
}


/*Fixed width 1170px layout for Product Pages*/


/* 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: #212322;
}

.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, #212322 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, #212322 75%, #fff 50%);
    }
}

@media only screen and (min-width: 769px) {
    .prod-arch-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;
    }
    .prod-arch-is-flex .flex-col-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column !important;
        display: flex !important;
    }
}


/* 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
    }
}



/*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;
}

/* Laszlo - adjusting modal dialog margins to fit under navigation design tool*/
@media (min-width: 768px) {
  .modal-dialog {
    margin: 100px auto!important;
  }
}

/* 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;
    -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: #fff;
    padding: 11px 15px;
}

form.we-mega-menu-search-form input[type="submit"] {
    background-color: transparent;
    min-width: 0;
    color: #3f3f3f;
    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: #fff;
    content: "\f002";
    font-family: 'Fontawesome';
    font-size: 16px;
    opacity: 1;
    font-weight: 400;
    line-height: 36px;
    z-index: 9998;
    position: absolute;
    top: 0;
}

@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: #000;
    }
}


/* Mega Menu Search CSS ENDS */


/*Search*/

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

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

.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 p {
    padding-bottom: 0;
    width: 100%;
}

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

.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-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-product-family .sidebar .facet-item .facets-checkbox {
    margin-top: 2px;
}

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

@media (min-width: 768px) {
    .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 */


/* Language Drop Down*/

.header-container {
    position: relative;
    z-index: 9999;
    padding-bottom: 0!important;
}

.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: #BBBDBF;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    padding: .85em 1.5em;
}

.header-top-area .lang_dropdown_form .ldsSkin .ddTitle:hover {
    color: rgb(241, 104, 80);
    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;
}

.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: #F16850;
    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 1.5em;
}

.menu--utility ul.clearfix.menu {
    padding: 5px;
}

@media only screen and (max-width: 576px) {
    .menu--utility ul.clearfix.menu {
        padding: 0px;
        display: flex;
        justify-content: space-between;
    }
    .menu--utility ul.clearfix.menu li a,
    .header-top-area ul.menu li.menu-item a {
        padding: .85em 0;
    }
}

.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: #FF9F19;
    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 */


/* 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";
    }
}

@media screen and (max-width: 1024px) {
    .mobile-menu-down-arrow,
    .mobile-menu-up-arrow {
        float: right;
        font-size: 25px;
        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;
    }
    .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 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-right: 1.5625rem;
    }
}

.we-megamenu-anchor-link {
    width: fit-content;
    display: inline-block !important;
    float: left;
    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;
}


/*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 #f16850;
    color: #f16850;
    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: #f16850;
    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;
}


/*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;
    }
}


/*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;
}

.footer-top,
.footer {
    z-index: 9;
    position: relative;
}


/* 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: #FF9F19;
}

.ui-slider-pips [class*=ui-slider-pip-selected],
.ui-slider-pips .ui-slider-pip-selected-2 {
    color: #f16850;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    color: #3f3f3f;
}

.facet-slider.ui-slider-float .ui-slider-tip {
    min-width: 40px;
    color: #f16850;
    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: #f16850;
    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: #f16850 !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: #F16850;
    color: #fff;
}

.utility-menu ul.menu li.menu-item--expanded ul.menu li.menu-item a {
    color: #fff;
    text-align: center;
    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;
    }
}


/*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: #212322 !important;
    font-size: 6rem;
    line-height: 6rem;
}

.hero-carousel a.button {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 2px solid #FF9F19;
    background-color: #FF9F19;
    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;
    background-color: rgba(33, 35, 34, 0.75);
    color: #FF9F19;
}

.slide-main .title p {
    color: #FF9F19;
    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: 2px solid #f16850;
    background-color: #f16850;
}

.hero-carousel a.button.red:hover {
    border: 2px solid #f16850;
    background-color: rgba(33, 35, 34, 0.75);
    color: #f16850;
}

@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: 2px solid #f16850;
    background-color: #f16850;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    font-size: 13px;
    text-transform: uppercase;
}

.view-id-products a.compare-btn:hover {
    border: 2px solid #f16850;
    background-color: rgba(33, 35, 34, 0.75);
    color: #f16850;
}

.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*/

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

.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 {
    vertical-align: middle;
    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: #f16850;
    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;
}

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

.view-product-comparator .print-btn {
    margin-right: 45px;
    float: right;
    color: #f16850;
    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;
    }
}

.node--type-product-sub-category-page .main-compare-all {
    text-align: center;
    padding: 10px;
}

.node--type-product-sub-category-page .main-compare-all .compare-all-btn {
    background-color: #AAAAAA;
    border: 2px solid #AAAAAA;
    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;
    text-decoration: none;
}

.node--type-product-sub-category-page .main-compare-all a.compare-all-btn:hover {
    text-decoration: none;
    border: 2px solid #AAAAAA;
    background-color: transparent;
    color: #AAAAAA;
}

.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: 2px solid #f16850;
    background-color: #f16850;
    color: #fff;
    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: 2px solid #f16850;
    background-color: rgba(33, 35, 34, 0.75);
    color: #f16850;
}

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

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


/*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: #f16850;
    border: 2px solid #f16850;
    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: 2px solid #f16850;
    background-color: transparent;
    color: #f16850;
}


/* 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;
}


/* latam language changes  */


/* 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 !important;
    }
    .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: #f16850;
    background-color: #fff;
    border: 2px solid #f16850;
    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: #000;
    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: 2px solid #f16850;
    background-color: #f16850;
    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: 2px solid #f16850;
    background-color: rgba(33, 35, 34, 0.75);
    color: #f16850;
}

.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);
    float: right;
}

.isotope-section .isotope-item a:hover,
.isotope-section .isotope-item.active a {
    text-decoration: none !important;
    background-color: #f16850;
    color: #fff;
    border-radius: 30px;
}


/* .isotope-section .isotope-item.active a{
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;
    background-color: #fff;
    color: #f16850;
}


/* Isotope */


/* Horizontal Menu starts */

#horticulture-menu-header {
    z-index: 0;
    background-color: #f16850;
    display: block;
    overflow-x: clip;
}

#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: #212322;
    text-decoration: underline;
}

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

#horticulture-menu-header .we-mega-menu-ul>.dropdown-menu>.we-mega-menu-submenu {
    background-color: #f16850;
    margin-top: 10px;
}

#horticulture-menu-header .we-mega-menu-submenu {
    background-color: #f16850;
}

#horticulture-menu-header .we-mega-menu-submenu li.we-mega-menu-li>a:hover {
    color: #212322;
}

#horticulture-menu-header .we-mega-menu-ul>.dropdown-menu:hover>a {
    color: #212322 !important;
}

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

@media (max-width: 768px) {
    #horticulture-menu-header #header-inside-first a {
        display: none;
    }
    #horticulture-menu-header .navbar-we-mega-menu.navbar {
        background-color: #f16850;
    }
    #horticulture-menu-header .we-megamenu-link-container {
        border-top: none !important;
    }
    #horticulture-menu-header .navbar-we-mega-menu.navbar ul>li ul {
        background-color: #f16850;
    }
    .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: 12px;
        color: #fff;
        margin-left: 15px;
        visibility: visible;
    }
    .we-mega-menu-search-form {
        display: none;
    }
    #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;
    }
}

#horticulture-menu-header .desktop-navigation.mobile-menu-down-arrow,
.desktop-navigation.mobile-menu-up-arrow {
    display: none !important;
}


/* Horizontal Menu ends */


/* Where to buy start */

.page-node-type-where-to-buy .item-list ul li span {
    padding-left: 0px !important;
}


/* Where to buy end */


/* 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: #f16850;
}

.call-out-btn {
    text-align: center;
}

.call-out-text a {
    background-color: #f16850;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 45px;
    display: inline-block;
    color: #fff;
    border: 2px solid #f16850;
    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: #f16850;
}


/* call-out sample ends */


/* cta sample starts */

#cta {
    width: 100%;
    background: #000;
}

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

#cta .cta-textbox input {
    border: 1px solid #000;
    border-radius: 5px;
}

.cta-form a {
    background-color: #f16850;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 45px;
    display: inline-block;
    color: #fff;
    border: 2px solid #f16850;
    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: #f16850;
}

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

.page-node-type-product-family .panel-group .specifications a {
    width: 100 !important;
    float: left;
    padding-right: 5%;
    word-break: break-word;
}


/* margin-top and margin-bottom code ends */

.pdf-font-sku {
	font-size:11px;
}

.pdf-font-sku th {
 font-size:11px;
}

.pdf-font-sku td {
 font-size:11px;
}

.pdf-sku-label {
 width:65px;
 font-weight:bold;
}

.pdf-sku-section {
 margin: 21px 0 !important;
}

.product-family-icon img {
    width: auto;
    height: 36px;
    margin: 10px 20px 0 0;

}