/* Alexa's custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
header, footer, body, h1, h2, h3, h4, h5, p, div {
    font-family: "Poppins", sans-serif !important;
}
/*2024 UPDATES */
/*change font, change color on us-section-featured*/
.page-header {
    margin-bottom:0px !important;
}
.navigation {
    background-color:black !important;
}
.navigation .level0 a{
    color:#ffffff !important;
}
.navigation .level0 a:hover, .navigation .level0 a:active{
    color:#efefef !important;
}
.navigation .level1 a{
    color:#000000 !important;
}
.navigation .level1 a:hover, .navigation .level1 a:active{
    color:#3e3e3e !important;
}
/*end  of updates */
.footer.content .links li:nth-child(3) {
    display: none !important;
}
.hidden {
    display:none;
}
.action.viewcart {
    background-color: #215aa8 !important;
    border: #215aa8 !important;
    padding: 15px;
    color: white;
    font-size: 1.3em;
    border-radius: 3px;
    text-decoration:none;
}
.action.viewcart:hover {
    background-color: #575757 !important;
}
.cart-discount{
    display:none !important;
}
.cart-container .cart-summary #block-shipping {
    display:none !important;
}
.box.box-order-billing-method {
    display:none !important;
}
.action.primary.continue {
    display:none !important;
}
#npd-contshoppingbtn {
    margin-right: 0;
    margin-left: 75%;
}
.npd-allbosspro-div-btn {
    background-color: #215aa8;
    padding:10px;
    color: #ffffff;
    font-weight: bold;
    font-size:1em;
    border-radius: 5px;
    text-decoration: none !important;
}
.npd-allbosspro-div-btn:visited {
    color: #ffffff;
    text-decoration: none !important;
}
.npd-allbosspro-div-btn:hover {
    background-color: #215aa8;
    color: #ffffff;
    text-decoration: none !important;
    box-shadow: 8px 8px #eeeeee;
}
.npd-allbosspro-div-btns {
    margin-top: 30px;
}
.ppe-subtitles, .techserv-subtitles {
    color:#000000;
    line-height: 50px !important;
}
.ppe-subtitles span, .techserv-subtitles span {
    border-bottom: 10px solid #215aa8;
}
/* REmove parts of Checkout page */
#us-section-icon1, #us-section-icon2, #us-section-icon3 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#us-section-icon1 {
    background-image: url("../wysiwyg/npdproducts/whoweare.png");
}
#us-section-icon2 {
    background-image: url("../wysiwyg/npdproducts/technologies.png");
}
#us-section-icon3 {
    background-image: url("../wysiwyg/npdproducts/doingbetter.png");
}
#us-section-icon1:hover {
    background-image: url("../wysiwyg/npdproducts/whoweare2.png");
}
#us-section-icon2:hover {
    background-image: url("../wysiwyg/npdproducts/technologies2.png");
}
#us-section-icon3:hover {
    background-image: url("../wysiwyg/npdproducts/doingbetter2.png");
}
#us-section-serv-icon1, #us-section-serv-icon2, #us-section-serv-icon3, #us-section-serv-icon4, #us-section-serv-icon5 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#us-section-serv-icon1 {
    background-image: url("../wysiwyg/npdproducts/services1-1.png");
}
#us-section-serv-icon2 {
    background-image: url("../wysiwyg/npdproducts/services2-1.png");
}
#us-section-serv-icon3 {
    background-image: url("../wysiwyg/npdproducts/services3-1.png");
}
#us-section-serv-icon4 {
    background-image: url("../wysiwyg/npdproducts/services4-1.png");
}
#us-section-serv-icon5 {
    background-image: url("../wysiwyg/npdproducts/services5-1.png");
}
#us-section-serv-icon1:hover {
    background-image: url("../wysiwyg/npdproducts/services1-2.png");
}
#us-section-serv-icon2:hover {
    background-image: url("../wysiwyg/npdproducts/services2-2.png");
}
#us-section-serv-icon3:hover {
    background-image: url("../wysiwyg/npdproducts/services3-2.png");
}
#us-section-serv-icon4:hover {
    background-image: url("../wysiwyg/npdproducts/services4-2.png");
}
#us-section-serv-icon5:hover {
    background-image: url("../wysiwyg/npdproducts/services5-2.png");
}
.us-section-featured span {
    border-bottom: 10px solid #215aa8;
    color:#ffffff;
}
.us-sec-feat-eq-title {
    font-family: "Poppins", sans-serif !important;
    font-weight:bold;
    color:#000000;
    margin-bottom:30px;
    line-height: 50px;
}
.us-sec-feat-eq-title span {
    border-bottom: 10px solid #215aa8;
}
.wyntk-title {
    font-family: "Poppins", sans-serif !important;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:20px;
    line-height: 50px;
}
.wyntk-title span {
    border-bottom: 10px solid #215aa8;
}
.us-section-subtitles span {
    font-family: "Poppins", sans-serif !important;
    font-weight:bold;
    color:#000000;
    border-bottom: 10px solid #ffffff;
}
.us-section-serv-subtitles span {
    font-family: "Poppins", sans-serif !important;
    font-weight:bold;
    color:#000000;
    border-bottom: 10px solid #215aa8;
}
/* Removing Category names */
/* Removing Categories side bar */
.category-hometeam .sidebar-main {
    display:none;
}
.columns .sidebar-main {
    display:none !important;
}
.action.primary {
    background-color: #215aa8 !important;
    border: #215aa8 !important;
}
.action.primary:hover {
    background-color: #575757 !important;
    border: #575757 !important;
}
.action.primary:active {
    background-color: #575757 !important;
    border: #575757 !important;
}
.minicart-wrapper .action.showcart .counter.qty {
    background:#215aa8 !important;
}
.page-header .panel.wrapper {
    background-color: #000 !important;
    color: #ffffff;
}
.page-footer {
    background: #231F20 !important;
}
.footer.content .links .nav.item {
    background:#231F20 !important;
}
.copyright {
    background-color: #000 !important;
}
.footer.content .links a {
    color: #fff !important;
    text-decoration: none;
}
.footer.content .links a:hover {
    color: #fff !important;
}
.footer.content .links a:active {
    color: #fff !important;
    text-decoration: none;
}
.footer.content .links a:visited {
    color: #fff !important;
    text-decoration: none;
}
.navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top {
    border-color: #215aa8;
}
.npd-highlight {       
    color:#000000;
    background: #ffffff;
    display: inline-block;
    background: linear-gradient(to left, #ffffff 50%, #215aa8 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
.npd-highlight:hover {        
    color:#ffffff;
    background-position: 0 0;
    background-position: left;
}
.section-item-content .menu-container .menu > ul > li.active > a {
    color: #215aa8 !important;
  }
  .section-item-content .menu-container .menu > ul > li.active > a:before {
    color: #215aa8 !important;
  }
  .section-item-content .menu-container .menu > ul > li.active .megaitemicons:before {
    color: #215aa8 !important;s
  }
  .navigation .level0.active > .level-top,
  .navigation .level0.has-active > .level-top {
    border-color: #215aa8 !important;
  }
  .navigation .level0 .submenu .active > a {
    border-color: #215aa8 !important;
  }
  .opc-progress-bar-item._active:before {
    background: #215aa8 !important;
    border-color: #215aa8 !important;
  }
  .opc-progress-bar-item._active > span:before {
    background: #215aa8 !important;
    border-color: #215aa8 !important;
  }
  .opc-progress-bar-item._active > span:after {
    border-color: #215aa8 !important;
  }
  .block-wishlist-management .wishlist-select-items .current {
    border-bottom: #215aa8 !important;
  }
.navigation .level0 > .level-top{
    line-height: 22px !important;
}
.level0.level-top.nav-pro.ui-menu-item {
    width: 100px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-elim.ui-menu-item {
    width: 130px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-foam.ui-menu-item {
    width: 120px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-dis.ui-menu-item {
    width: 140px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-vital.ui-menu-item {
    width: 100px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-probio.ui-menu-item {
    width: 100px;
    line-height: 22px !important;
    vertical-align: middle;

}
.level0.level-top.nav-tech.ui-menu-item {
    width: 120px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
.level0.level-top.nav-reach.ui-menu-item {
    width: 100px;
    text-align: center;
    line-height: 22px !important;
    vertical-align: middle;
}
a.level0.level-top.nav-probio.ui-menu-item[href="/profoam-bioplus.html"] {
    pointer-events: none;
}
.navigation .level0 {
    margin: 0px 0px 0px 0px !important;

}
.section-item-content.nav-sections-item-content .navigation {
    max-width: unset !important;
}
.sections.nav-sections {
    text-align:center;
}
#npdp-box-btn-cont .npdp-btn {
	font-family: "Poppins", sans-serif !important;
}
#npdp-box-btn-cont .npdp-btn {
	background-color: #215aa8 !important;
	color: white !important;
	font-weight: 400;
	font-size: 1.2rem;
	padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-radius: 5px;
    text-decoration: none !important;
}
#npdp-box-btn-cont a.npdp-btn:hover {
	background-color: #215aa8 !important;
	color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 8px 8px #eeeeee;
}
#npdp-box-img {
    padding: 10px;
    box-shadow: 5px 10px 18px #a2a2a2;
    margin-bottom:30px;
    margin-top:30px;
    border-radius: 5px;
    width: 70%;
    margin: auto;
}
#npdp-box-img:hover {
    box-shadow: 5px 10px 18px #888888;
}
.npd-extra-btn a:hover {
    text-decoration: none !important;
    box-shadow: 8px 8px #eeeeee;
}
.npd-extra-btn a {
    background-color: #215aa8 !important;
	color: white !important;
    font-family: "Poppins", sans-serif !important;
	font-size:1em !important;
    border: none !important;
    border-radius: 5px;
    text-decoration: none !important;
}
.npd-extra-img img {
    padding: 10px;
    box-shadow: 5px 10px 18px #a2a2a2;
    border-radius: 5px !important;
}
.npd-extra-img img:hover {
    box-shadow: 5px 10px 18px #888888;
}
.page-main .page-title-wrapper {
    text-align:center !important;
}
/* parts */
#npdp-box {
	padding-bottom: 25px;
	text-align: center;
	font-family: "Poppins", sans-serif !important;
}

#npdp-box-top {
	padding-bottom: 10px;
	text-align: center;
}

#npdp-box-img {
	text-align: center;
}

