/*
#region !!====={ Version Information }=====!!
// %~%@ < 1.3003 > @%~%     // File Version
// %~%# < 03/24/2016 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.3000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/
/* 
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
03/24/2016 - MKA :  * Color Change for Gen 1.3
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
11/5/2014 - MKA : Added style for comments
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#endregion ==================================
*/

@font-face {
	font-family: 'Agency';
	src: url('/Content/fonts/hinted-AgencyFB-Reg.eot');
	src: local('Agency FB'), local('AgencyFB-Reg'),
		url('/Content/fonts/hinted-AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/hinted-AgencyFB-Reg.woff2') format('woff2'),
		url('/Content/fonts/hinted-AgencyFB-Reg.woff') format('woff'),
		url('/Content/fonts/hinted-AgencyFB-Reg.ttf') format('truetype'),
		url('/Content/fonts/hinted-AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
	font-weight: normal;
	font-style: normal;
}

    /*back with font-family:"Agency", Impact, Helvetica, 'Open Sans', sans-serif;*/
    @font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-SemiboldItalic.eot');
	src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
		url('/Content/fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-SemiboldItalic.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-SemiboldItalic.woff') format('woff'),
		url('/Content/fonts/OpenSans-SemiboldItalic.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url('/Content/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-Light.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-Light.woff') format('woff'),
		url('/Content/fonts/OpenSans-Light.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSansLight-Italic.eot');
	src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
		url('/Content/fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSansLight-Italic.woff2') format('woff2'),
		url('/Content/fonts/OpenSansLight-Italic.woff') format('woff'),
		url('/Content/fonts/OpenSansLight-Italic.ttf') format('truetype'),
		url('/Content/fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans.eot');
	src: local('Open Sans'), local('OpenSans'),
		url('/Content/fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans.woff2') format('woff2'),
		url('/Content/fonts/OpenSans.woff') format('woff'),
		url('/Content/fonts/OpenSans.ttf') format('truetype'),
		url('/Content/fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('/Content/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-Bold.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-Bold.woff') format('woff'),
		url('/Content/fonts/OpenSans-Bold.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-ExtraboldItalic.eot');
	src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
		url('/Content/fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-ExtraboldItalic.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-ExtraboldItalic.woff') format('woff'),
		url('/Content/fonts/OpenSans-ExtraboldItalic.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic') format('svg');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-Semibold.eot');
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
		url('/Content/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-Semibold.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-Semibold.woff') format('woff'),
		url('/Content/fonts/OpenSans-Semibold.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url('/Content/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-BoldItalic.woff') format('woff'),
		url('/Content/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-Extrabold.eot');
	src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
		url('/Content/fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-Extrabold.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-Extrabold.woff') format('woff'),
		url('/Content/fonts/OpenSans-Extrabold.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/Content/fonts/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('/Content/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/OpenSans-Italic.woff2') format('woff2'),
		url('/Content/fonts/OpenSans-Italic.woff') format('woff'),
		url('/Content/fonts/OpenSans-Italic.ttf') format('truetype'),
		url('/Content/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

/*----GENERAL STYLING----*/
*{padding:0;margin:0;}

html {
	background: #F9F7F7;
}

body {/*max-width:100vw;*/ max-width: 2000px; overflow-x:hidden; font-family:'Open Sans', sans-serif; position: relative; margin: 0 auto;}
h2 em{font-family:'Open Sans',sans-serif;}
section{display:block;width:100%;position:relative;box-sizing:border-box;}
.page{background-image:url('/Content/images/bkg-main.jpg');background-size:100%;background-repeat:no-repeat;background-position:bottom center;}
#main{margin-top:80px;min-height:50vh;}
.doubleWrapper{display:block;position:relative;margin-bottom: -110px;}
a.button{display:inline-block;position:relative;padding:0.25em 3em;border:2px solid;text-decoration:none;text-transform:uppercase;line-height:1.5em;font-family:Agency;font-size:18px;letter-spacing:1px;font-weight:600;margin: 0 1em 0.5em 1em;}
a.button:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 0;opacity:0;transition:opacity 800ms,box-shadow 100ms 300ms;}
a.button:hover:after{box-shadow:inset 0 150px 100px -100px;opacity:0.25;transition:box-shadow 200ms;}
.page{min-height:80vh;}
a img{outline:none;border:none;}

/*----HEADER-------------*/
.page>header{display:block;position:absolute;color:#fff;right:0;top:74px;z-index:5;padding:1em;margin-left:44vw;line-height:1;}
#menucontainer {
    background-image:url('/Content/images/bkg-header.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;position:fixed;left:0;right:0;top:0;box-shadow:0 0 7px rgba(0,0,0,0.38);
    text-transform:uppercase;font-weight:600;font-size:16px;height:80px;/*padding:0 64px;*/z-index:1000; max-width: 2000px; margin: 0 auto;
}
#menucontainer>ul{vertical-align:top;}
#menucontainer>ul>li{display:inline-block;position:relative;padding:0 0.5em;line-height:80px;box-shadow:inset 0 0 20px -50px #fff;transition:box-shadow 300ms;}
#menucontainer>ul>li:hover{box-shadow:inset 0 -130px 50px -100px #fff;}
#menucontainer>ul>li>a{display:inline-block;color:#000;text-decoration:none;}
#menucontainer>ul>li>a:hover{color:#AD1116;}
#menucontainer .socialBtns{height:80px;line-height:80px;position:absolute;right:2em;}
#menucontainer .socialBtns a{display:inline-block;margin:0 0 0 1.5em;}
#menucontainer .socialBtns a img{display:inline-block;position:relative;transition:top 80ms;vertical-align:middle;height:1.75em;width:auto;}
#menucontainer .socialBtns a:hover img{top:-1px;filter:brightness(2);}
.logoWrap{display:inline-block;width:350px;height:190px;position:relative;transition:width 400ms;}
/*.logoWrap{background-image:url(/Content/images/logo-iso-skyline.png),url(/Content/images/logo-iso-shine.png),url(/Content/images/logo-iso-lettering.png);}
.logoWrap img{display:none !important;}*/
.logoWrap.condensed, #ContactStreamBodyID .logoWrap{width:140px;height: 78px;}
#ContactStreamBodyID .contactContainer{display:none;}
.logoWrap img{position:absolute;left:0;right:0;top:0;height:auto;width:100%;transform:scale(0.99);-o-transform:scale(0.99);-ms-transform:scale(0.99);-moz-transform:scale(0.99);-webkit-transform:scale(0.99);transition:filter 400ms;}
.logoWrap:hover .LogoIsoLettering{transform:scale(1);transition:transform 200ms ease-out;}
.logoWrap:hover .LogoIsoLetteringWhite{transform:scale(1);transition:transform 200ms ease-out;}
#HomeEntryBodyID .LogoIsoLettering, body:not(#HomeEntryBodyID) .LogoIsoLetteringWhite{display:inline-block;}
#HomeEntryBodyID .LogoIsoLetteringWhite, body:not(#HomeEntryBodyID) .LogoIsoLettering, body#ContactStreamBodyID .LogoIsoLetteringWhite{display:none;}
body#ContactStreamBodyID .LogoIsoLettering{display:inline-block;}
#HomeEntryBodyID footer .LogoIsoLetteringWhite, body:not(#HomeEntryBodyID) footer .LogoIsoLettering{display:inline-block;}
.logoWrap:hover .LogoIsoSkyline{filter:brightness(1.1);}
.LogoIsoSkyline{animation:glow 800ms ease-out;}
.LogoIsoShine{animation:rise-up 1200ms ease-out;}
.logoWrap::before {
    content: '';
    display: block;
    background-image: url(/Content/images/logo-iso-glow.png);
    background-size: contain;
    background-repeat: no-repeat;
    animation: rise-up 1500ms ease-out;
    pointer-events: none;
    position: absolute;
    left: -50px;
    right: -50px;
    height: 190px;
    top: -20px;
}
#menucontainer .dropList {display:block; position:absolute; left:-5px; background:#333; list-style:none; max-height:0; overflow:hidden;}
#menucontainer>ul>li:hover .dropList {max-height:100vh;}
#menucontainer .dropList li {display:block;background:#fff;position:relative;border-bottom:1px solid #9c9999;height:35px;width:355px;max-height: calc((100vh - 100px)/11);}
#menucontainer .dropList li a {display:block; position:absolute; font-size:14px; left:0; right:0; top:0; bottom:0; color:#000; padding-left:15px; text-decoration:none; line-height:36px; white-space:nowrap;}
#menucontainer .dropList li a span {color:#9c9999; display:block; font-size:12px; position:absolute; left:75px; top:33px; line-height:1; right:9px; text-transform:none; white-space: normal;}
#menucontainer .dropList li a:hover {color:#fff; background:#08384c;} 
#menucontainer .dropList li a img {position:absolute; left:34px; top:50%; max-width:50px; height:auto; transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
@keyframes rise-up {
    0%{transform:translateY(10px);opacity:0;}
    100%{transform:none;opacity:1;}
}
@keyframes glow {
    0%{filter:brightness(0.3) contrast(1.5);}
    100%{filter:none;}
}
#menucontainer > ul > .contactLi{box-shadow: inset 0 -160px 50px -100px #fff;}
#menucontainer > ul > .contactLi a{color:#a30000;font-weight:bold;}
#menucontainer > ul > .contactLi a:hover{color:#890200;}

/*----HERO SECTION-------*/
.typeIndustrial{display:block;font-size:0;color:transparent;background-image:url(/Content/images/type-industrial.png);width:50vw;height:8vw;background-size:contain;background-repeat:no-repeat;margin-bottom: 1rem;}
#HomeHeader{background-image:url(/Content/images/header-home.jpg);background-position:center center;background-size:cover;padding-top:120px;min-height: calc(25vw + 190px);padding-left:64px;box-sizing:border-box;}
#HomeHeader h2{color:#c4161c;font-size: 3.2vw;max-width:63%;text-transform:uppercase;text-shadow:2px -2px 8px rgba(0,0,0,0.4), 2px -1px 6px rgba(0,0,0,0.4), 1px 1px 3px #000;font-family:Agency;font-weight:700;line-height:1.1;}

@media screen and (max-width:1900px) {
    body #HomeHeader .btn-specials {
        transform: translateY(-60px);
    }
}

@media screen and (max-width:1630px) {
    body #HomeHeader .btn-specials {
        transform: translateY(-30px);
    }

    body #HomeHeader .covidbtn.btn-specials a {
        padding:5px 0;
    }
}



@media screen and (max-width:350px) {
    body #HomeHeader .covidbtn.btn-specials {top:70px !important;}
}

@media screen and (max-width:450px) {
    body #HomeHeader .covidbtn.btn-specials {position:relative; top:85px;}
        body #HomeHeader .covidbtn.btn-specials a {
            padding: 5px 0 !important;
            max-width:250px;
        }

    #HomeHeader h2 {
        font-size:25px !important;
    }
}


@media screen and (max-width:1375px) {
    body #HomeHeader .btn-specials img {
        max-width:306px;
        height:auto;
    }
}

