@charset "UTF-8";
@font-face {
    font-family: 'thirsty_script_regularregular';
    src: url('fonts/ThirstyScriptRegular-webfont.eot');
    src: url('fonts/ThirstyScriptRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ThirstyScriptRegular-webfont.woff') format('woff'),
         url('fonts/ThirstyScriptRegular-webfont.ttf') format('truetype'),
         url('fonts/ThirstyScriptRegular-webfont.svg#thirsty_script_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Bright Blue Color Doc */
h1 {
    color: #b40c0c;
}

h2 {
    color: #9c0a0a;
}

h3, .quotebox .title {
    color: #005200;
    margin:10px;
}

h4 {
    color: #6c0707;
}
.red {
    color: #E8262B;
}
.out-of-stock {Color:#F9720E; font-weight:600}

a, #tabs .ui-widget-content a, #tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs-light-bar .ui-widget-content a {
    color: #b92b19;
}

    a:hover {
        color: #e32710;
    }

    a:visited {
        color: #b96a60;
    }

ul.checks li, ul.arrows li { list-style: none; padding: 0 0 0 20px !important; margin:5px 0px 0 10px; 
    background: url(../core/images/toolbox/red-royal/checkmark.png) no-repeat top left;
}

ul.arrows li {
    background: url(../core/images/toolbox/red-royal/circle-arrow.png) no-repeat top left;
}

.sub1 {
    background-image: url(../core/images/toolbox/red-royal/1.png);
}

.sub2 {
    background-image: url(../core/images/toolbox/red-royal/2.png);
}

.sub3 {
    background-image: url(../core/images/toolbox/red-royal/3.png);
}

.sub4 {
    background-image: url(../core/images/toolbox/red-royal/4.png);
}

.sub5 {
    background-image: url(../core/images/toolbox/red-royal/5.png);
}

.sub6 {
    background-image: url(../core/images/toolbox/red-royal/6.png);
}

.sub7 {
    background-image: url(../core/images/toolbox/red-royal/7.png);
}

.sub8 {
    background-image: url(../core/images/toolbox/red-royal/8.png);
}

.sub9 {
    background-image: url(../core/images/toolbox/red-royal/9.png);
}

.sub10 {
    background-image: url(../core/images/toolbox/red-royal/10.png);
}

.sub1-square {
    background-image: url(../core/images/toolbox/red-royal/1-square.png);
}

.sub2-square {
    background-image: url(../core/images/toolbox/red-royal/2-square.png);
}

.sub3-square {
    background-image: url(../core/images/toolbox/red-royal/3-square.png);
}

.sub4-square {
    background-image: url(../core/images/toolbox/red-royal/4-square.png);
}

.sub5-square {
    background-image: url(../core/images/toolbox/red-royal/5-square.png);
}

.sub6-square {
    background-image: url(../core/images/toolbox/red-royal/6-square.png);
}

.sub7-square {
    background-image: url(../core/images/toolbox/red-royal/7-square.png);
}

.sub8-square {
    background-image: url(../core/images/toolbox/red-royal/8-square.png);
}

.sub9-square {
    background-image: url(../core/images/toolbox/red-royal/9-square.png);
}

.sub10-square {
    background-image: url(.../core/images/toolbox/red-royal/10-square.png);
}

.quotebox {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.sectionhighlight {
    border-color: #eeeeee;
    border-style: solid none;
}

/**** LINES 1 - 24 ARE UPDATED TO NEW COLORSCHEME *****/

/**Letter Grade Chart - Replacement Window Options page**/
.lettergrade {
    color: #9c0006;
}

    .lettergrade .columnhead td {
        color: #000;
    }
/**End Letter Grade */


#table-back {
    margin: 5px 0;
    text-align: center;
    background-color: #9f1d20;
}

.tablebox {
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #CCC;
    margin: 12px 0;
}

#radon-top {
    background-color: #9f1d20;
    text-align: center;
    padding-top: 5px;
}

table#quad {
    cellpadding: 5px;
    border: 0;
    margin-bottom: 10px;
    background-color: #F1F1F1;
    border-color: #888;
}

.headers .text {
    background-color: #9f1d20;
}
/* --- OPEN SIGN --- */
div.open {
    color: #9f1d20;
}

    div.open img {
        background: #9f1d20;
    }