#npdp-box-title {
	padding-top:5px;
	text-align: center;
}

#npdp-box-button-block {
	padding-bottom: 10px;
	text-align: center;
}

#npdp-box-btn-cont {
	padding: 5px;
	display: inline-block;
}
/* Contact Us */
#contact-social-1 {
    background-image: url('../wysiwyg/npdproducts/contact-social-1-1.png');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
#contact-social-2 {
    background-image: url('../wysiwyg/npdproducts/contact-social-2-1.png');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
#contact-social-3 {
    background-image: url('../wysiwyg/npdproducts/contact-social-3-1.png');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
#contact-social-1:hover {
    content: url('../wysiwyg/npdproducts/contact-social-1-2.png');
}
#contact-social-2:hover {
    content: url('../wysiwyg/npdproducts/contact-social-2-2.png');
}
#contact-social-3:hover {
    content: url('../wysiwyg/npdproducts/contact-social-3-2.png');
}
.contact-row {
    padding: 20px;
    box-shadow: 5px 10px 18px #a2a2a2;
    border-radius: 5px;
    width:80%;
    margin: 0 auto;
}
.contact-social-in {
    display:inline-block;
    vertical-align: middle;
    line-height: 100px;
}
.contact-social-p {
    margin-bottom:0;
    font-weight: bold;
    margin-left:5px;
}
.contact-title {
    font-family: "Poppins", sans-serif !important;
    font-weight: bold;
    margin-bottom:40px;
    text-align: center;
}
.contact-title span {
    border-bottom: 10px solid #215aa8;
}
#contact-us-left {
    width:80%;
    margin:auto;
}

