@font-face {
    font-family: CooperHewitt;
    src: url("../font/CooperHewitt-Medium.otf") format("opentype");
}

@font-face {
    font-family: CooperHewitt;
    font-weight: bold;
    src: url("../font/CooperHewitt-Heavy.otf") format("opentype");
}


.home-splash2.augsotm {background-color:#303e48; margin:0 3px; padding:5px 0 8px 0; position:relative;}
.home-splash2.augsotm a,
.home-splash2.augsotm a:hover{text-decoration: none;}
.home-splash2.augsotm .splash-messaging {float:left; font-size:24px; color:#fff; margin-top:45px; margin-left:32px; margin-right:-85px; line-height:normal;}
.home-splash2.augsotm .title-text-sub{font-size:21px;}
.home-splash2.augsotm .title-text-sub a{color:#2a96d0; text-decoration:underline;}
.home-splash2.augsotm .title-text-sub span{color:#e64d25;}
.home-splash2.augsotm .title-text {margin:0 0 20px 0; color:#fff; text-decoration: none; color: #fff; font-size:68px; line-height:64px; font-weight:bold;}
.home-splash2.augsotm .cta-area{display:inline-block; vertical-align:top; text-align:left; margin-top:36px;}
.home-splash2.augsotm .cta-area-col{float:left; margin:-5px 10px 0 15px;}
.home-splash2.augsotm .sub-title-text{float:left; width:380px; margin-top:-10px; text-decoration:underline;}
.home-splash2.augsotm .sub-title-text-mobile{display:none;}
.home-splash2.augsotm .sotmicon{float:left; margin-top:-12px;}
.home-splash2.augsotm button {-webkit-box-shadow:2px 2px 3px 0 #333; box-shadow:2px 2px 3px 0 #333; padding-top:0; height:50px; margin-right:0px}
.home-splash2.augsotm button.button > span{font-size:22px; line-height:50px; height:50px;}
.home-splash2.augsotm button.button span span{padding:0 40px;}
.home-splash2.augsotm .dates{color:#fff; font-size:12px; margin-top:40px; margin-bottom:6px; font-weight:normal;}
.home-splash2.augsotm .product-img{float:right; margin: 25px 22px 10px 0; width:355px;}

.home-splash2.septsotm {background-color:#2a96d1; margin:0 3px; padding:5px 0 8px 0; position:relative;}
.home-splash2.septsotm a,
.home-splash2.septsotm a:hover{text-decoration: none;}
.home-splash2.septsotm .splash-messaging{float:left; font-size:24px; color:#fff; margin-top:32px; margin-left:32px; margin-right:-85px; line-height:normal;}
.home-splash2.septsotm .title-text-sub{font-size:26px; font-weight:bold;}
.home-splash2.septsotm .title-text-sub a{color:#fff; text-decoration:underline;}
.home-splash2.septsotm .title-text-sub span{color:#e64d25;}
.home-splash2.septsotm .title-text{margin:0 0 20px 0; text-transform:uppercase; color:#fff; text-decoration: none; color: #fff; font-size:68px; line-height:64px; font-weight:bold;}
.home-splash2.septsotm .cta-area{display:inline-block; vertical-align:top; text-align:left; margin-top:36px;}
.home-splash2.septsotm .cta-area-col{float:left; margin:-5px 15px 0 0;}
.home-splash2.septsotm .sub-title-text{float:left; width:380px; margin-top:-10px; text-decoration:underline;}
.home-splash2.septsotm .sub-title-text-mobile{display:none;}
.home-splash2.septsotm .sotmicon{float:left; margin-top:-10px;}
.home-splash2.septsotm button {-webkit-box-shadow:2px 2px 3px 0 #333; box-shadow:2px 2px 3px 0 #333; padding-top:0; height:50px; margin-right:0px}
.home-splash2.septsotm button.button > span{font-size:22px; line-height:50px; height:50px;}
.home-splash2.septsotm button.button span span{padding:0 40px; width:230px;}
.home-splash2.septsotm .dates{color:#303e48; font-size:12px; margin-top:15px; margin-bottom:6px; font-weight:normal;}
.home-splash2.septsotm .product-img{float:right; margin: 25px 22px 10px 0; width:355px;}



.ryic-banner-container{background:#4496D2 url(//media2.cleanfreak.com/cf/images/cms/ryic/ryic-home-bg.jpg) no-repeat center center; padding:15px; margin-top:30px;}
.dept-block{display:none;}
.ryic-banner-container .ryic-logo{display:inline-block; width:428px; vertical-align:top;}
.ryic-banner-container .ryic-text{display:inline-block; width:450px; vertical-align:top; margin-right:-50px;}
.ryic-banner-container .ryic-text .heading{font-size:28px; color:#303e48; font-style:italic; margin-bottom:20px; margin-top:10px; }
.ryic-banner-container .ryic-text .links{font-size:17px; color:#fff; font-weight:bold; line-height:24px; margin-bottom:25px;}
.ryic-banner-container .ryic-text .links a{font-size:17px; color:#303e48;}
.ryic-banner-container .btn-area button.button{box-shadow: 2px 2px 2px 1px #333;}
.ryic-banner-container .ryic-products{display:inline-block; width:270px; vertical-align:top;}

.ryic-banner-container.cleanhero{background:none; background-color:#55c8e7; padding:10px 30px; margin-top:30px;}
.ryic-banner-container.cleanhero .ryic-text{width:846px; }
.ryic-banner-container.cleanhero .ryic-text .heading{font-family: CooperHewitt; color:white; font-weight:bold; font-size:70px; font-style:normal; margin-bottom:0; line-height:75px; margin-top:50px;}
.ryic-banner-container.cleanhero .ryic-text .links{font-family: CooperHewitt; color:#303e48; font-size:26px; line-height:32px;}
.ryic-banner-container.cleanhero .ryic-products{float:right;}

.ryic-banner-container.onetree{background:#6c6160 url(//media2.cleanfreak.com/cf/images/cms/ryic/one-tree-site-banner-bg.jpg) no-repeat center center; padding:25px 20px; margin-top:30px;}
.ryic-banner-container.onetree .green-background{padding:15px 10px; margin-bottom:20px; background-image: url(//media2.cleanfreak.com/cf/images/cms/ryic/green-trans-bg.png);}
.ryic-banner-container.onetree .ryic-text{width:846px; }
.ryic-banner-container.onetree .ryic-text .heading{font-family: CooperHewitt; color:white; font-weight:bold; font-size:62px; line-height:62px; font-style:normal; margin-bottom:0; line-height:75px; margin-top:0;}
.ryic-banner-container.onetree .ryic-text .links{font-family: CooperHewitt; color:white; font-size:26px; line-height:32px; font-weight:normal; margin-bottom:0;}
.ryic-banner-container.onetree .ryic-products{float:right; width:216px; margin-top:18px;}



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

    .home-splash2.augsotm{padding:0;}
    .home-splash2.augsotm .splash-messaging{margin-top:34px;}
    .home-splash2.augsotm .title-text{font-size:54px;}
    .home-splash2.augsotm .title-text-sub{font-size:18px;}
    .home-splash2.augsotm .product-img{width:275px; margin-top:44px; }
    .home-splash2.augsotm button {height:50px; margin-right:10px}
    .home-splash2.augsotm .sotmicon{margin-top:-14px;}

    .home-splash2.septsotm{padding:0;}
    .home-splash2.septsotm .splash-messaging{margin-top:34px;}
    .home-splash2.septsotm .title-text{font-size:54px;}
    .home-splash2.septsotm .title-text-sub{font-size:20px;}
    .home-splash2.septsotm .product-img{width:275px; margin-top:44px; }
    .home-splash2.septsotm button {height:50px; margin-right:10px}
    .home-splash2.septsotm .sotmicon{margin-top:-14px;}

    .ryic-banner-container .ryic-logo{width:290px; padding-top:26px;}
    .ryic-banner-container .ryic-text{width:420px;}
    .ryic-banner-container .ryic-text .heading{font-size:26px; margin-bottom:10px;}
    .ryic-banner-container .ryic-text .links{font-size:16px; margin-bottom:16px;}
    .ryic-banner-container .ryic-text .links a{font-size:16px;}
    .ryic-banner-container .ryic-products{width:230px;}

    .ryic-banner-container.cleanhero .ryic-text .heading{font-size:52px; line-height:54px; margin-top:8px;}
    .ryic-banner-container.cleanhero .ryic-text{width:640px;}

    .ryic-banner-container.onetree .ryic-text .heading{font-size:52px; line-height:54px;}
    .ryic-banner-container.onetree .ryic-text .links{font-size:22px;}
    .ryic-banner-container.onetree .ryic-text{width:640px;}


}

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

    .home-splash2.augsotm .splash-messaging{margin-top:15px;}
    .home-splash2.augsotm .title-text{font-size:41px; line-height:41px; margin-top:5px;}
    .home-splash2.augsotm .title-text-sub{font-size:14px; line-height:25px;}
    .home-splash2.augsotm .product-img{width:180px; top:20px; right:19px;}
    .home-splash2.augsotm .cta-area{margin-top:25px;}
    .home-splash2.augsotm .cta-area-col{margin:-5px 0 0 7px;}
    .home-splash2.augsotm button {height:50px; margin-left:0; margin-right:10px}
    .home-splash2.augsotm button.button > span{font-size:18px; line-height:50px; height:50px;}
    .home-splash2.augsotm button.button span span{padding:0 25px;}
    .home-splash2.augsotm .dates{margin-top:15px; font-size:10px;}
    .home-splash2.augsotm .sotmicon{margin-right:5px;}

    .home-splash2.septsotm .splash-messaging{margin-top:15px;}
    .home-splash2.septsotm .title-text{font-size:41px; line-height:41px; margin-top:5px;}
    .home-splash2.septsotm .title-text-sub{font-size:19px; line-height:25px;}
    .home-splash2.septsotm .product-img{width:180px; top:20px; right:19px;}
    .home-splash2.septsotm .cta-area{margin-top:25px;}
    .home-splash2.septsotm .cta-area-col{margin:-5px 0 0 7px;}
    .home-splash2.septsotm button {height:50px; margin-left:0; margin-right:10px}
    .home-splash2.septsotm button.button > span{font-size:18px; line-height:50px; height:50px;}
    .home-splash2.septsotm button.button span span{padding:0 25px; width:160px;}
    .home-splash2.septsotm .dates{margin-top:15px; font-size:10px;}
    .home-splash2.septsotm .sotmicon{margin-right:5px;}

    .ryic-banner-container{background-position:-410px 0;}
    .ryic-banner-container .ryic-logo{width:196px; padding-top:26px;}
    .ryic-banner-container .ryic-text{width:342px; margin-right:-44px;}
    .ryic-banner-container .ryic-text .heading{font-size:22px; margin:0 0 8px 0;}
    .ryic-banner-container .ryic-text .links{font-size:14px; line-height:20px; margin-bottom:14px;}
    .ryic-banner-container .ryic-text .links a{font-size:13px;}
    .ryic-banner-container .ryic-products{width:185px;}

    .ryic-banner-container.cleanhero{padding:10px 20px 20px 20px;}
    .ryic-banner-container.cleanhero .ryic-text .heading{font-size:52px; line-height:54px; margin-top:8px;}
    .ryic-banner-container.cleanhero .ryic-text{width:470px;}
    .ryic-banner-container.cleanhero .ryic-text .links{font-size:20px; line-height:27px;}
    .ryic-banner-container.cleanhero .ryic-products{margin-top:20px;}

    .ryic-banner-container.onetree{padding:10px 20px 20px 20px;}
    .ryic-banner-container.onetree .ryic-text .heading{font-size:52px; line-height:54px;}
    .ryic-banner-container.onetree .ryic-text{width:470px;}
    .ryic-banner-container.onetree .ryic-text .links{font-size:20px; line-height:27px;}
    .ryic-banner-container.onetree .ryic-products{margin-top:20px; width:175px;}
}

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

    .home-splash2.augsotm .splash-messaging{margin-top:15px; margin-left:12px;}
    .home-splash2.augsotm .title-text{font-size:34px; line-height:41px; margin-bottom:5px; }
    .home-splash2.augsotm .title-text-sub{font-size:15px; line-height:25px; max-width:352px; padding-bottom:3px;}
    .home-splash2.augsotm .product-img{width:180px; margin-top:62px; margin-right:34px;}
    .home-splash2.augsotm .cta-area-col{margin-left:0;}
    .home-splash2.augsotm .cta-area{margin-top:22px;}
    .home-splash2.augsotm button {height:30px; margin-left:0; margin-right:10px}
    .home-splash2.augsotm button.button > span{font-size:14px; line-height:30px; height:30px;}
    .home-splash2.augsotm button.button span span{padding:0 22px;}
    .home-splash2.augsotm .sotmicon{position:absolute; float:none; bottom:23px; right:10px; z-index:1; width:75px;}

    .home-splash2.septsotm .splash-messaging{margin-top:15px; margin-left:12px;}
    .home-splash2.septsotm .title-text{font-size:34px; line-height:41px; margin-bottom:5px; }
    .home-splash2.septsotm .title-text-sub{font-size:18px; line-height:25px; max-width:352px; padding-bottom:3px;}
    .home-splash2.septsotm .product-img{width:192px; margin-top:34px; margin-right:20px;}
    .home-splash2.septsotm .cta-area-col{margin-left:0;}
    .home-splash2.septsotm .cta-area{margin-top:22px;}
    .home-splash2.septsotm button {height:30px; margin-left:0; margin-right:10px}
    .home-splash2.septsotm button.button > span{font-size:14px; line-height:30px; height:30px;}
    .home-splash2.septsotm button.button span span{padding:0 22px;}
    .home-splash2.septsotm .sotmicon{position:absolute; float:none; bottom:23px; right:10px; z-index:1; width:75px;}

    .ryic-banner-container{background:#4496D2 url(//media2.cleanfreak.com/cf/images/cms/ryic/ryic-home-sm-bg.jpg) no-repeat 10px 24px; padding:10px;}
    .ryic-banner-container .ryic-logo,
    .ryic-banner-container .ryic-products{display:none;}
    .ryic-banner-container .ryic-text{width:auto; margin-left:310px; margin-right:0;}


    .ryic-banner-container.cleanhero{background:none; background-color:#55c8e7;}
    .ryic-banner-container.cleanhero .ryic-products{display:inline-block;}
    .ryic-banner-container.cleanhero .ryic-text{width:auto; margin-left:0; margin-right:0; width:64%;}

    .ryic-banner-container.onetree .ryic-text .heading {font-size:48px;}
    .ryic-banner-container.onetree .ryic-text .links{font-size:18px; line-height:22px;}
    .ryic-banner-container.onetree .ryic-products{display:inline-block;}
    .ryic-banner-container.onetree .ryic-text{width:auto; margin-left:0; margin-right:0; width:64%;}


}
@media only screen and (max-width:600px) {

    .ryic-banner-container{background-position: center 10px;}
    .ryic-banner-container .ryic-text{width:100%; margin:0; padding:160px 10px 5px 10px; text-align:center;}


    .home-splash2.augsotm .splash-messaging{margin:200px auto 10px; text-align:center; width:100%;}
    .home-splash2.augsotm .product-img{display:none;}
    .home-splash2.augsotm {background-size:205px !important; background:#303e48 url(//media2.cleanfreak.com/cf/images/hero/aug20/dura-17-and-dura-20-auto-floor-scrubbers-special.png) no-repeat center 18px; margin:0 3px; position:relative;}
    .home-splash2.augsotm .title-text{margin:-5px 0 0 0; font-size:26px; line-height:34px;}
    .home-splash2.augsotm button{margin:5px;}
    .home-splash2.augsotm .sotmicon{top:150px; left:19%; right:auto; bottom:auto;}
    .home-splash2.augsotm .cta-area{float:none; margin-top:0; text-align:center;}
    .home-splash2.augsotm .cta-area-col{text-align:center; margin:0;}
    .home-splash2.augsotm .sub-title-text-mobile{display:block; margin:auto; max-width:320px; width:100%;}
    .home-splash2.augsotm .title-text-sub{font-size:17px; line-height:20px;padding:6px; margin:auto;}
    .home-splash2.augsotm .title-text-sub span {display:block;}


    .home-splash2.septsotm .splash-messaging{margin:200px auto 10px; text-align:center; width:100%;}
    .home-splash2.septsotm .product-img{display:none;}
    .home-splash2.septsotm {background-size:205px !important; background:#2A96D1 url(//media2.cleanfreak.com/cf/images/hero/sept20/cleanfreak-carpet-spotters-special.png) no-repeat center 18px; margin:0 3px; position:relative;}
    .home-splash2.septsotm .title-text{margin:-5px 0 0 0; font-size:22px; line-height:34px;}
    .home-splash2.septsotm button{margin:5px;}
    .home-splash2.septsotm .sotmicon{top:150px; left:19%; right:auto; bottom:auto;}
    .home-splash2.septsotm .cta-area{float:none; margin-top:10px; text-align:center;}
    .home-splash2.septsotm .cta-area-col{text-align:center; margin:0; float:none;}
    .home-splash2.septsotm .sub-title-text-mobile{display:block; margin:auto; max-width:320px; width:100%;}
    .home-splash2.septsotm .title-text-sub{font-size:14px; line-height:14px;padding:6px; margin:auto;}
    .home-splash2.septsotm .title-text-sub span {display:block;}


    .ryic-banner-container.cleanhero .ryic-text{width:100%; text-align:center; padding-top:10px;}
    .ryic-banner-container.cleanhero .ryic-text .heading{font-size:40px; line-height:42px;}
    .ryic-banner-container.cleanhero .ryic-text .links {font-size:16px; line-height:22px;}
    .ryic-banner-container.cleanhero .ryic-products{width:100%; text-align:center;}
    .ryic-banner-container.cleanhero .ryic-products img{margin:auto; max-width:120px;}

    .ryic-banner-container.onetree{background-size:1170px 100%;}
    .ryic-banner-container.onetree .ryic-text{width:100%; text-align:center; padding-top:10px;}
    .ryic-banner-container.onetree .ryic-text .heading{font-size:34px; line-height:42px;}
    .ryic-banner-container.onetree .ryic-text .links {font-size:15px; line-height:20px;}
    .ryic-banner-container.onetree .ryic-products{width:100%; text-align:center;}
    .ryic-banner-container.onetree .ryic-products img{margin:auto; max-width:120px;}

}
@media only screen and (max-width:480px){

}

@media only screen and (max-width:400px){
    .home-splash2.augsotm .sotmicon{left:7%}
    .home-splash2.septsotm .sotmicon{left:7%}
}