/*****************************

Miracle Method, Integration CSS


Table of contents
-- SITE-WIDE
-- HEADER
-- HEADER DROPDOWN STYLES
-- SIDEBAR STYLING
-- SHARED SLIDER / SCRUBBER BEFORE AND AFTER
-- HOMEPAGE SLIDER / SCRUBBER BEFORE AND AFTER
-- REFINISHING PAGES SLIDER / SCRUBBER BEFORE AND AFTER
-- COBRAND IMAGE BLOCK
-- MIRA-CLEAN
-- GENERIC LAYOUT & INTERACTION STYLES
-- FAQ PAGE
-- EXPANDABLE TEXT PANELS
-- HIRING PAGE PANELS
-- PHOTO GALLERY
-- CONTACT FORM STYLING
-- FORM PLACEHOLDERS
-- REVIEWS
-- FOOTER
-- YODLE-PALOOZA
-- RESPOSIVIZE!

*****************************/


/**************************** SITE-WIDE ********************************/

a {
    text-decoration: none;
}
p a {
    color: #00a7fa;
    font-weight: normal;
}
p a:visited {
    color: #0090d8;
}
.footnote {
    margin-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    font-weight: 300;
}
ul li {
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 4px;
}
.white {
    color: white;
}
.no-gutter {
    padding-right: 0;
    padding-left: 0;
}
.vert {
    position: relative;
}
.center {
    text-align: center;
}
.shadow {
    box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 3px 0px;
}
.bottom-spacer-small {
    margin-bottom: 1.5%;
}
.btn-extra-wide {
    width: 340px;
    padding-left: 8px;
    padding-right: 8px;
}
/* ---- rule styling ----*/
.no-float {
    float: none;
}
.rule {
    display: block;
    height: 1px;
    margin: 16px 2%;
    background-color: #d1d1d1;
    box-shadow: white 0px 1px 1px 0px;
}
.rule.read-more-rule {
    width: 78%;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 26px;
    float: left;
    background-color: #d1d1d1;
}

.contact-call-number {
    float: right;
    color: #0059af;
    margin-top: 24px;
}
/* ---- Subpage content Styling ----*/
.subpage-heading {
    line-height: 38px;
}
.w-col .text-column-left {
    padding-right: 16px;
    border-right: 1px solid #e3e3e3;
}
.w-col .text-column-right {
    padding-left: 16px;
}
.service-temp-image.natural-accents-image {
    width: 140px;
}
.before-after-caption {
    font-size: 16px;
}
.gallery-thumbnail {
    min-height: 50px;
    margin: 6.5%;
    padding: 2%;
    background-color: #636363;
}
.gallery-thumbnail-active {
    background-color: #aaa9aa;
    box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 3px 0px, #00a7fa 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.27) 0px 1px 0px 1px inset;
}
.main-content-image {
    margin-bottom: 12px;
}
.service-image-row {
    margin-top: 30px;
    margin-bottom: 0px;
}
.form-email-warning {
    background-color: #F9A350;
    padding: 8px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 3px 0px;
}