/* product image */
@media (min-width: 768px), print {
.fotorama__stage__shaft.fotorama__grab {
    width:500px !important;
}
.product.media {
    width:40% !important;
}
.product-info-main {
    width:55% !important;
}
}
/*
.nav-3 , .nav-4, .nav-5 {
    pointer-events: none;
}*/
/* Bootstrap Card */
.card {
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:1px solid rgba(0,0,0,.125);
    border-radius:.80rem
}
.card>hr {
    margin-right:0;
    margin-left:0
}
.card>.list-group {
    border-top:inherit;
    border-bottom:inherit
}
.card>.list-group:first-child {
    border-top-width:0;
    border-top-left-radius:calc(.80rem - 1px);
    border-top-right-radius:calc(.80rem - 1px)
}
.card>.list-group:last-child {
    border-bottom-width:0;
    border-bottom-right-radius:calc(.80rem - 1px);
    border-bottom-left-radius:calc(.80rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top:0
}
.card-body {
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-height:1px;
    padding:1.25rem
}
.card-title {
    margin-bottom:.75rem
}
.card-subtitle {
    margin-top:-.375rem;
    margin-bottom:0
}
.card-text:last-child {
    margin-bottom:0
}
.card-link:hover {
    text-decoration:none
}
.card-link+.card-link {
    margin-left:1.25rem
}
.card-header {
    padding:.75rem 1.25rem;
    margin-bottom:0;
    background-color:rgba(0,0,0,.03);
    border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
    border-radius:calc(.80rem - 1px) calc(.80rem - 1px) 0 0
}
.card-footer {
    padding:.75rem 1.25rem;
    background-color:rgba(0,0,0,.03);
    border-top:1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
    border-radius:0 0 calc(.80rem - 1px) calc(.80rem - 1px)
}
.card-header-tabs {
    margin-right:-.625rem;
    margin-bottom:-.75rem;
    margin-left:-.625rem;
    border-bottom:0
}
.card-header-pills {
    margin-right:-.625rem;
    margin-left:-.625rem
}
.card-img-overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1.25rem;
    border-radius:calc(.80rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%
}
.card-img,.card-img-top {
    border-top-left-radius:calc(.80rem - 1px);
    border-top-right-radius:calc(.80rem - 1px)
}
.card-img,.card-img-bottom {
    border-bottom-right-radius:calc(.80rem - 1px);
    border-bottom-left-radius:calc(.80rem - 1px)
}
.card-deck .card {
    margin-bottom:15px
}
@media (min-width:665px) {
    .card-deck {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        margin-right:-15px;
        margin-left:-15px
    }
    .card-deck .card {
        -ms-flex:1 0 0%;
        flex:1 0 0%;
        margin-right:15px;
        margin-bottom:0;
        margin-left:15px
    }
}
.card-group>.card {
    margin-bottom:15px
}
@media (min-width:665px) {
    .card-group {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .card-group>.card {
        -ms-flex:1 0 0%;
        flex:1 0 0%;
        margin-bottom:0
    }
    .card-group>.card+.card {
        margin-left:0;
        border-left:0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius:0
    }
}
.card-columns .card {
    margin-bottom:.75rem
}
@media (min-width:665px) {
    .card-columns {
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem;
        orphans:1;
        widows:1
    }
    .card-columns .card {
        display:inline-block;
        width:100%
    }
}
.accordion {
    overflow-anchor:none
}
.accordion>.card {
    overflow:hidden
}
.accordion>.card:not(:last-of-type) {
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.accordion>.card:not(:first-of-type) {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.accordion>.card>.card-header {
    border-radius:0;
    margin-bottom:-1px
}

/* Vitaloxide blocks */
#vital-container {
    width:100%;
    margin:auto;
}
#vital-container, #vital-container h2, #vital-container h3{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
}
#vital-container p {
    font-size:1.5em;
}
.vital-link a{
    color: #0c109f;
}
.vo-banner-btn2 a {
    background-color: #0c109f;
    color: #ffffff!important;
    padding: 10px;
    font-family: "Poppins", sans-serif !important;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1em !important;
    letter-spacing: 0.1em;
    border-style: none;
    margin-top: 10px;
    border-radius: 5px;
    text-decoration: none !important;
}
.vo-banner-btn2 a:hover {
    background-color: #333;
    color: #ffffff!important;
    box-shadow: 8px 8px #eeeeee;

}
.vital-subtitle {
    color:#0c109f;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.vital-subtitle span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #057855;
    line-height:2;
}
.vital-header, .vital-footer {
    width: 100%;
    height: auto;
}
.vital-footer {
    margin-top:50px;
}
.vital-product {
    text-align:center;
    margin-top:20px;
}
.vital-product .product-item {
    margin-bottom:-20px;
}
.vital-product .product-item-details {
    text-align:left;
}
.vital-product .product-item .product-item-info .product-item-photo .product-image-container {
    padding: 10px;
    box-shadow: 5px 10px 18px #a2a2a2;
    margin-bottom:30px;
    margin-top:30px;
    border-radius: 5px;
}
.vital-product .product-item .product-item-info .product-item-photo .product-image-container:hover {
    box-shadow: 5px 10px 18px #888888;
}
.vital-product .block.widget .product-item-info {
    width: 70%;
}
.vo-titles {
    color:#0c109f;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.vo-titles span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #057855;
    line-height:2;
}
.vo-titles2 {
    color:#ffffff;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-top:2em;
}
.vo-titles2 span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #057855;
    line-height:2;
}
.vo-titles3 {
    color:#0c109f;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-top:2em;
}
.vo-titles3 span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #057855;
    line-height:2;
}
.vo-titles4 {
    color:#ffffff;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-top:2em;
}
.vo-titles4 span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #0c109f;
    line-height:2;
}
.vo-highlight {       
    color:#000000;
    background: #ffffff;
    display: inline-block;
    background: linear-gradient(to left, #ffffff 50%, #0c109f 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
.vo-highlight:hover {        
    color:#ffffff;
    background-position: 0 0;
    background-position: left;
}
.vo-highlight2 {       
    display: inline-block;
    background: linear-gradient(to left, transparent 50%, #0c109f 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
.vo-highlight2:hover {        
    color:#ffffff;
    background-position: 0 0;
    background-position: left;
}

/* WHAT IS VITAL OXIDE */
.vo-what-col {
    float: left;
    width: 33%;
}
.vo-what-row:after {
    content: "";
    display: table;
    clear: both;
}
.vo-what-row {
    margin-top:50px;
    margin-bottom:50px;
}
.vo-what-row p {
    font-size:1em !important;
}
.vo-what-item {
    width:300px;
    height:300px;
    text-align: center;
    color:#057855;
    text-transform: uppercase;
    font-size:1.2em;
    font-weight: bold;
    margin: 0 auto;
    background-color: #e7e7e7;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 5px;
}
.vo-what-item p {
    width: 80%;
    margin: auto;
}
.vo-what-item .vo-what-img {
    margin-top: 30px;
    margin-bottom: 30px;
    height:100px;
}
.vo-what-item:hover {
    color:#e7e7e7;
    background-color: #0c109f;
    box-shadow: 5px 10px 18px #a2a2a2;
    width: 320px;
    height: 320px;
    margin-bottom:10px;
    margin-top:18px;
}
.vo-what-item:hover #vo-what-img1{
    content: url('../wysiwyg/npdproducts/vo-what1-2.png');
}
.vo-what-item:hover #vo-what-img2{
    content: url('../wysiwyg/npdproducts/vo-what2-2.png');
}
.vo-what-item:hover #vo-what-img3{
    content: url('../wysiwyg/npdproducts/vo-what3-2.png');
}

/* TESTING */
#vo-testing-banner, #vo-breakthrough-banner {
    overflow: hidden;
    position: relative;
    height: 600px;
}
#vo-testing-banner-img, #vo-breakthrough-banner-img{
    height:100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#vo-testing-banner-caption {
    top:0;
    position: absolute;
    text-align: center;
    left:10%;
    background-image: url('../wysiwyg/npdproducts/vo-bg-trans.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
    width: 600px;
}
#vo-breakthrough-banner-caption {
    top:0;
    position: absolute;
    text-align: center;
    left:10%;
    background-image: url('../wysiwyg/npdproducts/vo-bg-trans2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
    width: 600px;
}
#vo-testing-banner-caption-text, #vo-breakthrough-banner-caption-text {
    padding-top:70px;
    width: 85%;
    margin-left: 60px;
}
#vo-testing-banner-caption-text p {
    color:#ffffff;
    font-size:1.4em;
}
#vo-testing-banner-caption-text a {
    color:#ffffff;
}