/* --- END OPEN SIGN --- */
/* --- Button --- */
.dynamic-button a {
    background-color: #A0000A;
}
/* Gradient Button - red-royal */
.gradient-button {
    color: #fff;
    background: #9f1d20;
    background: -webkit-gradient(linear, left top, left bottom, from(#9f1d20), to(#802022));
    background: -moz-linear-gradient(top, #9f1d20, #802022);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f1d20', endColorstr='#802022');
}

    .gradient-button:hover {
        background: #b7272b;
        background: -webkit-gradient(linear, left top, left bottom, from(#b7272b), to(#962628));
        background: -moz-linear-gradient(top, #b7272b, #962628);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7272b', endColorstr='#962628');
    }

    .gradient-button:active {
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#9f1d20), to(#802022));
        background: -moz-linear-gradient(top, #9f1d20, #802022);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f1d20', endColorstr='#802022');
    }
/* --- contact form test --- */
.contact_form  { background: #eee; padding: 10px; float: none !important; border: 1px solid #ccc; 
                  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; max-width: none !important; }

    .contact_form .step.current .title, .form-area {
        border-color: #f39292;
        background-color: #FFC219;
    }
/** Red Royal Inline Widget **/
.inline_widget {
    border-color: #9F1D20;
}

    .inline_widget .title {
        color: #9F1D20;
    }


/* FANCY List Background Color */
.numbers-list li:hover:after {
    border-left-color: #b40c0c;
}

.numbers-list li:before {
    background: #b40c0c;
}
/*end FANCY List Background Color */

.img-bottom-border {
    border-bottom: 5px solid #b40c0c;
}

.letter-list li::before {
    color: white;
    background: #b40c0c;
}

@charset "UTF-8";

.button, .arrow-button {
    border-top: 1px solid #01224c;
    border-left: 1px solid #01224c;
    border-right: 1px solid #01224c;
    border-bottom: 1px solid #01224c;
    color: #fff;
}

    .button:hover, .arrow-button:hover {
        color: #fff;
    }

    .button:active, .arrow-button:active {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e51aa', endColorstr='#113d77',GradientType=0 ); /* IE6-9 */
        background: #113d77;
        -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .button:visited, .button:active, .arrow-button:visited, .arrow-button:active {
        color: #fff;
    }


.button, .arrow-button, #tabs-light-bar .ui-state-active, #tabs-light-bar .ui-widget-content .ui-state-active, #tabs-light-bar .ui-widget-header .ui-state-active {
    background: #113d77;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d70b3), color-stop(2%,#0e51aa), color-stop(100%,#113d77));
    background: -webkit-linear-gradient(top, #3d70b3 0%,#0e51aa 2%,#113d77 100%);
    background: -moz-linear-gradient(top, #3d70b3 0%, #0e51aa 2%, #113d77 100%);
    background: -ms-linear-gradient(top, #3d70b3 0%,#0e51aa 2%,#113d77 100%);
    background: -o-linear-gradient(top, #3d70b3 0%,#0e51aa 2%,#113d77 100%);
    background: linear-gradient(to bottom, #3d70b3 0%,#0e51aa 2%,#113d77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d70b3', endColorstr='#113d77',GradientType=0 ); /* IE6-9 */
}
    /** Includes Button and Tabs for Tabbed Content Items **/

    .button:hover, .arrow-button:hover, #tabs-light-bar .ui-state-hover, #tabs-light-bar .ui-widget-content .ui-state-hover, #tabs-light-bar .ui-widget-header .ui-state-hover, #tabs-light-bar .ui-state-focus, #tabs-light-bar .ui-widget-content .ui-state-focus, #tabs-light-bar .ui-widget-header .ui-state-focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e51aa', endColorstr='#113d77',GradientType=0 ); /* IE6-9 */
        background: #113d77;
    }
        /** Includes Button and Tabs for Tabbed Content Items **/

        #tabs-light-bar .ui-state-active a, #tabs-light-bar .ui-state-active a:link, #tabs-light-bar .ui-state-hover a, #tabs-light-bar .ui-state-hover a:hover {
            color: #fff;
        }
/**------------------------------------------- Structure Styles -------------------------------------------**/

body {
}

.row {
    max-width: 1060px;
    position: relative;
}
.pad-bottom {padding-bottom:10px;}
#colorbox,
#cboxLoadedContent,
#cboxContent {
    box-sizing: content-box;
}

.container {
    background-color: #fff;
}

a,
#tabs .ui-widget-content a,
#tabs .ui-state-active a,
#tabs .ui-state-active a:link,
#tabs-light-bar .ui-widget-content a {
    color: #000;
}

    a:visited {
        color: #222;
    }

    a#scrollToTop {
        display: none;
        position: fixed;
        right: 30px;
        bottom: 30px;
        background: rgba(0, 0, 0, .25);
        border-radius: 5px;
        padding: 10px 15px;
        color: #fff;
        font-size: 20px;
    }

        a#scrollToTop .fa {
            margin-right: 10px;
        }

    a:hover {
        color: #FFC219;
    }
/**------------------------------------------- Font Styles -------------------------------------------**/

body,
ul {
    font-family: sans-serif;
}

h2,
ol {
    font-family: sans-serif;
    color: #000;
}

h1,
h3,
h4,
strong {
    font-family: sans-serif;
    color: #005200;
}
h1 {font-size:20px}
#content-wrap h1 {
    font-size: 30px;
    color:;
    margin-bottom: 20px;
    line-height: 1.2;
}
h3 { color:#005200; font-family: sans-serif; }

@media screen and (max-width: 640px) {
    #content-wrap h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

#content-wrap h2 {
    font-size: 24px !important;
    margin: 0px auto 20px;
    font-weight: bold;
}

#content-wrap h3,
.related_pages .title {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

#content-wrap h4 {
    color: #FFC219;
    font-family: sans-serif;
    font-size: 20px;
}

#content-wrap ul,
#content-wrap ol {
    padding: 0px 20px;
}

.home h2,
.home p.home-section-title {
    font: bold 28px/1.3em sans-serif;
    text-transform: uppercase;
    color: #353535;
    text-align: center;
    margin-bottom: 30px;
}

.breakout p,
.breakout ul,
.breakout ol {
    font-size: 14px;
    line-height: 20px;
}
.wt                    {clear: both; margin: 25px auto; width: 700px; position: relative; overflow: hidden; color: #333333;background-color: #f7f7f7; border-top: 1px solid #dfdfdf; border-bottom: none; box-shadow: 0px 1px 2px #9F9F9F; font-family:"Verdana"; font-size: 12px; color:#333;}
.wt-title              {margin: 0px 0px 10px 0px; font-weight: bold; font-size: 16px;}
.wt-li                 {}
.wt-ul                 {margin: 0 !important; padding: 0 !important; list-style: none;}

.wt-wrapper            {background-color: #f9fafc; padding: 10px 0px 10px 25px; overflow: hidden;}
.wt-thumb              {float: left; margin-left: 10px; width: 308px; height: 178px; border: 1px solid #ccc; overflow: hidden; position: relative; background-color: #ccc;}
.wt-thumb img          {position: absolute; display: block;}
.wt-prev-wrapper       {background-color: #dfdfdf; position: absolute; width: 20px; height: 100%; top: 0px; left: 0px; text-decoration: none; cursor: pointer;}
.wt-next-wrapper       {background-color: #dfdfdf; position: absolute; width: 20px; height: 100%; top: 0px; right: 0px; text-decoration: none; cursor: pointer;}
.wt-prev               {background: url('../core/images/widgets/inline/arrows-3.png') no-repeat; background-position: 0px 50%; width: 16px; height: 27px; display: block; position: absolute; top:50%; margin-top: -13px; margin-left: 2px;}
.wt-next               {background: url('../core/images/widgets/inline/arrows-3.png') no-repeat; background-position: -16px 50%; width: 16px; height: 27px; display: block; position: absolute; top:50%; margin-top: -13px; margin-left: 2px;}
.wt-prev-wrapper:hover,
            .wt-next-wrapper:hover {background-color: #ccc;}

.wt-beforelabel, .wt-afterlabel {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    text-shadow: 2px 1px 1px black;
}
.wt-content  {margin: 5px 30px 5px 10px; clear: both;}  

/**------------------------------------------- Header -------------------------------------------*/

#header {
    background: #fff;
    padding: 20px 0px;
}

#contact {
    position: relative;
}

#phone {
    font-family: 'Roboto', sans-serif;
    position: relative;
}

    #phone > a {
        color: #FFC219;
        line-height: 100%;
        font-weight: 700;
        font-size: 40px;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
        #phone > a:hover {
        color: #005200;
    }
#header-social {
    padding: 20px 20px;
    margin: 20px auto 0px;
    line-height: 100%;
    font-weight: 600;
    font-size: 24px;
    width: auto !important;
    text-align:right;
    text-transform:capitalize;
}
#header-btn  {
}

#header-btn a.button {
    text-transform: none;
    border-radius: 30px;
    padding: 10px 20px;
    margin: 10px auto 0px;
    line-height: 100%;
    font-weight: 400;
    font-size: 16px;
    width: auto !important;
}

    #header-btn a.button span {
        font-weight: 700;
    }

#header-service-wrap {
    margin-bottom:0px;
}

#header-service-area p {
    display: block;
    line-height: 1.2em;
    text-align: right;
    color: #005200;
    margin-bottom: 0px;
    font-size: 32px;
    font-weight: 600;
    font-style: italic;
}

    #header-service-area p:hover {
        color: #353535;
        text-decoration: underline;
    }