/* ---- Designer Colors Page ----*/
.color-swatch-link {
    display: inline-block;
    width: 140px;
}
.color-swatch-block {
    padding: 14px 15%;
}
.color-swatch-selected {
    width: 400px;
}
.selectedcolorchip {
//    background-color: #efefef;
    background-image: -webkit-linear-gradient(#f7f7f7 73%, #f0f0f0);
    background-image: linear-gradient(#f7f7f7 73%, #f0f0f0);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}
.color-chip-description {
    text-align: left;
}
.color-swatch-section {
    margin-top: 10px;
    margin-bottom: 10px;
}
.color-swatch-section-header {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 2%;
}

/* ---- Homepage color and Ugly row ----*/
.ugly-home {
    margin: 4px 0px 5.5% 0px;
}
.natural-accents-logo {
    margin: 0 auto 12px auto;
    display: inherit;
    width: 100%;
    max-width: 262px;
}
.content-block.block-color {
    min-height: 324px;
}
.content-block.block-color {
    min-height: 324px;
}

/* ---- Today Show and Refinishing Guide ----*/
.refinishing-col-2 {
    padding-left: 2% !important;
}

/* ---- Cobrand Images ---- */
.cobrand-wrapper {
    text-align: center;
    position: relative;
    padding-bottom:40px;
}
/* ---- Contact us titles ----*/
.white.estimate-title {
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: myriad-pro-condensed, sans-serif;
    font-size: 24px;
    line-height: 27px;
    font-style: italic;
    font-weight: 600;
    text-align: left;
}
.white.number-main-subpage {
    margin-top: 7px;
}
.content-block.subpage-header-copy h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #0059af;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
}
.white.call-today-text {
    font-size: 22px;
}


/**************************** HEADER ********************************/

/* change padding on main logo block */
.site-logo{
    padding: 0;
    margin-top: 16px;
}
.site-logo>a> {
    width: 100%;
    height: 70px;
    position: relative;
    vertical-align: middle;
    padding: 0;
    display: inline;
    background-color: pink;
}
.location-info {
    position: relative;
}
.location-info h1 {
    margin: 0px;
}
.white.right-text.location-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
}

/* spread out the spacing for condensed text */
.white.right-text.location-subtitle {
    letter-spacing: 1px;
    line-height: 21px;
}

/* add dividers to header links */
.link-item{
    background-image: url(/localsite/images/nav-separator.png);
    border-right: 0px solid white;
    background-repeat: no-repeat;
}
.link-item:first-child{
    background-image: none;
    border-right: 0px solid white;
}

/* spread out the spacing for condensed text */
.nav-link {
    letter-spacing: 1px;
}

/* On mobile, we need to allow displaying the menu with reconfigured styles*/
.header .main-navbar .visible{
    display: block !important;
}
/*correct the height*/
.header{
    min-height: inherit;
    height: auto;
}
.main-navbar{
    position: relative;
}
.header>.w-container,.header-button-column, .location-info{
    height:108px;
}
.header>.w-container>.w-row{
    position: relative;
}

/********************* HEADER DROPDOWN STYLES *************************/

/* This is the menu link which contains the dropdown*/
.menu-refinishing-services{
    position:relative;
}

/* This is the dropdown panel base style. It is to be overridden for mobile presentation as needed by media queries */
.menu-refinishing-services-popout{
    position: absolute;
    left:0px;
    top:28px;
    width: 280px;
    padding: 0 8px 8px 0px;
    z-index: 1000;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 28px;
    background-color: rgba(0, 167, 250, 0.9);
    background-image: -webkit-linear-gradient(rgba(89, 89, 89, 0.18), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(89, 89, 89, 0.18), rgba(255, 255, 255, 0));
    box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 3px 0px;
    display: none;
}
.menu-refinishing-services-popout a{
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
    color: white;
}

/**************** SIDEBAR STYLING ****************/
.service-options {
    text-align: center;
    position: relative;
}
.service-temp-image {
    display: block;
    width: 90px;
    margin: 16px auto;
}

.subpage-heading.subpage-heading-sidebar {
    color: #474747;
}

/**************** SHARED  SLIDER / SCRUBBER BEFORE AND AFTER STYLES ****************/
/*The draggable 'slider' scrubber line*/
.localsite-homepage-scrubber{
    position:absolute;
    width : 36px;
    top : 0;
    height : 100%;
    background-image: url(/localsite/images/slider-divider.png);
}
/*slider positioning needed to ensure internal abs elements work*/
.slider{position:relative;}
/* the image(s) themselves that are shown/hidden. */
.localsite-homepage-slider-image{
    position: absolute;
    top : 0;
    overflow:hidden;
}

/* ---- slider before and after tags ---- */
.localsite-slider-beforeLabel, .localsite-slider-homepage-beforeLabel,
.localsite-slider-afterLabel, .localsite-slider-homepage-afterLabel {
    color: white;
    font-size: 17px;
    text-align: center;
    background-color: rgba(15, 15, 15, .85);
    width: 104px;
    margin-left: 14px;
    margin-top: 14px;
    position: relative;
    padding: 8px 11px;
}
.localsite-slider-afterLabel, .localsite-slider-homepage-afterLabel {
    font-weight: normal;
    font-style: italic;
    margin-left: 556px;
    background-color: rgba(28, 75, 141, 0.91);
}
.localsite-slider-homepage-afterLabel {
    margin-left: 596px;
}

/* Slider button, active */
.button.slider-button-active{
    background-color: #00a7fa;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(89, 89, 89, 0.18));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(89, 89, 89, 0.18));
    background-image: linear-gnradient(rgba(255, 255, 255, 0), rgba(89, 89, 89, 0.18));
    box-shadow: rgba(0, 0, 0, 0.29) 0px 0px 0px 0px;
}

/**************** HOMEPAGE SLIDER / SCRUBBER BEFORE AND AFTER ****************/
/* this is the homepage 'slide to see' before and after scrub 'line' */
/* we dont currently use any homepage-specific styles */

.localsite-slider-homepage-afterLabel {
    margin-right: 20px;
    float: right;
}

/**************** REFINISHING SERVICES SLIDER / SCRUBBER BEFORE AND AFTER ****************/
/*for the innerpage slider, make the height less*/
.localsite-slider-afterLabel {
    margin-right: 20px;
    float: right;
}
.slider-innerpage {
    top: -20px;
    height: 200px;
}
/*move the placeholder text up*/
.slider-innerpage .slider-placeholder{
    padding-top:90px;
}
/*move the handle on the scrubber up a bit*/
.slider-innerpage .localsite-homepage-scrubber{
    background-position-y: -73px;
}

/******************** FAQ PAGE ******************/
/*
Make each entry text clickable
*/
.subpage-container .faq-entry h3{
    cursor: pointer;
}

/******************** SERVICE PAGE INLINE IMAGES ******************/
.service-image-row {
    position: relative;
//    left: -31px;
    margin-top: 10px;
    margin-bottom: 12px;
    margin-left: -22px;
    padding-bottom: 12px;
}
.main-content-image {
    margin-right: 12px;
}

/******************** COBRAND IMAGE BLOCK ******************/
/*
Accreditation images
*/
.cobrand-image-row {
    min-height: 135px;
}
.cobrand-image-block{
    height : auto;
    vertical-align: middle;
    width:19.7%;
    padding-left: 8px;
    padding-right: 8px;
}

/************* MIRA-CLEAN ***********************/
/* service page block */
.mira-clean-wrapper {
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 16px;
    background-color: #00a7fa;
    box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 3px 0px, #00a7fa 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.27) 0px 1px 0px 1px inset;
}
.miraclean-copy-block {
    margin: 0 8px
    font-family: myriad-pro-condensed;
    font-style: italic;
    text-align: left;
}
.mira-clean-bottle-lrg {
    margin-top: -47px;
}

/* mira-clean main page */
.mira-clean-bottle-lrg.mira-clean-bottle-header {
    display: block;
    width: 110px;
    margin-top: -45px;
    margin-right: auto;
    margin-left: 0px;
}
.mira-clean-logo.mira-clean-logo-header {
    margin-top: -37px;
    margin-right: auto;
    margin-left: auto;
}
.subpage-heading.mira-clean-page-header {
    color: white;
    font-style: italic;
    font-size: 31px;
    text-align: right;
    margin-right: 15px;
    width: 280px;
    margin-left: auto;
    line-height: 34px;
}

.mira-clean-page-content-row {
    margin-bottom: 16px;
}
.mira-clean-bottle-small {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.mira-clean-caption {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #0059af;
    font-style: italic;
    font-weight: 300;
}

/************* GENERIC LAYOUT & INTERACTION STYLES *********/
/* Style to indicate that an item is clickable (adds cursor)*/
.clickable{
    cursor:pointer;
}

/************* EXPANDABLE TEXT PANELS ***********************/
.box-content-collapsed{
    height: 359px;
    overflow: hidden;
    width: 100%;
}
.box-content-collapsed-homepage{ /* this is just a specific height for the homepage main panel */
    height:187px;
}
.fade-out{
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ebebeb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/************* -- PHOTO GALLERY ***********************/
.content-block.gallery-block {
    padding: 0%;
}
.white.before-after-tag-text {
    margin-top: 5px;
    margin-bottom: 5px;
}
.before-after-caption {
    position: relative;
    margin-left: 0px;
    padding-left: 0px;
    float: left;
    color: #0059af;
    font-style: italic;
    font-weight: 300;
}
.before-after-wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
}
.before-after-image-row {
    margin-bottom: 0px;
}
.before-after-image {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.before-after-tag {
    position: absolute;
    left: 30px;
    margin-left: 1px;
    padding: 0px 15px;
    background-color: rgba(0, 0, 0, 0.68);
}
.before-after-options {
    padding: 16px 16px 0 16px;
}
.before-after-image-column {
    padding-right: 0px;
    padding-left: 0px;
}
.gallery-featured-wrapper {
    margin: 0;
    padding: 0%;
    background-color: white;
    box-shadow: none;
}
.photo-gallery-wrapper {
    padding: 0px 8px;
    background-color: #474747;
}
.gallery-featured-image {
    min-height: 340px;
    background-color: black;
}
.gallery-featured-caption-header {
    margin-top: 14px;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 28px;
    font-style: italic;
    line-height: 31px;
}
.gallery-fleatured-image-caption {
    color: #474747;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
}
.gallery-featured-caption-block {
    padding: 1% 2%;
    min-height: 132px;
}
.button.btn-photogallery-active{
    background-color: #6c3;
    color: white;
}
.gallery-controls {
    padding-top: 4px;
}
.gallery-thumbnail{
    cursor: pointer;
}
.gallery-featured-wrapper {
    max-width: 762px;
}
.gallery-featured-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2b2b2b;
}
.gallery-thumbnail-tray{
    height:356px;
    overflow-y: scroll;
}
.photo-slider{
    top:0px;
    height:340px;
}

/************* -- HIRING PAGE PANELS ***********************/
.hiring_link{
    cursor: pointer;
}

/************* -- CONTACT FORM STYLING ***********************/
.checkbox {
    display: inline-block;
    margin-right: 20px;
}
.form-section {
    margin-bottom: 8px;
    padding: 8px 12px;
}
.form-section.form-section-dark {
    background-color: #eaeaea;
}
.form-label-dark {
    margin-top: 6px;
    margin-bottom: 3px;
    color: #0059af;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.form-field,
.form-text-field {
    color: #181818;
    font-weight: 400;
    font-size: 15px;
}
.form-text-field {
    padding-top: 4px;
    padding-left: 7px;
}
.radio-label {
    font-weight: 300;
    text-align: left;
}
.radio-option {
    margin-left: 0px;
}
.form-heading {
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 0px;
    padding-right: 0px;
    color: #474747;
    font-weight: 400;
}
.form-heading.form-heading-number {
    color: #adadad;
    font-size: 16px;
    font-weight: 300;
}
.form-title {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #9c9c9c;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
}
.form-select-field {
    color: #9e9e9e;
    font-weight: 300;
}
.contact-form-message {
    margin-top: 16px;
    padding: 8px 16px;
    background-color: #e4f7da;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px 0px;
}

/* ------ Estimate form ----- */
.estimate-success-header {
    margin-top: 16px;
    color: #474747;
    font-weight: 400;
}

/************* CONTACT PAGE ***********************/
.subpage-heading-contact {
    font-size: 30px;
}
.contact-address-location,
.contact-address-details {
    font-size: 16px;
    line-height: 23px;
}
.contact-address-location {
    font-weight: bold;
}

/************* FORM PLACEHOLDER TEXT ***********************/
::-webkit-input-placeholder { color: #bebeba !important;}
:-moz-placeholder { /* Firefox 18- */ color: #bebeba !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #bebeba !important; }
:-ms-input-placeholder { color: #bebeba !important; }

/************* SCROLLBAR STYLING ***********************/
::-webkit-scrollbar
{
    width:9px;
    height:9px;
}
::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment
{
    display:block;
    height:0;
    background-color:transparent;
}
::-webkit-scrollbar-track-piece
{
    background-color: rgba(19, 19, 19, 0.13);
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical
{
    height:50px;
    width: 4px;
    background-color:#999;
    -webkit-border-radius:8px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width:50px;
    background-color:#999;
    -webkit-border-radius:8px;
}

/************* YODLE-PALOOZA! ***********************/

/* -------------- Reviews -------------- */

.homepage
.reviews-list-container{display: none;}


.module-header p.recommendation-rate{color: white; font-size:12px;}
.module-header{padding-bottom:10px;}

/* ---- Header ---- */
#rate-a-biz-review-widget-wrapper  {
    box-shadow: rgba(255, 255, 255, 0.11) 0px 37px 80px -19px inset !important;
    margin-bottom: 16px;
}

#rate-a-biz-review-widget-wrapper .reviews-module .module-header {
    background: #333333 !important;
}
p.recommendation-rate {
    color: #ffffff !important;
}
#review-widget-container{cursor:pointer;}
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list-header .heading-text {
    font-family: 'myriad-pro', serif !important;
    /*font-size: 20px !important;
    font-weight: 300 !important;*/
}
#rate-a-biz-review-widget-wrapper .reviews-module .module-header .review-summary-container {
    color: #ffffff !important;
}
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list-header {
    height: inherit !important;
}
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list-container {
    border: 1px solid #c3c3c3 !important;
}

/* ---- List ---- */
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list .list-item {
    padding: 16px !important;
    border-bottom: 1px solid #e4e4e4 !important;
    font-family: "myriad-pro", sans-serif !important;
}

/* ---- Footer ---- */
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list-footer {
    text-align: center !important;
    padding: 7px 9px 6px !important;
    background: #444E57 !important;
}
#rate-a-biz-review-widget-wrapper .reviews-module .reviews-list-footer a {
    color: #fff !important;
}

/* -------------- Photo Gallery -------------- */
.module-header,
.photos-module .slide-info-container .slide-title,
.photos-module .slide-info-container .slide-caption {
    font-family: 'myriad-pro', helvetica, arial, sans-serif !important;
}
.module-header p {
}
.photos-module .rs-slideshow {
    height: 300px !important;
}
.photos-module .rs-slideshow .slide-container {
    background-color: #fafafa !important;
}
.photos-module .rs-slideshow .slide-container img {
    max-height: 300px !important;
    border: 8px solid white !important;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15) !important;
}
.photos-module .slide-info-container .slide-title,
.photos-module .slide-info-container .slide-caption {
    color: #474747 !important;
}
.photos-module .slide-info-container .slide-title {
    font-size: 18px !important;
    margin-bottom: 6px !important;
}

/* -------------- Coupons and Offers -------------- */
.offers-module {
    border: 2px dashed #C1DAB5 !important;
}
.offers-module .module-body .offer-headline,
.offers-module .module-body .heading,
.offers-module .module-body .claim-button {
    font-family: 'myriad-pro', helvetica, arial, sans-serif !important;
}
.offers-module .module-body .offer-headline{
    color: #474747 !important;
}
.offers-module .module-head .heading {
    color: #66cc33 !important;
}
.offers-module .module-body .claim-button {
    background: #66cc33 !important;
    padding: 6px 10px !important;
    margin-bottom: 16px !important;
}
.offers-module {
    margin-bottom: 24px !important;
}

/* -------------- Coupons Popup -------------- */
.offer-preview-header {
    background-color: #00a7fa !important;
    position: relative !important;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 2px 4px 0px !important;
}
.offer-preview-header a {
    margin-left: 16px !important;
    height: 34px !important;
    background: #e4e4e4 !important;
    border: none !important;
    padding: 7px 15px !important;
    color: #004a9e !important;
    box-shadow: rgba(0, 0, 0, 0.11) 0px -2px 0px 0px inset, rgba(0, 0, 0, 0.21) 0px 1px 3px 0px !important;
}
.offer-preview-header a,
.offer-preview-body h1,
.offer-preview-body h2,
.offer-preview-body .expire-date,
.offer-preview-body .address-block p,
.offer-preview-terms-and-conditions p,
.offer-preview-footer label {
    font-family: 'myriad-pro', helvetica, arial, sans-serif !important;
    color: #474747 !important;
}

.offer-preview-body .address-block p {
    font-size: 14px !important;
    margin: 0 !important;
    line-height: 19px !important;
}
.offer-preview-terms-and-conditions {
    height: 51px !important;
}
.offer-preview-terms-and-conditions p {
    font-size: 13px !important;
}
.offer-preview-footer label {
    font-size: 14px;
    padding-bottom: 2px !important;
}
.offer-preview-footer button {
    font-weight: 400;
    margin-top: 0px !important;
    padding: 8px 12px 8px !important;
    float: none !important;
    border-radius: 3px !important;
    background-color: #6c3 !important;
    box-shadow: rgba(0, 0, 0, 0.11) 0px -2px 0px 0px inset, rgba(0, 0, 0, 0.21) 0px 1px 3px 0px !important;
    font-family: myriad-pro, sans-serif !important;
    color: white !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}
.offer-preview-footer input {
    width: 400px !important;
}


/************* REVIEWS **********************/
.yodle-reviews .reviews-list-footer
{display:none !important;}

/************* FOOTER ***********************/
.sticky-footer-number {
    text-align: center;
}
.sticky-footer:hover {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.97), #fafaf6);
    background-image: linear-gradient(rgba(255, 255, 255, 0.97), #fafaf6);
    box-shadow: rgba(0, 0, 0, 0.12) 0px -1px 3px 0px;
    transition-duration: 150ms;
    -webkit-transition-duration: 150ms;
}
.button.btn-small.btn-search {
    float: none;
}
.footer-li a {
    text-decoration: none;
    color: #575757;
}
.decorator{
  background: url("//s3.amazonaws.com/cdn.rateabiz.com/images/arrow-down-dark.png") no-repeat !important;
}
#rate-a-biz-review-widget-wrapper .reviews-module .module-header .review-summary-container{margin-bottom:2px;}
.footer-li a:visited {
    text-decoration: none;
    color: #9e9e9e;
}
.footer-li a:hover {
    text-decoration: none;
    color: #0090d8;
    font-weight: 400;
}
.footer-sitemap {
    margin-top: 40px;
}
.legal-text {
    color: #A5A5A5;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}
.search-field {
    display: inline-block;
    width: 100%;
    height: 28px;
    margin-top: 0px;
    margin-right: 6px;
    margin-bottom: 2px;
    padding: 5px 7px;
    float: none;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    color: #7d7d7d;
}
.footer-rule {
    background-color: #EDEDED;
}
.cta-wrapper .radio-label {
    color: white;
}
.radio-label .w-form-label {
    font-size: 16px;
}
.rule-cta {
    background-color: #474747;
    margin: 16px 0;
}
/* review widget - April 2016 */
.review-rating-block h3 {
    text-align: center;
    font-weight: 700;
    padding-top: 12px;
}
.review-rating-block {
    display: block;
}
.review-grid-option {
    paddding: 12px;
    min-height: 80px;
    margin: 6px;
}
.review-grid-option.content-block {
    text-align: center;
}
.rating {
//    float:left;
    max-width: 253px;
    margin: 0 auto;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) label {
    float:right;
//    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:300%;
    line-height:1.2;
    color:#ddd;
    text-shadow: 1px 1px #bbb, 1px 1px 4px rgba(0,0,0,.25);
}

.rating:not(:checked) label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, 2px 2px 4px rgba(0,0,0,.5);
}

.rating:not(:checked) label:hover,
.rating:not(:checked) label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, 2px 2px 4px rgba(0,0,0,.5);
}

.rating input:checked + label:hover,
.rating input:checked + label:hover ~ label,
.rating input:checked ~ label:hover,
.rating input:checked ~ label:hover ~ label,
.rating label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, 2px 2px 4px rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.reviews-feedback-form {
    display: block;
}
.reviews-feedback-form .form-label {
     color: #797979;
}

/************* RESOPNSIVIZE! ALL THE THINGS! ***********************/

/* ------ MISC ------*/
@media screen and (max-width: 768px) {
    .button {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .button.btn-small {
        font-size: 16px;
    }
    .btn-extra-wide {
        width: 320px;
        line-height: 24px;
    }
    .rule.read-more-rule {
        width: 96%;
    }
}

@media screen and (max-width: 480px) {
    .button {
         font-size: 22px;
    }
    .button.btn-small {
        font-size: 18px;
    }
    .btn-extra-wide {
        width: 280px;
    }
    .subpage-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 380px) {
    .btn-extra-wide {
        width: 250px;
        line-height: 26px;
    }
}

/* ------ HEADER ------*/
/* start making the pnav smaller to address sizing*/
    @media screen and (max-width: 991px){
        .site-logo {
            margin-top: 8.5%;
        }
    }
    @media screen and (min-width: 769px) and (max-width: 991px) {
        .link-item {
            padding: 0 9px;
        }
        .nav-link {
            letter-spacing: 0px;
        }
    }

    @media screen and (max-width: 768px) {
        .nav-link {
            font-size: 23px;
            line-height: 33px;
        }

         /* These styles re-layout the menu so that it's pretty.. */
        .header > .w-container,.header-button-column, .location-info {
            height: 88px;
        }
        .site-logo {
            margin-top: 26px;
        }
        .link-item{
            float: none;
            background-image: none;
            font-size: 22px;
            line-height: 30px;
        }
        .main-navbar{
            position: relative;
        }
        .location-info {
            margin-right: 114px;
        }
        .white.right-text.location-title {
            line-height: 25px;
        }
        .header-button-column {
            padding-right: 11px;
        }
    }
    @media (max-width: 480px) {
        .header>.w-container,.header-button-column, .location-info{
            height:82px;
        }
        .site-logo {
            margin-top: 22px;
        }
        .location-info {
            margin-right: 90px;
        }
        .white.right-text.location-title {
            font-size: 18px;
            line-height: 22px;
        }
        .button.btn-small.btn-mobile-nav {
            width: 72px;
            padding-right: 5px;
            padding-left: 5px;
            margin-right: 4px;
            margin-left: 8px;
        //        float: none;
        //        display: inline-block;
        }
    }
    @media (max-width: 319px) {
        .white.right-text.location-title {
            font-size: 16px;
            line-height: 19px;
        }
    }

/* ------ MAIN TITLES ------*/
    /*---- Main title height ----*/
    @media screen and (max-width: 991px) {
        .section-1-home {
            height: 130px;
        }
    }
    @media screen and (max-width: 650px) {
        .section-1-home {
            height: 160px;
        }
    }
    @media screen and (max-width: 480px) {
        .section-1-home {
            height: 210px;
        }
    }
    @media screen and (max-width: 400px) {
        .section-1-home {
            height: 250px;
        }
    }
/* ------ HEADER DROPDOWN STYLES ------*/
    @media screen and (max-width: 768px){
        .menu-refinishing-services-popout{
            left: 13px;
            top: -5px;
            background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0)), rgba(89, 89, 89, 0.18));
            background-image: linear-gradient(rgba(255, 255, 255, 0)), rgba(89, 89, 89, 0.18));
            line-height: 36px;
        }
    }