@media screen and (max-width:1000px) {
    body #HomeHeader .btn-specials img {
        max-width: 100%;
        height: auto;
    }

    body #HomeHeader .covidbtn.btn-specials a {
        padding: 15px 0;
    }

    body #HomeHeader .btn-specials {
        transform: translateY(0px);
    }
}
    #HomeHeader .covidbtn.btn-specials a {
        border: 3px solid #FFF;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
        background-color: #900208;
        padding: 15px 0;
        display: inline-block;
        color: #FFF;
        font-size: 20px;
        text-decoration: none;
        font-family: Agency;
        background-image: linear-gradient(#930208,#900208 30%,#8d0208);
    }

    #HomeHeader .btn-specials {
        text-align: center;
        transform: translateY(-20px);
        transition: .3s all ease-in-out;
        pointer-events: none;
    }

        #HomeHeader .btn-specials a {
            pointer-events: auto;
        }

        #HomeHeader .btn-specials:hover, #HomeHeader .btn-specials:active {
            transform: translateY(-20px) scale(.9);
            opacity: .8;
        }

        #HomeHeader .btn-specials img {
            max-width: 100%;
            pointer-events: auto;
        }

    #HomeHeader .star-specials {
        position: absolute;
        top: 10px;
        right: 300px;
    }

    @media screen and (max-width:760px) {
        #HomeHeader .star-specials {
            top: 110px;
            right: 10px;
        }
    }

    @media screen and (max-width:582px) {
        #HomeHeader .star-specials {
            top: calc(50vw);
            right: 10px;
            z-index: 1000;
        }

            #HomeHeader .star-specials img {
                max-width: 100px;
                height: auto;
            }
    }

    nav .contactContainer {
        display: block;
        position: absolute;
        top: 80px;
        right: 0;
        overflow: hidden;
        z-index: 100;
    }

        nav .contactContainer a {
            display: block;
            width: 100%;
            height: 50%;
            color: #fff;
            text-decoration: none;
            height: 3em;
            line-height: 3em;
            text-align: left;
            padding: 0 3em 0 4em;
        }

        nav .contactContainer .phoneLink, #ContactStreamBodyID .phoneLink {
            background-color: #900208;
            background-image: linear-gradient(#930208,#900208 30%,#8d0208);
            position: relative;
            transition: background 300ms;
            font-weight: bold;
        }

        nav .contactContainer .mapLink, #ContactStreamBodyID .mapLink {
            background-color: #073146;
            background-image: linear-gradient(#083348,#073146 30%,#0D2F40);
            margin-top: 5px;
            position: relative;
            transition: background 300ms;
            text-transform: uppercase;
        }

    .phoneLink:before, .mapLink:before {
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 0.5em;
        bottom: 0.5em;
        width: 4em;
        background-position: center center;
    }

    .contactContainer .phoneLink:before, .contactButtons .phoneLink:before {
        background-image: url(/Content/images/icon-phone.svg);
    }

    .mapLink:before {
        background-image: url(/Content/images/icon-pin.svg);
    }

    #ContactStreamBodyID .phoneLink, #ContactStreamBodyID .mapLink {
        display: block;
        width: 38%;
        color: #fff;
        text-decoration: none;
        height: 50px;
        line-height: 50px;
        text-align: left;
        padding: 0 3em 0 4em;
        vertical-align: top;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

        nav .contactContainer .phoneLink:hover, #ContactStreamBodyID .phoneLink:hover {
            background-color: #c2161b;
            background-image: linear-gradient(#a21217,#c2161b 30%,#900c0f);
        }

        nav .contactContainer .mapLink:hover, #ContactStreamBodyID .mapLink:hover {
            background-color: #1f4c61;
            background-image: linear-gradient(#154358,#1f4c61 30%,#09374c);
        }

    .mapLink span {
        font-size: 12px;
        display: block;
        line-height: 0.5;
        padding-top: 1em;
        text-align: left;
        white-space: nowrap;
    }

    .areaMap {
        display: block;
        position: absolute;
        height: 100%;
        bottom: 5.8em;
        right: 0;
        background-image: url(/Content/images/map2.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        width: 30%;
        max-width: 310px;
        background-size: contain;
    }

    .aquaBanner {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(6,61,86,0.8);
        color: #fff;
        text-align: center;
        line-height: 2;
        padding: 0.5em 0;
    }

        .aquaBanner h3 {
            display: inline-block;
            font-family: Agency;
            text-transform: uppercase;
            font-size: 22px;
            line-height: 1;
            padding: 1.25em 0.5em;
        }

        .aquaBanner p {
            display: inline-block;
            padding: 0 5em;
        }

        .aquaBanner a {
            color: #fff;
        }
    /*----VIS NAV------------*/
    #VisNav {
        display: block;
        text-align: center;
        font-size: 0;
        background-image: url(/Content/images/bkg-grunge-largeleft.png), url(/Content/images/bkg-grunge-largeright.png);
        background-position: top left, top right;
        background-repeat: no-repeat;
        position: relative;
        z-index: 2;
        min-height: 323px;
    }

    #WashOffEffect {
        display: block;
        position: absolute;
        left: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        transition: left 2s;
    }

    #SprayerOverlay {
        display: block;
        position: absolute;
        right: 0;
        top: -346px;
        height: 673px;
        width: 18vw;
        max-width: 328px;
        background-image: url("/Content/images/sprayer.png");
        background-repeat: no-repeat;
        background-position: top right;
        pointer-events: none;
        background-size: contain;
        min-width: 100px;
    }

    .dirtBanner {
        display: block;
        position: absolute;
        right: 0;
        width: 100vw;
        top: 0;
        bottom: 0;
        background-image: url(/Content/images/bkg-grungebanner-darker.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .visNavSection {
        display: inline-block;
        position: relative;
        width: 18%;
        font-size: 1rem;
        padding: 2em;
        vertical-align: top;
        line-height: 1.2;
        box-sizing: border-box;
    }

        .visNavSection a, .visNavSection h2 {
            text-decoration: none;
            color: inherit;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            padding-top: 152px;
            color: #0A3F58;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            text-transform: uppercase;
        }

        .visNavSection p {
            font-size: 12px;
        }
    /*----WHO WE ARE---------*/
    #ContentWrap {
        width: 60%;
        float: right;
        top: -35px;
        padding-top: 35px;
        margin-bottom: -35px;
        padding-bottom: 35px;
        background: #fff;
    }

        #ContentWrap > div {
            padding: 2em;
        }

        #ContentWrap h1 {
            color: #a30000;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            font-size: 2.5em;
            text-transform: uppercase;
            font-weight: bold;
            margin: 1rem 0;
        }

        #ContentWrap p {
            margin: 1rem 0;
        }

        #ContentWrap:before {
            content: '';
            display: block;
            position: absolute;
            background-image: url(/Content/images/mask-grunge.png);
            width: 135px;
            top: -35px;
            height: 115%;
            left: -134px;
            background-size: cover;
        }

        .StreamEntryBodyClass #main a:not(.productDisplayLink), #ContentWrap a:not(.productDisplayLink) {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.95em;
            color: #164d66;
        }

        .StreamEntryBodyClass #main h5 a:not(.productDisplayLink), #ContentWrap h5 a:not(.productDisplayLink) {
            color: #fff;
        }

        .StreamEntryBodyClass #main a:hover, #ContentWrap a:hover {
            color: #011f2d;
        }

        .StreamEntryBodyClass #main a:visited:hover, #ContentWrap a:visited:hover {
            color: #011f2d;
        }


    /*----SHOWCASE-----------*/
    #ShowroomSlides {
        display: block;
        position: absolute;
        left: 0;
        top: -35px;
        bottom: 0;
        width: 40%;
        overflow: hidden;
    }

        #ShowroomSlides img {
            position: absolute;
            top: 0;
            bottom: 0;
            height: auto;
            width: 110%;
        }

    .progressSlide {
        display: inline-block;
        border-left: 19px solid rgba(255,255,255,0.8);
        border-bottom: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 11px solid transparent;
        vertical-align: middle;
        margin: 0 4px;
    }

    .rewindSlide {
        display: inline-block;
        border-right: 19px solid rgba(255,255,255,0.8);
        border-bottom: 11px solid transparent;
        border-left: 11px solid transparent;
        border-top: 11px solid transparent;
        vertical-align: middle;
        margin: 0 4px;
    }

    .progressSlide:hover {
        border-left: 19px solid rgba(255,255,255,1);
    }

    .rewindSlide:hover {
        border-right: 19px solid rgba(255,255,255,1);
    }

    #showroomSlideHolder .slide img {
        left: 0;
        right: auto;
        opacity: 0;
    }

    #showroomSlideHolder .slide:first-child img {
        opacity: 1;
        left: -100px;
    }

    #showroomSlideControls {
        display: block;
        position: absolute;
        bottom: 110px;
        left: 0;
        right: 90px;
        z-index: 10;
        text-align: center;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        cursor: default;
    }

    .slideJump {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 6px;
        background: rgba(255,255,255,0.7);
        vertical-align: middle;
        border-radius: 100%;
        box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
        transition: background 300ms cubic-bezier(0.580, 0.055, 0.615, 1.310), box-shadow 300ms cubic-bezier(0.580, 0.055, 0.615, 1.310);
    }

    .slideJumps {
        display: inline-block;
    }

    .slideJump.active {
        background: rgba(255,255,255,0.9);
        box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
    }
    /*----DEMO BANNER--------*/
    #demoBanner {
        display: block;
        position: relative;
        background-image: url(/Content/images/bkg-bluebanner.png);
        background-image: url(/Content/images/bkg-bluebanner.png),linear-gradient(transparent 50%, #011E2B 50%);
        z-index: 5;
        margin-top: -122px;
        color: #fff;
        text-align: center;
        padding: 4em 2em 3em 2em;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

        #demoBanner h3 {
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            text-transform: uppercase;
            font-size: 2.5em;
            margin: 0.5em 0;
        }
    /*----PRODUCT GRID-------*/
    #ProductGrid {
        display: block;
        position: relative;
        font-size: 0;
    }

    .productDisplay {
        display: inline-block;
        position: relative;
        width: 33.333%;
        font-size: 1rem;
        box-sizing: border-box;
        padding: 1em;
        height: 15vw;
        color: #fff;
        overflow: hidden;
        min-height: 220px;
    }

        .productDisplay h2 {
            display: block;
            position: absolute;
            left: 40%;
            right: 0;
            text-align: center;
            z-index: 5;
            color: #fff;
            top: 50%;
            transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            transition: color 300ms, top 300ms;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            text-transform: uppercase;
            line-height: 1;
            font-weight: bold;
            font-size: 2em;
        }

        .productDisplay p {
            display: block;
            position: absolute;
            left: 40%;
            right: 0;
            top: -50%;
            transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            opacity: 0;
            color: #000;
            transition: top 300ms,opacity 300ms;
            padding: 1em;
        }

        .productDisplay a {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -3em;
            background: rgba(6,61,86,0.9);
            color: #fff;
            height: 3rem;
            line-height: 3rem;
            text-align: center;
            text-decoration: none;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            text-transform: uppercase;
            font-size: 2em;
            transition: bottom 400ms, background 300ms;
        }

        .productDisplay img {
            display: block;
            position: absolute;
            left: 1em;
            top: 50%;
            transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            max-width: 40%;
            height: auto;
            filter: grayscale(0.9);
            transition: filter 500ms;
            max-height: 100%;
        }

        .productDisplay:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: 1;
            transition: opacity 200ms;
            pointer-events: none;
        }

        .productDisplay:nth-child(2n-1):after {
            background: rgba(1,31,45,0.8);
        }

        .productDisplay:nth-child(2n):after {
            background: rgba(2,33,48,0.65);
        }

        .productDisplay:hover:after {
            opacity: 0;
        }

        .productDisplay:hover img {
            filter: none;
        }

        .productDisplay:hover p {
            opacity: 1;
            top: 50%;
        }

        .productDisplay:hover h2 {
            color: #a30000;
            top: 2em;
        }

        .productDisplay:hover a {
            bottom: 0;
        }

        .productDisplay a:hover {
            background: rgba(19, 88, 120, 0.9);
        }
    /*----FOOTER----*/
    #footermenu {
        font-size: 12px;
        padding: 4rem;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
    }

        #footermenu > div {
            display: inline-block;
            width: 16%;
            vertical-align: top;
            text-align: left;
            padding: 1em;
            box-sizing: border-box;
        }

        #footermenu .socialBtns {
            width: 100%;
            position: relative;
        }

            #footermenu .socialBtns a {
                display: inline-block;
                width: 42px;
                text-align: center;
            }

        #footermenu > .logoContainer {
            display: inline-block;
            width: 18%;
            vertical-align: top;
            text-align: center;
        }

        #footermenu .logoWrap {
            width: 85%;
            height: 145px;
        }

        #footermenu a {
            text-decoration: none;
            color: #000;
        }

            #footermenu a:link:hover {
                text-shadow: 0 0 5px #fff;
                color: rgba(6,61,86,0.9);
            }

            #footermenu a:visited:hover {
                text-shadow: 0 0 5px #fff;
                color: rgba(6,61,86,0.9);
            }

        #footermenu div h3 {
            color: #0A3849;
            text-transform: uppercase;
            font-size: 16px;
            margin-bottom: 1em;
        }

        #footermenu h3 a {
            color: #2E7897;
        }

        #footermenu ul {
            list-style: none;
        }

        #footermenu li {
            line-height: 2;
            text-transform: uppercase;
            font-weight: bold;
        }

        #footermenu .footLocation .phone {
            font-size: 1.5em;
            font-weight: bold;
            padding: 0 0 0.5em 0;
        }

        #footermenu .footLocation .loc {
            font-size: 1.2em;
            font-weight: bold;
            text-transform: uppercase;
        }

        #footermenu .footLocation .dir {
            padding: 0.5em 0;
            text-transform: uppercase;
        }

            #footermenu .footLocation .dir a {
                font-size: 1.2em;
                font-weight: bold;
                padding: 0.5em 0;
                color: #900208;
            }

                #footermenu .footLocation .dir a:hover {
                    color: #e83f46;
                }


    .footMainNav > ul > .contactLi a {
        color: #a30000 !important;
        font-weight: bold;
    }

        .footMainNav > ul > .contactLi a:hover {
            color: #890200 !important;
        }
    /*----SECONDARY PAGES----*/
    .StreamEntryBodyClass #main, .StreamBodyClass #main {
        margin-top: 0;
    }

        .StreamEntryBodyClass #main p, .StreamBodyClass #main p {
            line-height: 1.6;
        }

        .StreamEntryBodyClass #main h1, .StreamEntryBodyClass #main h1 strong, .StreamBodyClass #main h1, .StreamBodyClass #main h1 strong {
            color: #a30000;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            font-size: 4rem;
            text-transform: uppercase;
            font-weight: bold;
            line-height: 1;
            margin: 0.5em 0;
        }

        .StreamEntryBodyClass #main h2, .StreamEntryBodyClass #main h3, .StreamBodyClass #main h2, .StreamBodyClass #main h3 {
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            color: #083449;
        }

        .StreamEntryBodyClass #main h2, .StreamBodyClass #main h2 {
            font-size: 3rem;
            text-transform: uppercase;
            line-height: 1;
            margin: 0.5em 0;
        }

    #PromotionsBodyID .productPageDisplay h2 {
        margin: 0.5em;
    }

    .StreamEntryBodyClass #main h3, .StreamBodyClass #main h3 {
        font-size: 2rem;
    }

    .StreamEntryBodyClass #main h3, .StreamBodyClass #main h3 {
        font-size: 1.5rem;
        color: #083449;
    }

    .StreamEntryBodyClass #main h5, .StreamBodyClass #main h5 {
        display: inline-block;
        padding: 0.5em 1em;
        color: rgba(255,255,255,0.75);
        text-transform: uppercase;
        background-color: #c1151b;
        background-image: linear-gradient(#c4161c 30%, #a00b0d);
        font-size: 1.1rem;
        margin-left: 50%;
        transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        cursor: default;
    }

        .StreamEntryBodyClass #main h5 a, .StreamBodyClass #main h5 a {
            cursor: pointer;
            min-width: 270px;
        }

        .StreamEntryBodyClass #main h5.hovered, .StreamBodyClass #main h5.hovered {
            background-color: #e72128;
            background-image: linear-gradient(#e72128 30%, #b30f11);
        }

    .StreamEntryBodyClass #main td, .StreamBodyClass #main td {
        padding: 1em;
        background: rgba(1,31,45,0.8);
        color: #fff;
        text-align: center;
    }

        .StreamEntryBodyClass #main td a, .StreamBodyClass #main td a {
            color: #819DB4 !important;
            text-shadow: 0 0 1px #000;
        }

            .StreamEntryBodyClass #main td a:hover, .StreamBodyClass #main td a:hover {
                color: #F1FBFF !important;
            }

        .StreamEntryBodyClass #main td h3, .StreamBodyClass #main td h3 {
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            padding-bottom: 0.25em;
        }

    .StreamEntryBodyClass #main ul, .StreamBodyClass #main ul {
        list-style: none;
        line-height: 2;
        font-size: 1.2em;
        text-align: left;
        margin-left: 2em;
    }

    .StreamEntryBodyClass #main ol, .StreamBodyClass #main ol {
        line-height: 2;
        font-size: 1.2em;
        text-align: left;
        margin-left: 2em;
    }

    .StreamEntryBodyClass #main ul li:before, .StreamBodyClass #main ul li:before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 0.8em;
        background-image: url("/Content/images/dot-star.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin: 0 0.5em;
        margin-left: -1.5em;
    }

    .StreamEntryBodyClass #main h5 a, .StreamBodyClass #main h5 a {
        color: inherit;
        text-decoration: none;
        color: #fff;
    }

    .StreamEntryBodyClass #main a.button, .StreamBodyClass #main a.button {
        color: #083449;
    }

        .StreamEntryBodyClass #main a.button:visited, .StreamBodyClass #main a.button:visited {
            color: #184459;
        }

    .secondaryHeader {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        background-image: url(/Content/images/bkg-blueheader.png);
        background-size: contain;
        background-position: top center;
        height: 288px;
        background-repeat: no-repeat;
    }

        .secondaryHeader:after {
            display: block;
            content: '';
            position: absolute;
            left: 0;
            bottom: -100px;
            background-image: url(/Content/images/sprayer-secondary.png);
            background-repeat: no-repeat;
            background-position: bottom left;
            height: 272px;
            width: 465px;
        }

    .StreamEntryBodyClass #main, .StreamBodyClass #main {
        padding: 288px 4em 2em 4em;
    }

        .StreamEntryBodyClass #main td ul li:before, .StreamBodyClass #main td ul li:before {
            background-image: url("/Content/images/dot-starwhite.png")
        }

    #productDisplayWrapper {
        text-align: center;
    }

    .productPageDisplay {
        display: inline-block;
        text-align: left;
        width: 43vw;
        background: rgba(6,61,86,0.3);
        margin: 2vw 1vw;
        position: relative;
        vertical-align: top;
        height: 285px;
        padding-bottom: 3rem;
    }

        .productPageDisplay img {
            height: 70%;
            width: auto;
            float: left;
            margin: 2rem 2rem 4rem 2rem;
        }

        .productPageDisplay .imageWrap {
            display: block;
            position: relative;
            height: 80%;
            float: left;
            margin: 2rem;
            width: 22%;
            overflow: hidden;
        }

            .productPageDisplay .imageWrap img {
                margin: 0;
                position: absolute;
                max-width: 100%;
                height: auto;
                top: 50%;
                transform: translate(0,-50%);
                -o-transform: translate(0,-50%);
                -ms-transform: translate(0,-50%);
                -moz-transform: translate(0,-50%);
                -webkit-transform: translate(0,-50%);
            }

    .StreamEntryBodyClass #main .productPageDisplay a, .StreamBodyClass #main .productPageDisplay a {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 3rem;
        line-height: 3rem;
        color: #fff;
        text-decoration: none;
        background: rgba(6,61,86,0.9);
        bottom: 0;
        text-align: center;
        font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
        font-size: 2rem;
        text-transform: uppercase;
        transition: background 300ms;
    }

    .productPageDisplay a:hover {
        background: rgba(19, 88, 120, 0.9);
    }

    .StreamEntryBodyClass #main ul .productPageDisplay:before, .StreamBodyClass #main ul .productPageDisplay:before {
        display: none;
    }

    .productPageDisplay h2 {
        line-height: 1;
        margin-top: 2rem;
    }

    .productPageDisplay p {
        margin: 0 2rem 4rem 2rem;
        line-height: 1.3;
    }

    #MemberLoginBodyID #main {
        min-height: calc(100vh-100px);
        box-sizing: border-box;
        padding-top: 25vh;
    }

    /*----PHOTO GALLERY STREAM----*/
    .StreamPhotoBodyClass .gallery {
        width: 100%;
    }

        .StreamPhotoBodyClass .gallery .photoItem {
            width: 100%;
            padding: 5px;
            float: left;
            box-sizing: border-box;
        }

    @media only screen and (min-width:1000px) {
        .StreamPhotoBodyClass .gallery .photoItem {
            width: 33.3333333%;
            height: 15vw;
            overflow: hidden;
            margin-bottom: 0.4vw;
        }
    }

    .StreamPhotoBodyClass .gallery .photoItem img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }


    /*----CONTACT----*/
    #ContactStreamBodyID #main {
        min-height: calc(100vh - 370px);
        margin-top: 0;
    }

    .contactWrap {
        position: relative;
        background-color: rgba(6,61,86,0.3);
        padding: 2rem;
        width: 100%;
        box-sizing: border-box;
        margin-top: 80px;
    }

        .contactWrap .contactForm {
            display: inline-block;
            width: calc(50% - 2rem);
            margin-bottom: 3rem;
            margin-top: 0;
            vertical-align: top;
            float: left;
            position: relative;
        }
        /*.contactWrap .contactForm #SendButton{display:block;position:absolute;bottom:0;width:100%;}*/
        .contactWrap .contactMap {
            display: inline-block;
            width: calc(50% - 2rem);
            margin-bottom: 3rem;
            margin-top: 25px;
            vertical-align: top;
            margin-left: 2rem;
            position: relative;
            height: 357px;
        }

        .contactWrap .contactBlurb {
            display: inline-block;
            height: 200px;
            width: calc(50% - 2rem);
            position: relative;
            z-index: 300;
            height: 4rem;
            vertical-align: top;
        }

        .contactWrap .contactButtons {
            display: inline-block;
            height: 200px;
            width: calc(50% - 2rem);
            position: relative;
            z-index: 300;
            height: 100px;
            margin-left: 2rem;
        }

        .contactWrap .contactMap iframe {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }

        .contactWrap .contactForm form {
            width: 100%;
        }

            .contactWrap .contactForm form input {
                width: 100%;
                height: 2rem;
                padding: 0 0.5em;
                line-height: 2rem;
                border: none;
                border-radius: 0;
                box-sizing: border-box;
            }

            .contactWrap .contactForm form textarea {
                width: 100%;
                resize: vertical;
                line-height: 1.3;
                padding: 0.5em;
                border: none;
                border-radius: 0;
                box-sizing: border-box;
                margin-bottom: -2px;
            }

            .contactWrap .contactForm form label {
                font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
                font-size: 26px;
                text-transform: uppercase;
                height: 0;
                display: inline-block;
                position: relative;
                line-height: 1.1em;
                top: -1.1em;
                width: 100%;
                pointer-events: none;
                transition: opacity 400ms;
                padding-left: 0.2em;
            }

    form#ContactForm label.error {
        color: #a00;
        position: relative;
        display: block;
        top: 0;
        height: auto;
    }

    form input.error, form textarea.error {
        background: rgba(255,0,0,0.4);
    }

    .contactWrap .contactForm form input[value]:not([value=""]) + label, .contactWrap .contactForm form textarea:not(:empty) + label {
        opacity: 0;
    }

    .contactWrap .contactForm #SendButton input {
        height: 3rem;
        background: rgba(6,61,86,0.9);
        color: #fff;
        font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
        font-size: 2rem;
        text-transform: uppercase;
        transition: background 300ms;
        cursor: pointer;
    }

        .contactWrap .contactForm #SendButton input:hover {
            background: rgba(19, 88, 120, 0.9);
        }

    #SendButton {
        margin-top: 1rem;
    }

    #ContactStreamBodyID .page > header {
        text-align: right;
        width: 100%;
        background: rgba(6,61,86,0.3);
    }

    .loginWrap {
        position: relative;
        background-color: rgba(6,61,86,0.3);
        padding: 2rem;
        width: 100%;
        box-sizing: border-box;
    }

        .loginWrap form input {
            width: 100%;
            height: 2rem;
            padding: 0 0.5em;
            line-height: 2rem;
            border: none;
            border-radius: 0;
            box-sizing: border-box;
        }

        .loginWrap form button[type=submit], .loginWrap form a {
            background: rgba(6,61,86,0.9);
            color: #fff;
            font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
            font-size: 2rem;
            text-transform: uppercase;
            transition: background 300ms;
            cursor: pointer;
            text-decoration: none;
            border: none;
            height: 2em;
            padding: 0 1em;
            display: inline-block;
            vertical-align: top;
            line-height: 2em;
        }

    #ContactStreamEntryBodyID .page h1 {
        color: #a30000;
        font-family: "Agency", Impact, Helvetica, 'Open Sans', sans-serif;
        font-size: 4rem;
        text-transform: uppercase;
        font-weight: bold;
        margin: 1rem 0;
    }

    #ContactStreamEntryBodyID .page #main {
        padding: 2em;
        padding-top: 25vh;
    }
    /*----RESPONSIVE----*/
    #mobilemenu {
        display: none;
    }

    .mmenudrop {
        display: inline-block;
        width: 64px;
        height: 64px;
        position: relative;
        background: #06203c;
        float: right;
        width: 80px;
        height: 80px;
        z-index: 200;
    }

        .mmenudrop:after {
            content: '';
            display: block;
            position: absolute;
            background: #fff;
            width: 60%;
            height: 8%;
            border-radius: 20px;
            top: 50%;
            left: 20%;
            margin-top: -4%;
            box-shadow: 0 12px 0 #fff, 0 -12px 0 #fff;
        }

    .getConnectedSub {
        display: none;
    }

    #mobileMenuDrop {
        position: absolute;
        left: -100vw;
    }

        #mobileMenuDrop + ul {
            position: absolute;
            padding-top: 135px;
            right: -100vw;
            top: 0;
            transition: right 350ms;
            overflow: hidden;
            background: #06203C;
            width: 334px;
        }

        #mobileMenuDrop:checked + ul {
            right: 0;
        }

        #mobileMenuDrop + ul li ul.dropList {
            /*height: 0;*/
            overflow: hidden;
        }

        #mobileMenuDrop + ul li input:checked + a + ul.dropList {
            height: auto;
        }

        #mobileMenuDrop + ul li input {
            position: absolute;
            left: -100vw;
        }

        #mobileMenuDrop + ul li a {
            text-transform: uppercase;
            text-decoration: none;
            height: 2em;
            line-height: 2em;
            padding-left: 0.5em;
            color: #FFF;
        }

        #mobileMenuDrop + ul li {
            border-bottom: 1px solid #9C9999;
        }

            #mobileMenuDrop + ul li:first-child {
                border-top: 1px solid #9C9999;
            }

            #mobileMenuDrop + ul li a img {
                height: 1.5em;
                width: auto;
                position: absolute;
                left: 0.5em;
            }

            #mobileMenuDrop + ul li label {
                font-weight: bold;
                display: inline-block;
                float: right;
                height: 2em;
                width: 2em;
                line-height: 2em;
                text-align: center;
                background-color: rgba(6,61,86,0.9);
                color: #fff;
            }

            #mobileMenuDrop + ul li ul li span {
                display: none;
            }

            #mobileMenuDrop + ul li ul li a {
                position: relative;
                padding: 0.125em 0 0.125em 3.5em;
                background: #FFF;
                color: #08384c;
                width: 100%;
                height: 2em;
                display: block;
            }

        #mobileMenuDrop + ul ul.dropList li {
            border: none;
        }

    #footermenu > div.logoContainerBottom {
        display: none;
    }

    .StreamEntryBodyClass #main table.data-table tr:first-child:not(.row-2) td {
        background: transparent;
        box-shadow: inset 0 -90px 10px -90px rgba(6,61,86,0.9);
        color: rgba(2,33,48,1);
    }

    @media screen and (max-width:1750px) {
        .logoWrap {
            width: 300px;
        }

        #menucontainer::before {
            width: 440px;
            margin-top: -25px;
        }

        #menucontainer > ul > li, #menucontainer .socialBtns {
            font-size: 0.913vw;
        }

        #footermenu {
            padding: 2rem 2rem 6rem 2rem;
        }

        .productDisplay:hover h2 {
            top: 1.1em;
        }

        .productDisplay p {
            font-size: 13px;
        }

        .visNavSection {
            width: 20%;
            padding: 2em;
            box-sizing: border-box;
        }

        .productPageDisplay {
            width: calc(88vw - 4em);
        }

        #SprayerOverlay {
            top: -240px;
            transition: top 500ms;
        }

        #ShowroomSlides img {
            width: 118%;
        }

        #PromotionsBodyID .productPageDisplay {
            width: 100%;
        }
    }

    @media screen and (max-width:1520px) {
        #VisNav {
            background-image: url(/Content/images/bkg-grunge-medleft.png), url(/Content/images/bkg-grunge-medright.png);
        }

        #footermenu > .getConnected {
            display: none;
        }

        .getConnectedSub {
            display: block;
        }

        #footermenu {
            position: relative;
        }

            #footermenu > .logoContainer {
                display: block;
                position: absolute;
                bottom: 0;
                right: 10%;
            }

            #footermenu > div {
                width: 25%;
            }

                #footermenu > div.footMainNav {
                    width: 20%;
                }

            #footermenu .logoWrap {
                height: 115px;
            }

        #ShowroomSlides img {
            width: auto;
            height: 100%;
        }
    }

    @media screen and (max-width:1220px) {
        .logoWrap {
            width: 24vw;
        }

        #menucontainer:before {
            width: 26vw;
            top: 25px;
            left: 0;
            margin-top: 0;
        }

        #menucontainer {
            padding: 0 20px;
        }

        #footermenu > .logoContainer {
            width: 17%;
            white-space: normal;
            right: 8%;
        }

        #footermenu .logoWrap {
            margin-left: 0;
            width: 100%;
        }

        #SprayerOverlay {
            top: -180px;
        }

        .visNavSection {
            font-size: 0.9rem;
            padding: 1em 0.75em;
        }

            .visNavSection a, .visNavSection h2 {
                padding-top: 128px;
            }
    }