@media screen and (min-width: 1025px) {
    #phone {
        text-align: right;
        height: 55px;
    }

        #phone > a {
            right: 0;
        }

    #header-btn a.button {
        float: right;
    }

    p#header-service-area {
        position: absolute;
        width: 280px;
        right: 0;
        top: 90px;
    }
}

@media screen and (max-width: 1024px) {
    #logo {
        margin-bottom: 10px;
        text-align: center;
    }

    #phone {
        text-align: center;
        margin: 15px auto;
    }

        #phone a {
            -webkit-transform: none;
            transform: none;
            display: inline-block;
            position: relative;
            left: auto;
            top: auto;
            font-size: 28px;
            width: 300px;
        }

    #header-btn {
        text-align: center;
    }

        #header-btn a.button {
            display: inline-block;
        }

    #header-service-wrap {
        margin-bottom: 5px;
    }

    #header-service-area p {
        text-align: center;
        font-size: 18px;
    }

    .opensign {
        margin: -2px 5px 0px 0px;
    }

        .opensign span {
            font-size: 12px;
        }
}

/**------------------------------------------- TOP Nav Styles -------------------------------------------**/
#nav-bar,
.contain-to-grid {
    background: #005200;
}

ul#top-nav-list > li:hover {
    background: #000;
}
/* Top Nav Links */
ul#top-nav-list > li a {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #fff;
}

ul#top-nav-list > li:hover > a {
    color: #fff;
}

/* Top Nav Free Estimate Link */
ul#top-nav-list > li.quote {
    background: #EDEDED;
}

    ul#top-nav-list > li.quote a {
        color: #000;
    }

    ul#top-nav-list > li.quote:hover {
        background-color: #FFC219;
    }

/* Mega Nav Links */
ul#top-nav-list ul.m-menu a {
    color: #353535;
}

ul#top-nav-list ul.m-menu ul a:hover {
    color: #FFC219;
    text-decoration: none !important;
}

/* Top Banner Sticky Phone # and Button*/
#phone-sticky a.phone_link span,
#phone-sticky a.phone_link:hover span {
}
#phone-sticky a.phone_link {
    color: #FFC219;
    font-size:24px;
}

#phone-sticky a.button {
    background: #005200;
    border:none;
}

    #phone-sticky a.button:hover {
        background: #FFC219;
    }

.button:visited {
    color: #fff;
}
/* Sticky Logo */
#logo-sticky a {
    background-image: url('../core/images/logo.png');
    height: 50px;
    width: 100%;
}
/*----------------------------------------- Main Message ---------------------------------- */
#main-message {
    background-image: url('../core/images/bubbles.jpg');
    width: 100%;
    background-size: 100%;
    background-position: bottom 0;
    text-align: left;
    border-bottom: 1px solid #eee;
    background-attachment: fixed;
    overflow: hidden;
}

    #main-message > .row {
        height: 400px;
        position: relative;
    }

.hero-txt {
    margin: 0px auto;
    position: absolute;
    -webkit-transform: translate(-20%,-20%);
    transform: translate(-20%,-20%);
    top: 30%;
    left: 20%;
}

    .hero-txt p {
        font-size: 30px;
        line-height: 100%;
        letter-spacing: .025em;
        color: #FFC219;
        text-shadow: 0px 1px 1px #333;
        margin-bottom: 40px;
        font-weight: 600;
        
    }

    .hero-txt span {
        display: block;
        font-style: normal;
        font-size: 28px;
        width:50%;
        margin-top: 10px;
        line-height: 100%;
        font-weight: 500;
        text-transform: initial;
        color: #111;
    }
     .hero-txt img {float:right; right:10px;top:20px; z-index:200}
.cta-button {
    background-color: #FFC219;
    text-transform: uppercase;
    padding: 22px 20px 19px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    bottom: 5px;
    transition: all 0.4s ease 0s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}

    .cta-button:hover {
        color: #fff;
    }

    .cta-button:visited {
        color: #fff;
    }

@media screen and (max-width: 640px) {
    .main-message {
        height: 700px;
        background-attachment: scroll;
    }

    #main-message {
        background-attachment: inherit;
        background-size: initial;
    }

    .hero-txt p {
        font-size: 20px;
        margin-bottom:20px;
    }

    .hero-txt span {
        font-size: 22px;
        width:100%;

    }
        .hero-txt p {
        font-size: 20px;
        line-height: 100%;
        letter-spacing: .025em;
        color: #FFC219;
        text-shadow: 0px 1px 1px #333;
        margin-bottom: 40px;
        font-weight: 400;
        text-align:center;
        
    }
     .hero-txt img {float:none; margin:20px;}


    .btn {
        font-size: 18px;
        padding: 10px 20px;
        color:#fff;
    }

    .cta-button {
        font-size: 16px;
    }
}

@media screen and (max-width: 981px) {
    #main-message {
        background-attachment: initial;
        background-size: initial;
    }
}

/***------------------------------------------- Homepage Services -------------------------------------------***/

#services {
    background: #fff;
    padding: 60px 0px;
}

.service-item {
    text-align: center;
    position: relative;
}

    .service-item h2 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #005200;
    }

    .service-item p {
        font-size: 18px;
        line-height: 24px;
    }

.service-icons {
    background-color: #efefef;
    padding: 40px 0px 10px 0;
    border-radius: 10px;
}

    .service-icons a img {
        border: solid 4px #fefefe;
        transition: box-shadow 200ms ease-out;
    }

        .service-icons a img:hover {
            box-shadow: 0 0px 0px 5px #005200;
        }

@media screen and (max-width: 640px) {
    #services {
        padding: 30px 0px;
    }

    .service-item h2 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .service-item p {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .service-icons {
        background-color: #fff;
    }
}
/***--------------------------------------- Why Choose Us -------------------------------------***/

#choose-us {
    background: #EEE;
    padding: 60px 0px;
    background-image: url('');
    background-attachment: fixed;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

.row.choose-wrap {
    margin-bottom: 60px;
}
#choose-us h3 {color:#E8262B;}

#choose-us div.choose-item {
    position: relative;
    overflow: auto;
    padding: 25px 15px 0px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    min-height: 200px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 1024px) {
    #choose-us div.choose-wrap .columns:first-child .choose-item,
    #choose-us div.choose-wrap .columns:nth-child(2) .choose-item {
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 640px) {
    #choose-us div.choose-wrap .columns:nth-child(3) .choose-item {
        margin-bottom: 30px;
    }
}

