@charset "utf-8"; /* CSS Document */ /* Primary Navigation Colors: 1610 - 1613 Footer Navigation Color: 3041 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 } *, :before, :after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } fieldset, a img { border: 0 solid transparent } html, body { height: 100% } body { font: 62.5%/1.8em Roboto, sans-serif; background: #FFF; text-align: left; min-width: 320px } body.mceContentBody { min-width: 0; background: #FFF } #container-all { overflow: hidden; position: relative } .width-limiter { max-width: 1220px; margin: 0 auto; width: 97% } @media all and (max-width: 800px) { html { -webkit-text-size-adjust: 100% } .width-limiter { width: 100% } } #access_key, .access_key { text-align: center } #accessibility { position: absolute; left: -999em } .ims-grid-one, .ims-col-one { width: 8.3333% } .ims-grid-two, .ims-grid-1-6, .ims-col-two, .ims-col-1-6 { width: 16.6666% } .ims-grid-three, .ims-grid-1-4, .ims-col-three, .ims-col-1-4 { width: 25% } .ims-grid-four, .ims-grid-1-3, .ims-col-four, .ims-col-1-3 { width: 33.3333% } .ims-grid-five, .ims-col-five { width: 41.6666% } .ims-grid-six, .ims-grid-1-2, .ims-col-six, .ims-col-1-2 { width: 50% } .ims-grid-seven, .ims-col-seven { width: 58.3333% } .ims-grid-eight, .ims-grid-2-3, .ims-col-eight, .ims-col-2-3 { width: 66.6666% } .ims-grid-nine, .ims-grid-3-4, .ims-col-nine, .ims-col-3-4 { width: 75% } .ims-grid-ten, .ims-grid-5-6, .ims-col-ten, .ims-col-5-6 { width: 83.3333% } .ims-grid-eleven, .ims-col-eleven { width: 91.6666% } .ims-grid-twelve, .ims-grid-1, .ims-col-twelve, .ims-col-1 { width: 100% } [class*='ims-grid-'] { display: inline-block; margin-right: -3px; vertical-align: top } [class*='ims-col-'] { display: block; margin: 0 auto } [class*='ims-grid-'] { padding-right: 15px } [class*='ims-grid-']:last-of-type { padding-right: 0 } .ims-grid-force-pad:last-of-type { padding-right: 15px } .ims-pad-grid { padding: 15px 0 15px 15px } .ims-pad-grid [class*='ims-grid-']:last-of-type { padding-right: 15px } @media all and (max-width: 570px) { [class*='ims-grid-'] { width: 100%; padding-right: 0 } .ims-grid-force-pad:last-of-type { padding-right: 0 } .ims-pad-grid [class*='ims-grid-'] { padding-right: 15px } [class*='ims-col-'] { width: 100% } } h1, h2, h3, h4, h5, h6, span.h1, span.h2, span.h3 { color: #333; font-weight: 700; line-height: 1.15em; margin: 1.2em 0 5px; font-family: 'Oswald', sans-serif } span.h1, span.h2, span.h3 { display: block } p, li { line-height: 1.4em; color: #08202f } p { margin-bottom: 1.3em } #top-content li, #main-content li { margin-bottom: .7em } address { font-size: 1.2em; font-style: normal; margin-bottom: 1.5em } blockquote { margin: 0 .6em } iframe { border: none; position: relative; z-index: 1 } blockquote p { margin-bottom: .75em } blockquote .source { font-size: 1.2em } ul, ol { margin: 0 0 1.8em 3.6em; color: #000 } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0 } li li, li p { font-size: 1em } dl { margin: 0 0 1.8em } dt { font-size: 1.3em; font-weight: 700 } dd { font-size: 1.3em; margin: 0 0 1.5em 3.6em } dd ul, dd ol { margin-left: 0 } dd * { font-size: 1em } .publication_name { font-style: italic } .footnote { font-size: 1.1em } h1, h2, h3, h4, h5, h6, span.h1, span.h2, span.h3, p, li { transition: all .3s ease } h1, span.h1 { font-size: 3em } h2, span.h2 { font-size: 2.5em } h3, span.h3 { font-size: 1.9em } h4 { font-size: 1.7em } h5 { font-size: 1.6em } h6 { font-size: 1.5em } p, li { font-size: 1.5em } @media all and (max-width: 1025px) { h1, span.h1 { font-size: 2.8em } h2, span.h2 { font-size: 2.3em } h3, span.h3 { font-size: 1.8em } h4 { font-size: 1.6em } h5 { font-size: 1.5em } h6 { font-size: 1.4em } } @media all and (max-width: 800px) { h1, span.h1 { font-size: 2.5em } h2, span.h2 { font-size: 2.2em } h3, span.h3 { font-size: 1.7em } h4 { font-size: 1.5em } h5 { font-size: 1.4em } h6 { font-size: 1.3em } p, li { font-size: 1.4em; line-height: 1.4em } } @media all and (max-width: 570px) { h1, span.h1 { font-size: 2.4em } h2, span.h1 { font-size: 2.1em } h3, span.h1 { font-size: 1.8em } h4 { font-size: 1.6em } h5 { font-size: 1.4em } h6 { font-size: 1.3em } } a img { border: 0 } p.last { margin-top: 3em } .image-left, .image-right, .image-center { font-size: 1.2em; line-height: 0 } .image-left, .image-right { width: 50% } .image-left { float: left; margin: 0; padding: 0 2em .75em 0 } .image-right { float: right; margin: 0; padding: 0 0 .75em 2em } .image-center { width: 90%; margin: 0 auto 1.8em; text-align: center } .image-left img, .image-right img, .image-center img { display: block; width: 100%; height: auto; margin: 0 auto } .automatic-page-image { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 300px; position: relative; width: 100%; z-index: 2 } .ultimate-parent-21 .automatic-page-image { background-position: center center } .automatic-page-image::after { content: ''; position: absolute; bottom: -170px; left: 0; height: 391px; width: 100%; background: url(../images/lp-grunge.png) no-repeat right center; background-size: 1920px auto } #lp-text { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%); padding: 13px 0 10px } #lp-text .menutitle { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 4em; text-transform: uppercase; color: #333; text-align: center; display: block; line-height: 1.15em; max-width: 800px; /* max-width: 630px; */ margin: 0 auto } .caption { font-size: 1.3em; line-height: 1.6364em; text-align: center } @media all and (max-width: 1200px) { #lp-text .menutitle { max-width: 44% } } @media all and (max-width: 1025px) { .automatic-page-image { height: 357px } .automatic-page-image::after { background-size: 1581px auto; bottom: -106px; height: 293px; background-position: right top } #lp-text .menutitle { max-width: 48%; font-size: 3.5em } } @media all and (max-width: 800px) { .image-left, .image-right { float: none; width: 90%; margin: 0 auto; padding: 0 0 10px } .automatic-page-image { height: 391px } .automatic-page-image::after { background-size: 1417px auto; bottom: -58px; height: 287px } #lp-text { padding: 13px 20px 10px } #lp-text .menutitle { font-size: 3em; max-width: 100% } } @media all and (max-width: 570px) { .automatic-page-image { height: 200px } .automatic-page-image::after { background-size: 1136px auto; bottom: -23px; height: 233px } #lp-text .menutitle { font-size: 2.8em } } a:link, a:visited { color: #2e87d6; text-decoration: underline; outline: none; transition: color .1s } a:hover, a:active { text-decoration: none; color: #c00 } table { margin: 0 auto 1.8em } caption { font-size: 1.2em; font-style: italic; text-align: center; padding: 0 0 .6em; margin: 0 auto } td, th { font-size: 1.2em; line-height: 1em; padding: .5em 9px .25em } th { font-weight: 700; border: 0 } tfoot td { line-height: 1.5em } tfoot ul { margin: 0; list-style: none } tfoot li { font-size: 1em } .populate { color: #b6b6b6 } .populate:focus { color: #000 } form fieldset input[type="text"], form fieldset textarea, form fieldset select { border: none; padding: 10px; height: 50px; font-size: 17px!important; border-radius: 3px; background-color: #ecebeb; font-family: 'Cabin', Arial, 'Helvetica Neue', Helvetica, sans-serif } form fieldset textarea { height: auto } label, input[type="radio"], input[type="checkbox"], input[type="submit"], button { cursor: pointer } label, input[type="submit"], button { border: none; -webkit-appearance: none } #main-content form fieldset, #top-content form fieldset { padding: 0!important } #main-content label, #main-content p.label-heading, #top-content label, #top-content p.label-heading { font-size: 17px!important; margin-bottom: 5px!important; font-weight: 700 } #main-content span.wrapper label input, #main-content span.wrapper label span, #top-content span.wrapper label input, #top-content span.wrapper label span { font-weight: 400 } #main-content span.note, #top-content span.note { font-size: 15px!important; margin-bottom: 15px!important } #main-content form fieldset input[type=text], #main-content form fieldset select, #main-content form fieldset textarea, #top-content form fieldset input[type=text], #top-content form fieldset select, #top-content form fieldset textarea { margin-bottom: 20px!important } #main-content span.wrapper label input, #top-content span.wrapper label input { margin: 5px 10px 5px 5px!important } #main-content span.wrapper label, #top-content span.wrapper label { margin-bottom: 0!important } @media screen and (-webkit-min-device-pixel-ratio: 0) { select:focus, textarea:focus, input:focus { font-size: 16px } } input.error, select.error, textarea.error { border: 1px solid #ED1B24!important } #error-container, .error-container { background: #B41112; border-top: 10px solid #D60000; color: #FFF } .confirmation-container { background: #1f70c1; border-top: 10px solid #083878; color: #fff; text-shadow: none!important } div.service-location ul li { font-size: 2em; color: #FFF } #error-container { border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.75)!important; -moz-box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.75)!important; box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.75)!important; color: #FBC442!important; height: 50%; margin-bottom: 1.8em!important; padding: 1.8em 1.8em 2.5em!important; position: fixed; right: 0!important; top: 0!important; z-index: 1010!important; right: 5%!important; width: 30%!important } #error-container h3, #error-container h2 { background: none repeat scroll 0 0 transparent!important; border: medium none!important; color: #fff!important; font-size: 2.4em!important; font-style: normal!important; font-weight: 700!important; margin: 0!important; padding: 0 25px 0 0!important; position: relative!important; text-shadow: none; text-transform: capitalize; top: 0!important; width: 100%!important } #error-container ul { display: block!important; height: 80%!important; margin: 10px!important; overflow-x: hidden!important; overflow-y: auto!important; text-align: left!important } #error-container li { color: #FBC442!important; min-height: 0!important; list-style-image: none!important; font-weight: 400!important; padding: 1px 0!important } #error-container li:before { color: #FBC442!important; content: "\00BB"!important; font-size: 1.3em!important; font-style: normal!important; font-weight: 400!important; line-height: 1em!important; padding: 0 5px 0 0!important; text-shadow: none!important } input.close-modal-popup { background: none repeat scroll 0 0 #fff; border: none!important; border-radius: 20px!important; color: #000!important; cursor: pointer!important; font-size: 1.8em!important; height: 30px!important; margin: 1px 5px!important; padding: 0 0 0 1px!important; position: absolute!important; right: 3px!important; top: 3px!important; width: 30px!important; -webkit-appearance: none; z-index: 100; font-weight: 900 } input.close-modal-popup:hover, input.close-modal-popup:active { background: #FBC442!important; box-shadow: none!important } @media all and (max-width: 1025px) { #error-container { width: 40%!important; right: 2.5%!important } } @media all and (max-width: 800px) { #error-container { border-radius: 0 0 0 7px!important; width: 50%!important; right: 0!important } } @media all and (max-width: 570px) { #error-container { border-radius: 0!important; height: 75%!important; width: 100%!important } } fieldset.onecol ul, fieldset.twocol ul, fieldset.threecol ul, ul.twocol, ul.threecol { overflow: hidden; padding: 0 0 0 1.5em } fieldset.twocol ul li, ul.twocol li { float: left; width: 50% } fieldset.threecol ul li, ul.threecol li { float: left; width: 33% } .clear { clear: both } .clear-left { clear: left } .clear-right { clear: right } .hide { display: none } .show { display: block } .align-center { text-align: center } .align-right { text-align: right } .align-left { text-align: left } .float-left { float: left } .float-right { float: right } li.company_name_required { display: none } ul.checkmarks li { list-style-image: url(../images/bullets/bullet-checkmark.png) } ul.twocol.checkmarks, ul.threecol.checkmarks { padding: 0 0 0 2.5em } input[type="submit"], button { background: #70bb05; color: #fdfafd; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; transition: background .1s } input[type="submit"]:hover, input[type="submit"]:active, button:hover, button:active { background: #cc0001 } .main-gradient { background: #ededed; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(18%, #bcbcbc), color-stop(47%, #8e8e8e), color-stop(100%, #aaa)); background: -webkit-linear-gradient(top, #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaa 100%); background: -o-linear-gradient(top, #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaa 100%); background: -ms-linear-gradient(top, #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaa 100%); background: linear-gradient(to bottom, #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaa 100%) } #nn-reviews { margin: 25px 0 } .nn-agg-container { display: inline-block; height: 100%; vertical-align: middle } .nn-agg-container img { max-height: 30px; max-width: 150px; vertical-align: middle; margin-right: 12px } .nn-agg-rating { display: inline-block; font-size: 24px; font-weight: 300; vertical-align: middle } .nn-reviews { font-size: 1.4em; margin: 14px 0 7px } .star-rating, .star-rating span:hover, .star-rating span:active, .star-rating span:focus, .star-rating .current-rating { background: url(../images/star.png) left -1000px repeat-x } .star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top } .star-rating li { display: inline; min-height: 0; padding-bottom: 0 } .vertical .star-rating li { display: inline; min-height: 0; padding-bottom: 0 } #main-content form fieldset ul li.current-rating { list-style: none outside none; margin: 0 } .star-rating span, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none } .star-rating span:hover, .star-rating span:active, .star-rating span:focus { background-position: left bottom } .star-rating span.one-star { width: 20%; z-index: 6 } .star-rating span.two-stars { width: 40%; z-index: 5 } .star-rating span.three-stars { width: 60%; z-index: 4 } .star-rating span.four-stars { width: 80%; z-index: 3 } .star-rating span.five-stars { width: 100%; z-index: 2 } .star-rating .current-rating { z-index: 1; background-position: left center } .inline-rating { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; vertical-align: middle } .small-star { margin-right: 10px; position: absolute; width: 50px } .small-star, .small-star span:hover, .small-star span:active, .small-star span:focus, .small-star .current-rating { background-image: url(../images/star_small.png); line-height: 10px; height: 10px } .view-all { font-size: 1.7em; font-weight: 700; text-transform: uppercase; margin-bottom: 0; font-family: 'Oswald', sans-serif } .view-all a { padding: 6px; border-radius: 4px; text-decoration: none } .view-all a:link, p.view-all a:visited { color: #FFF } .view-all a:hover, p.view-all a:active { color: rgba(255, 255, 255, 0.7) } .view-all a::after { content: "\00BB"; font-size: 1em; line-height: 1em; padding: 0 0 0 5px } #cta-buttons .cta-button { width: 285px; max-width: 100%; margin: 0 auto } div.cta-button { background: url(../images/cta-grunge-top.png), url(../images/cta-grunge-bottom.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top, center bottom; background-color: #b5c0d6; border: 1px solid #466883; transition: background 0.3s, border .3s } div.cta-button:hover, div.cta-button:active { background-color: #466883; border: 1px solid #b5c0d6 } div.cta-button span { font-size: 2.5em; font-weight: 700; margin: 0; padding: 0; text-align: center; font-family: 'Oswald', sans-serif; text-transform: uppercase } div.cta-button span a { display: block; text-decoration: none } #cta-buttons div.cta-button span a { line-height: 56px } div.cta-button span a:link, div.cta-button span a:visited { color: #FFF } div.cta-button span a { min-height: 40px; padding: 10px 5px } #cta-buttons div.cta-button span a { min-height: 0; padding: 0 10px } div.cta-button span a span { display: inline-block; line-height: 1.2em; vertical-align: middle; width: 100% } @media all and (max-width: 1200px) { #cta-buttons .cta-button { width: 250px } } @media all and (max-width: 1025px) { #cta-buttons .cta-button { width: 213px } #cta-buttons div.cta-button span a { line-height: 47px } div.cta-button span { font-size: 2em } } @media all and (max-width: 800px) { #cta-buttons .cta-button { display: inline-block; margin: 0 auto; width: 213px } #cta-buttons div.cta-button span a { line-height: 45px } } @media all and (max-width: 570px) { #cta-buttons .cta-button { width: 199px } #cta-buttons div.cta-button span a { line-height: 42px } } .social-networking span.footer-heading { margin: 0 0 10px } .social-networking ul { list-style-type: none; margin: 0 } .social-networking ul li { background: none center center no-repeat scroll transparent; background-size: contain; display: inline-block; margin-right: 3px; position: relative; opacity: 1; transition: opacity .3s } .social-networking ul li a { display: block; text-indent: -999em; height: 31px; width: 32px } .social-networking ul li.btn-facebook { background-image: url(../images/social/btn-facebook.png) } .social-networking ul li.btn-twitter { background-image: url(../images/social/btn-twitter.png) } .social-networking ul li.btn-youtube { background-image: url(../images/social/btn-youtube.png) } .social-networking ul li.btn-gplus { background-image: url(../images/social/btn-gplus.png) } .social-networking ul li.btn-yelp { background-image: url(../images/social/btn-yelp.png) } .social-networking ul li.btn-facebook:hover, .social-networking ul li.btn-twitter:hover, .social-networking ul li.btn-youtube:hover, .social-networking ul li.btn-gplus:hover, .social-networking ul li.btn-yelp:hover { opacity: .7 } #container-masthead { background-image:url(../images/Global/Dot.gif); background-repeat:repeat; /* background: #2e2e2e none repeat scroll 0 0; */ position: fixed; top: 0; left: 0; width: 100%; z-index: 901; transform: translateZ(0px); -ms-transform: translateZ(0px); -webkit-transform: translateZ(0px) } #container-masthead::after { content: ''; height: 6px; position: absolute; bottom: -6px; left: 50%; right: 50%; background: #466883; transition: duration .5s; transition-property: left, right; transition-timing-function: ease-out } .ims-is-scrolled #container-masthead::after { left: 0; right: 0 } #masthead { overflow: hidden; position: relative; padding: 17px 0 10px; text-align: center } #masthead [class*="ims-grid-"] { vertical-align: middle } #masthead .ims-grid-four:nth-child(2) { padding-right: 0 } #logo { margin: 0 auto 8px; max-width: 330px; position: relative; opacity: 1; transition: opacity .3s } #logo:hover, #logo:active { opacity: .7 } #logo img { width: 100%; height: auto; display: block } #tagline { color: #466883; margin: 0; line-height: 1.15em } #tagline span.separator { padding: 0 6px } #phone-container { text-align: center } #phone-text { color: red; font-size: 2.4em; line-height: 1.15em; margin: 0 } #phone-number { font-size: 3.5em; font-weight: 700; line-height: 1.15em; margin: 0; font-family: 'Oswald', sans-serif } #phone-number, #phone-number span, #phone-number a, #phone-number span.gc-cs-link { color: #6496bd; text-decoration: none } #masthead { transition: height .3s ease } #logo, #phone-container, #tagline { transition: all .3s ease } @media all and (min-width: 1201px) and (max-width: 1260px) { #tagline { font-size: 1.4em } } @media all and (max-width: 1200px) { #masthead { padding: 17px 0 12px } #masthead .ims-grid-four:nth-child(2) { padding-right: 15px } #logo { max-width: 277px } #tagline { line-height: 1.1em } } @media all and (max-width: 1025px) { #masthead { padding: 18px 0 8px } #phone-number { font-size: 3.2em } #logo { max-width: 200px } #tagline { font-size: 1.3em } } @media all and (max-width: 800px) { #container-masthead::after { content: none } #container-masthead { border-bottom: 5px solid #ce0404; position: relative; z-index: 800; transform: none; -ms-transform: none; -webkit-transform: none } #masthead { overflow: visible; padding: 52px 10px 42px } #phone-number { background: #2E2E2E none repeat scroll 0 0; font-size: 3em; padding: 3px 10px 3px 0; position: fixed; right: 0; text-align: right; top: 0; width: 100%; z-index: 1 } #phone-number::after { background: #ce0404 none repeat scroll 0 0; bottom: -4px; content: ''; height: 4px; left: 50%; position: absolute; right: 50%; transition-delay: 0; transition-duration: .3s; transition-property: left, right; transition-timing-function: ease-out } .ims-is-scrolled #phone-number::after { left: 0; right: 0 } #masthead .ims-grid-four:first-child { padding: 0; width: auto } #masthead .ims-grid-four:nth-child(2), #masthead .ims-grid-four:last-child { width: 50% } #logo { margin: 0 auto; max-width: 224px } #tagline { bottom: 12px; font-size: 1.3em; left: 0; position: absolute; text-align: center; width: 100% } } @media all and (max-width: 570px) { #masthead { padding: 59px 10px 19px } #masthead .ims-grid-four:nth-child(2), #masthead .ims-grid-four:last-child { width: 100% } #masthead .ims-grid-four:nth-child(2) { padding-right: 0 } #phone-number { font-size: 2.5em; padding: 4px 10px 3px 0 } #logo { margin: 0 auto 10px; max-width: 224px } #tagline { bottom: 0; font-size: 1.4em; line-height: 1.2em; margin-bottom: 19px; padding: 0; position: relative } #tagline span { display: block } #tagline span.separator { position: absolute; text-align: left; text-indent: -999em } } @media all and (max-width: 800px) { #toggle-navigation { transition: all .4s ease } #phone-number, #container-primary-navigation, .ims-push-content { transition: left .3s ease } #primary-navigation { background: #2E2E2E; box-shadow: 0 0 15px #787878 inset; display: block; height: 100%; width: 100%; padding: 40px 0 20px } #primary-navigation > ul { display: block; margin: 0; height: 100%; list-style-type: none; overflow-x: hidden; overflow-y: scroll; width: 100% } #primary-navigation ul li { position: relative } #primary-navigation ul li a { text-decoration: none } #primary-navigation li, #primary-navigation li a:link, #primary-navigation li a:visited { color: #FFF } #primary-navigation li a:hover, #primary-navigation li a:active, #primary-navigation li.active > a, #primary-navigation ul li.nav-level-1 ul li a:hover, #primary-navigation ul li.nav-level-1 ul li a:active { color: #fc6 } #primary-navigation li.current > a:link, #primary-navigation li.current > a:visited, #primary-navigation li.current > a:hover, #primary-navigation li.current > a:active { color: #fc6 } #primary-navigation ul li.nav-level-1 { font-size: 2.2em; line-height: 1.1em } #primary-navigation ul li.nav-level-1 > ul > li { font-size: .75em; line-height: 1.1em; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform: none } #primary-navigation ul li.nav-level-1 > ul > li li { font-size: 1em; line-height: 1.1em } #primary-navigation ul li.nav-level-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); min-height: 40px; height: auto; line-height: 1.1em; overflow: hidden; padding: 0; position: relative; text-align: left; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700 } #primary-navigation ul li.nav-level-1:first-child { border-top: 1px solid rgba(0, 0, 0, 0.3) } #primary-navigation ul li.nav-level-1 > a { display: block; padding: 8px 19% 10px 5% } #primary-navigation ul li.nav-level-1 ul { list-style-type: none; margin: 0; max-height: 0 } #primary-navigation ul li.nav-level-1 li { overflow: hidden; text-align: left } #primary-navigation ul li.nav-level-1 li a { display: block; padding: 5px 19% 5px 7% } #primary-navigation ul li.nav-level-1 > ul > li ul { border-left: 1px solid rgba(0, 0, 0, 0.3); margin: 0 0 0 7% } #primary-navigation ul li.nav-level-1 > ul > li ul li a { padding: 5px 19% 5px 2% } #primary-navigation ul li.nav-level-1 > ul > li > ul ul { margin: 0 0 0 2% } #primary-navigation ul li.nav-level-1 ul.active { max-height: none } #primary-navigation ul li.nav-level-1 > ul.active { padding-bottom: 8px } #toggle-navigation { height: 0; width: 0 } .no-js #toggle-navigation { display: none } .js #toggle-navigation { background: url(../images/nav/icon-nav-light.png) no-repeat scroll 0 center rgba(0, 0, 0, 0); background-size: auto 30px; border-radius: 4px; cursor: pointer; font-size: 2em; height: 35px; left: 9px; margin: 0 auto; min-width: 100px; overflow: hidden; padding: 0; position: fixed; text-align: left; top: 3px; z-index: 901 } .js #toggle-navigation a { color: #FFF; display: block; height: 100%; line-height: 35px; padding: 0 5px 0 35px; text-align: left; text-decoration: none; width: 100% } .js .active-navigation #toggle-navigation { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); border-radius: 0; height: 40px; position: fixed; top: 0; left: 0; width: 90% } .js .active-navigation #toggle-navigation a { color: #363636; font-size: 1.2em; height: 40px; line-height: 40px; padding: 0 15px; text-align: right } #container-primary-navigation { height: 100%; left: -90%; position: fixed; width: 90%; top: 0; z-index: 900 } .active-navigation #container-primary-navigation { left: 0 } .ims-push-content { position: relative; left: 0 } .active-navigation #phone-number, .active-navigation #container-masthead, .active-navigation .ims-push-content { left: 90% } .active-navigation #container-masthead { box-shadow: none } .active-navigation #apexchat_invitation_container_minimized_wrapper, .active-navigation #apexchat_invitation_container_wrapper { display: none!important } div.expand-nav { cursor: pointer; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: 400; height: 40px; margin: 0; padding: 8px 1% 0 3%; position: absolute; right: 0; top: 0; width: 19%; z-index: 900 } li.nav-level-1 li div.expand-nav { height: 25px; padding: 3px 10px 0 25px; width: 100px } span.nav-expand { color: rgba(255, 255, 255, 0.6); display: inline-block; height: 30px; line-height: 30px; margin: 0; text-align: center; vertical-align: top; width: 100% } li.nav-level-1 li span.nav-expand { height: 25px; line-height: 25px } span.nav-expand:after { content: '+' } div.expand-nav.active > span.nav-expand:after { content: '-' } } @media all and (max-width: 570px) { #primary-navigation ul li.nav-level-1 { font-size: 2em } .js #toggle-navigation { background-size: auto 25px; font-size: 1.8em; height: 30px; top: 3px } .js #toggle-navigation a { line-height: 30px; padding-left: 30px } } @media all and (min-width: 801px) { .js #toggle-navigation { font-size: 0; height: 0; width: 0 } #container-primary-navigation { background: #466883; background: -moz-linear-gradient(top, #466883 0%, #6496bd 100%); background: -webkit-linear-gradient(top, #466883 0%, #6496bd 100%); background: linear-gradient(to bottom, #466883 0%, #6496bd 100%); margin-top: 135px } #primary-navigation { clear: both; margin: 0 auto; padding: 8px 0; position: relative; text-align: center; z-index: 800 } #primary-navigation ul { display: block; list-style: none; margin: 0 auto; padding: 0 } #primary-navigation ul li, #primary-navigation ul li a { text-decoration: none; cursor: pointer } #primary-navigation li, #primary-navigation li a:link, #primary-navigation li a:visited { color: #FFF } #primary-navigation li a:hover, #primary-navigation li a:active, #primary-navigation li.active > a { color: #fc6 } #primary-navigation ul li.nav-level-1 ul li a:hover, #primary-navigation ul li.nav-level-1 ul li a:active { color: #fc6 } #primary-navigation li.current > a:link, #primary-navigation li.current > a:visited, #primary-navigation li.current > a:hover, #primary-navigation li.current > a:active { color: #fc6 } #primary-navigation ul li.nav-level-1 { display: inline-block; font-size: 1.4em; font-weight: 700; margin: 0 -3px 0 0; padding: 0; position: relative; text-align: center; vertical-align: top; text-transform: uppercase; font-family: 'Oswald', sans-serif; border-left: 2px dotted #f5cbc8 } #primary-navigation ul li.nav-level-1:last-child { border-right: 2px dotted #f5cbc8 } #primary-navigation ul li.nav-level-1 { height: 35px; line-height: 35px } #primary-navigation ul li.nav-level-1 > a { display: block; height: 100%; line-height: 35px; padding: 0 15px } #primary-navigation ul li.nav-level-1 > a > span { display: inline-block; line-height: 16px; vertical-align: middle; width: 100% } #primary-navigation ul li.nav-level-1.contains-0 a:after { content: '' } #primary-navigation ul li.nav-level-1 > ul { transition: box-shadow ease 0.3s, max-height ease .3s; background: ; box-shadow: 0 3px 8px rgba(0, 0, 0, 0); left: 0; max-height: 0; overflow: hidden; position: absolute; top: 43px; width: 300px } #primary-navigation ul li.nav-level-1.active > ul { border-radius: 0 0 5px 5px; box-shadow: 0 3px 8px rgba(0, 0, 0, 1); display: block; height: auto; max-height: 800px; text-align: left } #primary-navigation ul li.nav-level-1.center-position > ul { left: -75px } #primary-navigation ul li.nav-level-1.right-position > ul { left: auto; right: 0 } .no-touch div.expand-nav, .no-touch div.expand-nav span.nav-expand { display: none } .nav-level-1.active > div.expand-nav { background: none repeat scroll 0 0 #DADADA; border-radius: 30px; box-shadow: 1px 2px 2px #000; color: #000; height: 40px; position: absolute; left: 280px; top: 37px; width: 40px; z-index: 900 } .nav-level-1.active.center-position > div.expand-nav { left: 210px } .nav-level-1.active.right-position > div.expand-nav { left: auto; right: -25px } .nav-level-1.active > div.expand-nav:hover, .nav-level-1.active > div.expand-nav:active { background: none repeat scroll 0 0 #333; color: #DADADA } .nav-level-1.active > div.expand-nav span.nav-expand { display: block; height: 40px; line-height: 40px } .nav-level-1.active > div.expand-nav span.nav-expand:after { content: 'X' } #primary-navigation ul li.nav-level-1 li { border: medium none; border-top: 1px solid rgba(255, 255, 255, 0.3); height: auto; display: block; font-size: 1em; line-height: 1.3em; text-align: center; text-shadow: 1px 1px 2px #000 } #primary-navigation ul li.nav-level-1 li a { display: block; padding: 7px 8px } #primary-navigation ul li.nav-level-1 > ul > li ul { border-left: 1px solid rgba(255, 255, 255, 0.3); margin: 0 0 0 8px } } @media all and (min-width: 1201px) and (max-width: 1260px) { #container-primary-navigation { margin-top: 147px } } @media all and (min-width: 801px) and (max-width: 1200px) { #container-primary-navigation { margin-top: 150px } } @media all and (min-width: 801px) and (max-width: 1025px) { #container-primary-navigation { margin-top: 121px } } @media all and (max-width: 800px) { #container-primary-navigation { margin-top: 0 } } @media all and (min-width: 801px) and (max-width: 1025px) { #primary-navigation ul li.nav-level-1 > a { padding: 0 10px } #primary-navigation li#nav-10 > a { max-width: 109px } #primary-navigation li#nav-11 > a { max-width: 97px } #primary-navigation li#nav-12 > a { max-width: 108px } #primary-navigation li#nav-213 > a { max-width: 97px } } #teamlist { width:100%; height:auto; float:left; } #container-content { overflow: hidden; position: relative } #content { background: none; overflow: hidden; position: relative } #content::before { content: ''; position: absolute; right: 0; top: 0; width: 33.3333%; height: 130px; background: } #top-content, #main-content { float: left; position: relative; z-index: 2 } #sidebar-content { float: right; position: relative; z-index: 2 } .content-spacer, #service-areas #top-content .content-spacer { padding: 105px 30px 30px 15px } #top-content .content-spacer { padding-bottom: 0 } #main-content .content-spacer { padding-top: 0 } #top-content .content-spacer h1:first-child { margin-top: 20px; } #sidebar-content .content-spacer { padding: 90px 0 0 } .exclude-secondary-content #top-content, .exclude-secondary-content #main-content { width: 100% } #content.exclude-secondary-content::before { content: none } @media all and (max-width: 1025px) { #sidebar-content .content-spacer { padding: 80px 0 0 } } @media all and (max-width: 800px) { #top-content, #main-content, #sidebar-content { float: none; width: 100% } #sidebar-content:after { height: 0; content: none } .content-spacer { padding: 20px } #content::before { content: none } #top-content .content-spacer { padding-bottom: 15px } #sidebar-content .content-spacer { padding: 0 } } @media all and (max-width: 570px) { #top-content .content-spacer { padding-top: 0 } #sidebar-content:after { height: 0; content: none } } .secondary-tools-outer { background: ; margin: 0; padding: 37px 40px; text-align: center } #sidebar-content .secondary-tools-outer:first-child { padding-top: 20px } #sidebar-content .secondary-tools-outer:last-child { border-bottom: 7px solid #70bb05 } .secondary-tools span.secondary-tools-heading, .secondary-tools h2 { display: block; font-size: 4em; font-weight: 300; margin: 0 0 30px; line-height: 1.15em; font-family: 'Oswald', sans-serif } .secondary-tools span.secondary-tools-heading, .secondary-tools span.secondary-tools-heading a:link, .secondary-tools span.secondary-tools-heading a:visited, .secondary-tools h2, .secondary-tools h2 a:link, .secondary-tools h2 a:visited { color: #fefcfe; text-decoration: none } .secondary-tools span.secondary-tools-heading a:hover, .secondary-tools span.secondary-tools-heading a:active, .secondary-tools h2 a:hover, .secondary-tools h2 a:active { color: rgba(254, 252, 254, 0.7) } .secondary-tools ul { list-style-type: none; margin: 10px 0 } .secondary-tools li { font-weight: 700; padding: 6px 0 } .secondary-tools ul li a:link, .secondary-tools ul li a:visited { color: #FFF; text-decoration: none } .secondary-tools ul li a:hover, .secondary-tools ul li a:active { color: rgba(255, 255, 255, 0.7) } .secondary-tools form ul { list-style-type: none; margin: 0 } .secondary-tools form fieldset, .secondary-tools form ul, .secondary-tools form ul li { display: inline-block; text-align: center; vertical-align: middle } .secondary-tools form fieldset input[type="text"], .secondary-tools form fieldset textarea, .secondary-tools form fieldset select { font-size: 1em; height: 40px; background: #FFF; border: 1px solid #b2b2b2; border-radius: 0 } .secondary-tools form input[type="submit"], .secondary-tools form button { font-size: 1em; padding: 6px; position: relative; margin-left: -10px; height: 40px; line-height: 27px; border-radius: 0 } @media all and (max-width: 1025px) { .secondary-tools-outer { padding: 37px 20px } .secondary-tools span.secondary-tools-heading, .secondary-tools h2 { font-size: 3.5em; margin: 0 0 20px } } @media all and (max-width: 800px) { .secondary-tools-outer { border-bottom: 4px solid rgba(255, 255, 255, 0.5) } #sidebar-content .secondary-tools-outer:first-child { padding-top: 30px } } #promotions-secondary { padding: 20px 40px 37px 50px } #promotions-secondary ul { margin: 0 } #promotions-secondary li { font-size: 1em; position: relative; padding: 10px 0; text-align: left; text-transform: uppercase } #promotions-secondary li:last-child::after { content: none } #promotions-secondary li a { padding: 10px 20px 8px 87px; border: 2px dashed #FFF; background-image: url(../images/bg-promo.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; display: block; position: relative; min-height: 118px } #promotions-secondary li a:link, #promotions-secondary li a:visited { text-shadow: 0 5px 3px rgba(0, 0, 0, 0.35); background-color: rgba(70, 104, 151, 1.0); transition: color 0.3s, box-shadow 0.3s, background-color .3s } #promotions-secondary li a:hover, #promotions-secondary li a:active { background-color: rgba(100, 150, 189, 1.0); text-shadow: none } #promotions-secondary li a::before { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); height: 100px; width: 100px; border-radius: 50%; border: 2px dashed #FFF; left: -22px; background: url(../images/promo-logo.png) no-repeat center 38%; background-color: #fff } #promotions-secondary .license, #promotions-secondary .expiration { display: block; font-size: 1.4em; font-weight: 400; text-shadow: none } #promotions-secondary .license { margin: 0 0 7px } #promotions-secondary .title { display: block; font-size: 2.0em; font-weight: 700; line-height: 1.25em; font-family: 'Oswald', sans-serif; margin: 0 0 10px } #promotions-secondary p.view-all { margin-top: 15px } #promotions .promotions-item-details-wrapper { border: medium none; padding: 0 } #promotions .promotions-item { border: 1px dashed #787878; border-radius: 3px; margin: 2%; padding: 10px 10px 20px; position: relative; text-align: center; vertical-align: top } #promotions .promotions-item h2 { margin: 0 } #promotions .promotions-item h2 a { text-decoration: none } #promotions .promotions-item p.view-all { bottom: 4px; display: block; padding: 0 6px; position: absolute; right: 0; text-align: center; width: 100% } #promotions .promotions-item p.view-all a:link, #promotions .promotions-item p.view-all a:visited { color: #CC0001 } #promotions .promotions-item p.view-all a:hover, #promotions .promotions-item p.view-all a:active { color: #F05543 } .promotions-item-details-wrapper { border: 3px dashed #000; margin: 0 auto; text-align: center; width: 90% } #details .promotions-item-details-wrapper { background: url(../images/bg-coupon.png) no-repeat center bottom; background-size: 100% auto; background-color: #333; border: 3px dashed #FFF } .promotional-item-details { padding: 10px } .promotions-item-details-wrapper img.promotion-logo { display: block; margin: 10px auto; max-width: 300px; width: 100% } .promotions-item-details-wrapper span.h2 { text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0 0 8px } .promotions-item-details-wrapper .phone { display: block; font-family: "Oswald", sans-serif; font-size: 2em; font-weight: 700; margin: 10px 0 0 } .promotions-item-details-wrapper h1 { font-size: 2.6em } #details .promotions-item-details-wrapper h1 { color: #f39720 } .promotions-item-details-wrapper p { font-size: 1.4em } #details .promotions-item-details-wrapper span.h2, #details .promotions-item-details-wrapper p { color: #FFF } .promotions-item-details-wrapper .license { font-size: 1.3em; text-transform: uppercase } .promotions-item-details-wrapper p.promotions-content { font-size: 1.6em; font-weight: 700 } .promotions-item-details-wrapper p.coupon-footer { font-size: 1.3em; margin: 0 0 8px } #btn-print-coupon { max-width: 300px; margin: 10px auto } @media all and (max-width: 1200px) { #promotions-secondary { padding: 20px 30px 37px 35px } #promotions-secondary .title { font-size: 2.3em } #promotions-secondary li a { padding: 10px 20px 8px 67px } #promotions-secondary li a::before { background-position: center 43%; background-size: 67% auto; height: 85px; width: 85px; left: -27px } } @media all and (max-width: 1025px) { #promotions-secondary { padding: 20px 20px 37px } #promotions-secondary span.secondary-tools-heading { margin-bottom: 10px } #promotions-secondary li a { padding: 16px 20px 8px } #promotions-secondary .license { margin: 0 0 10px } } @media all and (min-width: 801px) and (max-width: 1025px) { #promotions-secondary li a::before { content: none } } @media all and (max-width: 800px) { #promotions-secondary { border-bottom: none; padding: 30px 25px 37px 38px } #promotions-secondary li a { padding: 16px 20px 8px 68px; min-height: 108px } } @media all and (max-width: 570px) { #promotions-secondary li a { padding: 11px 20px 8px 59px; min-height: 97px } #promotions-secondary li a::before { height: 77px; width: 77px } #promotions-secondary .license { margin: 0 0 7px } } #testimonials-secondary { background: none; position: absolute; right: 50%; top: 89px; z-index: 1; width: 241px; display: inline-block; margin: -10px -530px 0 0; padding: 0 } #nn-reviews { background: #f9f9f9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2VlZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f9f9f9 0%, #fff 42%, #eeeef0 60%, #eeeef0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(42%, #fff), color-stop(60%, #eeeef0), color-stop(100%, #eeeef0)); background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 42%, #eeeef0 60%, #eeeef0 100%); background: -o-linear-gradient(top, #f9f9f9 0%, #fff 42%, #eeeef0 60%, #eeeef0 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #fff 42%, #eeeef0 60%, #eeeef0 100%); background: linear-gradient(to bottom, #f9f9f9 0%, #fff 42%, #eeeef0 60%, #eeeef0 100%); border: 3px solid #e8e8e8; border-radius: 10px; width: auto; position: relative; margin: 0 auto; max-width: 260px; padding: 1em .4em 0; margin-bottom: -65px } #testimonials-secondary #nn-reviews .nn-business-name { background: url(../images/rec-me-logo-4.png) no-repeat scroll 50% 0 transparent; height: 150px; position: relative; text-indent: -999em; top: -75px; margin-bottom: -65px; display: block; text-align: left } #nn-reviews .nn-agg { text-align: center } #nn-reviews .nn-reviews { font-size: 1.3em; text-align: center } #nn-reviews .nn-agg-rating { display: inline-block; font-size: 2.5em; font-weight: 700; vertical-align: middle; font-family: 'Oswald', sans-serif } #reviews .promotions-item-details-wrapper { border: medium none; margin: 0; padding: 0 } #reviews #top-content .testimonial, #reviews #main-content .testimonial { border-top: 1px solid #787878; font-size: 1.05em; font-style: italic; margin: 2% auto 0; padding: 20px 10px 0 50px; position: relative; width: 94% } #reviews #top-content .testimonial .source, #reviews #main-content .testimonial .source { text-align: right } #reviews #top-content .testimonial:before, #reviews #main-content .testimonial:before { color: #787878; content: "\201C"; font-size: 10em; left: 0; line-height: 0; position: absolute; top: 48px } @media all and (max-width: 1200px) { #testimonials-secondary { margin: -10px 0 0; right: 35px } } @media all and (max-width: 1025px) { #testimonials-secondary { top: 121px } } @media all and (max-width: 800px) { #testimonials-secondary { margin: 0; right: 10px; top: 144px } } @media all and (max-width: 570px) { #testimonials-secondary { margin: 0 -120px 0 0; right: 50%; top: 175px } } #static-review { position: relative; padding-bottom: 30px; padding-left: 0; padding-right: 0 } #static-review span.secondary-tools-heading, #static-review .testimonial p, #static-review p.view-all { position: relative; z-index: 3 } #static-review span.secondary-tools-heading { margin-bottom: 212px } #static-review .testimonial { padding: 22px 50px 30px; margin: 0 0 40px; position: relative; background: #FFF } #static-review .testimonial::before { content: ''; position: absolute; top: -291px; left: 0; width: 100%; height: 478px; background: url(../images/bg-reviews.png) no-repeat center top; background-size: 100% auto; z-index: 2 } #static-review .testimonial p { margin-bottom: 0 } #static-review .testimonial p.source { font-style: italic } #static-review p.view-all:last-child { margin: 35px 0 0 } @media all and (max-width: 1025px) { #static-review .testimonial { padding: 22px 20px 26px; margin: 0 0 30px } #static-review .testimonial::before { top: -265px } } @media all and (max-width: 800px) { #static-review span.secondary-tools-heading { margin-bottom: 57px } #static-review .testimonial::before { top: auto; height: 399px; bottom: -133px } #static-review p.view-all:last-child { margin: 27px 0 0 } } @media all and (max-width: 570px) { #static-review .testimonial::before { bottom: -133px } } #container-service-areas { text-align: center } #container-service-areas span.title { color: #ef5443; display: block; font-size: 4em; font-weight: 400; line-height: 1.15em; margin: 0 20px 77px } #service-area-colors .width-limiter { position: relative } #service-area-colors { background: #70c6eb; position: relative; padding-bottom: 205px } #service-area-colors::before, #service-area-colors::after { content: ''; position: absolute; left: 0 } #service-area-colors::before { top: 0; width: 50%; height: 100%; background: #f39720 } #service-area-colors::after { bottom: -32px; height: 546px; width: 100%; background: url(../images/service-area-grunge.png) repeat-x center center; background-size: auto 100%; z-index: 2 } #bg-service-areas { background: rgba(0, 0, 0, 0) url(../images/bg-service-areas.jpg) no-repeat scroll center center / cover; border: 2px solid #000; height: 460px; margin: 0 auto; max-width: 100%; position: relative; top: -45px; width: 808px; z-index: 1 } #service-area-riser { bottom: -139px; left: 50%; margin-left: -404px; position: absolute; width: 808px; z-index: 5 } #container-service-areas p.view-all { position: relative; z-index: 1; top: 0 } #service-area-list { background: none; padding: 0 } #service-area-list h2 { position: absolute; text-align: left; text-indent: -999em } #service-area-list ul { margin: 0 } #service-area-list ul:nth-child(2) { background: rgba(33, 33, 34, 0.9); border: 2px solid #333; padding: 19px 0 15px } #service-area-list ul:last-child { background: rgba(33, 33, 34, 0.6); border: 2px solid #333; border-top: none; padding: 2px 20px } #service-area-list ul li { display: inline-block; font-size: 1.7em; font-weight: 400; margin-right: 1%; padding: 0; vertical-align: middle; width: 23% } #service-area-list ul li.and-more-link { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700 } #service-area-list ul li a:link, #service-area-list ul li a:visited { color: rgba(255, 255, 255, 0.7) } #service-area-list ul li a:hover, #service-area-list ul li a:active { color: #FFF } #service-area-list li.and-more-link a:link, #service-area-list li.and-more-link a:visited { color: #FFF } #service-area-list li.and-more-link a:hover, #service-area-list li.and-more-link a:active { color: rgba(255, 255, 255, 0.7) } #service-areas #service-area-list ul:last-child { padding: 40px 20px 20px; border: 2px solid #333 } #service-areas #service-area-list ul li { color: rgba(255, 255, 255, 0.7) } #service-areas #service-area-list ul li a:link, #service-areas #service-area-list ul li a:visited { color: #FFF; text-decoration: underline } #service-areas #service-area-list ul li a:hover, #service-areas #service-area-list ul li a:active { color: #333 } #service-area-search { background: none; padding: 25px 20px 12px } #service-area-search p { margin-bottom: 20px; text-shadow: 2.5px 4.33px 5px rgba(0, 0, 0, 0.4) } #service-area-search p a { text-decoration: none } #service-area-search p a:link, #service-area-search p a:visited { color: #fffffe } #service-area-search p a:hover, #service-area-search p a:active { color: #70C6EB } #service-area-search input[type="text"] { width: 180px; font-family: 'Oswald', sans-serif; font-weight: 700 } #service-area-search .populate { color: #000 } #service-area-search li.submit { font-size: 1.4em } #service-area-search input[type="submit"] { width: 90px } #service-areas #service-area-search { padding-top: 55px; padding-bottom: 37px; background: #70C6EB } #service-areas #service-area-search p { font-size: 2.5em; font-weight: 700 } #service-areas #service-area-search p a:hover, #service-areas #service-area-search p a:active { color: rgba(255, 255, 255, 0.7) } #service-areas div.service-location p { color: #FFF } #service-areas div.service-location ul li { font-size: 1.5em } #service-areas div.service-location a:link, #service-areas div.service-location a:visited { color: #FFF } #service-areas div.service-location a:hover, #service-areas div.service-location a:active { color: rgba(255, 255, 255, 0.7) } div.nn-samap-topcity { font-size: 1.5em } @media all and (max-width: 1200px) { #service-area-list ul li { width: 31% } } @media all and (max-width: 1025px) { #container-service-areas span.title { font-size: 3.5em; margin: 0 20px 76px } #bg-service-areas { margin: 0 10.5%; width: 80%; top: -43px } #service-area-riser { left: 10.5%; margin-left: 0; width: 80% } #service-area-list ul li { font-size: 1.6em } #service-area-search p { text-shadow: 1px 1px 2px #000 } } @media all and (max-width: 800px) { #container-service-areas span.title { font-size: 3.3em; margin: 0 20px 66px } #service-area-colors { padding-bottom: 163px } #service-area-riser { bottom: -132px } #service-area-list, #service-area-search { border-bottom: none } #service-area-search { padding: 34px 20px 0 } #service-area-list ul li { width: 48% } #service-area-list ul:last-child { padding: 5px 20px } #service-area-search p { margin-bottom: 11px } } @media all and (max-width: 570px) { #container-service-areas span.title { font-size: 2.8em; margin: 0 20px 30px } #service-area-colors { padding-bottom: 33px; padding-top: 38px } #service-area-colors::after { bottom: 152px } #bg-service-areas { display: none } #service-area-riser { bottom: 0; left: 0; margin: 0 20px; position: relative; width: auto } #service-area-list ul:nth-child(2) { padding: 19px 0 10px } #service-area-list ul:last-child { padding: 6px 20px } #service-area-list ul li { width: 100%; font-size: 1.5em; margin-bottom: 7px } #service-area-list ul li.and-more-link { margin-bottom: 0 } #service-area-search { padding: 28px 0 0 } #service-area-search input[type="text"] { width: 141px } #service-area-search input[type="submit"] { width: 76px } } #container-blog { border-top: 1px solid #FFF; background: url(../images/blog-grunge.png) repeat-x center bottom; background-color: #cef2fd } #blog-module { background: url(../images/bg-blog.png) no-repeat 93% center; background-size: 48% auto; padding: 30px 50px 15px; text-align: left } #blog-module .ims-grid-six { padding-right: 70px } #blog-module .blog-post:first-child { margin-bottom: 25px } #blog-module span.h1 a:link, #blog-module span.h1 a:visited, #blog-module span.h3 a:link, #blog-module span.h3 a:visited, #blog-module p.view-all a:link, #blog-module p.view-all a:visited { color: #333; text-decoration: none } #blog-module span.h1 a:hover, #blog-module span.h1 a:active, #blog-module span.h3 a:hover, #blog-module span.h3 a:active, #blog-module p.view-all a:hover, #blog-module p.view-all a:active { color: rgba(51, 51, 51, 0.7) } #blog-module span.h1 { font-size: 4em; text-align: center; margin: 0 0 10px; font-weight: 400 } #blog-module span.h3 { margin: 0 } #blog-module p.excerpt { margin-bottom: 7px } #blog-module p.view-all a { padding-left: 0 } @media all and (max-width: 1200px) { #blog-module { padding: 30px 50px 25px } } @media all and (max-width: 1025px) { #blog-module { padding: 30px; background: none } #blog-module span.h1 { font-size: 3.5em; margin: 0 0 28px } #blog-module .ims-grid-six { width: 100%; padding-right: 0 } #blog-module .blog-post:first-child { margin-bottom: 28px } } @media all and (max-width: 800px) { #blog-module { padding: 30px 30px 25px; border-bottom: none } #blog-module span.h1 { font-size: 3.3em } #blog-module .blog-post:first-child { margin-bottom: 25px } } @media all and (max-width: 570px) { #blog-module { padding: 30px 20px 25px } #blog-module span.h1 { font-size: 2.8em } } #newsletter-signup { background: none; padding: 0 } #newsletter-signup .footer-heading { margin: 0 0 2px } #newsletter-signup form { margin-bottom: 70px } #newsletter-signup input[type="text"] { width: 180px } #newsletter-signup button { width: 90px } @media all and (max-width: 1200px) { #newsletter-signup form { margin-bottom: 37px } } @media all and (max-width: 1025px) { #newsletter-signup form { margin-bottom: 25px } } @media all and (max-width: 800px) { #newsletter-signup { border-bottom: 0 } } @media all and (max-width: 570px) { #newsletter-signup form { margin-bottom: 28px } } #footer-logos ul.affiliations { padding: 40px 2% 30px } #footer-logos ul.affiliations li { max-width: none; padding: 0 12px } #footer-logos .bbb img { width: auto } ul.affiliations { list-style-type: none; margin: 0; padding: 0; text-align: center } ul.affiliations li { display: inline-block; margin-right: -3px; max-width: 250px; padding: 12px; vertical-align: middle } ul.affiliations li a { color: #000; display: block; text-decoration: none } ul.affiliations li img { border: medium none; display: block; width: 100% } ul.affiliations li span { left: -999em; position: absolute } ul.affiliations li span.visible { display: block; font-size: 1.1em; font-weight: 700; line-height: 1.1em; left: auto; padding: 5px; position: static; text-align: center } @media all and (max-width: 1025px) { #footer-logos ul.affiliations { padding: 0 2% 64px } } @media all and (max-width: 800px) { #footer-logos ul.affiliations { padding: 0 20px 60px } #footer-logos ul.affiliations li { max-width: 190px } } @media all and (max-width: 570px) { #footer-logos ul.affiliations { padding: 0 20px 42px } #footer-logos ul.affiliations li { max-width: none; padding: 6px 12px } } #payments { background: none; padding: 35px 0 0 } #payments span.footer-heading { margin: 0 0 10px } #payments ul { margin: 0 auto } #payments ul li { background: none repeat scroll 0 0 transparent; display: inline-block; list-style-type: none; margin-right: 2px } #payments ul li:last-child { margin-right: 0 } #payments ul li span { position: absolute; left: -999em } @media all and (max-width: 1025px) { #payments { padding: 0 } } @media all and (max-width: 800px) { #payments { border-bottom: none } } .staff-item.group { display: block; margin: 45px auto 50px; padding: 0 } .staff-item { display: inline-block; margin-bottom: 50px; margin-right: -3px; padding: 0 42px; vertical-align: top; width: 50% } .staff-item img { box-shadow: -3px -3px #333333, 5px 7px 0 3px #f39720; width: 100% } .staff-item h3 { margin-top: 17px } @media all and (max-width: 1025px) { .staff-item.group { margin-bottom: 43px } .staff-item { padding: 0 24px; margin-bottom: 43px } } @media all and (max-width: 570px) { .staff-item { width: 100%; padding: 0 22px } } .training-gallery .training-img-container { display: inline-block; text-align: center; width: 50%; padding: 0 25px; margin: 30px -3px 30px 0 } .training-gallery img { border: 4px solid #333; display: inline-block; width: 100%; vertical-align: middle } @media all and (max-width: 570px) { .training-gallery .training-img-container { width: 100%; margin: 20px 0 } } #container-footer { background: url(../images/Global/Dot.gif) repeat; background-color: #000 } #footer-information { text-align: center; padding: 20px 0 } #footer-information [class*='ims-grid-'] { vertical-align: middle } #footer-information .ims-grid-four:nth-child(3) { padding-right: 8.3333% } #footer-information .footer-heading { color: #466883; display: block; font-family: "Oswald", sans-serif; font-size: 1.7em; font-weight: 700; line-height: 1.15em; text-transform: uppercase } #footer-information p { font-size: 1.9em; color: #466883; margin-bottom: 0 } #footer-phone { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 3.5em; margin: 10px 0 0 } #footer-phone a:link, #footer-phone a:visited, #footer-phone a:hover, #footer-phone a:active { color: #6496bd; text-decoration: none } #footer-logo img { max-width: 100% } #footer-information span.h2 { color: #466883; margin: 10px 0 0; text-transform: uppercase } #container-footer-navigation { border-top: 2px solid #FFF; border-bottom: 2px solid #000; background: #009933; background: -moz-linear-gradient(top, #6496bd 0%, #466883 100%); background: -webkit-linear-gradient(top, #6496bd 0%, #466883 100%); background: linear-gradient(to bottom, #6496bd 0%, #466883 100%); } #footer-navigation { padding: 7px 0 } #footer-navigation ul { list-style-type: none; margin: 0; text-align: center } #footer-navigation ul li { display: inline-block; font-size: 1.4em; font-weight: 700; padding: 0; text-transform: uppercase; font-family: 'Oswald', sans-serif; border-left: 2px dotted #f5cbc8 } #footer-navigation ul li:last-child { border-right: 2px dotted #f5cbc8 } #footer-navigation ul li a { padding: 8px 12px; display: block } #footer-navigation ul li a:link, #footer-navigation ul li a:visited { color: #fcfcfb; text-decoration: none } #footer-navigation ul li a:hover, #footer-navigation ul li a:active { color: #fc6 } #footer-bar { padding: 15px 0 0 } #footer-bar [class*="ims-grid-"] { text-align: left } #footer-bar .ims-grid-five { padding-left: 9% } #footer-bar .ims-grid-seven { padding-right: 8.333%; text-align: center } #footer-information #footer-bar p { font-size: 1.2em; margin: 0 } p.imarket-link a { position: relative; background: transparent url(../images/logo-imarket.png) no-repeat 0 50%; color: #FFF; padding-left: 20px; margin: 0 auto; text-decoration: none } p.imarket-link a:hover { text-decoration: underline } @media all and (max-width: 1200px) { #footer-information { padding: 35px 0 15px } #footer-logo { margin: 0 auto; max-width: 212px } #footer-information span.h2 { font-size: 2em; margin: 7px 0 6px } #footer-information p { font-size: 1.7em } #footer-phone { font-size: 3.1em; margin: 13px 0 0 } #footer-information .ims-grid-four:nth-child(3) { padding-right: 4.333% } #footer-bar { padding: 28px 20px 0 } #footer-bar .ims-grid-five, #footer-bar .ims-grid-seven { padding-left: 0 } #footer-bar .ims-grid-seven { text-align: right } } @media all and (max-width: 1025px) { #footer-information .ims-grid-four { width: 50% } #footer-information .ims-grid-four:nth-child(2) { padding-right: 0 } #footer-information .ims-grid-four:nth-child(3) { width: 100%; padding-right: 0; padding-top: 50px } #footer-logo { max-width: 185px } #footer-information span.h2 { font-size: 1.8em; margin: 4px 0 6px } #footer-phone { font-size: 3em; margin: 20px 0 0 } .social-networking, #payments { display: inline-block; width: 50%; margin-right: -3px; vertical-align: middle } .social-networking { padding-right: 15px } #footer-bar [class*="ims-grid-"] { text-align: center; width: 100% } #footer-bar .ims-grid-seven { text-align: center } #footer-information #footer-bar p { line-height: 1.15em } } @media all and (max-width: 800px) { #footer-navigation { padding: 7px 0 5px } #footer-navigation ul li, #footer-navigation ul li:last-child { border: none } #footer-navigation ul li a { padding: 6px 12px } #footer-information { padding: 35px 20px 15px } #footer-information .ims-grid-four { width: 100% } #footer-information .ims-grid-four:nth-child(2) { padding: 43px 0 0 } #footer-bar { padding: 35px 20px 0 } } @media all and (max-width: 570px) { #footer-navigation ul li a { padding: 6px 7px } #footer-logo { max-width: 170px } #footer-information p { font-size: 1.6em } #footer-phone { margin: 30px 0 0 } .social-networking, #payments { width: 100% } .social-networking { padding: 20px 0 20px } #footer-bar { padding: 35px 0 0 } #footer-information #footer-bar .copyright { margin-bottom: 8px } } .vid_trigger { overflow: hidden; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; cursor: pointer; display: block } .vid_trigger img { visibility: hidden } .lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0, 0, 0, 0.8) } .v_player { position: relative; margin: 0 auto } .lightbox img, .lightbox iframe { max-width: 90%; max-height: 80%; margin-top: 5% } .lightbox-visible { outline: none; display: block } .ims-vid-trigger { cursor: pointer }