/* SOLUTIONS CONTAINER */
#vital-solutions {
    text-align:center;
}
#solution-1 {
    background-image: url("../wysiwyg/npdproducts/1-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-2 {
    background-image: url("../wysiwyg/npdproducts/2-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-3 {
    background-image: url("../wysiwyg/npdproducts/3-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-4 {
    background-image: url("../wysiwyg/npdproducts/4-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-5 {
    background-image: url("../wysiwyg/npdproducts/5-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-6 {
    background-image: url("../wysiwyg/npdproducts/6-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-7 {
    background-image: url("../wysiwyg/npdproducts/7-solution1.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#solution-1:hover {
    content: url("../wysiwyg/npdproducts/1-solution2.png");
}
#solution-2:hover {
    content: url("../wysiwyg/npdproducts/2-solution2.png");
}
#solution-3:hover {
    content: url("../wysiwyg/npdproducts/3-solution2.png");
}
#solution-4:hover {
    content: url("../wysiwyg/npdproducts/4-solution2.png");
}
#solution-5:hover {
    content: url("../wysiwyg/npdproducts/5-solution2.png");
}
#solution-6:hover {
    content: url("../wysiwyg/npdproducts/6-solution2.png");
}
#solution-7:hover {
    content: url("../wysiwyg/npdproducts/7-solution2.png");
}
.vo-solutions-cont {
    float: left;
    width: 31%;
    padding: 10px;
}
.vo-solutions-cont img {
    width:30%;
    height:auto;
}
.vo-solutions-row:after, .dwn-row:after, .vo-banner-row:after {
    content: "";
    display: table;
    clear: both;
}
.vo-solutions-cont h3 {
    margin-top:20px;
}
/* AREAS OF USE */
.areas-cards h5 {
    color:#06097d;
    font-weight: bold;
    font-size:1.7em;
    margin-bottom:20px;
}
.areas-cards p {
    color:#000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.2em !important;
}
.areas-cards {
    background-color:#e7e7e7;
    border-bottom-left-radius:.80rem;
    border-bottom-right-radius:.80rem;
}
.card {
    box-shadow: 5px 10px 18px #cacaca;
}
.card:hover {
    box-shadow: 5px 10px 18px #ababab;
}
.card:hover .areas-cards {
    background-color:#06097d;
}
.card:hover .areas-cards h5, .card:hover .areas-cards p {
    color:#ffffff;
}
#card-first {
    width: 70%;
    margin: auto;
    margin-bottom: 60px;
}
#card-second {
    width: 45%;
    margin: auto;
    margin-top: 60px;
}