#choose-us div.choose-item i.fa {
    font-size: 50px;
    color: #FFC219;
    margin-bottom: 20px;
}

#choose-us div.choose-item p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0px;
}
/** video **/

img.youtube-thumb {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../core/images/templates/des/play-btn.png") no-repeat;
}

p.more-assets {
    margin-bottom: 0px;
    right: 15px;
    bottom: -34px;
    position: absolute;
    line-height: 100%;
}

    p.more-assets a {
        text-transform: uppercase;
        font-size: 14px;
        color: #000;
        text-decoration: none !important;
        letter-spacing: .025em;
        transition: color .2s ease;
    }

        p.more-assets a::before {
            content: "+";
            border: 1px solid;
            height: 15px;
            width: 15px;
            line-height: 0;
            display: block;
            text-align: center;
            padding-top: 5px;
            float: left;
            vertical-align: middle;
            margin: 0px 6px 0px 0px;
        }

        p.more-assets a:hover {
            text-decoration: underline !important;
        }


/***--------------------------------------- Homepage Widget Content ------------------------------------------***/

#widgets {
    background: #fff;
    padding: 60px 0px;
}

    #widgets a {
        color: #000;
        text-decoration: underline;
    }

#widget-slider .widget-item h3,
#widget-slider .widget-item p {
    margin: 20px 15px 0px;
    display: inline-block;
}

#widget-slider .widget-item .widget-img {
    height: 375px;
    position: relative;
    margin: 10px auto;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
}

    #widget-slider .widget-item .widget-img img {
        display: block;
        margin: 0px auto;
        position: absolute;
        max-width: 500px;
        max-height: 375px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }

    #widget-slider .widget-item .widget-img span {
        position: absolute;
        z-index: 1;
        color: #fff;
        font: bold 20px/20px sans-serif;
        background: #FFC219;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
        padding: 10px 15px;
        top: -10px;
        left: -10px;
        overflow: visible;
    }

        #widget-slider .widget-item .widget-img span::after {
            content: "";
            display: block;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #333;
            position: absolute;
            left: 0;
            bottom: -10px;
        }
/* Slider arrow styles */

button.slick-arrow {
    background: transparent;
    height: 50px;
    width: 50px;
    border-color: #FFC219;
    border-style: solid;
    padding: 0px;
    position: absolute;
    z-index: 10;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: 35%;
    transition: border-color .2s ease;
    font-size: 0;
    outline: none;
}

    button.slick-arrow:hover {
        border-color: #f9141f;
    }

button.slick-prev {
    left: -30px;
    border-width: 0px 0px 2px 2px;
}

button.slick-next {
    right: -30px;
    border-width: 2px 2px 0px 0px;
}
/*** Slick Slider Dots ***/
/* Dots */

.slick-slider {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 15px;
    margin: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: sans-serif;
                font-size: 60px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '\2022';
                text-align: center;
                opacity: .25;
                color: white;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: white;
        }

@media screen and (max-width: 1150px) {
    button.slick-arrow {
        top: 25%;
        height: 30px;
        width: 30px;
    }

    button.slick-prev {
        left: 40px;
    }

    button.slick-next {
        right: 40px;
    }
}

@media screen and (max-width: 1024px) {
    #widget-slider .widget-item .widget-img {
        height: 200px;
    }

        #widget-slider .widget-item .widget-img img {
            max-width: 300px;
            max-height: 200px;
        }
}

/***------------------------------------------- Homepage Customer Reviews -------------------------------------------***/

#customers {
    background-color: #EEE;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0px;
}

    #customers #home-reviews {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #customers .review_item {
        margin: 0px 0px 20px 0px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
        border-radius: 3px;
        padding: 20px;
        height: auto;
        background-color: #fff;
    }

@media screen and (min-width: 1025px) {
    #customers .review_item {
        height: 210px;
    }
}

#customers .review_item .review_item_details {
    font-size: 14px;
    overflow: auto;
    margin: 0px 0px 5px !important;
    color: #8e8e8e;
    float: none;
    width: auto;
    text-align: center;
}

#customers .small_review_stars_grouping {
    overflow: auto;
    margin: 0px auto;
    width: auto;
}

#customers .review_item .wt-5587-starrfull {
    background-image: url('../core/images/icons/star-filled-small-review.png');
    width: 16px;
    height: 16px;
    margin: 0px 2px 0px 0px;
    display: inline-block;
}

#customers .review_item .wt-5587-starrhalf {
    background-image: url('../core/images/icons/star-half-small-review.png');
    width: 16px;
    height: 16px;
    display: inline-block;
}

#customers .wt-5587-starr.wt-5587-starrempty {
    background: url('../core/images/icons/star-empty-small-review.png');
    width: 16px;
    height: 16px;
    display: inline-block;
}

#customers .review_item .review_customer {
    padding-right: 5px;
    margin: 0;
    display: inline-block;
}

#customers .review_customer::after {
    content: "from";
    padding-left: 5px;
}

#customers .review_item .review_location_date {
    display: inline-block;
    margin: 0;
}

#customers .review_item .review_preview {
    color: #359E6F;
    font-size: 16px;
    line-height: 1.2em;
    font-style: italic;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}

    #customers .review_item .review_preview a {
        color: #005200;
    }


/***-------------------------------------- Homepage Features ------------------------------------------------***/
#hp-features {
    margin-bottom: 40px;
}

.feature-item {
    text-align: center;
    padding: 30px;
    background: #eee;
    margin: 10px auto;
}


/***------------------------------------------- Cred Bar -------------------------------------------***/

#cred {
    box-sizing: border-box;
    background: url('/core/images/templates/health/cred-bg.png') #666 no-repeat center top;
    padding: 60px 0px 50px;
}

    #cred .columns span {
        height: 125px;
        display: block;
        position: relative;
    }

    #cred img {
        /*opacity: 0.65;*/
        max-height: 100%;
        margin: 0px auto;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }

/***------------------------------------------- Service Area -------------------------------------------***/

#service-area {
    background-color: #E8E8E8;
    padding: 60px 0px 60px;
    position: relative;
}

    #service-area::before {
        content: "";
        display: block;
        background: url('../core/images/templates/bambam/images/dot-matrix-15.png');
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    #service-area h2 {
        color: #4c4c4c;
        text-align: left;
        margin-bottom: 15px;
    }
    /* Geo City List - new token */

    #service-area #home-city-list {
        position: relative;
        padding-bottom: 30px;
    }

#home-city-list h3 {
    color: #4c4c4c;
    font: bold 20px sans-serif;
}

    #home-city-list h3 a,
    .city_scroll_list a {
        color: #005200;
        text-decoration: underline;
    }

