.casestudy-image-50 h3{font-family:'HelveticaNeueLTW01-45Light';font-size:28px;line-height:30px}
.casestudy-image-50.image-left{background:url("../../../../../../content/dam/kohler-kds/white-box-50.jpg");background-repeat:no-repeat}
.casestudy-image-50{background:url("../../../../../../content/dam/kohler-kds/white-box-50.jpg");background-repeat:no-repeat;background-position:right}
@media only screen and (max-width:767px){.casestudy-image-50 h3{font-family:'HelveticaNeueLTW01-45Light';font-size:20px;line-height:25px}
}
@media only screen and (min-width:768px) and (max-width:991px){.casestudy-image-50 h3{font-size:22px;line-height:25px}
.casestudy-image-50{object-fit:cover;object-position:center;height:960px}
}
@media only screen and (min-width:991px) and (max-width:1024px){.casestudy-image-50 h3{font-size:22px;line-height:26px}
}
.pullquote .article-bg-white{background-color:#fff}
.pullquote .article-bg-black{background-color:#000}
.pullquote .article-bg-white .pull-quote-img-container{background-image:url("../../../../../../content/dam/kohler-kds/white-box.png");background-repeat:no-repeat;background-position:right}
.pullquote .article-bg-black .pull-quote-img-container{background-image:url("../../../../../../content/dam/kohler-kds/black-box.png");background-repeat:no-repeat;background-position:right}
.pullquote .pull-quote-img-container{max-width:1280px;background-size:64.45%}
.pullquote .article-img-right .pull-quote-img-container{background-position:left}
.pullquote .article-img-left .pull-quote-img-container{background-position:right}
.casestudy-page.white-box-block-text h3{font-family:'HelveticaNeueLTW01-45Light';font-size:28px;line-height:30px}
.casestudy-page.white-box-block-text h3{margin:0 20%}
.casestudy-page.white-box-block-text{width:100vw;margin-left:calc(-50vw + 49.25%);position:relative}
.casestudy-page.white-box-block-text .text-block{position:absolute;top:33%;left:0;right:0}
.casestudy-page.white-box-block-text{background:url("../../../../../../content/dam/kohler-kds/article-white-box-50.jpg")}
.pullquote-text h3{font-family:'HelveticaNeueLTW01-45Light';font-size:24px;line-height:28px}
.pullquote-text p{font-size:14px;letter-spacing:1px;line-height:20px}
.casestudy-image-text.pullquote .text-block.pullquote-text{padding-top:0;padding-bottom:0}
.casestudy-image-text.pullquote .text-block{padding:100px 0}
.casestudy-image-text.pullquote.article-black span{color:#fff;background:0}
.pull-quote-container.article-bg-white{background-image:url("../../../../../../content/dam/kohler-kds/slashes images.png");background-size:cover;background-position:center}
.pull-quote-container.article-bg-black{background-image:url("../../../../../../content/dam/kohler-kds/slashes images.png");background-size:cover;background-position:center}
.casestudy-image-text.pullquote.text_bg.article-black h3,.casestudy-image-text.pullquote.text_bg.article-black p,.casestudy-image-text.pullquote.article-black h3,.casestudy-image-text.pullquote.article-black p{color:#fff;background:0}
.casestudy-page.white-box-block-text{background-repeat:no-repeat;background-size:cover;background-position:center center}
.casestudy-page.white-box-block-text{height:388px}
.casestudy-image-text.pullquote span{vertical-align:super;padding-right:37px;letter-spacing:0;font-weight:300}
@media only screen and (max-width:767px){.casestudy-page.white-box-block-text h3{margin:0 5%}
.casestudy-page.white-box-block-text .text-block{top:14%}
.casestudy-image-50 h3,.casestudy-page.white-box-block-text h3{font-family:'HelveticaNeueLTW01-45Light';font-size:20px;line-height:25px}
.pullquote-text h3{font-size:24px;line-height:28px}
.pullquote .pull-quote-img-container{background-position:0 170px !important}
.pullquote .article-img-right .pull-quote-img-container{background-position:0 -170px !important}
.pull-quote-container.article-bg-white{background-position:center}
.pull-quote-container.article-bg-black{background-position:center}
}
@media only screen and (min-width:768px) and (max-width:991px){.casestudy-page.white-box-block-text .text-block{top:26%}
.casestudy-page.white-box-block-text h3{margin:0 15%}
.casestudy-page.white-box-block-text h3{font-size:22px;line-height:25px}
.pullquote .article-img-right .pull-quote-img-container{background-position:0 200px !important}
.pullquote .article-img-right .pull-quote-img-container{background-position:0 -200px !important}
}
@media only screen and (max-width:991px){.casestudy-image-text.pullquote .text-block{padding:0}
.pullquote .pull-quote-img-container{background-size:100% !important;background-size:cover !important}
}
@media only screen and (min-width:991px) and (max-width:1024px){.casestudy-page.white-box-block-text .text-block{top:19%}
.casestudy-page.white-box-block-text h3{margin:0 15%}
}
.article-image-text-background .text-box{position:absolute;left:0;right:0;top:25%}
.article-image-text-background .text-box h3{font-family:'HelveticaNeueLTW01-45Light';font-size:28px;line-height:32px;font-weight:300}
.article-image-text-background .text-box p{font-size:14px;letter-spacing:2px;line-height:22px;margin-left:75px}
.article-image-text-background.article-black .text-box h3,.article-image-text-background.article-black .text-box p{color:#fff;background:0}
.article-image-text-background p:before{content:"";width:30px;height:2px;background-color:#000;position:absolute;top:72%;left:20px}
.article-image-text-background.article-black p:before{background-color:#fff}
.article-image-text-background{height:388px}
.article-image-text-background.article-black{background:url(../../../../../../content/dam/kohler-kds/article-black-bg.jpg)}
.article-image-text-background{background:url(../../../../../../content/dam/kohler-kds/article-white-bg.jpg)}
.article-image-text-background{background-repeat:no-repeat;background-size:cover;background-position:center center;width:100vw;margin-left:calc(-50vw + 49.25%);position:relative}
@media only screen and (min-width:320px) and (max-width:767px){.article-image-text-background{top:14%}
.article-image-text-background .text-box h3{width:100% !important}
.article-image-text-background{height:425px}
.article-image-text-background .text-box h3{font-size:25px;line-height:28px}
.article-image-text-background p:before{top:77%}
}
@media only screen and (min-width:768px) and (max-width:991px){.article-image-text-background .text-box h3{width:100% !important}
}
.print-img-right{margin-left:8.33% !important;float:right !important}
.print-align-center{vertical-align:middle;margin-left:0 !important}