@media screen and (max-width:1550px) {
    #menucontainer {
        padding:0 32px;
    }
    .logoWrap {
        width: 250px;
    }
}

@media screen and (max-width:1250px) {
    .logoWrap {
        width: 200px;
    }
}


    @media screen and (max-width:1010px) {
        #menucontainer {
            display: none;
        }

        #mobilemenu {
            display: block;
            background-image: url(/Content/images/bkg-header.jpg);
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 80px;
            z-index: 1010;
            box-shadow: 0 0 7px rgba(0,0,0,0.38);
        }

        .logoWrap::before {
            content: '';
            display: block;
            background-image: url(/Content/images/logo-iso-glow.png);
            background-size: contain;
            background-repeat: no-repeat;
            animation: rise-up 1500ms ease-out;
            pointer-events: none;
            position: absolute;
            left: -50px;
            right: -50px;
            height: 190px;
            top: -20px;
        }

        .socialBtns {
            height: 80px;
            line-height: 80px;
            float: right;
            margin: 0 1em;
        }

            .socialBtns a {
                display: inline-block;
                width: 40px;
                vertical-align: middle;
                text-align: center;
            }

                .socialBtns a img {
                    vertical-align: middle;
                }

        #HomeHeader {
            min-height: calc(70vw + 10px);
        }

            #HomeHeader .btn-specials {
                transform: translateY(50px);
            }

                #HomeHeader .btn-specials:hover, #HomeHeader .btn-specials:active {
                    transform: translateY(50px) scale(.9);
                }

        #SprayerOverlay {
            top: -160px;
        }

        #VisNav {
            background-image: url(/Content/images/bkg-grunge-smallleft.png), url(/Content/images/bkg-grunge-smallright.png);
            min-height: 390px;
        }

        .logoWrap {
            z-index: 10;
            height: auto;
            margin-left: 5vw;
        }

        .secondaryHeader {
            height: 235px;
            background-size: cover;
        }

        #mobileMenuDrop:checked + ul {
            padding-top: 85px;
        }

        .StreamEntryBodyClass #main, .StreamBodyClass #main {
            padding: 288px 2em 2em 2em;
        }

        .secondaryHeader::after {
            display: none;
        }

        #footermenu .logoWrap {
            height: 85px;
        }
    }

    @media screen and (max-width:840px) {
        #VisNav {
            height: auto;
        }

        .visNavSection {
            width: 35%;
        }

        #main {
            margin-top: 64px;
        }

        .mmenudrop {
            width: 65px;
            height: 65px;
        }

        #ShowroomSlides {
            width: 100%;
            height: 60vw;
            text-align: center;
            overflow: hidden;
            margin-top: -55px;
            position: relative;
        }

            #ShowroomSlides img {
                left: 0;
                right: 0;
                width: 100%;
                height: auto;
                top: 0;
                bottom: auto;
            }

        #ContentWrap {
            width: 100%;
            position: relative;
            display: inline-block;
        }

            #ContentWrap > div {
                position: relative;
                display: inline-block;
                transform: none;
                -o-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -webkit-transform: none;
            }

        .productDisplay {
            width: 50%;
            height: 30vw;
        }

            .productDisplay h2 {
                font-size: 3.7vw;
            }

        nav .contactContainer {
            top: 65px;
        }

        #HomeHeader {
            min-height: calc(70vw + 180px);
        }

            #HomeHeader .btn-specials {
                transform: translateY(150px);
            }

                #HomeHeader .btn-specials:hover, #HomeHeader .btn-specials:active {
                    transform: translateY(150px) scale(.9);
                }

        #SprayerOverlay {
            top: -104px;
        }

        #VisNav {
            background-image: url(/Content/images/bkg-grunge-mobileleft.png), url(/Content/images/bkg-grunge-mobileright.png);
            background-position: bottom left, bottom right;
            background-repeat: repeat-y;
            background-size: cover;
            height: 560px;
        }

        .logoWrap {
            margin-left: 5vw;
            z-index: 10;
            height: auto;
            width: 240px;
            max-width: 50vw;
            height: 15px;
        }

        #mobilemenu {
            height: 65px;
        }

        .socialBtns {
            height: 25px;
            line-height: 25px;
        }

        #menucontainer .socialBtns, #mobilemenu .socialBtns {
            height: 55px;
            line-height: 55px;
        }

        #footermenu {
            padding: 0.5rem;
            font-size: 10px;
            padding-bottom: 110px;
        }

        #mobileMenuDrop:checked + ul {
            padding-top: 135px;
        }

        #ContactStreamBodyID .page > header {
            top: 65px;
        }

        .contactWrap {
            margin: 135px auto 0 auto;
        }

            .contactWrap .contactBlurb, .contactWrap .contactForm {
                display: block;
                width: 100%;
            }

        .StreamEntryBodyClass #main h1, .StreamEntryBodyClass #main h1 strong, .StreamBodyClass #main h1, .StreamBodyClass #main h1 strong {
            font-size: 3rem;
        }

        .StreamEntryBodyClass #main h2, .StreamBodyClass #main h2 {
            font-size: 2.25rem;
        }

        .StreamEntryBodyClass #main table, .StreamBodyClass #main table {
            max-width: 100%;
        }

            .StreamEntryBodyClass #main table tr, .StreamBodyClass #main table tr {
                display: block;
            }

            .StreamEntryBodyClass #main table td, .StreamBodyClass #main table td {
                display: inline-block;
                margin: 0.25rem 0.125rem;
                max-width: 37%;
                vertical-align: top;
            }

        #footermenu .logoWrap {
            width: 150px;
            margin-left: -16px;
        }

        .contactWrap .contactMap {
            width: 100%;
            margin: 0;
        }

        .contactWrap .contactButtons {
            width: 100%;
            margin: 0;
        }

        .contactWrap {
            margin: 65px auto 0 auto;
        }

        .StreamEntryBodyClass #main table td, .StreamBodyClass #main table td {
            width: 100% !important;
            display: block;
            margin-bottom: 1rem;
            box-sizing: border-box;
            max-width: none;
            text-align: left !important;
        }

            .StreamEntryBodyClass #main table td div, .StreamBodyClass #main table td div {
                text-align: left !important;
            }

        .StreamEntryBodyClass #main table, .StreamBodyClass #main table, .StreamEntryBodyClass #main tbody, .StreamBodyClass #main tbody {
            display: block;
            width: 100% !important;
        }

            .StreamEntryBodyClass #main table td img, .StreamBodyClass #main table td img {
                float: none !important;
                max-width: 100%;
                height: auto;
            }

        #ShowroomSlides img {
            width: calc(100% + 100px);
            height: auto;
        }

        #ShowroomSlides {
            top: 35px;
            height: 115vw;
        }

        #VisNav {
            height: 590px;
        }

        #showroomSlideControls {
            bottom: 34vw;
            right: 0;
        }

        .StreamEntryBodyClass #main table.data-table {
            display: block;
            width: calc(100vw - 1em) !important;
            position: relative;
            max-width: 100vw;
            margin-left: -1.5em;
        }

            .StreamEntryBodyClass #main table.data-table tr {
                display: table-row;
            }

                .StreamEntryBodyClass #main table.data-table tr:first-child td {
                    text-align: center !important;
                    background: transparent;
                    box-shadow: inset 0 -90px 10px -90px rgba(6,61,86,0.9);
                    color: rgba(2,33,48,1);
                }

                .StreamEntryBodyClass #main table.data-table tr:not(:first-child) td {
                    font-size: 14px;
                    padding: 0.1em 0.2em;
                }

            .StreamEntryBodyClass #main table.data-table td {
                display: table-cell;
                width: initial !important;
                font-size: 12px;
                padding: 0.2em 0.1em;
                margin: 0;
            }

            .StreamEntryBodyClass #main table.data-table tr {
                display: flex;
            }

            .StreamEntryBodyClass #main table.data-table td {
                flex-grow: 1;
            }

            .StreamEntryBodyClass #main table.data-table tr:not(:first-child) td {
                margin: 1px;
            }

        .StreamEntryBodyClass #main table.specs-table {
            display: block;
            width: calc(100vw - 1em) !important;
            position: relative;
            max-width: 100vw;
            margin-left: -1.5em !important;
            height: auto !important;
        }

            .StreamEntryBodyClass #main table.specs-table tr {
                display: table-row;
            }

            .StreamEntryBodyClass #main table.specs-table td {
                display: table-cell;
                width: initial !important;
                font-size: 12px;
                padding: 0.2em 0.1em;
                margin: 0;
            }

        .StreamEntryBodyClass #main table.double-specs-table {
            display: block;
            width: calc(100vw - 1em) !important;
            position: relative;
            max-width: 100vw;
            margin-left: -1.5em !important;
            height: auto !important;
        }

            .StreamEntryBodyClass #main table.double-specs-table tr {
                display: table-row;
            }

            .StreamEntryBodyClass #main table.double-specs-table td {
                display: table-cell;
                width: initial !important;
                font-size: 12px;
                padding: 0.2em 0.1em;
                margin: 0;
            }
    }

    @media screen and (max-width:840px) and (min-width:582px) {
        .productDisplay:nth-child(1)::after {
            background: rgba(1,31,45,0.8);
        }

        .productDisplay:nth-child(2)::after {
            background: rgba(2,33,48,0.65);
        }

        .productDisplay:nth-child(3)::after {
            background: rgba(2,33,48,0.65);
        }

        .productDisplay:nth-child(4)::after {
            background: rgba(1,31,45,0.8);
        }

        .productDisplay:nth-child(5)::after {
            background: rgba(1,31,45,0.8);
        }

        .productDisplay:nth-child(6)::after {
            background: rgba(2,33,48,0.65);
        }
    }

    @media screen and (max-width:770px) {
        .areaMap {
            bottom: 10.2em;
        }

        #HomeHeader .btn-specials {
            transform: translateY(100px);
        }

            #HomeHeader .btn-specials:hover, #HomeHeader .btn-specials:active {
                transform: translateY(100px) scale(.9);
            }
    }

    @media screen and (max-width:730px) {
        #footermenu .logoWrap {
            height: 25vw;
        }

        #footermenu > .footMainNav, #footermenu > .footLocation {
            width: 50%;
        }

        #footermenu > .logoContainer {
            display: none;
        }

        #footermenu > div.logoContainerBottom {
            display: block;
            float: right;
        }

        .productDisplay p {
            line-height: 1;
        }

        .StreamEntryBodyClass #main table tr, .StreamBodyClass #main table tr {
            text-align: center;
        }

        .StreamEntryBodyClass #main table td, .StreamBodyClass #main table td {
            text-align: initial;
        }

        #footermenu > div {
            width: 35%;
        }

            #footermenu > div.footMainNav {
                width: 25%;
            }

        #footermenu > .footLocation {
            display: block;
            width: 50%;
            float: left;
        }

        #footermenu > div.logoWrap {
            width: 100%;
        }

        #footermenu {
            padding-bottom: 0.5rem;
        }

            #footermenu .logoWrap {
                max-width: none;
                height: 28vw;
                width: 100%;
                margin-left: 0;
            }

        .StreamEntryBodyClass #main h5, .StreamBodyClass #main h5 {
            font-size: 0.9rem;
        }

        #ContactStreamBodyID .phoneLink, #ContactStreamBodyID .mapLink {
            width: 100%;
            box-sizing: border-box;
        }

        .contactWrap {
            margin: 65px auto 0 auto;
        }

            .contactWrap .contactBlurb {
                margin: 0;
            }

        .productPageDisplay {
            height: auto;
        }

            .productPageDisplay img {
                height: auto;
                width: 75%;
                max-width: 250px;
            }
    }

    @media screen and (max-width:582px) {
        #VisNav {
            background-size: auto;
        }

        #footermenu > div:not(.footMainNav):not(.footLocation):not(.logoContainer):not(.logoContainerBottom) {
            display: none;
        }

        #footermenu .logoWrap {
            max-width: none;
            height: 28vw;
            width: 50%;
            margin-left: 25%;
        }

        .visNavSection {
            width: 40%;
        }

        #HomeHeader {
            padding-left: 1rem;
            background-image: url(/Content/images/logo-iso-glow-mobile.png),url(/Content/images/header-home-mobile.jpg);
            background-size: 100%,cover;
            background-position: top left,center center;
            background-repeat: no-repeat;
            padding-top: 19vw;
            min-height: calc(80vw + 221px);
        }

            #HomeHeader h2 {
                max-width: 75%;
                font-size: 30px;
                color: #fff;
            }

            #HomeHeader .btn-specials {
                transform: translateY(10px);
            }

                #HomeHeader .btn-specials:hover, #HomeHeader .btn-specials:active {
                    transform: translateY(10px) scale(.9);
                }

        .typeIndustrial {
            width: 100%;
            height: 16vw;
            position: relative;
            z-index: 9;
        }

        .areaMap {
            display: none;
        }

        .aquaBanner {
            padding: 1rem;
        }

            .aquaBanner h3 {
                font-size: 16px;
            }

        nav .contactContainer {
            width: 42%;
            font-size: 3.5vw;
        }

            nav .contactContainer .mapLink {
                display: none;
            }

        #menucontainer .socialBtns, #mobilemenu .socialBtns {
            position: absolute;
            top: 0;
            right: 55px;
            left: 170px;
            text-align: right;
            line-height: 44px;
            z-index: 200;
        }

        .socialBtns a {
            width: 30px;
            height: 30px;
        }

            .socialBtns a img {
                height: 20px;
            }

        .productDisplay {
            width: 100%;
            height: 3rem;
            transition: height 200ms;
        }

            .productDisplay h2 {
                font-size: 6vw;
                left: 0;
            }

            .productDisplay img {
                max-width: 35%;
                left: -35%;
                transition: left 300ms 100ms;
            }

            .productDisplay:hover {
                height: 50vw;
            }

                .productDisplay:hover img {
                    left: 1em;
                }

        #mobileMenuDrop + ul {
            left: 0;
            right: 0;
            width: auto;
            top: -150vh;
            max-height: 0;
            transition: max-height 350ms;
        }

        #mobileMenuDrop:checked + ul {
            top: 65px;
            padding-top: 40px;
            max-height: 200vh;
        }

        .secondaryHeader {
            height: 145px;
        }

        .StreamEntryBodyClass #main, .StreamBodyClass #main {
            padding: 150px 2em 2em 2em;
        }

            .StreamEntryBodyClass #main h1, .StreamEntryBodyClass #main h1 strong, .StreamBodyClass #main h1, .StreamBodyClass #main h1 strong {
                font-size: 2.5rem;
            }

            .StreamEntryBodyClass #main h2, .StreamBodyClass #main h2 {
                font-size: 1.75rem;
            }

            .StreamEntryBodyClass #main table td, .StreamBodyClass #main table td {
                max-width: none;
            }

        #footermenu > div.footMainNav {
            width: 40%;
        }

        #footermenu .footLocation .loc {
            font-size: 1em;
        }

        #footermenu > .footLocation {
            float: none;
            display: inline-block;
        }

        #footermenu > div.logoContainerBottom {
            width: 100%;
            float: none;
        }

        .g-recaptcha div {
            position: relative;
            left: 50%;
            transform: translate(-50%,0);
            -o-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            -webkit-transform: translate(-50%,0);
        }

        .StreamEntryBodyClass #main h5, .StreamBodyClass #main h5 {
            width: 100%;
        }

        .StreamEntryBodyClass #main ul, .StreamBodyClass #main ul {
            font-size: 1em;
            line-height: 1.5;
        }

            .StreamEntryBodyClass #main ul li, .StreamBodyClass #main ul li {
                margin: 0.5em 0;
            }

                .StreamEntryBodyClass #main ul li::before, .StreamBodyClass #main ul li::before {
                    margin: 0 0.5em 0 -1.5em;
                }
    }

    @media screen and (max-height:760px) {
        #menucontainer .dropList li a span {
            bottom: 3px;
            top: auto;
            font-size: 10px;
        }

        #menucontainer .dropList li a {
            line-height: 16px;
        }

            #menucontainer .dropList li a img {
                max-width: none;
                max-height: 5vh;
                width: auto;
            }
    }

    @media screen and (max-width:450px) {
        #HomeHeader .btn-specials {
            position: absolute;
            left: 0;
        }

        .StreamEntryBodyClass #main table.data-table tr:not(:first-child) td {
            font-size: 11px;
        }
    }

    #PressureWashersBodyID nav a[href*="PressureWashers"],
    #ServiceRentalsBodyID nav a[href*="ServiceRentals"],
    #RepairsBodyID nav a[href*="Repairs"],
    #PartsAccessoriesBodyID nav a[href*="PartsAccessories"],
    #DetergentsSuppliesBodyID nav a[href*="DetergentsSupplies"],
    #ContactStreamBodyID nav a[href*="Contact"] {
        font-style: italic;
        color: #324A55 !important;
        font-weight: bold;
        cursor: default;
    }

    .productDisplayLink {
        color: #fff !important;
        font-weight: normal;
    }

    .footLocation .phoneLink::before, .footLocation .mapLink::before {
        display: none;
    }

    @media screen and (max-width:480px) {
        #menucontainer .socialBtns, #mobilemenu .socialBtns {
            line-height: 32px;
        }
    }
    /*@media screen and (max-width:1600px) and (min-width:1012px){#HomeHeader .btn-specials{position:absolute;bottom:90px;left:50%;}}*/
    @media screen and (max-width:1600px) and (min-width:1012px) {
        #HomeHeader h2 {
            font-size: 2.8vw;
        }
    }


    /** repairs page **/
    .locWrap {
        width: 100%;
        text-align: center;
        clear: both;
    }

    .locationButton {
        margin: 5px;
        display: inline-block;
        position: relative;
        width: 300px;
    }

    .locImage {
        width: 300px;
        height: auto;
    }

    .locationOverlay {
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        background-color: #a30000;
        overflow: hidden;
        width: 300px;
        height: 0;
        transition: .5s ease;
    }

    .locText {
        white-space: nowrap;
        color: white;
        font-size: 14px;
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .locationButton:hover .locationOverlay {
        bottom: 0;
        height: 100%;
    }




    .RScontent-grid * {
        box-sizing: border-box
    }

    .RScontent-grid img {
        width: 100%;
    }

    @media screen and (min-width: 1000px) {
        .RSdesktopHide {
            display: none !important
        }

        .RSdesktopWidth100 {
            width: 50% !important;
        }

        .RSdesktopWidth66 {
            width: 66.6666% !important;
        }

        .RSdesktopWidth50 {
            width: 50% !important;
        }

        .RSdesktopWidth33 {
            width: 33.3333% !important;
        }

        .RSdesktopWidth25 {
            width: 25% !important;
        }

        .RSdesktopWidth16 {
            width: 16.6666% !important;
        }

        .RSdesktopPhotoLimit {
            overflow: hidden;
            position: relative;
        }

        .RStabletPhotoLimit:not(.RSdesktopPhotoLimit),
        .RSmobilePhotoLimit:not(.RSdesktopPhotoLimit) {
            height: 100% !important;
        }

        .RSdesktopNoTranslateY {
            transform: translateY(0) !important
        }
    }

    @media screen and (min-width: 649px) and (max-width: 1000px) {
        .RStabletHide {
            display: none !important;
        }

        .RStabletWidth100 {
            width: 100% !important;
        }

        .RStabletWidth66 {
            width: 66.6666% !important;
        }

        .RStabletWidth50 {
            width: 50% !important;
        }

        .RStabletWidth33 {
            width: 33.3333% !important;
        }

        .RStabletWidth25 {
            width: 25% !important;
        }

        .RStabletWidth16 {
            width: 16.6666% !important;
        }

        .RStabletPhotoLimit {
            overflow: hidden
        }

        .RStabletCenter {
            margin: 0 auto;
            display: block;
        }

        .RSdesktopPhotoLimit:not(.RStabletPhotoLimit),
        .RSmobilePhotoLimit:not(.RStabletPhotoLimit) {
            height: 100% !important;
        }

        .RStabletNoTranslateY {
            transform: translateY(0) !important
        }
    }

    @media screen and (max-width: 648px) {
        .RSmobileHide {
            display: none !important;
        }

        .RSmobileWidth100 {
            width: 100% !important;
        }

        .RSmobileWidth66 {
            width: 66.6666% !important;
        }

        .RSmobileWidth50 {
            width: 50% !important;
        }

        .RSmobileWidth33 {
            width: 33.3333% !important;
        }

        .RSmobileWidth25 {
            width: 25% !important;
        }

        .RSmobileWidth16 {
            width: 16.6666% !important;
        }

        .RSmobilePhotoLimit {
            overflow: hidden;
        }

        .RSdesktopPhotoLimit:not(.RSmobilePhotoLimit),
        .RStabletPhotoLimit:not(.RSmobilePhotoLimit) {
            height: 100% !important;
        }

        .RSmobileNoTranslateY {
            transform: translateY(0) !important
        }

        .RSfloatRight {
            margin-left: 0;
            float: none;
        }

        .RSfloatLeft {
            margin-right: 0;
            float: none;
        }
    }

    .RSfloatRight {
        float: right;
        margin-left: 5px;
    }

    .RSfloatLeft {
        float: left;
        margin-right: 5px;
    }
    /*--Grid Column Styles--*/

    .RScontent-grid,
    .RScontent-grid .RSrow {
        width: 100%;
        float: left;
        display: block;
        clear: both;
        padding: 20px 0;
    }

        .RScontent-grid .RSrow {
            border-bottom: 1px solid #a5a5a5;
        }

            .RScontent-grid .RSrow:first-child {
                border-top: 1px solid #a5a5a5;
                margin-top: 20px;
            }

    .RScol-full,
    .RScol-half,
    .RScol-third,
    .RScol-twoThird,
    .RScol-four,
    .RScol-threeFourth,
    .RScol-five,
    .RScol-twoFifth,
    .RScol-threeFifth,
    .RScol-fourFifth,
    .RScol-six,
    .RScol-fiveSixth {
        float: left;
        width: 100%;
        margin-left: 0%;
        padding: 10px 0;
    }

    .RScontent-grid .RSrow.RSoneRow {
        border: none;
        margin: 0;
        padding: 0
    }

    @media (min-width: 648px) {
        .RScol-full,
        .RScol-half,
        .RScol-third,
        .RScol-twoThird,
        .RScol-four,
        .RScol-threeFourth,
        .RScol-five,
        .RScol-twoFifth,
        .RScol-threeFifth,
        .RScol-fourFifth,
        .RScol-six,
        .RScol-fiveSixth {
            padding: 0;
        }

        .RSpadding-right {
            padding-right: 10px;
        }

        .RSpadding-left {
            padding-left: 10px;
        }

        .RScol-half {
            width: 50%;
        }

        .RScol-third {
            width: 33.33333%;
        }

        .RScol-four {
            width: 25%;
        }

        .RScol-five {
            width: 20%;
        }

        .RScol-six {
            width: 16.66666667%;
        }

        .RScol-twoFifth {
            width: 40%;
        }

        .RScol-threeFifth {
            width: 60%;
        }

        .RScol-twoThird {
            width: 66.66666%;
        }

        .RScol-threeFourth {
            width: 75%;
        }

        .RScol-fourFifth {
            width: 80%;
        }

        .RScol-fiveSixth {
            width: 83.33333333333333%;
        }
    }
    /*--6 Image/Text links, Responsive--*/
    /*6 image buttons with text below, and hoverstate. 6x1 at desktop size, 3x2 at tablet size, and 2x3 at mobile size*/

    .RSsixPackButtonContain {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        text-decoration: none !important;
    }

    .RSsixPackButton {
        width: calc(16.6666% - 5px);
        box-sizing: border-box;
        margin: 0 2.5px;
    }

    .RSsixPackText {
        display: block;
        text-align: center;
        max-width: 100%;
        background-color: #A30000;
        padding: 10px 0;
        font-weight: bold;
        transition: .2s ease;
        color: white;
    }

    .RSsixPackButton img {
        max-width: 100%;
        vertical-align: bottom;
        filter: brightness(100%);
        -webkit-filter: brightness(100%);
        transition: .2s ease;
    }

    .RSsixPackButton a {
        text-decoration: none !important;
        display: block;
        color: #white !important;
        transition: 0s !important;
    }

        .RSsixPackButton a:hover span {
            background-color: #073146;
        }

        .RSsixPackButton a:hover {
            color: #fff !important;
        }

            .RSsixPackButton a:hover img {
                filter: brightness(115%);
                -webkit-filter: brightness(115%);
            }

    @media screen and (max-width: 1200px) {
        .RSsixPackButton {
            font-size: 1.3em
        }
    }

    @media screen and (max-width: 1000px) {
        .RSsixPackButton {
            width: calc(33% - 5px);
            margin-right: 1px;
            padding-bottom: 10px;
            font-size: 1.2em;
        }
    }

    @media screen and (max-width: 648px) {
        .RSsixPackButton {
            width: calc(49% - 5px);
            margin: 5px 2.5px;
            font-size: 1em;
        }

            .RSsixPackButton img {
                margin-bottom: 0;
            }
    }
    /*-- OPTIONAL 4 Image/Text links, Responsive--*/
    /*4 image buttons with text below, and hoverstate. 6x1 at desktop size, 3x2 at tablet size, and 2x3 at mobile size*/

    .RScontent-grid {
        margin-left: auto;
        margin-right: auto;
    }

    .RSfourPackButtonContain {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        text-decoration: none !important;
    }

    .RSfourPackButton {
        transition: all .3s ease 0s;
        width: calc(24.5% - 5px);
        margin: 5px 2.5px;
        font-size: 1.1em;
        border-radius: 0 0 15px 0;
    }

    .RSfourPackText {
        display: block;
        text-align: center;
        max-width: 100%;
        padding: 10px 0;
        color: #fff;
        font-weight: bold;
        text-decoration: none !important;
        padding-left: 2%;
        padding-right: 2%;
        background-color: #A30000;
    }

    .RSfourPackButton img {
        width: 100%;
        vertical-align: top;
        transition: all .3s ease 0s;
        filter: brightness(100%);
        -webkit-filter: brightness(100%)
    }

    .RSfourPackText span {
        color: #fff;
        text-decoration: none !important;
        font-weight: bold;
        background-color: #A30000;
        max-width: 100%
    }

    .RSfourPackButton a {
        text-decoration: none !important;
        display: block;
    }

        .RSfourPackButton a:hover span {
            background-color: #073146;
            transition: all .3s ease 0s;
        }

        .RSfourPackButton a:hover img {
            filter: brightness(115%);
            -webkit-filter: brightness(115%);
        }

    @media screen and (max-width: 1200px) {
        .RSfourPackButton {
            font-size: 1em
        }
    }

    @media screen and (max-width: 1000px) {
        .RSfourPackButton {
            width: calc(49.5% - 5px);
            margin: 5px 2px;
            padding-bottom: 10px;
        }
    }

    @media screen and (max-width: 648px) {
        .RSfourPackButton {
            width: calc(49.5% - 5px);
            margin: 5px 2px;
            font-size: .9em
        }

            .RSfourPackButton img {
                margin-bottom: 0;
            }
    }

    /*-- OPTIONAL 3 Image/Text links, Responsive--*/
    /*3 image buttons with text below, and hoverstate. 6x1 at desktop size, 3x2 at tablet size, and 2x3 at mobile size*/

    .RScontent-grid {
        margin-left: auto;
        margin-right: auto;
    }

    .RSthreePackButtonContain {
        display: flex;
        flex-wrap: wrap;
    }

    .RSthreePackButton {
        transition: all .3s ease 0s;
        width: calc(33% - 5px);
        margin: 5px 2.5px;
        font-size: 1.1em;
        margin-bottom: 5px;
    }

    .RSthreePackText {
        display: block;
        text-align: center;
        max-width: 100%;
        padding: 10px 3%;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background-color: #A30000;
    }

    .RSthreePackButton img {
        width: 100%;
        vertical-align: top;
        transition: all .3s ease 0s;
        filter: brightness(100%);
        -webkit-filter: brightness(100%)
    }

    .RSthreePackButton a {
        text-decoration: none !important;
        display: block;
    }

        .RSthreePackButton a:hover span {
            background-color: #073146;
            transition: all .3s ease 0s;
        }

        .RSthreePackButton a:hover img {
            filter: brightness(115%);
            -webkit-filter: brightness(115%);
        }

    @media screen and (max-width: 1200px) {
        .RSthreePackButton {
            font-size: 1em
        }
    }

    @media screen and (max-width: 1000px) {
        .RSthreePackButton {
            width: calc(33% - 5px);
            margin: 5px 2.5px;
            padding-bottom: 10px;
            font-size: .9em;
        }
    }

    @media screen and (max-width: 648px) {
        .RSthreePackButton {
            width: calc(49% - 5px);
            margin: 5px 2.5px;
            font-size: .9em;
        }

            .RSthreePackButton img {
                margin-bottom: 0;
            }
    }