/* ------ SIDEBAR STYLING ------*/
    @media screen and (max-width: 991px) {
        .number {
            padding-left: 6%;
            padding-right: 6%;
        }
        .white.call-today-text {
            font-size: 17px;
        }
        .white.number-main-subpage {
            font-size: 20px;
        }
    }
    @media screen and (max-width: 768px) {
        .service-temp-image {
            display: inline-block;
            margin: 8px 3%;
        }
        .number {
            padding-right: 2%;
            padding-left: 2%;
        }
        .white.call-today-text {
            font-size: 22px;
        }
        .white.number-main-subpage {
            font-size: 26px;
        }
    }
    @media screen and (max-width: 379px) {
        .service-temp-image {
             display: inline-block;
             width: 25%;
        }
    }
/* ------ COBRAND IMAGE BLOCK ------*/
/* ------ EXPANDABLE TEXT PANELS ------*/
    @media screen and (max-width: 768px) {
        .fade-out{
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(250,250,250,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ebebeb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
        }
    }

/* ------ SHARED SLIDER / SCRUBBER BEFORE AND AFTER ------*/
/* ------ HOMEPAGE SLIDER / SCRUBBER BEFORE AND AFTER ------*/
    @media screen and (max-width: 991px) {
        .slider {
            max-width: 100%;
            margin: 0 auto;
        }
    }
    @media screen and (max-width: 768px) {
        .slider {
            height: 300px;
        }
        .slider-caption {
            display: none;
        }
        .slider-control-buttons {
            margin-right: 0;
        }
        .localsite-slider-beforeLabel, .localsite-slider-homepage-beforeLabel, .localsite-slider-afterLabel, .localsite-slider-homepage-afterLabel {
            font-size: 15px;
            text-align: center;
            width: 74px;
            margin-left: 12px;
            margin-top: 12px;
            padding: 7px 9px;
        }
    }

/* ------ REFINISHING PAGES SLIDER / SCRUBBER BEFORE AND AFTER ------*/
    @media screen and (max-width: 991) {
        .slider.slider-innerpage.top-offset {
            max-width: 100%;
        }
    }

/* ------ HOMEPAGE ------*/
    @media screen and (max-width:768px){
        .ugly-home {
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
        }
    }

/* ------ SUBPAGE: (SHARED ELEMENTS) ------*/
/* ------ SUBPAGE: DESIGNER COLORS ------*/
    @media screen and (max-width: 768px) {
        .color-swatch-selected {
            width: 300px;
        }
    }
    @media screen and (max-width: 480px) {
        .color-swatch-selected {
            width: 240px;
        }
        .color-swatch-block {
            padding: 14px 14%;
        }
    }

/* ------ SUBPAGE:MIRA-CLEAN ------*/
    @media screen and (min-width: 992px) {
        .subpage-heading.mira-clean-page-header {
            margin-top: -25px;
        }
    }
    @media screen and (max-width: 991px) {
        .subpage-heading.mira-clean-page-header {
            margin-top: 0px;
        }
        .mira-clean-logo.mira-clean-logo-header {
            margin-top: -58px;
        }
    }
    @media screen and (max-width: 991px) {
        .subpage-heading.mira-clean-page-header {
            margin-top: -20px;
        }
        .mira-clean-logo.mira-clean-logo-header {
            margin-top: -37px;
        }
    }
    @media screen and (max-width: 570px) {
        .col-mira-clean-header-right{
            text-align: center;
        }
        .subpage-heading.mira-clean-page-header {
            display: none;
        }
        .mira-clean-logo.mira-clean-logo-header {
            margin: -37px auto 0;
        }
    }
/* ------ SUBPAGE:FAQ PAGE ------*/
/* ------ SUBPAGE:COUPONS AND OFFERS PAGE ------*/
@media screen and (min-width: 769px) {
    .offers-block {
        min-height: 300px;
        padding-top: 60px;
    }
    .offers-module {
        padding: 18px 10px 6px !important;
        max-width: 85% !important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
}

/* ------ SUBPAGE:HIRING PAGE PANELS ------*/
/* ------ SUBPAGE:PHOTO GALLERY ------*/
    @media screen and (max-width: 991px) {
        .gallery-controls {
            text-align: center;
        }
        .gallery-featured-image {
            min-height: 317px;
        }
        .gallery-thumbnail-tray{
            height:356px;
            width: 90%;
            overflow-y: scroll;
            text-align: center;
            margin: 0 auto 24px;
        }
        .gallery-thumbnail{
            max-width: 20%;
            padding: 3px;
            margin: 10px 7px 7px;
            display: inline-block;
        }
    }
    @media screen and (max-width: 768px) {
        .photo-gallery-wrapper {
            padding: 0;
        }
        .gallery-featured-image {
            min-height: 317px;
        }
        .gallery-featured-caption-header{
            margin-top: 27px;
        }
        .gallery-thumbnail-tray{
            margin-left: auto;
            margin-right: auto;
            overflow-y: scroll;
        }
    }
    @media screen and (max-width: 480px) {
        .gallery-featured-image {
            min-height: 209px;
        }
        .gallery-thumbnail-tray{
            height:230px;
            overflow-y: scroll;
        }
        .gallery-thumbnail {
            max-width: 41%;
        }
    }
    @media screen and (max-width: 320px) {
        .gallery-featured-image {
            min-height: 137px;
        }
        .gallery-thumbnail {
            max-width: 41%;
            margin: 10px 7px 7px;
        }
    }

/* ------ CONTACT FORM STYLING ------*/
/* ------ FORM PLACEHOLDERS ------*/
/* ------ FOOTER ------*/
    @media screen and (max-width: 768px) {
        .sticky-footer-number {
            font-family: 'myriad-pro-condensed';
        }
        .footer-li {
            padding-top: 4px;
            padding-bottom: 4px;
            font-size: 20px;
            line-height: 26px;
        }
        .footer-titles {
            font-size: 24px;
            margin-bottom: 10px;
        }
    }

    @media screen and (max-width: 768px) {
        .button.btn-small.btn-search {
            font-weight: 400;
            font-size: 13px;
        }
    }
    @media screen and (max-width: 600px) {
        .sticky-footer {
            height: 60px;
        }
        .social-row.social-row-footer {
            margin-top: 16px;
        }
        .social-icon.social-icon-footer {
            height: 30px;
            padding-left: 10px;
        }
        .social-icon {
            padding-left: 0px;
        }
        .button.btn-small.btn-search {
            margin-left: 16px;
            margin-top: 12px;
            padding: 8px 10px;
        }
    }