.city_scroll_list_content {
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.city_scroll_list {
    list-style: none;
    margin: 0px 20px 10px 0px;
    line-height: 1.3em;
}

.city_scroll_list_title {
    color: #4c4c4c;
    margin-top: 15px;
}

    .city_scroll_list_title:first-of-type {
        margin-top: 0px;
    }

.city_scroll_list li {
    font: 14px/1.2em sans-serif;
    color: #005200;
    display: inline-block;
}

    .city_scroll_list li:not(:last-of-type)::after {
        content: ",";
        margin-right: 3px;
    }

.city_scroll_list_local_phone {
    color: #999;
    font-size: 18px;
}

#service-area .service-map {
    background: url('../core/images/templates/des/usa-bg-light.png') no-repeat center;
    background-size: contain;
}

.service-map img {
    display: block;
    margin: 0px auto;
}

#gmap-wrap {
    width: 350px;
    height: 350px;
    margin: 30px auto;
}

#service-area #gmap-wrap > div {
    border-radius: 50%;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, .25);
}

@media screen and (max-width: 1024px) {
    #service-area .widget_map img {
        margin: 0px auto;
        float: none;
    }
}

@media screen and (max-width: 640px) {
    /* Service Area Page Map */
    #content-wrap #gmap-wrap {
        margin: 30px auto;
        float: none;
        width: 100%;
        height: 350px;
    }

    #service-area #gmap-wrap {
        width: 275px;
        height: 275px;
    }
}
/**** Homepage content Media Queries ***/

@media screen and (min-width: 1025px) {
    #customers #home-vid {
        min-height: 325px;
        position: relative;
    }
}

@media screen and (max-width: 1024px) {
    #home-vid,
    #home-reviews,
    #home-city-list {
        padding-left: 10px;
        padding-right: 10px;
    }

    #customers #home-vid,
    #customers #home-reviews,
    #service-area #home-city-list {
        margin-bottom: 30px;
    }
}
/**------------------------------------------- Silo Styles -------------------------------------------**/

#silo-header {
    height: 125px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #FFC219;
}


@media screen and (max-width: 640px) {
    #silo-header {
        height: 120px;
    }
}

#silo-header::before {
    content: "";
    display: block;
    background: #FFC219;
    opacity: .8;
    width: 100%;
    height: 100%;
    position: absolute;
}

#silo-header .page-title {
    color: #fff;
    text-transform: uppercase;
    font: bold 30px/38px sans-serif;
    margin: 70px auto 0px;
    display: block;
    position: relative;
    text-shadow: 0px 0px 10px #444;
    text-align: right;
    z-index: 1;
}

@media screen and (max-width: 640px) {
    #silo-header .page-title {
        margin-top: 30px;
        line-height: 1.0em;
    }
}
/* Silo headers */

#about #silo-header {
    background-image: url('../core/images/templates/fauxez/kitchen.png');
}
#kitchen #silo-header {
    background-image: url('../core/images/templates/fauxez/kitchen.png');
}




/* LEFT SUBNAV STYLES ----------------------------------- */

#subnav-left, #admin-left {
    position: relative;
    padding: 50px 20px 30px 20px;
    background: linear-gradient(-90deg, rgb(234, 232, 232)0px, rgb(248, 248, 248) 15px);
    border-right: 1px solid rgb(230, 230, 230);
}

#subnav-right {
    position: relative;
    padding: 50px 20px 30px 20px;
    border-left: 1px solid rgb(230, 230, 230);
}


@media screen and (max-width: 640px) {
    #subnav-left, #admin-left {
        border-right: 0;
        padding: 25px 0.9375rem;
        background: linear-gradient(rgb(234, 232, 232)0px, rgb(248, 248, 248) 15px);
        border-top: 1px solid rgb(230, 230, 230);
    }
    #subnav-right {
        border-right: 0;
        padding: 25px 0.9375rem;
        border-top: 1px solid rgb(230, 230, 230);
    }
}

#subnav-left ul, #subnav-right ul {
    list-style: none;
    margin: 0px;
    display: block;
    text-transform: none;
    overflow: visible;
}

    #subnav-left ul li,  #subnav-right ul li {
        position: relative;
        margin-top:20px;
    }

        #subnav-left ul li a, #subnav-right ul li a {
            font-size: 16px;
            text-decoration: none;
            line-height: 1.2em;
            color:#005200;
            text-transform:uppercase;
            display: block;
            font-weight:500;
        }
#subnav-left ul li a:hover,  #subnav-right ul li a:hover  {
    position: relative;
    display: block;
    background:#999999; color:#fff;
}

/* Top silo page link styles */

#subnav-left > ul > li > a{
    text-transform: uppercase;
    font: bold 20px/1.1em sans-serif;
    margin: 0px auto 20px;
    display: block;
}
#subnav-right > ul > li > a {
    text-transform: uppercase;
    font: 16px/1.0em sans-serif;
    margin: 0px auto 20px;
    display: block;
}

#admin-left > ul > li > a {
    text-transform: none;
    font: bold 16px/1.1em sans-serif;
    margin: 0px auto 20px;
    display: block;
}

/* Nav styles - first level - excludes top silo page */

#subnav-left > ul > li > ul, #subnav-right > ul > li > ul {
    border-top: 1px solid #FFC219;
    padding-top: 20px;
    padding-left: 20px;
}

#subnav-left > ul ul li a, #subnav-right > ul ul li a {
    display: block;
    margin-bottom: 15px;
    position: relative;
    line-height: 1.2em;
}
/* Nav Styles - second level */

#subnav-left > ul ul ul li a {
    color: #aaa;
    margin: 0px 10px 0 0;
    font-size: 14px;
}
#subnav-left > ul ul ul li a:hover {
    color:#005200;
    margin: 0px 10px 0 0;
    font-size: 14px;
    text-decoration:none;
}

/* Nav Styles - third level */
/* Nav Styles - fourth level */

#subnav-left > ul ul ul ul {
    margin-left: 10px;
}
/* Active Expanded page and/or children */
#subnav-left > ul li.children.expanded > a { /* 2nd level active/expanded parent link */
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin-bottom: 10px;
}

#subnav-left ul li.active > a,
#subnav-left ul li.expanded > a {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px;
}

#subnav-left ul li.active > a {
    position: relative;
    display: block;
}

    #subnav-left ul li.active > a::before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border: 1px solid #fff;
        border-width: 1px 1px 0px 0px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 4px;
        left: -15px;
    }
/* Second Level Active/Expanded */
#subnav-left > ul > li > ul > li.active,
#subnav-left li.children.expanded {
    background: #999;
    padding: 15px 20px 15px 0px;
    margin-bottom: 15px;
    box-shadow: -20px 0px 0px #999;
}
/* Third Level Active/Expanded */
#subnav-left > ul ul ul > li {
    padding: 5px 0px;
    margin: 0px;
}

    #subnav-left > ul ul ul > li.first {
        padding-bottom: 5px;
    }

    #subnav-left > ul ul ul > li.last {
        padding-top: 5px;
    }