/* ADVANTAGES CONTAINER */
.adv-col {
    float: left;
    width: 40%;
    margin-left:40px;
    margin-right:40px;
}
.adv-row {
    font-size:1.5em;
    text-align: left;
}
.adv-col ul {
    list-style-image: url('../wysiwyg/npdproducts/list-arrow.png');
    text-align:left;
}
.adv-row ul li{
    margin-bottom:20px;
}
.list-arrow {
    padding-right:1em;
}
.adv-row:after {
    content: "";
    display: table;
    clear: both;
}
.adv-row {
    margin-left:120px;
}
/* DOWNLOADS CONTAINER */
#vo-dwn1, #vo-dwn2, #vo-dwn3, #vo-dwn4, #vo-dwn5 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vo-dwn1 {
    background-image: url("../wysiwyg/npdproducts/vo-featuresheet2.png");
}
#vo-dwn2 {
    background-image: url("../wysiwyg/npdproducts/vo-bloodpath2.png");
}
#vo-dwn3 {
    background-image: url("../wysiwyg/npdproducts/vo-mold2.png");
}
#vo-dwn4 {
    background-image: url("../wysiwyg/npdproducts/vo-sds2.png");
}
#vo-dwn5 {
    background-image: url("../wysiwyg/npdproducts/vo-label2.png");
}
#vo-dwn1:hover {
    background-image: url("../wysiwyg/npdproducts/vo-featuresheet1.png");
}
#vo-dwn2:hover {
    background-image: url("../wysiwyg/npdproducts/vo-bloodpath1.png");
}
#vo-dwn3:hover {
    background-image: url("../wysiwyg/npdproducts/vo-mold1.png");
}
#vo-dwn4:hover {
    background-image: url("../wysiwyg/npdproducts/vo-sds1.png");
}
#vo-dwn5:hover {
    background-image: url("../wysiwyg/npdproducts/vo-label1.png");
    cursor: pointer;
}
.dwn-col a{
    color:black;
}
.dwn-col a:hover{
    color:black;
    text-decoration: none;
}
.dwn-col  {
    float: left;
    width: 20%;
}
.dwn-col h3 {
    margin-top:20px;
}
/* More info */
#vital-moreinfo {
    text-align:center;
}
#vitalmore-1 {
    background-image: url('../wysiwyg/npdproducts/vitaloxide-more-mold2.png');
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vitalmore-2 {
    background-image: url('../wysiwyg/npdproducts/vitaloxide-more-faq2.png');
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vitalmore-3 {
    background-image: url('../wysiwyg/npdproducts/vitaloxide-more-steps2.png');
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vitalmore-4 {
    background-image: url('../wysiwyg/npdproducts/vitaloxide-more-dwell2.png');
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vitalmore-5 {
    background-image: url('../wysiwyg/npdproducts/vitaloxide-diy2.png');
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#vitalmore-1:hover {
    content: url('../wysiwyg/npdproducts/vitaloxide-more-mold1.png');
}
#vitalmore-2:hover {
    content: url('../wysiwyg/npdproducts/vitaloxide-more-faq1.png');
}
#vitalmore-3:hover {
    content: url('../wysiwyg/npdproducts/vitaloxide-more-steps1.png');
}
#vitalmore-4:hover {
    content: url('../wysiwyg/npdproducts/vitaloxide-more-dwell.png');
}
#vitalmore-5:hover {
    content: url('../wysiwyg/npdproducts/vitaloxide-diy1.png');
}
.vo-moreinfo-cont {
    float: left;
    width: 23%;
    padding: 10px;
}
.vo-moreinfo-cont img {
    width:30%;
    height:auto;
}
.vo-moreinfo-row:after {
    content: "";
    display: table;
    clear: both;
}
.vo-moreinfo-cont h3 {
    margin-top:20px;
    color:#000000;
}
.vo-moreinfo-cont a:hover {
    color:#000000;
}

/* Mold Page */
#mold-1 {
    background-image: url("../wysiwyg/npdproducts/vitaloxide-mold-household.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#mold-2 {
    background-image: url("../wysiwyg/npdproducts/vitaloxide-mold-vehicles.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#mold-3 {
    background-image: url("../wysiwyg/npdproducts/vitaloxide-mold-construction.png");
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#mold-1:hover {
    content: url("../wysiwyg/npdproducts/vitaloxide-mold-household2.png");
}
#mold-2:hover {
    content: url("../wysiwyg/npdproducts/vitaloxide-mold-vehicles2.png");
}
#mold-3:hover {
    content: url("../wysiwyg/npdproducts/vitaloxide-mold-construction2.png");
}
.vo-mold-cont {
    float: left;
    width: 31.5%;
    padding: 10px;
    font-family: "Poppins", sans-serif !important;
}
.vo-mold-cont img {
    width:30%;
    height:auto;
}
.vo-mold-row:after {
    content: "";
    display: table;
    clear: both;
}
.vo-mold-cont h3 {
    margin-top:20px;
    font-family: "Poppins", sans-serif !important;
    font-weight:bold;
}

/* Vital Oxide FAQ */
.vital-faq-title {
    background-color: #e7e7e7;
    padding:10px;
    text-align:left !important;
    cursor: pointer;
}
.vital-faq-info {
    background-color: #f3f3f3;
    padding:15px;
    margin-bottom:10px;
}
.vital-faq-cont {
    width:60%;
    margin: 0 auto;
    text-align: left;
}
.vital-faq-info{
    display:none;
}
/* Vital Oxide EPA */
#vital-epa {
    table-layout: fixed;
    width: 80%;
    margin:auto;
}
#vital-epa th {
    text-align: center;
}
#vital-epa, #vital-epa th, #vital-epa td {
    border: 3px solid #0c109f;
}
#vital-epa-h2, #vital-epa-r2h2 {
    background-color: red;
    color: white;
}
#vital-epa-h3, #vital-epa-r2h3 {
    background-color: yellow;
    color: black;
}
#vital-epa-h4, #vital-epa-r2h4 {
    background-color: #0091be;
    color: black;
}
#vital-epa-h5, #vital-epa-r2h5 {
    background-color: #4fa13f;
    color: black;
}
.vital-epa-r3 {
    background-color: #d6d6d6;
}

/* ProFoam Platinum page */
#profoam-container {
    width:100%;
    margin:auto;
}
#profoam-container, #profoam-container h2, #profoam-container h3{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
}
#profoam-container p {
    font-size:1.5em;
}
.profoam-subtitle {
    color:#dc2811;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.profoam-subtitle span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #ffb130;
    line-height:2;
}
.profoam-header, .profoam-footer {
    width: 100%;
    height: auto;
}
.profoam-footer {
    margin-top:50px;
}
/* DOWNLOADS CONTAINER */
#profoam-dwn1, #profoam-dwn2 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#profoam-dwn1 {
    background-image: url("../wysiwyg/npdproducts/profoam-featuresheet2.png");
}
#profoam-dwn2 {
    background-image: url("../wysiwyg/npdproducts/profoam-sds2.png");
}
#profoam-dwn1:hover {
    background-image: url("../wysiwyg/npdproducts/profoam-featuresheet1.png");
}
#profoam-dwn2:hover {
    background-image: url("../wysiwyg/npdproducts/profoam-sds1.png");
}
.profoam-dwn-col a{
    color:black;
}
.profoam-dwn-col a:hover{
    color:black;
    text-decoration: none;
}
.profoam-dwn-col  {
    float: left;
    width: 50%;
}
.profoam-dwn-col h3 {
    margin-top:20px;
}
.category-profoam-platinum .page-title-wrapper, .category-bioplus .page-title-wrapper {
    display:none !important;
}

.npd-links {
    color:#000000;
}
.npd-links:hover {
    text-decoration: none;
}
/* BIOPlus page */
#bioplus-container {
    width:100%;
    margin:auto;
}
#bioplus-container, #bioplus-container h2, #bioplus-container h3{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
}
#bioplus-container p {
    font-size:1.5em;
}
.bioplus-subtitle {
    color:#0055af;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.bioplus-subtitle span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #011b94;
    line-height:2;
}
.bioplus-header, .bioplus-footer {
    width: 100%;
    height: auto;
}
.bioplus-footer {
    margin-top:50px;
}
/* DOWNLOADS CONTAINER */
#bioplus-dwn1, #bioplus-dwn2, #bioplus-dwn3 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#bioplus-dwn1 {
    background-image: url("../wysiwyg/npdproducts/bioplus-featuresheet2.png");
}
#bioplus-dwn2 {
    background-image: url("../wysiwyg/npdproducts/bioplus-drain2.png");
}
#bioplus-dwn3 {
    background-image: url("../wysiwyg/npdproducts/bioplus-sds2.png");
}
#bioplus-dwn1:hover {
    background-image: url("../wysiwyg/npdproducts/bioplus-featuresheet1.png");
}
#bioplus-dwn2:hover {
    background-image: url("../wysiwyg/npdproducts/bioplus-drain1.png");
}
#bioplus-dwn3:hover {
    background-image: url("../wysiwyg/npdproducts/bioplus-sds1.png");
}
.bioplus-dwn-col a{
    color:black;
}
.bioplus-dwn-col a:hover{
    color:black;
    text-decoration: none;
}
.bioplus-dwn-col  {
    float: left;
    width: 33%;
}
.bioplus-dwn-col h3 {
    margin-top:20px;
}
/* NPD Website general */
.page-title, .amform-hone {
    font-family: "Poppins", sans-serif !important;
    color:#000000;
    text-transform: uppercase;
    border-bottom: 10px solid #215aa8;
    font-weight: bold;
}
.breadcrumbs {
    display: none;
}
.block-title {
    font-family: "Poppins", sans-serif !important;
    color:#000000;
    text-transform: uppercase;
    font-weight: bold;
}
.price {
    font-family: "Poppins", sans-serif !important;
    font-weight: bold;
}


.videos-list li {
    list-style-image: url('../wysiwyg/npdproducts/sources-list.png');
    margin-left:60px;
    text-align:left;
    padding-right:10px;
}
.videos-list li:hover {
    list-style-image: url('../wysiwyg/npdproducts/sources-list2.png');
    color: #215aa8;
}
#ds-vital-epa {
    table-layout: fixed;
    width: 80%;
    margin:auto;
}
#ds-vital-epa th {
    text-align: center;
}
#ds-vital-epa, #ds-vital-epa th, #ds-vital-epa td {
    border: 3px solid #215aa8;
}



.npd-allbospro-div-col-hide {
    display:none;
}

/* History Page */
.history-subtitles span {
    border-bottom: 10px solid #215aa8;
}
.history-subtitles {
    line-height: 50px !important;
}
#history-beginning-img:hover {
    content:url("../wysiwyg/history-beginning2.png");
}
#history-doitalone-img:hover {
    content:url("../wysiwyg/history-doitalone2.png");
}
#history-protection-img:hover {
    content:url("../wysiwyg/history-protection2.png");
}
#history-foam-img:hover {
    content:url("../wysiwyg/history-foam2.png");
}
#history-productline-img:hover {
    content:url("../wysiwyg/history-productline2.png");
}
#history-moretodo-img:hover {
    content:url("../wysiwyg/history-moretodo2.png");
}
#history-npdlogo-img:hover {
    content:url("../wysiwyg/history-npdlogo2.png");
}

/* President Page */
.president-subtitles span {
    border-bottom: 10px solid #215aa8;
}
.president-subtitles {
    line-height:50px !important;
}
#president-history-img:hover {
    content:url("../wysiwyg/president-history2.png");
}
#president-quote-img:hover {
    content:url("../wysiwyg/president-quote2.png");
}
#president-growth-img:hover {
    content:url("../wysiwyg/president-growth2.png");
}
#president-npd-img:hover {
    content:url("../wysiwyg/president-npd2.png");
}
#president-puzzle-img:hover {
    content:url("../wysiwyg/president-puzzle2.png");
}


/*Foam Use Page*/
.foamuse-subtitles {
    font-family: "Poppins", sans-serif !important;
    color: black;
    font-weight: bold;
    line-height: 50px !important;
}
.foamuse-subtitles span {
    border-bottom: 10px solid #215aa8;
}
#foamuse-image img{
    margin:auto;
    height:auto;
    width:150px;
    display:inherit;
    margin-bottom:10px;
}
#foamuse-foam-img:hover {
    content:url("../wysiwyg/foamuse-foam2.png");
}

.difference-col ul {
    list-style-image: url('../wysiwyg/npdproducts/list-arrow.png');
}
/*Doing Better Page*/

.doingbetter-subtitles span {
    border-bottom: 10px solid #215aa8;
}
.doingbetter-subtitles {
    line-height: 50px !important;
}
#doingbetter-quote-img:hover {
    content:url("../wysiwyg/doingbetter-quote2.png");
}
#doingbetter-about-img:hover {
    content:url("../wysiwyg/doingbetter-about2.png");
}