/* Hide subnav on free estimate page */

.homepage-content + #subnav-left, .free-estimate + #subnav-left {
    display: none;
}
/***------------------------------------------- Content -------------------------------------------***/

.silo-page-wrap {
}

#page-wrap {
}

@media screen and (max-width: 640px) {
    #page-wrap {
        padding: 20px 0 0;
    }
}

#content-wrap {
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
}

@media screen and (max-width: 640px) {
    #content-wrap {
        padding-left: 0.9375rem;
        padding-top: 0px;
    }
}

#content-wrap.free-estimate, #content-wrap.homepage-content {
    padding-left: 0.9375rem;
}

#content-wrap #gmap-wrap {
    margin: 0px 0px 30px 30px;
    float: right;
}

.inline-block {
    /* Use this class for UL or OLs that get misaligned */
    display: inline-block;
}

.display-table {
    /* Use this class to center widgets and other misaligned block elements */
    display: table;
    margin: 20px auto !important;
}
.bg { background: #f9fafc; }

a.button,
a.arrow-button {
    background: #FFC219;
    text-shadow: none;
    font: bold 18px/1.2em sans-serif;
    border: 0;
    text-transform: uppercase;
    transition: background .2s ease;
     border: 1px solid;
    border-radius: 0px;
    border-color:#DF0000;
}

    a.button:hover,
    a.arrow-button:hover {
        background: #005200;
         border-color:#005200;
    }
.btn-sm {
    font: bold 14px/.9em sans-serif;
}
.btn-primary {
    font: bold 14px/.9em sans-serif;
    color:#fff;
}
a .btn-primary {
    font: bold 14px/.9em sans-serif;
    color:#fff;
}

.review-btn {
	float: right;
    border: 1px solid;
    border-radius: 25px;
    border-color:#DF0000;
}
.review-btn a.button {
	padding: 5px 10px !important;
	font-size: 15px;
    border: 1px solid;
    border-radius: 25px;
    border-color:#DF0000;
	margin: 0;
	text-transform: capitalize !important;
}
.review-btn + p {
	float: left;
}
					
.review_items {
	clear: both;
}
					
@media screen and (max-width: 850px){
	.review-btn {
		margin: 0 auto 25px;
		float: none;
	}
	.review-btn + p {
		float: none;
	}
}

a.arrow-button {
    padding: 10px 70px 10px 20px !important;
}

.arrow-button span {
    background-image: none;
    position: absolute;
    float: right;
    margin-right: 15px;
}

    .arrow-button span::before {
        content: "";
        display: block;
        border-left: 1px solid rgba(255, 255, 255, .25);
        border-right: 1px solid rgba(0, 0, 0, .2);
        width: 1px;
        height: 50px;
        position: absolute;
    }

    .arrow-button span::after {
        content: "";
        display: block;
        border: 15px solid transparent;
        border-left: 20px solid #fff;
        position: relative;
        height: 15px;
        width: 15px;
        top: 8px;
        left: 18px;
    }

.border > h3 {
    margin: 20px;
}

table.table.table-2-cell.drainage-systems strong {
    display: block;
}

/* Tabbed interface */

#carousel .ui-widget-header {
    height: 50px !important;
}

#carousel .tab-nav {
    left: 0;
    width: 100%;
    padding: 0px 10px;
}

#carousel .title {
    width: 100% !important;
}

#carousel .ui-tabs-panel {
    overflow: auto;
}
/* 4-step form */
.contact_form .step.current input:focus,
.contact_form .step.current textarea:focus {
    background: rgba(255, 248, 191, 0.90);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .15);
}

@media screen and (min-width: 640px) {
    .free-estimate .contact_form form {
        width: 70%;
    }
}
/***------------------------------------------- Footer -------------------------------------------***/

#footer {
    background: #111 ;
    padding: 40px 0px 30px;
    color: #fff;
}

    #footer p {
        text-align: center;
        line-height: 1.3em;
        margin-bottom: 1em;
        font-size: 15px;
        color: #fff;
    }

a#footer-btn {
    text-transform: uppercase;
    color: #fafafa;
    display: block;
    background-color: #FFC219;
    text-align: center;
    padding: 15px 0px;
    border-radius: 5px;
    max-width: 300px;
    font: bold 24px/1.4em sans-serif;
    margin: 0px auto 20px;
    transition: background-color .2s ease;
}

    a#footer-btn:hover {
        background-color: #d9d9d9;
    }

p.footer-phone {
    margin: 30px auto;
    font-size: 16px;
    line-height: 32px;
}

    p.footer-phone span a {
        display: block;
        font: bold 32px/32px sans-serif;
        color: #fff;
        transition: background-color .2s ease;
    }

p.footer-disclaimer {
    font: italic 12px/18px sans-serif;
    margin-bottom: 40px;
}

#footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;
}

#footer-links {
    padding-left: 55px;
    overflow: auto;
}

    #footer-links > ul > li:not(.social) {
        font: bold 16px/32px sans-serif;
        text-transform: uppercase;
        color: #d9d9d9;
        display: block;
        margin-bottom: 25px;
    }

    #footer-links a {
        text-transform: none;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        transition: all .2s ease;
    }

        #footer-links a:hover {
            color: #d9d9d9;
            text-decoration: underline;
        }

li.footer-link.about,
li.footer-link.work,
li.footer-link.services li:nth-child(odd) {
    float: left;
    width: 250px;
}

.footer-link.social a {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    opacity: .75;
    transition: opacity .2s ease;
}

    .footer-link.social a:hover {
        opacity: 1;
    }

@media screen and (min-width: 1025px) {
    #footer > .row > div:nth-child(1) {
        border-left: 1px solid #fafafa;
    }

    #footer > .row > div:nth-child(2) {
        border-right: 1px solid #fafafa;
    }

    #footer-links,
    #footer-contact {
        min-height: 525px;
        overflow: hidden;
    }

    #footer-contact {
        padding-top: 25px;
    }

    #footer-links {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #footer > .row > div:nth-child(1) {
        border-bottom: 1px solid #fafafa;
    }

    #footer > .row > div:nth-child(2) {
        border-top: 1px solid #fafafa;
    }

    #footer-contact {
        margin-top: 50px;
    }

    #footer-links {
        width: 500px;
        padding-left: 0px;
        margin: 0px auto 20px;
    }
}

@media screen and (max-width: 640px) {
    #footer-links {
        width: 100%;
    }

    li.footer-link.about,
    li.footer-link.work,
    li.footer-link.social,
    li.footer-link.services,
    li.footer-link.services * {
        float: none !important;
        width: auto !important;
        text-align: center;
    }

        li.footer-link.social a {
            display: inline;
            float: none;
        }
}

.wt-5276 {
    width: 300px !important;
}

.awards img {
    padding: 10px;
}

.main-message {
    width: 950px;
    margin: 0 0 10px;
}

.owner.breakout {
    width: 390px;
}

.wt-5276-middle {
    height: auto !important;
}
/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
/* TESTING Service Area Slide OUT Styling CSS */
#popup {
    display: none;
}

.slide-out-div {
    max-width: 500px;
    background: #e3e3e3 url("../core/images/service-area-slide-map4.png") no-repeat center right;
    padding: 6px 35px 4px;
    position: relative;
}

    .slide-out-div .text-inside {
        width: 230px;
    }

        .slide-out-div .text-inside h3 {
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 10px;
        }

        .slide-out-div .text-inside p {
            font-size: 17px;
            line-height: 19px;
        }

        .slide-out-div .text-inside a {
            text-decoration: underline;
        }

            .slide-out-div .text-inside a:visited {
            }

.slideout-menu {
    position: fixed;
    top: 33%;
    left: 0;
    width: 502px;
    height: 172px;
    background: #FFC219;
    z-index: 999;
    -webkit-animation: mymove 3s; /* Safari 4.0 - 8.0 */
    animation: mymove 3s;
}

@-webkit-keyframes mymove {
    from {
        left: -502px;
    }

    to {
        left: 0px;
    }
}

@keyframes mymove {
    from {
        left: -502px;
    }

    to {
        left: 0px;
    }
}

.slideout-menu .tag {
    position: relative;
    padding: 1px 0;
    color: #fff;
    font-weight: 400;
}

.slideout-menu .slideout-menu-toggle {
    position: absolute;
    top: 0;
    right: -28px;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
    height: 172px;
    padding: 0 10px;
    background: #FFC219 url("../core/images/service-area-icon-new-1.png") no-repeat 9px 20px;
}

    .slideout-menu .slideout-menu-toggle img {
        max-height: 161px;
        max-width: 32px;
    }

    .slideout-menu .slideout-menu-toggle:hover {
        color: #fff;
    }