/* Spot LD */
#spotld-container {
    width:100%;
    margin:auto;
}
#spotld-container, #spotld-container h2, #spotld-container h3{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
}
#spotld-container p {
    font-size:1.5em;
}
.spotld-subtitle {
    color:#79a440;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.spotld-subtitle span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #040707;
    line-height:2;
}
.spotld-header, .spotld-footer {
    width: 100%;
    height: auto;
}
.spotld-footer {
    margin-top:50px;
}
/* Oscar Power Foamer */
#oscar-container {
    width:100%;
    margin:auto;
}
#oscar-container, #spotld-container h2, #spotld-container h3{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
}
#oscar-container p {
    font-size:1.5em;
}
.oscar-subtitle {
    color:#79a440;
    font-weight:bold;
    padding-bottom:10px;
    margin:auto;
    letter-spacing: 0.1em;
    margin-bottom:1.5em;
    margin-top:2em;
}
.oscar-subtitle span {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #040707;
    line-height:2;
}
.oscar-header, .oscar-footer {
    width: 100%;
    height: auto;
}
.oscar-footer {
    margin-top:50px;
}
/* DOWNLOADS CONTAINER */
#spotld-dwn1, #spotld-dwn2 {
    width: 108px;
    height: 108px;
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
}
#spotld-dwn1 {
    background-image: url("../wysiwyg/icons/spotld-featuresheet2.png");
}
#spotld-dwn1:hover {
    background-image: url("../wysiwyg/icons/spotld-featuresheet1.png");
}

.spotlddwn-col a{
    color:black;
}
.spotld-dwn-col a:hover{
    color:black;
    text-decoration: none;
}
.spotld-dwn-col  {
    float: left;
    width: 50%;
}
.spotld-dwn-col h3 {
    margin-top:20px;
}


/*Videos Pages*/
.npd-videos-cont h1 span, .npd-videos-cont h2 span {
    border-bottom: 5px solid #215aa8;
}
.npd-videos-cat-title h3, .npd-videos-cat-title-ind h3 {
    font-size:1.5em;
}
.npd-videos-cat-title-ind {
    margin-top:70%;
}
.npd-videos-col-img-back h3 {
    font-size:1.5em;
    text-shadow: 1px 1px 5px #000000;
}
.npd-videos-col-img-back h3, .npd-videos-col-img-front h3 {
    color:#ffffff;
    text-shadow: 1px 1px 5px #000000;
}
.npd-videos-col-img-back h4 {
    color:#ffffff;
    text-shadow: 1px 1px 5px #000000;
}
.npd-videos-col-img-text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
}
.npd-videos-col-img-front .npd-videos-col-img-text {
    position:absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
}
.npd-videos-cat-title-ind span, .npd-videos-col-img-back span, .npd-videos-col-img-front span {
    border-bottom: 8px solid #215aa8;
}
.npd-videos-cat-btn-cont .npd-videos-cat-btn-cont-in{
    font-family: "Poppins", sans-serif !important;
}
.npd-videos-cat-img {
    box-shadow: 5px 10px 18px #a2a2a2;
    margin-bottom:30px;
    margin-top:30px;
    border-radius: 5px;
}
.npd-videos-cat-img img {
    width: 100%;
    border-radius: 5px;
}
.npd-videos-cat-img:hover {
    box-shadow: 5px 10px 18px #888888;
}
.npd-videos-cat-col {
    float: left;
    width: 50%;
    text-align:center;
}
.npd-videos-col {
    float: left;
    width: 33%;
    text-align:center;
}
.npd-videos-col-in {
    width:60%;
    margin:auto;
}
.npd-videos-col-in-cat {
    width:80%;
    margin:auto;
}
.npd-videos-row:after {
    content: "";
    display: table;
    clear: both;
}
.npd-videos-row {
    margin-top:20px;
    margin-bottom:20px;
}
.npd-videos-cat-btn {
	padding-bottom: 10px;
	text-align: center;
}
.npd-videos-cat-btn-cont {
	padding: 5px;
	display: inline-block;
}
.npd-videos-cat-btn-cont .npd-videos-cat-btn-cont-in {
	background-color: #215aa8;
	color: #ffffff;
	font-weight: 400;
	font-size: 1.2rem;
	padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    text-decoration: none;
    border-radius: 5px;
    text-decoration: none !important;
}
.npd-videos-cat-btn-cont a.npd-videos-cat-btn-cont-in:hover {
	background-color: #215aa8;
	color: #ffffff;
    text-decoration: none;
    box-shadow: 8px 8px #eeeeee;
}
.npd-videos-cat-video iframe{
    width:100%;
}