.form-slide-close {
    background: url(../core/images/close_form-white.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 3px;
    right: 4px;
}

.slideout-menu-toggle .arrow {
    background: url(../core/images/arrows-a.png) no-repeat 9px;
    float: right;
    width: 23px;
    height: 13px;
    position: relative;
    top: 4px;
}

.up .arrow {
    background: url(../core/images/arrows-a.png) no-repeat -12px;
}

@media screen and (max-width: 960px) {
    .slideout-menu {
        display: none;
    }

    #popup {
        display: block;
        position: absolute;
        max-width: 600px;
        height: 320px;
        max-height: 320px;
        background: #e3e3e3;
        left: 100%;
        top: 50%;
        border-radius: 5px;
        padding: 10px 0;
        margin-left: -320px; /* width/2 + padding-left */
        margin-top: 10px; /* height/2 + padding-top */
        text-align: center;
        box-shadow: 0 0 10px 0 #000;
        z-index: 999;
        overflow: hidden;
    }

    #tweet {
        color: #4099FF;
    }

    #close {
        position: absolute;
        background: black;
        color: white;
        right: -3px;
        top: -3px;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Arial Black', Arial, sans-serif;
        cursor: pointer;
        box-shadow: 0 0 10px 0 #000;
        z-index: 999;
    }

    .slide-out-div {
        height: 320px;
        background: #e3e3e3 url("../core/images/service-area-slide-map4.png") no-repeat center bottom !important;
    }
}
.promotion {
    line-height:2;
    font-size: 16px;
    font-weight: 500;
    color: #005200;
}
.promotion-sm {
    line-height:2;
    font-size: 14px;
    font-weight: 500;
    color: #005200;
}
.promotion b, .promotion-sm b {color:#fe0000; text-decoration:underline}
.margin-left20 {margin-left:20px;}
h2 .red {color:#E8262B}
.scorecard {background: #E8E8E8}
div.view div.views-hide {
  display: none;
}

/** For IE we add the class via js; for other browsers we rely on :hover **/
div.view div.views-hide-hover,
div.view:hover div.views-hide {
  display: block;
  position: absolute;
  z-index: 200;
}

/* don't do this one in IE */
div.view:hover div.views-hide {
  margin-top: -1.5em;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}
.views-field-title {
	color: #364C71;
	font-weight:700;
}
/* Mortgage view */
#mortgage_block {
	border-top:1px dotted #999;
	position:relative;
	left:10px;
}
#testimonial_block {

	position:relative;
	
}
.view {
	margin-left:20px;
	margin-right:30px;
}
.view-content{padding-bottom:0px;}
.view-score .views-row {
	margin-bottom:20px;
	margin-left:20px;
	}
.view-score .views-field-field-score-date-value {
	margin-bottom:3px;
	}
.view-score .views-field-field-score-date-value .field-content {
	padding:3px 5px 3px 5px;
	color:#333333;
	font-size:14px;
	background-color:#E6F4E4;
	/*background-color:#E0EEDB;*/
	}
	
.view-score .views-field-score-amt {
	margin-bottom:7px;
	}
.view-score .views-field-score-amt .field-content {
	padding:3px 5px 3px 5px;
	color:#333333;
	background-color:#E6F4E4;
	}
.view-score .views-field-title{
	font-size:14px;
	font-weight:normal;
	color:#222;
	padding:3px 5px 3px 5px;
	line-height:normal;
	}

.view-score .views-field-score-location-value {
	font-size:14px;
	font-weight:normal;
	color:#222;
	padding:3px 5px 3px 5px;
	line-height:normal;
	}

.view-score .views-field-score-location-value .field-content {
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	line-height:normal;
	}
.view-score .views-field-score-realtor-value {
	font-size:14px;
	font-weight:normal;
	color:#0D7A85;
	padding:3px 5px 3px 5px;
	line-height:normal;
	}
.view-score .views-field-score-realtor-value .field-content {
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	color:#0D7A85;
	line-height:normal;
	}
.view-score .views-field-score-type-value {
	margin-top:2px;
	margin-left:5px;
	}
.view-score .views-field-score-type-value {
	margin-top:2px;
	margin-left:5px;
	}
.view-score .views-field-score-type-value .field-content {
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	line-height:normal;
	}
	.scorecard {background: #E8E8E8}
	.align-center {text-align:center}
 section.brands
{
    padding: 10px 0;
}

/** 23. Toggle
 **************************************************************** **/
div.toggle {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}

div.toggle > label {
	color: #333;
	background:rgba(0,0,0,0.1);

	cursor: pointer;
	font-size: 16px;
	font-weight:normal;
	padding: 10px 20px;
	position: relative;
	display: block;
	border-bottom: rgba(0,0,0,0.03) 1px solid;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	-webkit-transition: all .10s ease-out;
	   -moz-transition: all .10s ease-out;
		 -o-transition: all .10s ease-out;
			transition: all .10s ease-out;

	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
		 -moz-user-select: none; 
		  -ms-user-select: none; 
			  user-select: none;
}

div.toggle div.toggle-content {
	border: rgba(0,0,0,0.03) 1px solid;
	display: normal;
	background:rgba(0,0,0,0.03);
	margin-top: -5px;
	padding: 15px 20px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

div.toggle > label:before {
	content: '';
	border: 6px solid transparent;
	border-top-color: inherit;

	position: absolute;
	top: 50%; right: 14px;
	margin-top: -3px;
}

div.toggle > label:hover {
	background: rgba(0,0,0,0.15);
}

div.toggle > label + p {
	color: #888;
	height: 25px;
	display: block;
	overflow: hidden;
	padding-left: 10px;
}

div.toggle.active > label:before {
	border: 6px solid transparent;
	border-bottom-color:rgba(0,0,0,0.5);
	right: 14px; margin-top: -10px;
}

.toggle.transparent .toggle-content {
	background:transparent;
}
.toggle.transparent label {
	background: rgba(0,0,0,0.03);
}
.toggle.transparent label:hover {
	background: rgba(0,0,0,0.04);
}

.alert {
	border: 0;

	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.alert i.fa {
	font-size:20px;
	margin-right:10px;
}
.alert.alert-success {
	background-color:#d2ebb8;
	border-left:#3C763D 3px solid;
}
.alert.alert-info {
	background-color:#aae1f5;
	border-left:#31708F 3px solid;
}
.alert.alert-warning {
	background-color:#fce3a3;
	border-left:#8A6D3B 3px solid;
}
.alert.alert-danger {
	background-color:#f8bac0;
	border-left:#A94442 3px solid;
}
.alert.alert-default {
	background-color:rgba(0,0,0,0.08);
	border-left:rgba(0,0,0,0.6) 3px solid;
}
.alert h4 {margin-left:20px; margin-top:10px;}
.alert p {margin-left:20px;}
.alert .btn {margin:20px 10px 20px 10px}
.alert .btn a {color:#fff}
hr {
	border:0;
	margin:60px 0;
	border-top:#ddd 1px solid;
	border-bottom:#fff 1px solid;
}
	hr.half-margins {
		margin:30px 0;
	}
a .btn {color:#fff;}
.btn-primary  a {
	color:#fff;
}
.products {
	color: black;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:00px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	
}
.breadcrumbs{border-style:solid;border-width:1px;display:block;
             list-style:none;margin-left:0;overflow:hidden;
             padding:0.5625rem 0.875rem 0.5625rem;
             background-color:#f4f4f4;border-color:#dcdcdc;border-radius:3px}
.breadcrumbs>*{color:#F6AD08;float:left;font-size:0.6875rem;
               line-height:0.6875rem;margin:0;text-transform:uppercase}
.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}
.breadcrumbs>* a{color:#008CBA}
.breadcrumbs>*.current{color:#333;cursor:default}
.breadcrumbs>*.current a{color:#333;cursor:default}
.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}
.breadcrumbs>*.unavailable{color:#999}
.breadcrumbs>*.unavailable a{color:#999}
.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{color:#999;cursor:not-allowed;text-decoration:none}
.breadcrumbs>*:before{color:#aaa;content:"/";margin:0 0.75rem;position:relative;top:1px}
.breadcrumbs>*:first-child:before{content:" ";margin:0}
[aria-label="breadcrumbs"] [aria-hidden="true"]:after{content:"/"}
.breadcrumbs { width:100%; }
.breadcrumbs>* h1 { color:#F6AD08; font-size: .6em; text-align:left}
.products h1 { font-size:1.8em; margin-left:10px; margin-bottom:5px;}
.products h2 {font-family: Arial, "MS Trebuchet", sans-serif;}
.msds {width:230px;  border:1px solid #ccc; margin-left:10px; margin-top:30px;}
.msds h2 { font-size:1.1em; color:#666; font-family: Arial; margin-left:10px; margin-bottom:10px;}
.msds p { margin-left:10px;}
.msds p  { margin-bottom:10px; margin-left:20px; text-align:left; font-size:.8em; margin-bottom:5px;}
.msds a {color:Green; font-weight:600;}
.productlist h1  { margin-left:20px;}
.productlist h2   { margin-left:20px; margin-bottom:10px;}

.sku 
{ 
  top:10px;
  float:left;
  border-top: 1px;
  border-bottom:0px;
  border-color: #ccc;
  border-left: 1px;
  position:relative;
  text-align:center;
}
.sku img {padding-top:10px;}
.sku:hover 
{
    background:#FFECC5}
.name 
{
    text-align:left;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    color:#222;
    font-size:.8em;
}
.model 
{
    text-align:left;
    margin-top:10px;
    margin-left:10px;
    color:#555;
    font-size:.95em;
    font-weight:600;
}
.cart
{
    text-align:left;
    margin-left:10px;
    margin-bottom:10px;
}
#details
{
    text-align:left;
    margin-top:10px;
    margin-left:20px;
    font-size:.8em;
    margin-bottom:20px;
}
.view-cart { float: right;
             position:relative;
             margin-right:20px;
             margin-top:5px;
             margin-bottom:5px;
             padding-top:0px;
}
.note {font-style:italic; margin:20px;}
.pricelist {
	color: black;
	margin-left: 20px;
	margin-right: 20px;
    text-align:center;
}
.pricelist h1 {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 16px;
	color: black;
	font-weight: bold;
	padding-bottom:20px;
}
.pricelist h2 {
	font-family: thirsty_script_regularregular, "MS Trebuchet", sans-serif;
	font-size: 28px;
	color: #015301;
	margin:10px 0px 10px 0px;
	font-weight: bold;
	padding:0px;
	text-align:center;
}
.pricelist p {text-align:center; font-size:1.2em;}
.supplies { margin-bottom:10px; padding-bottom:10px}
.supplies h3 {
	font-size: 16px;
	font-family:'Open Sans', Arial, sans-serif;
	color: #005200;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom:5px;
}
.highlight {
	padding-left: 25px;
	font-size: 20px;
	line-height: 110%;
	font-family: Times, serif;
	font-style: italic;
	color: #FFB218;
}
#tabs 
{
    border: 0px;
    float:left;
    left:40px;
    top:20px;
    min-height:600px;

}
#tabs ul li { list-style-type:none; list-style-image:none;}
.video {margin-left:20px; margin-right:20px; margin-top:20px;}
.video h1 {padding-top:20px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}