.npd-videos-col-img-front img, .npd-videos-col-img-back img {
    height: auto;
    max-width: 100%;
    border-radius: 5px;
}
.npd-videos-col-img {
    background-color: transparent;
    width: 100%;
    height: auto;
    perspective: 1000px;
    margin-bottom:30px;
    margin-top:30px;  
    border-radius: 5px;  
}
.npd-videos-col-img-inner {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.npd-videos-col-img:hover .npd-videos-col-img-inner{
    transform: rotateY(180deg);
}
.npd-videos-col-img-front, .npd-videos-col-img-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.npd-videos-col-img-front {
    background-color: white;
    border-radius: 5px;
    margin: 0 auto;
    height:auto;
    box-shadow: 5px 10px 18px #a2a2a2;
}
.npd-videos-col-img-back {
    background-color: white;
    transform: rotateY(180deg);
    border-radius: 5px;
    margin: 0 auto;
    height:auto;
    box-shadow: 5px 10px 18px #a2a2a2;
}
@media screen and (max-width: 1190px) {
    .vital-faq-cont {
        width:80%;
    }
}
@media screen and (max-width: 1167px) {
    .vo-mold-cont {
        width:31%;
    }
    .vo-what-item {
        width:260px;
        height:260px;
        padding: 10px;
    }
    .vo-what-item:hover {
        width: 280px;
        height: 280px;
        margin-bottom:10px;
        margin-top:18px;
    }
    .vo-what-item .vo-what-img {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 100px;
    }
}
@media screen and (max-width: 1090px){
    .adv-row {
        margin-left:0;
    }
}
@media screen and (max-width: 1050px) {
    #vo-testing-banner-caption {
        right: 0;
        left: 0;
        margin: auto;
    }
}
@media screen and (max-width: 991px) {
    .vo-what-item {
        width:220px;
        height:220px;
        font-size:1em;
        padding: 0;
    }
    .vo-what-item:hover {
        width: 240px;
        height: 240px;
        margin-bottom:10px;
        margin-top:18px;
    }
    .vo-what-item .vo-what-img {
        margin-top: 20px;
        margin-bottom: 15px;
        height: 80px;
    }
    .areas-cards h5 {
        font-size:1.3em;
    }
    .areas-cards p {
        font-size:1em !important;
    }
}
@media screen and (max-width: 925px){
    .vo-solutions-cont, .vo-mold-cont, .vo-moreinfo-cont {
        width:30%;
    }
    .vo-solutions-row, .vo-mold-row, .vo-moreinfo-row {
        width:100%;
    }
    .adv-row {
        width:100%;
    }
    .adv-col {
        width:40%;
    }
}
@media screen and (max-width: 768px) {
    #vital-container, #profoam-container, #bioplus-container, #spotld-container {
        width:80%;
    }
    .vo-solutions-cont, .vo-mold-cont, .vo-moreinfo-cont {
        width: 100%;
        padding: 10px;
    }
    .vo-solutions-cont img, .vo-mold-cont img, .vo-moreinfo-cont img {
        width:100%;
        height:auto;
    }
    .vitalsteps-cont .vital-subtitle {
        width:100%;
    }
    .adv-col, .dwn-col, .profoam-dwn-col, .bioplus-dwn-col, .difference-col, .spotld-dwn-col {
        width: 100%;
    }
    .adv-row, .difference-row {
        margin-left:0;
    }
    #cleaning-list, #sources-list {
        direction: ltr;
    }
    #cleaning-list li, #sources-list li {
        margin-left: 60px;
        margin-right:0;
        text-align: left;
        padding-right: 10px;
        padding-left:0;
    }
    .vital-faq-cont {
         width:100%;
     }

    .vo-what-col {
        width: 100%;
    }
    .vo-what-item {
        width:300px;
        height:300px;
        font-size:1em;
        padding: 10px;
    }
    .vo-what-item:hover {
        width: 320px;
        height: 320px;
        margin-bottom:10px;
        margin-top:18px;
    }
    .vo-what-item .vo-what-img {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 100px;
    }
    .steps-card {
        width:85%;
        font-size:1em;
        padding:15px;
    }
    .steps-card h3 {
        font-size:1.5em;
    }
    .steps-row {
        text-align:center;
        margin-left:15%;
    }
    #card-first {
        width:100%;
    }
    #card-second {
        width:70%;
    }
    #npdp-box-img {
        width: 50%;
    }
}
@media screen and (max-width:767px) {
    .level0.level-top.nav-pro.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-elim.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-foam.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-dis.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-vital.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-probio.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-tech.ui-menu-item {
        width: initial;
    }
    .level0.level-top.nav-reach.ui-menu-item {
        width: initial;
    }
}
@media screen and (max-width: 665px) {
    #card-first {
        width:70%;
    }
    .card {
        margin-bottom:40px !important;
    }
}
@media screen and (max-width: 610px) {
    .vital-subtitle, .profoam-subtitle, .bioplus-subtitle, .spotld-subtitle {
        font-size: 1.6em;
    }
    #vital-container p, #profoam-container p, #bioplus-container p, #spotld-container p {
        font-size: 1.2em;
    }
    #vital-container h3, #profoam-container h3, #bioplus-container h3, #spotld-container h3 {
        font-size: 1.3em;
    }
    .adv-col ul li {
        font-size: 0.8em;
    }
    .vo-titles, .vo-titles2, .vo-titles3 {
        font-size:1.6em;
    }
    #vo-testing-banner-caption-text {
        margin-left: 0; 
        padding-top:0;
        font-size:0.8em;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgba(0, 0, 0, 0.5);
        padding:5px;
        border-radius: 10px;
        margin-top:20px;
    }
    #vo-breakthrough-banner-caption-text {
        margin-left: 0; 
        padding-top:0;
        font-size:0.8em;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.5);
        padding:5px;
        border-radius: 10px;
        margin-top:20px;
    }
    .vo-titles2, .vo-titles3, .vo-titles4 {
        margin-top:0;
    }
    #vo-testing-banner-caption, #vo-breakthrough-banner-caption, #vo-contact-banner-caption {
        left:0;
        background-image: none;
        width: 80%;
    }
    #vo-testing-banner, #vo-breakthrough-banner {
        height: 355px;
    }
    .steps-card {
        font-size:0.9em;
    }
    #npd-contshoppingbtn {
        margin-left: 5%;
    }
}
@media screen and (max-width: 570px) {
    #vital-epa td, #vital-epa th {
        font-size:0.8em;
    }
    #vital-epa {
        width: 100%;
    }
}
@media (max-width: 497px){
    #vo-testing-banner {
        height: 400px;
    }
    #contact-social-1, #contact-social-2, #contact-social-3 {
        margin: auto;
    }
    .contact-social-in {
        display:block;
        text-align: center;
    }
    .contact-social-p {
        font-size: 0.8em;
    }
}
@media (max-width: 471px) {
    .steps-row {
        margin-left:0;
    }
    .steps-card {
        font-size:1em;
        width:100%;
    }
    .steps-card h3 {
        font-size:1.3em;
    }
}
@media (max-width: 438px) {
    #vo-testing-banner {
        height: 450px;
    }
}
@media screen and (max-width:416px){
    .vo-what-item {
        width:220px;
        height:220px;
        font-size:0.8em;
        padding: 0;
    }
    .vo-what-item:hover {
        width: 240px;
        height: 240px;
        margin-bottom:10px;
        margin-top:18px;
    }
    .vo-what-item .vo-what-img {
        margin-top: 20px;
        margin-bottom: 15px;
        height: 100px;
    }
}
@media (max-width: 396px) {
    #vo-testing-banner {
        height: 500px;
    }
}
@media (max-width: 366px) {
    #vital-epa td, #vital-epa th {
        font-size:0.6em;
    }
}
@media (max-width: 330px) {
    #vo-testing-banner {
        height: 550px;
    }
}
@media (max-width: 318px) {
    #vo-testing-banner {
        height: 600px;
    }
}