/* ----------------------------------------------- imarketsolutions.com Stylesheet: Master.css Created: 8/28/2013 Author: Ben Schiling Organization: iMarket Solutions ----------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- UNIVERSAL RESET --------------------------------------------------------------------------------------------------------------------------------- */ 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; outline: none;} ::-moz-focus-inner { border: 0px; } fieldset, a img { border: 0 solid transparent; } html, body {height:100%;} body { font: 62.5%/1.8em 'Lato', sans-serif; color: #211516; 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:1280px; margin:0 auto;width:100%;} /*----- LAYOUTS - UNIVERSAL RESET ----- */ @media all and (max-width: 1025px) { } @media all and (max-width: 800px) { /*prevent automatic landscape orientation zoom on iOS devices */ html {-webkit-text-size-adjust: 100%;} .width-limiter {width:100%;} } @media all and (max-width: 570px) { } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- ACCESSIBILITY --------------------------------------------------------------------------------------------------------------------------------- */ #access_key, .access_key { text-align: center; } #accessibility { position: absolute; left: -999em; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- GRID & COLUMN LAYOUT --------------------------------------------------------------------------------------------------------------------------------- */ .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; } /* Grid gutter values */ [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;} /*----- LAYOUTS - GRID & COLUMN LAYOUT ----- */ @media all and (max-width: 800px) { } @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%; } } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- TYPOGRAPHY --------------------------------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .secondary-tools span.secondary-tools-heading { color:#222222; font-weight:bold; line-height: 1.15em; margin: 1.2em 0 0.7em; } #head-content h1 { color: #FFFFFF; font-family: 'Bitter', serif; font-style: italic; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.66); margin: 0.45em 0 0.13em; font-weight: normal; } #container-home-top-content .content-spacer > h1:first-child, #container-home-main-content .content-spacer > h2:first-child, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading, h1.jumbo, h2.jumbo, h3.jumbo, h4.jumbo, h5.jumbo, h6.jumbo, .h1.jumbo, .h2.jumbo, .h3.jumbo, .h4.jumbo, .h5.jumbo, .h6.jumbo, .secondary-tools span.secondary-tools-heading.jumbo { color: #555555; font-style: italic; font-weight: bold; font-family: 'PT Serif'; } #container-home-top-content .content-spacer > h1:first-child:before, #container-home-main-content .content-spacer > h2:first-child:before, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading:before, h1.jumbo:before, h2.jumbo:before, h3.jumbo:before, h4.jumbo:before, h5.jumbo:before, h6.jumbo:before, .h1.jumbo:before, .h2.jumbo:before, .h3.jumbo:before, .h4.jumbo:before, .h5.jumbo:before, .h6.jumbo:before, .secondary-tools span.secondary-tools-heading.jumbo:before { content: ""; display: block; margin: 0; line-height: 1em; width: 90%; max-width: 98px; height: 3px; background: #ffa602; margin-bottom: 15px; } #container-home-top-content .content-spacer > h1:first-child { text-align: center; } #container-home-top-content .content-spacer > h1:first-child:before { margin-bottom: 5px; } #container-home-top-content .content-spacer > h1:first-child:before, #container-home-top-content .content-spacer > h1.align-center:first-child:before, #container-home-main-content .content-spacer > h2.align-center:first-child:before, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading.align-center:before, h1.jumbo.align-center:before, h2.jumbo.align-center:before, h3.jumbo.align-center:before, h4.jumbo.align-center:before, h5.jumbo.align-center:before, h6.jumbo.align-center:before, .h1.jumbo.align-center:before, .h2.jumbo.align-center:before, .h3.jumbo.align-center:before, .h4.jumbo.align-center:before, .h5.jumbo.align-center:before, .h6.jumbo.align-center:before, .secondary-tools span.secondary-tools-heading.jumbo.align-center:before { margin-left: auto; margin-right: auto; } #container-home-top-content .content-spacer > h1:first-child a:link, #container-home-top-content .content-spacer > h1:first-child a:visited, #container-home-main-content .content-spacer > h2:first-child a:link, #container-home-main-content .content-spacer > h2:first-child a:visited, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading a:link, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading a:visited, h1.jumbo a:link, h1.jumbo a:visited, h2.jumbo a:link, h2.jumbo a:visited, h3.jumbo a:link, h3.jumbo a:visited, h4.jumbo a:link, h4.jumbo a:visited, h5.jumbo a:link, h5.jumbo a:visited, h6.jumbo a:link, h6.jumbo a:visited, .h1.jumbo a:link, .h1.jumbo a:visited, .h2.jumbo a:link, .h2.jumbo a:visited, .h3.jumbo a:link, .h3.jumbo a:visited, .h4.jumbo a:link, .h4.jumbo a:visited, .h5.jumbo a:link, .h5.jumbo a:visited, .h6.jumbo a:link, .h6.jumbo a:visited, .secondary-tools span.secondary-tools-heading.jumbo a:link, .secondary-tools span.secondary-tools-heading.jumbo a:visited { color: #555555; text-decoration: none; } #container-home-top-content .content-spacer > h1:first-child a:active, #container-home-top-content .content-spacer > h1:first-child a:hover, #container-home-main-content .content-spacer > h2:first-child a:active, #container-home-main-content .content-spacer > h2:first-child a:hover, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading a:active, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading a:hover, h1.jumbo a:active, h1.jumbo a:hover, h2.jumbo a:active, h2.jumbo a:hover, h3.jumbo a:active, h3.jumbo a:hover, h4.jumbo a:active, h4.jumbo a:hover, h5.jumbo a:active, h5.jumbo a:hover, h6.jumbo a:active, h6.jumbo a:hover, .h1.jumbo a:active, .h1.jumbo a:hover, .h2.jumbo a:active, .h2.jumbo a:hover, .h3.jumbo a:active, .h3.jumbo a:hover, .h4.jumbo a:active, .h4.jumbo a:hover, .h5.jumbo a:active, .h5.jumbo a:hover, .h6.jumbo a:active, .h6.jumbo a:hover, .secondary-tools span.secondary-tools-heading.jumbo a:active, .secondary-tools span.secondary-tools-heading.jumbo a:hover { color: #50b4d5; text-decoration: none; } h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #2e3393; } .secondary-tools span.secondary-tools-heading { color: #555555; } .h1, .h2, .h3, .h4, .h5, .h6, .secondary-tools span.secondary-tools-heading { display:block; } p, li {line-height:1.666em;} p {margin-bottom: 1.3em;} address { font-size: 1.2em; font-style: normal; margin-bottom: 1.5em; } blockquote { margin: 0 0 20px; } iframe { border:none; position: relative; z-index:1; } blockquote p { margin-bottom: 0.75em; } blockquote .source { font-style: italic; text-indent: -9px; padding-left: 9px; } ul, ol { margin: 0 0 1.8em 3.6em; color:#000000;} ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } li li, li p { font-size: 1em; } dl { margin: 0 0 1.8em 0; } dt {font-size: 1.3em;font-weight: bold;} 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; } /*----- LAYOUTS - TYPOGRAPHY ----- */ h1,h2,h3,h4,h5,h6,p,li {transition:all 0.3s ease;} #container-reviews #testimonials-secondary .quote p:first-child::before { font-size: 50px; } #head-content h1 { font-size: 4.3em; } #container-home-top-content .content-spacer > h1:first-child, #container-home-main-content .content-spacer > h2:first-child, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading, h1.jumbo, h2.jumbo, h3.jumbo, h4.jumbo, h5.jumbo, h6.jumbo, .h1.jumbo, .h2.jumbo, .h3.jumbo, .h4.jumbo, .h5.jumbo, .h6.jumbo, .secondary-tools span.secondary-tools-heading.jumbo { font-size: 4em; } #container-footer .phone-number { font-size: 3.5em;} h1, .h1 {font-size: 3em;} h2, .h2 { font-size: 3.2em; } .secondary-tools span.secondary-tools-heading {font-size: 2.5em;} h3, .h3 { font-size: 2.4em; } #container-reviews .testimonial .quote p, #testimonials-secondary .quote p {font-size: 1.9em;} #reviews #main-content .testimonial .quote p, #reviews #top-content .testimonial .quote p, #testimonials #main-content .testimonial .quote p, #testimonials #top-content .testimonial .quote p, h4, .h4 {font-size: 1.8em;} h5, .h5 {font-size: 1.7em;} h6, .h6 {font-size: 1.6em;} p, li {font-size: 2em; line-height: 30px;} @media all and (max-width: 1025px) { #container-reviews #testimonials-secondary .quote p:first-child::before { font-size: 47px; } #head-content h1 { font-size: 4em; } #container-home-top-content .content-spacer > h1:first-child, #container-home-main-content .content-spacer > h2:first-child, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading, h1.jumbo, h2.jumbo, h3.jumbo, h4.jumbo, h5.jumbo, h6.jumbo, .h1.jumbo, .h2.jumbo, .h3.jumbo, .h4.jumbo, .h5.jumbo, .h6.jumbo, .secondary-tools span.secondary-tools-heading.jumbo { font-size: 3.75em; } #container-footer .phone-number { font-size: 3em;} h1, .h1 {font-size: 2.8em;} h2, .h2, .secondary-tools span.secondary-tools-heading {font-size: 2.3em;} #container-reviews .testimonial .quote p, h3, .h3 {font-size: 1.8em;} #reviews #main-content .testimonial .quote p, #reviews #top-content .testimonial .quote p, #testimonials #main-content .testimonial .quote p, #testimonials #top-content .testimonial .quote p, #testimonials-secondary .quote p, h4, .h4 {font-size: 1.6em;} h5, .h5 {font-size: 1.5em;} h6, .h6 {font-size: 1.4em;} p, li {font-size: 1.5em;} } @media all and (max-width: 800px) { #container-reviews #testimonials-secondary .quote p:first-child::before { font-size: 42px; } #head-content h1 { /*font-size: 4.2em; */ font-size: 3.3em; } #container-home-top-content .content-spacer > h1:first-child, #container-home-main-content .content-spacer > h2:first-child, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading, h1.jumbo, h2.jumbo, h3.jumbo, h4.jumbo, h5.jumbo, h6.jumbo, .h1.jumbo, .h2.jumbo, .h3.jumbo, .h4.jumbo, .h5.jumbo, .h6.jumbo, .secondary-tools span.secondary-tools-heading.jumbo { font-size: 3.4em; } #container-footer .phone-number { font-size: 2.6em;} h1, .h1 {font-size: 2.5em;} h2, .h2, .secondary-tools span.secondary-tools-heading {font-size: 2.2em;} #container-reviews .testimonial .quote p, h3, .h3 {font-size: 1.7em;} #reviews #main-content .testimonial .quote p, #reviews #top-content .testimonial .quote p, #testimonials #main-content .testimonial .quote p, #testimonials #top-content .testimonial .quote p, #testimonials-secondary .quote p, h4, .h4 {font-size: 1.5em;} h5, .h5 {font-size: 1.4em;} h6, .h6 {font-size: 1.3em;} p, li {font-size: 1.5em; line-height:1.4em;} } @media all and (max-width: 570px) { #container-reviews #testimonials-secondary .quote p:first-child::before { font-size: 30px; } #head-content h1 { font-size: 3em; text-align: center; } #container-home-top-content .content-spacer > h1:first-child, #container-home-main-content .content-spacer > h2:first-child, #container-reviews #testimonials-secondary .secondary-tools span.secondary-tools-heading, h1.jumbo, h2.jumbo, h3.jumbo, h4.jumbo, h5.jumbo, h6.jumbo, .h1.jumbo, .h2.jumbo, .h3.jumbo, .h4.jumbo, .h5.jumbo, .h6.jumbo, .secondary-tools span.secondary-tools-heading.jumbo { font-size: 3em; } #container-footer .phone-number { font-size: 2.5em;} h1, .h1 {font-size: 2.4em;} h2, .h2, .secondary-tools span.secondary-tools-heading {font-size: 2.1em;} #container-reviews .testimonial .quote p, h3, .h3 {font-size: 1.8em;} #reviews #main-content .testimonial .quote p, #reviews #top-content .testimonial .quote p, #testimonials #main-content .testimonial .quote p, #testimonials #top-content .testimonial .quote p, #testimonials-secondary .quote p, h4, .h4 {font-size: 1.6em;} h5, .h5 {font-size: 1.4em;} h6, .h6 {font-size: 1.3em;} } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- IMAGES --------------------------------------------------------------------------------------------------------------------------------- */ a img { border: 0; } p.last { margin-top: 3em; } img.image-left, img.image-right, img.image-center { display: block; font-size: 1.2em; line-height: 0; width: auto; height: auto; } .image-left, .image-right, .image-center { font-size: 1.2em; line-height: 0; } img.image-left, img.image-right { max-width:50%; } .image-left, .image-right { width:50%; } img.image-left { float: left; margin: 0; padding: 0 2em 0.75em 0; } img.float-right { float: right; margin: 0; padding: 0 2em 0.75em 0; } img.image-center { max-width: 90%; margin: 0 auto 1.8em auto; } .image-left { float: left; margin: 0; padding: 0 2em 0.75em 0; } .image-right { float: right; margin: 0; padding: 0 0 0.75em 2em; } .image-center { width:90%; margin: 0 auto 1.8em auto; text-align: center; } .image-left img, .image-right img, .image-center img { display:block; width:100%; height: auto; margin: 0 auto; } .caption { font-size: 1.3em; line-height: 1.6364em; text-align: center; } /*----- LAYOUTS - IMAGES ----- */ @media all and (max-width: 570px) { .image-left, .image-right { float:none; width: 90%; margin: 0 auto; padding: 0 0 10px; } img.image-left, img.image-right { float:none; max-width: 90%; margin: 0 auto; padding: 0 0 10px; } } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LINKS --------------------------------------------------------------------------------------------------------------------------------- */ a { transition: color 0.15s ease, background-color 0.15s ease; } a:link, a:visited { color: #1aa3dd; text-decoration: underline; outline: none; } a:hover { text-decoration: underline; color: #d71920; } a:active { text-decoration: underline; color: #d71920; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited, .h1 a:link, .h1 a:visited, .h2 a:link, .h2 a:visited, .h3 a:link, .h3 a:visited, .h4 a:link, .h4 a:visited, .h5 a:link, .h5 a:visited, .h6 a:link, .h6 a:visited, .secondary-tools span.secondary-tools-heading a:link, .secondary-tools span.secondary-tools-heading a:visited { color: #1aa3dd; text-decoration: underline; outline: none; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active, .h1 a:hover, .h1 a:active, .h2 a:hover, .h2 a:active, .h3 a:hover, .h3 a:active, .h4 a:hover, .h4 a:active, .h5 a:hover, .h5 a:active, .h6 a:hover, .h6 a:active, .secondary-tools span.secondary-tools-heading a:active, .secondary-tools span.secondary-tools-heading a:hover { text-decoration: underline; color: #d71920; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- TABLES --------------------------------------------------------------------------------------------------------------------------------- */ table { margin: 0 auto 1.8em auto; } caption { font-size: 1.2em; font-style: italic; text-align: center; padding: 0 0 0.6em 0; margin: 0 auto; } td, th { font-size: 1.2em; line-height: 1em; padding: 0.5em 9px 0.25em; } th { font-weight: bold; border: 0; } tfoot td { line-height: 1.5em; } tfoot ul { margin: 0; list-style: none; } tfoot li { font-size: 1em; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- SITEWIDE FORMS --------------------------------------------------------------------------------------------------------------------------------- */ .populate { color:#666666; } .populate:focus { color:#000000; } form fieldset input[type="text"], form fieldset input[type="password"], form fieldset textarea, form fieldset select { border:1px solid #d7d7d7; border-radius: 3px 3px 3px 3px; font-family: 'PT Sans',Arial,Helvetica,sans-serif; padding: 13px 18px 13px; min-height: 50px; font-size: 15px; line-height: 1.2em; } form fieldset select { height: 50px; /*padding: 13px 18px;*/ padding:0 0 0 18px; } form fieldset textarea { width: 100%; } label, input[type="radio"], input[type="checkbox"], input[type="submit"], button { cursor:pointer; } label, input[type="submit"], button { border:none; -webkit-appearance:none; } /*this keeps iphones from zooming in on form fields */ @media screen and (-webkit-min-device-pixel-ratio:0) { select:focus, textarea:focus, input:focus { font-size: 16px; } } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- ERRORS & CONFIRMATIONS --------------------------------------------------------------------------------------------------------------------------------- */ /* --- form errors ---- */ /* highlight fields marked as error */ input.error, select.error, textarea.error { border: 1px solid red !important; } /* --- error container styling ---- */ #error-container, .error-container { background: #ffa0a0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTBhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffa0a0 0%, #f9c2c2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa0a0), color-stop(100%,#f9c2c2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa0a0 0%,#f9c2c2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa0a0 0%,#f9c2c2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa0a0 0%,#f9c2c2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa0a0 0%,#f9c2c2 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa0a0', endColorstr='#f9c2c2',GradientType=0 ); /* IE6-8 */ border-top:10px solid #D60000; color: #353535; text-shadow: 0 1px 0 #fff; } .confirmation-container { background: #abeaab; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZWFhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmZmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #abeaab 0%, #bfffbf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abeaab), color-stop(100%,#bfffbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #abeaab 0%,#bfffbf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #abeaab 0%,#bfffbf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #abeaab 0%,#bfffbf 100%); /* IE10+ */ background: linear-gradient(to bottom, #abeaab 0%,#bfffbf 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abeaab', endColorstr='#bfffbf',GradientType=0 ); /* IE6-8 */ border-top:10px solid #008000; color: #343434; text-shadow: 0 1px 0 #fff; } #error-container { border-radius: 0 0 7px 7px !important; box-shadow: 0 1px 3px #000000 !important; color: #353535 !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: 3000 !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: #e51937 !important; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important; font-size: 2.4em !important; font-style: normal !important; font-weight: bold !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: scroll !important; text-align: left !important; } #error-container li { color:#000000 !important; min-height: 0 !important; list-style-image: none !important; font-weight:normal !important; padding: 1px 0 !important; } #error-container li:before { color: #565656 !important; content: "\00BB" !important; /* » */ font-size: 1.3em !important; font-style: normal !important; font-weight: normal !important; line-height: 1em !important; padding: 0 5px 0 0 !important; text-shadow: none !important; } /* close error container input */ input.close-modal-popup { background: none repeat scroll 0 0 #BC1010; border: none !important; border-radius: 6px !important; box-shadow: 0 1px 1px #999 !important; color: #FFFFFF !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; } input.close-modal-popup:hover, input.close-modal-popup:active { background:#676767 !important; box-shadow: none !important; } /*----- LAYOUTS - ERRORS & CONFIRMATIONS ----- */ @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; } } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- COLUMN LAYOUTS --------------------------------------------------------------------------------------------------------------------------------- */ 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%; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- UTILITY CLASSES --------------------------------------------------------------------------------------------------------------------------------- */ .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; } /* Honeypot Validation */ li.company_name_required { display:none; } /*Checkmark Bullets */ ul.checkmarks li { list-style-image: url("/assets/templates/main/images/bullets/bullet-checkmark.png"); } ul.twocol.checkmarks, ul.threecol.checkmarks { padding: 0 0 0 2.5em; } .recommend-me-blurb > h2::before, h2.checkmark::before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 18px; margin: 0 5px 3px 0; background: transparent; background-repeat: no-repeat; background-size: auto auto; background-position: center center; background-image: url("/assets/templates/main/images/bullets/bullet-checkmark.png"); } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- SITEWIDE COLORS --------------------------------------------------------------------------------------------------------------------------------- */ .container-quickform { background: #2e3393; } .container-quickform .secondary-tools span.secondary-tools-heading { color: #FFF; } .container-quickform .secondary-tools span.secondary-tools-heading a:link, .container-quickform .secondary-tools span.secondary-tools-heading a:visited { color: #FFF; text-decoration: underline; } .container-quickform .secondary-tools span.secondary-tools-heading a:active, .container-quickform .secondary-tools span.secondary-tools-heading a:hover { color: #f89a20; text-decoration: underline; } input[type="submit"], button { font-family: 'Lato', sans-serif; border-radius: 0; min-height: 50px; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 5px 18px; line-height: 1.1em; background: #d71920; color: #ffffff; /*transition: color 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;*/ transition: color 0.2s ease, background-color 0.2s ease } input[type="submit"]:hover, input[type="submit"]:active, button:hover, button:active { background-color: #1aa3dd; } .main-gradient { background: #ededed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 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%, #aaaaaa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(18%,#bcbcbc), color-stop(47%,#8e8e8e), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* IE10+ */ background: linear-gradient(to bottom, #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-8 */ } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- RECOMMEND ME DEFAULTS --------------------------------------------------------------------------------------------------------------------------------- */ #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; } .nn-agg-rating { display: inline-block; font-size: 24px; font-weight: 300; vertical-align: middle; } .nn-reviews { font-size: 1.4em; margin: 7px 0; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- STAR RATING --------------------------------------------------------------------------------------------------------------------------------- */ .star-rating, .star-rating span:hover, .star-rating span:active,.star-rating span:focus,.star-rating .current-rating{background: url(/assets/templates/main/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:0px;} .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;} /* for an inline rater */ .inline-rating {display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align: middle;} /* smaller star */ .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(/assets/templates/main/images/star_small.png);line-height: 10px;height: 10px;} /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- VIEW ALL LINKS --------------------------------------------------------------------------------------------------------------------------------- */ p.view-all { font-size: 1.5em; line-height: 1.1em; margin-bottom: 8px; text-align: left; } /*p.view-all { position: relative; } p.view-all::after { content: ""; display: block; height: 1px; width: 100%; background: red; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/ p.view-all a { display: inline-block; /*min-width: 135px;*/ min-height: 50px; text-align: center; font-style: normal; font-weight: bold; text-transform: uppercase; padding: 18px 18px 13px; text-decoration:none; transition: color 0.2s ease, background-color 0.2s ease; /*transition: color 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;*/ /*, -ms-transform 0.1s ease , -webkit-transform 0.1s ease, transform 0.1s ease;*/ } p.view-all a:link, p.view-all a:visited { background-color: #d71920; color:#FFFFFF; } p.view-all a:hover, p.view-all a:active { background-color: #1aa3dd; } p.view-all a:after { /* content: "\00BB"; /* » */ /* content: "\25B6"; /* ▶ */ content: none; font-size: 0.8em; font-style: normal; font-weight: normal; line-height: 1em; padding: 0 0 0 5px; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- CTA BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */ div.cta-button { font-size: 1.5em; line-height: 1.1em; margin-bottom: 8px; text-align: center; } div.cta-button span { } div.cta-button span a { display: inline-block; /*min-width: 135px;*/ min-height: 50px; text-align: center; font-style: normal; font-weight: bold; text-transform: uppercase; padding: 18px 18px 13px; /*border-radius:3px;*/ text-decoration:none; /*background: #ffa602; color: #222222;*/ transition: color 0.2s ease, background-color 0.2s ease; /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.51);*/ /*box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.54);*/ /*-ms-transform: translate(0, -1px); -webkit-transform: translate(0, -1px); transform: translate(0, -1px);*/ /*transition: color 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;*/ /*, -ms-transform 0.1s ease , -webkit-transform 0.1s ease, transform 0.1s ease;*/ } div.cta-button span a:link, div.cta-button span a:visited { background-color: #d71920; color:#FFFFFF; /*box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.54);*/ /*-ms-transform: translate(0, -1px); -webkit-transform: translate(0, -1px); transform: translate(0, -1px);*/ } div.cta-button span a:hover, div.cta-button span a:active { background-color: #1aa3dd; /*color:#222222; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.54);*/ /*-ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0);*/ } div.cta-button span a:after { /* content: "\00BB"; /* » */ /* content: "\25B6"; /* ▶ */ content: none; font-size: 0.8em; font-style: normal; font-weight: normal; line-height: 1em; padding: 0 0 0 5px; } /* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /* --- SOCIAL NETWORKING --------------------------------------------------------------------------------------------------------------------------------- */ .social-networking ul { list-style-type: none; margin: 0 0 0; text-align:center; } .social-networking ul li { display: inline-block; margin: 5px 8px; position: relative; } .social-networking ul li a { display:block; text-indent: -999em; margin: 0 auto; height: 25px; width: 25px; background: transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.9; transition: opacity 0.2s ease; } .social-networking ul li a:active, .social-networking ul li a:hover { opacity: 1; } .social-networking ul li.btn-facebook a {background-image: url('/assets/templates/main/images/social/btn-facebook.png')} .social-networking ul li.btn-twitter a {background-image: url('/assets/templates/main/images/social/btn-twitter.png')} .social-networking ul li.btn-youtube a {background-image: url('/assets/templates/main/images/social/btn-youtube.png')} .social-networking ul li.btn-gplus a {background-image: url('/assets/templates/main/images/social/btn-gplus.png')} .social-networking ul li.btn-linkedin a {background-image: url('/assets/templates/main/images/social/btn-linkedin.png')} .social-networking ul li.btn-instagram a {background-image: url('/assets/templates/main/images/social/btn-instagram.png')} /*----- LAYOUTS - SOCIAL NETWORKING ----- */ /* --- END GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN CONTENT FRAMEWORK --------------------------------------------------------------------------------------------------------------------------------- */ #container-masthead { border-top: 3px solid #e4eefa; box-shadow: 2px 3px 5px 0px rgba(0, 1, 34, 0.26); position: relative; z-index: 300; } #container-masthead .content-spacer { padding-top: 0; padding-bottom: 0; } #masthead { overflow:hidden; position:relative; z-index: 799; } #masthead [class*="ims-grid-"] { vertical-align:middle; } /* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LOGO - TAGLINE --------------------------------------------------------------------------------------------------------------------------------- */ #logo { margin: 10px auto 5px; max-width: 348px; position: relative; } #logo img{ width:100%; height:auto; display:block; } #tagline { color: #222222; font-size: 1.4em; font-weight: normal; margin: 0 0 0.6em; text-align: center; line-height:1.1em; letter-spacing: -0.2px; white-space: nowrap; } /* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /* --- PHONE NUMBER --------------------------------------------------------------------------------------------------------------------------------- */ #phone-container { text-align: center; } #phone-text { color: #FF0000; font-size: 2.4em; line-height: 1.15em; margin:0; } #fixed-header .phone-number, #phone-number { font-size:3.9em; line-height: 0.9em; margin:0; white-space: nowrap; letter-spacing: -0.4px; } #phone-number, #phone-number span, #phone-number a, #phone-number span.gc-cs-link, #fixed-header .phone-number, #fixed-header .phone-number span, #fixed-header .phone-number a, #fixed-header .phone-number span.gc-cs-link { color: #d71920; text-decoration:none; } /* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /* --- client login --------------------------------------------------------------------------------------------------------------------------------- */ #client-login { font-size: 1.2em; } p.client-login { } .client-login a { display: inline-block; text-align: center; /*font-size: 13px;*/ line-height: 1.1em; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; color: #FFFFFF; background: #b7b7b7; border-radius: 2px; padding: 3px 11px 5px; } .client-login a:link, .client-login a:visited { color: #555555; background: #e4eefa; text-decoration: none; } .client-login a:active, .client-login a:hover { color: #2e3393; background: #e1e1e1; text-decoration: none; } #client-login a { padding: 3px 11px 5px; border-radius: 0 0 2px 2px; display: block; white-space: nowrap; } #client-login { position: absolute; top: 0; right: 0; } /* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LAYOUTS/ANIMATION --------------------------------------------------------------------------------------------------------------------------------- */ #masthead { transition: none; } #logo, #phone-container, #tagline { transition: none; } @media all and (min-width: 801px) { #masthead { /*height: 116px;*/ /*height: 130px;*/ height: 170px; } #logo-container { position: absolute; top: 54%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #logo { margin: 0 auto 8px; width: 348px; } #phone-container { position: absolute; bottom: 66px; right: 0; -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } #wrapper-container-primary-navigation { margin-top: -39px; } } @media all and (min-width: 1025px) { #masthead { height: 116px; /*height: 130px;*/ /*height: 170px;*/ } #wrapper-container-primary-navigation #container-primary-navigation { padding-left: 375px; max-width: 1180px; margin-right: 0; margin-left: auto; } } @media all and (min-width: 801px) and (max-width: 1024px) { #logo-container { top: 35.7%; } #logo { margin: 0 auto; } #phone-container { /*bottom: 59px;*/ /*bottom: 73px;*/ bottom: 98px; } } @media all and (min-width: 571px) and (max-width: 800px) { #masthead { text-align: center; /*padding: 40px 0 1px;*/ padding: 40px 0 17px; } #logo { margin-top: 3px; margin-left: 0; } #tagline { text-align: left; } #phone-number { text-align: right; } #logo-container, #phone-container { display: inline-block; vertical-align: bottom; width: 50%; margin: 0 -3px 0 0; } #logo-container { width: 60%; } #phone-container { width: 40%; padding-top: 5px; /*padding-bottom: 6px;*/ padding-bottom: 11px; padding-right: 1px; } } @media all and (min-width: 571px) and (max-width: 700px) { /*#phone-container { padding-bottom: 5px; }*/ #phone-number { font-size: 3.5em; } #logo { max-width: 320px; } #tagline { font-size: 1.31em; } } @media all and (min-width: 571px) and (max-width: 600px) { #phone-number { /*font-size: 3.2em;*/ font-size: 2.8em; } } @media all and (max-width: 570px) { #masthead { padding: 40px 0 15px; } #logo-container { margin: 0 auto 15px; max-width: 280px; } #phone-number { font-size: 3.5em; } #tagline { /*max-width: 200px; margin-left: auto; margin-right: auto;*/ text-align: left; font-size: 1.15em; white-space: nowrap; } } /* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /* --- Fixed Header --------------------------------------------------------------------------------------------------------------------------------- */ @-webkit-keyframes opaque-transparent-opaque { 0% { opacity: 1; } 1% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-moz-keyframes opaque-transparent-opaque { 0% { opacity: 1; } 1% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-o-keyframes opaque-transparent-opaque { 0% { opacity: 1; } 1% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes opaque-transparent-opaque { 0% { opacity: 1; } 1% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes transparent-opaque { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes transparent-opaque { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes transparent-opaque { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes transparent-opaque { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } #fixed-header { height: 52px; position: fixed; z-index: 900; top: -52px; left: 0; width: 100%; background: #fbfbfb; opacity: 0; overflow: hidden; border-top: 1px solid #ececec; border-bottom: 1px solid #a0a0a0; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.54); transition: top 0.3s ease, opacity 0.3s ease; } #fixed-header .content-spacer { padding-top: 0; padding-bottom: 0; } #fixed-header .width-limiter { height: 100%; } #fixed-header .fixed-masthead { position: relative; height: 100%; } #fixed-header .logo-container { position: absolute; top: 48%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #fixed-header .logo-container img { display: block; width: 174px; height: auto; } #fixed-header .phone-container { position: absolute; top: 53%; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #fixed-header .phone-number { margin-bottom: 0; font-size: 2.9em; } @media all and (min-width: 801px) { .ims-is-scrolled:not(.active-navigation) #fixed-header { opacity: 1; top: 0; left: 0; } } @media all and (max-width: 800px) { .ims-is-scrolled:not(.active-navigation) #fixed-header { opacity: 1; top: 0; left: 0; } .js .ims-is-scrolled:not(.active-navigation) #container-all #toggle-navigation { position: fixed; left: 15px; top: 10px; text-indent: -999em; -webkit-animation: transparent-opaque 0.5s 1; -moz-animation: transparent-opaque 0.5s 1; -o-animation: transparent-opaque 0.5s 1; animation: transparent-opaque 0.5s 1; } #fixed-header .logo-container { left: 38px; } } @media all and (max-width: 570px) { #fixed-header { height: 40px; } #fixed-header .logo-container { display: none; } #fixed-header .phone-container { top: 51%; } #fixed-header .phone-number { font-size: 2.7em; } .js .ims-is-scrolled:not(.active-navigation) #container-all #toggle-navigation { top: 5px; } } /* --- END MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ #primary-navigation ul li a { transition: color 0.2s ease, background-color 0.2s ease; } #wrapper-container-primary-navigation { padding-top: 0; padding-bottom: 0; } @media all and (max-width: 800px) { #toggle-navigation { transition: left 0.4s ease, right 0.4s } #container-primary-navigation, #container-masthead, #container-content, #container-footer { transition: left 0.3s ease; } #primary-navigation { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); box-shadow: 0 0 15px #212121 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 (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAV ITEM COLORS & FONT SIZES --------------------------------------------------------------------------------------------------------------------------------- */ /* ----- Static ----- */ /* All Nav Items */ #primary-navigation li, #primary-navigation li a:link, #primary-navigation li a:visited { color:#555555; background: rgba(255,255,255,0.3); } /* ----- Rollovers ----- */ /* All Nav Items */ #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: #33a0c1; background: rgba(225,225,225,0.9); } /* ----- You Are Here ----- */ /* All Nav Items */ #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: #33a0c1; } /* ----- Nav Font Sizes ----- */ /* Top Level */ #primary-navigation ul li.nav-level-1 { font-size: 2.2em; line-height: 1.1em; } /* Secondary */ #primary-navigation ul li.nav-level-1 > ul > li { font-size:0.75em; line-height: 1.1em; } /* Tertiary/Third Level & Beyond */ #primary-navigation ul li.nav-level-1 > ul > li li { font-size:1em; line-height: 1.1em; } /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- TOP-LEVEL --------------------------------------------------------------------------------------------------------------------------------- */ #primary-navigation ul li.nav-level-1 { border-bottom: 1px solid #898989; min-height: 40px; height:auto; line-height: 1.1em; overflow: hidden; padding: 0; position: relative; text-align: left; } #primary-navigation ul li.nav-level-1:first-child { border-top: 1px solid #333333; } #primary-navigation ul li.nav-level-1 > a { display: block; padding:8px 19% 10px 5%; } /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAV ITEMS --------------------------------------------------------------------------------------------------------------------------------- */ /* ----- All Dropdown Nav Items ----- */ #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 li:first-child a { } /* ----- 3rd Level Nav Items (tertiary service pages) & beyond ----- */ #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%; } /* Active Navigation */ #primary-navigation ul li.nav-level-1 ul.active { max-height:none; } #primary-navigation ul li.nav-level-1 > ul.active { padding-bottom:8px; } /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAVIGATION 'SHOW/HIDE' LINK --------------------------------------------------------------------------------------------------------------------------------- */ #toggle-navigation { height: 0; width:0; } .no-js #toggle-navigation { display:none; } .js #toggle-navigation { background: url("/assets/templates/main/images/nav/icon-nav-darker.png") no-repeat scroll 4px center rgba(0, 0, 0, 0); background-size: auto 20px; border-radius:4px; cursor: pointer; font-size: 2em; height: 35px; left: 15px; margin: 0 auto; min-width: 100px; overflow: hidden; padding: 0; position: absolute; text-align: left; top: 0; z-index:1950; } .js #toggle-navigation a { color: #333333; 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; } /* ------ Show/Hide Navigation (slide-out) ------ */ #container-primary-navigation { height: 100%; left: -90%; position:fixed; width: 90%; top: 0; z-index: 900; } .active-navigation #container-primary-navigation { left: 0; } #container-masthead, #container-content, #container-footer { position:relative; left:0; } .active-navigation #container-masthead, .active-navigation #container-content, .active-navigation .container-content, .active-navigation #container-service-areas, .active-navigation #container-footer, .active-navigation #container-cta-container, .active-navigation #container-footer-navigation, .active-navigation #container-copyright, .active-navigation #container-banner, .active-navigation #container-top-content, .active-navigation #container-main-content, .active-navigation #container-service-areas, .active-navigation #container-testimonials, .active-navigation #container-request-evaluation-quickform, .active-navigation #container-home-top-content, .active-navigation #container-home-main-content, .active-navigation #container-reviews, .active-navigation #container-affiliations { left:90%; position: relative; } .active-navigation #container-masthead { box-shadow:none; } .active-navigation #banner { overflow: hidden; } /* Hide Apex Chat when nav is active */ .active-navigation #apexchat_invitation_container_minimized_wrapper, .active-navigation #apexchat_invitation_container_wrapper { display:none !important; } /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- EXPAND NAVIGATION BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */ div.expand-nav { cursor:pointer; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.7em; font-weight: normal; 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: #555555; 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: 800px) */ /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- MOBILE OVERRIDES --------------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 570px) { .js #toggle-navigation { background-size: auto 17px; font-size: 1.8em; height: 30px; top: 10px; } .js #toggle-navigation a { line-height: 30px; padding-left:30px; } } /* --- END PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ @media all and (min-width: 801px) { /* no toggle nav button for any desktop view */ .js #toggle-navigation { font-size:0; height: 0; width:0; } #primary-navigation { clear: both; margin: 0 auto; padding: 0; position: relative; text-align: center; z-index:800; border-top: 3px solid #e4eefa; } #primary-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; list-style: none; /*margin: 0 auto;*/ margin: 0 -4px 0 -6px; padding: 0; } #primary-navigation ul li, #primary-navigation ul li a { text-decoration: none; cursor:pointer; } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAV ITEM COLORS --------------------------------------------------------------------------------------------------------------------------------- */ /* ----- Static ----- */ /* All Nav Items */ /*#primary-navigation > ul > li:last-child > a { border-right: 1px solid rgba(0,0,0,0.29); } #primary-navigation > ul > li > a { border-left: 1px solid rgba(0,0,0,0.29); }*/ #primary-navigation li, #primary-navigation li a:link, #primary-navigation li a:visited { color:#555555; background: #FFF; } /* ----- Rollovers ----- */ /* Primary Nav */ #primary-navigation li a:hover, #primary-navigation li a:active, #primary-navigation li.active > a { color: #2e3393; background: #e4eefa; } /* Dropdowns */ #primary-navigation ul li.nav-level-1 ul li a:hover, #primary-navigation ul li.nav-level-1 ul li a:active { color: #2e3393; background: #e4eefa; } /* ----- You Are Here ----- */ /* All Nav Items */ #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: #2e3393; } /* Primary Nav Arrows */ #primary-navigation ul li.nav-level-1 > a span:after { color: #555555; } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- TOP-LEVEL --------------------------------------------------------------------------------------------------------------------------------- */ #primary-navigation ul li.nav-level-1 { display: inline-block; font-size: 13px; font-weight: bold; margin: 0 -3px 0 0; padding: 0; position:relative; text-align: center; vertical-align:top; } #primary-navigation ul li.nav-level-1 { height: 36px; line-height: 36px; width: 100%; } #primary-navigation ul li.nav-level-1 > a { display: block; height: 100%; line-height: 36px; padding:0 5px; } #primary-navigation ul li.nav-level-1 > a > span { display: inline-block; vertical-align: middle; width: 100%; line-height: 14px; text-transform: uppercase; -ms-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); /*letter-spacing: 0.9px;*/ } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- DROPDOWN ARROWS (PRIMARY ITEMS) --------------------------------------------------------------------------------------------------------------------------------- */ #primary-navigation ul li.nav-level-1 > a > span:after { /* content:'\25e2'; /* ◢ */ /* content:'\22bf'; /* ⊿ */ /* content:'\25bd'; /* ▽ */ content:'\25bc'; /* ▼ */ font-family: Arial,Helvetica,sans-serif; font-weight: 400; font-size: 0.6em; line-height: 1.1em; text-align: center; vertical-align: middle; display: inline; margin: 0 2px; -ms-transform: scale(0.9, 0.7); -webkit-transform: scale(0.9, 0.7); transform: scale(0.9, 0.7); -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } #primary-navigation ul li.nav-level-1.current > a > span::after { color: #2e3393; } /* no arrows for primary nav items with no dropdowns */ #primary-navigation ul li.nav-level-1.contains-0 > a > span:after { content:none; } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- DROPDOWNS - CONTAINERS --------------------------------------------------------------------------------------------------------------------------------- */ #primary-navigation ul li.nav-level-1 > ul { transition: box-shadow ease 0.3s, max-height ease 0.3s; } #primary-navigation ul li.nav-level-1 > ul { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 3px 8px rgba(0,0,0,0); left: 0; max-height: 0; overflow: hidden; position: absolute; top: 36px; 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; } /* Positioning for 'center position' and 'right position' dropdowns */ #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; } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- EXPAND NAVIGATION BUTTONS (repurposed as close megadropdown) --------------------------------------------------------------------------------------------------------------------------------- */ /* no close button for no-touch devices */ .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 #000000; color: #000000; height: 40px; position: absolute; left: 280px; top: 30px; 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 #333333; 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 (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- DROPDOWNS - NAV ITEMS --------------------------------------------------------------------------------------------------------------------------------- */ /* ----- All Dropdown Nav Items ----- */ #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: left; } #primary-navigation ul li.nav-level-1 li a { display: block; padding: 8px 30px; } #primary-navigation ul li.nav-level-1 li:first-child a { padding-top: 16px; } #primary-navigation ul li.nav-level-1 li:last-child a { padding-bottom: 16px; } /* ----- 3rd Level Nav Items (tertiary service pages) & beyond ----- */ #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: 801px) */ /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- TWO-LINE TEXT --------------------------------------------------------------------------------------------------------------------------------- */ @media all and (min-width: 801px) and (max-width: 1110px) { #primary-navigation ul li.nav-level-1 > a > span { margin-top: -3px; -ms-transform: none; -webkit-transform: none; transform: none; padding-bottom: 5px; } #primary-navigation ul li.nav-level-1 > a > span::after { display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -3px; font-size: 5.2px; line-height: 1.1em; /*-ms-transform: scale(0.9, 0.7); -webkit-transform: scale(0.9, 0.7); transform: scale(0.9, 0.7);*/ -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAV ITEM WIDTHS --------------------------------------------------------------------------------------------------------------------------------- */ /* --- END PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN CONTENT FRAMEWORK --------------------------------------------------------------------------------------------------------------------------------- */ #container-content { overflow:hidden; position:relative; } #content { background: #FFFFFF; overflow:hidden; position:relative; } #content .content { padding-top: 15px; } #top-content, #main-content { float: left; } #head-content { /*min-height: 150px;*/ clear: both; padding: 1px 0; background-color: #1BA1DE; background-image: url('/assets/templates/main/images/backgrounds/bg-hero.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } #head-content .width-limiter { padding-top: 32px; padding-bottom: 28px; } #sidebar-content { float: right; position:relative; z-index:1; } #sidebar-content:after { content: none; height:10000%; position: absolute; left: -1px; top: 0; width:100%; z-index:-1; } .content-spacer {padding:30px;} #top-content .content-spacer {padding-bottom:0;} #main-content .content-spacer {padding-top:0;} #top-content .content-spacer h1:first-child {margin-top:0;} .exclude-secondary-content #top-content, .exclude-secondary-content #main-content {width:100%;} /* --- CONTENT FRAMEWORK --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LAYOUTS/ANIMATION --------------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width:1280px) { } @media all and (min-width: 801px) { #sidebar-content .content-spacer { padding-left: 0; } } @media all and (max-width:800px) { #top-content, #main-content {width:60%} #sidebar-content {width:40%} .content-spacer {padding: 15px;} } @media all and (max-width:570px) { #top-content, #main-content, #sidebar-content { float:none; width:100%; } #sidebar-content:after {height:0;content:none;} /*#sidebar-content > .content-spacer > .secondary-tools-outer:last-child { margin-bottom: 0; }*/ /*#sidebar-content > .content-spacer { padding-top: 1px; padding-bottom: 0; }*/ } /* --- END CONTENT FRAMEWORK --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ .secondary-tools-outer { } .secondary-tools-outer .secondary-tools-script { display: none; } .sidebar-content .secondary-tools-outer { background:transparent; border: medium none; margin: 50px 0; background: #e4eefa; /*box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.54);*/ box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.4), -1px 0 0.1px 0 rgba(0,0,0,0.2), 1px 0 0.1px 0 rgba(0,0,0,0.2); padding: 25px 20px 18px; overflow: hidden; border-radius: 4px; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child { margin-top: -25px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .sidebar-content .secondary-tools-outer:first-child { margin-top: 0; } .sidebar-content .secondary-tools span.secondary-tools-heading { } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child { padding-top: 15px; padding-bottom: 12px; font-size: 24px; line-height: 1em; background: #2e3393; color: #FFFFFF; border-bottom: 3px solid #1aa3dd; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.51); } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading.decorate-icon:first-child, .sidebar-content .secondary-tools-outer .secondary-tools > h2.decorate-icon:first-child { padding-top: 10px; padding-bottom: 15px; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child a:link, .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child a:visited, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child a:link, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child a:visited { color: #FFFFFF; text-decoration: none; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child a:active, .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child a:hover, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child a:active, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child a:hover { color: #f89a20; text-decoration: none; } .secondary-tools ul { list-style-type:none; margin:10px 0; } .secondary-tools li { font-size: 1.3em; font-weight: bold; padding: 6px 0; } .secondary-tools ul li a:link, .secondary-tools ul li a:visited { /*color: #038dbf;*/ text-decoration:underline; } .secondary-tools ul li a:hover, .secondary-tools ul li a:active { /*color: #d71920;*/ text-decoration: underline; } .secondary-tools form { margin:0 0 15px; } .secondary-tools form ul { list-style-type:none; margin:0px; } .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 input[type="password"], .secondary-tools form fieldset textarea, .secondary-tools form fieldset select { /*font-size:15px; line-height: 1.2em;*/ } .secondary-tools form input[type="submit"], .secondary-tools form button { /*font-size: 15px; padding: 5px 18px;*/ position:relative; margin-left:-10px; } .secondary-tools .secondary-tools-form { padding: 0 10px; } .secondary-tools .secondary-tools-form form fieldset:first-child, .secondary-tools .secondary-tools-form form fieldset:first-child ul, .secondary-tools .secondary-tools-form form fieldset:first-child ul li { max-width: none; width: 100%; display: inline-block; box-sizing: border-box; text-align: left; } .secondary-tools .secondary-tools-form form fieldset:first-child input[type="text"], .secondary-tools .secondary-tools-form form fieldset input[type="password"], .secondary-tools .secondary-tools-form form fieldset:first-child textarea, .secondary-tools .secondary-tools-form form fieldset:first-child select { width: 98%; } .secondary-tools .secondary-tools-form form input[type="submit"], .secondary-tools .secondary-tools-form form button { margin-left: 0; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading.decorate-icon:first-child > span, .sidebar-content .secondary-tools-outer .secondary-tools > h2.decorate-icon:first-child > span { display: inline-block; /*padding-left: 24.5%;*/ padding-left: 23%; width: 100%; position: relative; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading.decorate-icon:first-child > span::before, .sidebar-content .secondary-tools-outer .secondary-tools > h2.decorate-icon:first-child > span::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 16%; background: transparent; background-repeat: no-repeat; background-position: left center; background-size: contain; } @media all and (min-width: 801px) { .sidebar-content .secondary-tools-outer { padding: 35px 30px 28px; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child { margin-top: -35px; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media all and (min-width: 1025px) { .sidebar-content .secondary-tools-outer { padding: 49px 40px 36px; } .sidebar-content .secondary-tools-outer .secondary-tools > span.secondary-tools-heading:first-child, .sidebar-content .secondary-tools-outer .secondary-tools > h2:first-child { margin-top: -49px; margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .secondary-tools-lower-box { padding-left: 10px; padding-right: 10px; } } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- CAREERS --------------------------------------------------------------------------------------------------------------------------------- */ .secondary-available-positions h3 { margin-bottom: 1px; } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- PROMOTIONS --------------------------------------------------------------------------------------------------------------------------------- */ /*-------- PROMOTIONS - Sidebar ------------------------ */ #promotions-secondary .secondary-tools li {} #promotions-secondary .secondary-tools li a {} #promotions-secondary .secondary-tools li a.popup {} #promotions-secondary .secondary-tools li a.promotion-detail {} /*-------- PROMOTIONS - Landing Page ------------------------ */ #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 - Individual (Coupons) ------------------------ */ .promotions-item-details-wrapper { border: 3px dashed #000000; margin: 0 auto; text-align: center; width: 90%; } .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 h1 { font-size: 2.6em; } .promotions-item-details-wrapper p { font-size: 1.4em; } .promotions-item-details-wrapper p.promotions-content { font-size: 1.8em; font-weight: bold; } .promotions-item-details-wrapper p.coupon-footer { font-size: 1.3em; } #btn-print-coupon { max-width:300px; margin:10px auto; } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- REVIEWS --------------------------------------------------------------------------------------------------------------------------------- */ #testimonials-secondary .quote p { font-style: italic; } #testimonials-secondary .quote p:first-child::before, .secondary-tools-outer .quote p:first-child::before { /* content: '"'; */ content: open-quote; color: #d92027; font-weight: normal; font-style: normal; font-size: 30px; line-height: 8px; display: inline-block; vertical-align: middle; margin-right: 5px; } #testimonials-secondary .quote p:last-child:after, .secondary-tools-outer .quote p:first-child::after { /*content: '"';*/ content: close-quote; } .testimonial-large-teaser { font-size: 30px; font-weight: bold; font-style: italic; } #testimonials-secondary p.source { font-size: 1.5em; } /*-------- REVIEWS - Landing Page ------------------------ */ #testimonials .promotions-item-details-wrapper, #reviews .promotions-item-details-wrapper { border: medium none; margin: 0; padding: 0; } #testimonials #top-content .testimonial, #testimonials #main-content .testimonial, #reviews #top-content .testimonial, #reviews #main-content .testimonial { /*border-top: 1px solid #787878;*/ font-size: 1.05em; margin: 2% auto 30px; padding: 20px 10px 0 50px; position: relative; width: 94%; } #testimonials #top-content .testimonial .quote p, #testimonials #main-content .testimonial .quote p, #reviews #top-content .testimonial .quote p, #reviews #main-content .testimonial .quote p { font-style: italic; } #testimonials #top-content .testimonial .source, #testimonials #main-content .testimonial .source, #reviews #top-content .testimonial .source, #reviews #main-content .testimonial .source { /*text-align:right;*/ } #testimonials #top-content .testimonial:before, #testimonials #main-content .testimonial:before, #reviews #top-content .testimonial:before, #reviews #main-content .testimonial:before { color: #50b4d4; content: "\201C"; font-size: 10em; left: 0; line-height: 0; position: absolute; top: 48px; } #testimonials #top-content .testimonial .quote p:last-child:after, #testimonials #main-content .testimonial .quote p:last-child:after, #reviews #top-content .testimonial .quote p:last-child:after, #reviews #main-content .testimonial .quote p:last-child:after { content: "\201D"; } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NEWSLETTER SIGNUP --------------------------------------------------------------------------------------------------------------------------------- */ /* More robust full width form. */ #newsletter-signup form { white-space: nowrap; margin-right: auto; margin-left: 0; } #newsletter-signup form { max-width: 350px; } #newsletter-signup form fieldset:first-child { width: 100%; } #newsletter-signup form input[type='text'] { max-width: none; width: 100%; } #newsletter-signup ul, #newsletter-signup ul li { max-width: none; width: 100%; margin: 0; padding: 0; display: inline-block; box-sizing: border-box; } #newsletter-signup ul.submit, #newsletter-signup ul.submit li { width: auto; box-sizing: border-box; } #newsletter-signup form fieldset:nth-child(2) ul:not(.submit) { width: 0; } #newsletter-signup button, #newsletter-signup input[type="submit"] { width: 80px; margin-left: -80px; padding-left: 5px; padding-right: 5px; } /* End robust form. */ /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- SERVICE AREAS --------------------------------------------------------------------------------------------------------------------------------- */ /* More robust full width form. */ #service-area-search form { white-space: nowrap; margin-right: auto; margin-left: 0; } #service-area-search form { max-width: 300px; } #service-area-search form fieldset:first-child { width: 100%; } #service-area-search form input[type='text'] { max-width: none; width: 100%; height: 45px; } #service-area-search ul, #service-area-search ul li { max-width: none; width: 100%; margin: 0; padding: 0; display: inline-block; box-sizing: border-box; } #service-area-search ul li.submit { width: auto; box-sizing: border-box; } #service-area-search button, #service-area-search input[type="submit"] { width: 90px; margin-left: -90px; padding-left: 5px; padding-right: 5px; } /* End robust form. */ /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- REQUEST EVALUATION --------------------------------------------------------------------------------------------------------------------------------- */ #container-request-evaluation-quickform { border-bottom: 3px solid #1aa3dd; padding-bottom: 15px; } #ims-form-module-form-17 fieldset:first-child input[type="text"], #ims-form-module-form-17 fieldset input[type="password"], #ims-form-module-form-17 fieldset:first-child textarea, #ims-form-module-form-17 fieldset:first-child select { border: 1px solid #898181; } .sidebar-content #request-evaluation-quickform .secondary-tools > span.secondary-tools-heading.decorate-icon:first-child > span::before, .sidebar-content #request-evaluation-quickform .secondary-tools > h2.decorate-icon:first-child > span::before { background-image: url('/assets/templates/main/images/icons/icon-evaluation.png'); } @media all and (min-width: 801px) { #container-request-evaluation-quickform .secondary-tools { min-height: 100px; padding-left: 152px; position: relative; margin: 0 auto; /*max-width: 980px;*/ max-width: 1200px; } #container-request-evaluation-quickform .secondary-tools::before { content: ""; display: block; width: 98px; height: 83px; margin-top: 2px; position: absolute; left: 76px; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('/assets/templates/main/images/icons/icon-evaluation.png'); } #container-request-evaluation-quickform .secondary-tools .secondary-tools-form { padding: 0; } #container-request-evaluation-quickform .secondary-tools-form form fieldset { display: inline-block; margin: 0 -3px 0 0; vertical-align: middle; } #container-request-evaluation-quickform .secondary-tools-form form fieldset:first-child { /*width: 75%;*/ width: 100%; padding-right: 152px; margin-right: -155px; } #container-request-evaluation-quickform .secondary-tools-form form fieldset:last-child { /*width: 25%;*/ width: 152px; } #container-request-evaluation-quickform .secondary-tools-form form fieldset:first-child ul li { display: inline-block; margin: 0 -3px 0 0; vertical-align: middle; width: 25%; } #container-request-evaluation-quickform .secondary-tools-form ul.submit, #container-request-evaluation-quickform .secondary-tools-form ul.submit li { width: 100%; text-align: left; } #container-request-evaluation-quickform .secondary-tools .secondary-tools-form form fieldset:first-child input[type="text"], #container-request-evaluation-quickform .secondary-tools .secondary-tools-form form fieldset:first-child textarea, #container-request-evaluation-quickform .secondary-tools .secondary-tools-form form fieldset:first-child select { width: 100%; } #container-request-evaluation-quickform .secondary-tools-form form fieldset:first-child ul li, #container-request-evaluation-quickform .secondary-tools-form ul.submit li { padding: 0 8px; } #container-request-evaluation-quickform #request-evaluation-quickform .secondary-tools span.secondary-tools-heading { padding-left: 8px; margin-top: 0; margin-bottom: 15px; } } @media all and (max-width: 800px) { #container-request-evaluation-quickform { padding: 15px 10px; } #container-request-evaluation-quickform #request-evaluation-quickform .secondary-tools span.secondary-tools-heading { padding-left: 85px; position: relative; margin-top: 0; margin-bottom: 0; padding-top: 37px; margin-bottom: 16px; } #container-request-evaluation-quickform #request-evaluation-quickform .secondary-tools { max-width: 570px; margin-left: auto; margin-right: auto; } #container-request-evaluation-quickform .secondary-tools .secondary-tools-form { padding-left: 0; padding-right: 0; } #container-request-evaluation-quickform #request-evaluation-quickform .secondary-tools span.secondary-tools-heading::before { content: ""; display: block; position: absolute; left: 37.5px; top: 50%; height: 90%; width: 75px; margin-top: 1px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: transparent; background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url('/assets/templates/main/images/icons/icon-evaluation.png'); } } @media all and (min-width: 571px) and (max-width: 800px) { #request-evaluation-quickform .secondary-tools-heading span { padding-left: 0; } .sidebar-content #request-evaluation-quickform .secondary-tools > span.secondary-tools-heading.decorate-icon:first-child > span::before, .sidebar-content #request-evaluation-quickform .secondary-tools > h2.decorate-icon:first-child > span::before { content: none; } } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- AFFILIATIONS --------------------------------------------------------------------------------------------------------------------------------- */ 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: bold; line-height:1.1em; left: auto; padding: 5px; position: static; text-align: center; } /* Inc 5000 logos */ #container-footer .affiliations li { padding: 12px 5px; /*max-width: 33.33%;*/ max-width: 30%; } #container-footer .affiliations li img { width: 100%; max-width: 100px; height: 100%; display: block; margin: auto; } @media all and (max-width: 570px) { #container-footer .affiliations li { max-width: 50%; /*display: block;*/ /*margin: auto;*/ } } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- PAYMENTS --------------------------------------------------------------------------------------------------------------------------------- */ #payments ul { margin: 0 auto; text-align: left; } #payments ul li { background: none repeat scroll 0 0 transparent; display: inline-block; list-style-type: none; padding: 0; } #payments ul li img {} #payments ul li span { position:absolute; left:-999em; } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- PARTNERS --------------------------------------------------------------------------------------------------------------------------------- */ .sidebar-content .secondary-tools-outer.secondary-partners { background: transparent; padding: 0; box-shadow: none; } .sidebar-content .secondary-partners ul.affiliations { margin-top: -15px; margin-bottom: -15px; margin-left: -15px; margin-right: -15px; text-align: left; } .sidebar-content .secondary-partners ul.affiliations li { padding: 15px; } /* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LAYOUTS/ANIMATION --------------------------------------------------------------------------------------------------------------------------------- */ /* --- END SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------- RECOMMEND ME - Landing Page ------------------------ */ #recommend-me-video iframe { max-width: 100%; } .recommend-me-heading { text-align: center; } .recommend-me-heading a { display: inline-block; max-width: 100%; } .recommend-me-heading img { max-width: 100%; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- EVENTS PAGE --------------------------------------------------------------------------------------------------------------------------------- */ #events-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .event-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 30px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .event-wrapper:nth-child(odd) { padding-right: 10px; } .event-wrapper:nth-child(even) { padding-left: 10px; } .event-wrapper .event { background-color: #e4eefa; border-radius: 4px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.54); padding: 268px 0 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-decoration: none; } .event-wrapper .event::before { content: ''; height: 268px; width: 100%; top: 0; left: 0; position: absolute; border-bottom: 3px solid #d71920; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 4px 4px 0 0; } .event-wrapper .event::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 4px; background-color: rgba(0,0,0,0.5); opacity: 0; transition: all 0.3s; } .event-wrapper .event:hover::after, .event-wrapper .event:active::after { opacity: 1; } #data-message::before { background-image: url("/assets/templates/main/images/events-page/email.png"); } #leverage-reviews::before { background-image: url("/assets/templates/main/images/events-page/analytics.png"); } #misconceptions::before { background-image: url("/assets/templates/main/images/events-page/computer.png"); } #leadership::before { background-image: url("/assets/templates/main/images/events-page/success.png"); } #quality-presence::before { background-image: url("/assets/templates/main/images/events-page/phone.png"); } #hiring::before { background-image: url("/assets/templates/main/images/events-page/handshake.png"); } #brand-reputation::before { background-image: url("/assets/templates/main/images/events-page/brand_reputation.jpg"); } #marketing-contractors::before { background-image: url("/assets/templates/main/images/events-page/marketing_for_contractors.jpg"); } #paid-search::before { background-image: url("/assets/templates/main/images/events-page/paid_search_success.jpg"); } #effective-content::before { background-image: url("/assets/templates/main/images/events-page/seo.png"); } #branding::before { background-image: url("/assets/templates/main/images/events-page/branding.png"); } #email-marketing::before { background-image: url("/assets/templates/main/images/events-page/email_marketing.jpg"); } .event-wrapper .desc { padding: 13px 30px 25px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .event-wrapper p { margin-bottom: 0; font-size: 1.5em; } .event-wrapper .tags { color: #e4eefa; font-weight: bold; background-color: #2e3393; position: absolute; left: -4px; top: 16px; max-width: 80%; padding: 3px 18px; } .event-wrapper .event-date { color: #d71920; font-weight: bold; text-transform: uppercase; } .event-wrapper h3 { margin: 0 0 13px; } .desc-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .event-wrapper .view-all { position: relative; z-index: 1; color: #FFFFFF; background-color: #1aa2dd; display: inline-block; min-height: 50px; text-align: center; font-style: normal; font-weight: bold; text-transform: uppercase; padding: 18px 18px 13px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s; } .event-wrapper .event:hover .view-all, .event-wrapper .event:active .view-all { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*.event-wrapper .view-all:hover, .event-wrapper .view-all:active { background-color: #d71920; }*/ .event-wrapper .event-type { font-style: italic; color: #1aa2dd; background-image: none; background-repeat: no-repeat; background-position: center top; line-height: 1.2em; } .event-wrapper .webinar { background-image: url("/assets/templates/main/images/icons/icon-webinar.png"); background-size: auto 30px; padding-top: 27px; } .event-wrapper .conference { background-image: url("/assets/templates/main/images/icons/icon-conference.png"); background-size: auto 35px; padding-top: 34px; } /* --- EVENTS PAGE --------------------------------------------------------------------------------------------------------------------------------- */ /* --- LAYOUTS/ANIMATION --------------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 1270px) { .event-wrapper { /*-ms-flex-preferred-size: 410px; flex-basis: 410px;*/ -ms-flex-preferred-size: 100%; flex-basis: 100%; } .event-wrapper:nth-child(odd) { padding-right: 0; } .event-wrapper:nth-child(even) { padding-left: 0; } } @media all and (max-width: 800px) { .event-wrapper .event { padding-top: 192px; } .event-wrapper .event::before { height: 192px; } .event-wrapper .desc { padding: 17px 20px 25px; } .event-wrapper h3 { margin: 3px 0 13px; font-size: 1.9em; } .event-wrapper p { font-size: 1.4em; } } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN WIDGETS --------------------------------------------------------------------------------------------------------------------------------- */ .text-widget { padding: 8px 10px; max-width: 306px; } .text-widget .header { text-align: center; } .text-widget .header h2 { font-size: 19px; font-weight: bold; color: #555555; text-align: center; margin-bottom: 7px; } .text-widget .header h2::before { content: ""; display: block; height: 55px; width: 55px; margin: 0 auto 7px; background: transparent; background-position: center center; background-size: auto auto; background-repeat: no-repeat; } .text-widget.text-widget-seo .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-seo.png'); } .text-widget.text-widget-web-design .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-web-design.png'); } .text-widget.text-widget-social-media .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-social-media.png'); } .text-widget.text-widget-ppc .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-ppc.png'); } .text-widget.text-widget-email .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-email-marketing.png'); } .text-widget.text-widget-reputation .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-recommend-me.png'); } .text-widget.text-widget-chat .header h2::before { background-image: url('/assets/templates/main/images/icons/icon-live-chat.png'); } .text-widget .header h2 a:link, .text-widget .header h2 a:visited { color: #555555; text-decoration: none; } .text-widget .header h2 a:active, .text-widget .header h2 a:hover { color: #33a0c1; text-decoration: none; } .text-widget .body { text-align: left; } .text-widget-container { text-align: center; margin-left: -10px; margin-right: -10px; } .text-widget-container .text-widget { display: inline-block; vertical-align: top; margin: 0 -3px 0 0; width: 100%; max-width: 305px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN AFFILIATES --------------------------------------------------------------------------------------------------------------------------------- */ #container-affiliations { background: #211516; } .container-affiliations { color: #FFFFFF; } /* --- #container-affiliations { position: relative; } #container-affiliations::before { content: ""; display: block; height: 1px; width: 100%; background: red; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 1000; } --- */ #container-affiliations #newsletter-signup .secondary-tools span.secondary-tools-heading { height: 0; text-align: left; text-indent: -999em; overflow: hidden; margin: 0; padding: 0; } #container-affiliations #newsletter-signup .secondary-tools-script { display: none; } #container-affiliations #newsletter-signup { text-align: center; margin: 0; margin-top: 13.5px; padding: 0; } #container-affiliations #newsletter-signup .form-label { display: inline-block; padding: 0 22px; font-size: 16px; vertical-align: middle; margin-bottom: 15px; font-family: 'Bitter', serif; font-style: italic; } #container-affiliations #newsletter-signup form { display: inline-block; vertical-align: middle; width: 100%; padding: 0; } #container-affiliations .secondary-affiliations { text-align: center; margin: 0; padding: 0; } #container-affiliations .secondary-affiliations p { font-family: 'Bitter', serif; font-style: italic; font-size: 16px; display: inline-block; vertical-align: middle; padding: 0 10px; margin-bottom: 5px; margin-top: 4.5px; } #container-affiliations ul.affiliations { display: inline-block; vertical-align: middle; } #container-affiliations ul.affiliations li { padding: 10px; } @media all and (min-width: 1201px) { #container-affiliations #newsletter-signup, #container-affiliations .secondary-affiliations { text-align: right; } } @media all and (min-width: 801px) and (max-width: 1200px) { #container-affiliations #newsletter-signup .form-label, #container-affiliations .secondary-affiliations p { width: 100%; } } @media all and (min-width: 801px) { #container-affiliations .content-spacer { padding-top: 10.5px; padding-bottom: 10.5px; } #container-affiliations [class*='ims-grid-'] { padding: 0; } } @media all and (max-width: 800px) { #container-affiliations { text-align: center; } #container-affiliations [class*='ims-grid-'] { display: block; margin: 0 auto; padding: 0 15px; width: auto; } } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- BEGIN FOOTER --------------------------------------------------------------------------------------------------------------------------------- */ #container-footer { border-top: 3px solid #00a6ee; padding-bottom: 13px; background-color: #2e3393; } .container-footer { color: #FFFFFF; } #container-footer .logo { display: block; margin: 17px 0; width: auto; height: auto; max-width: 100%; } #container-footer .phone-number { white-space: nowrap; line-height: 0.9em; margin: 19px 0 14px; } #container-footer .phone-number a:link, #container-footer .phone-number a:visited, #container-footer .phone-number a:active, #container-footer .phone-number a:hover { color: #FFFFFF; text-decoration: none; } #container-footer .address { line-height: 1.2em; margin-bottom: 12px; font-size: 1.5em; } #container-footer .address .state { font-weight: bold; text-transform: uppercase; font-size: 13px; } #container-footer .copyright { margin-bottom: 10px; font-size: 1.4em; } @media all and (min-width: 801px) { #container-footer .grid-row:first-child [class*="ims-grid-"]:nth-child(2) { padding-bottom: 20px; } #container-footer .grid-row [class*="ims-grid-"] { padding: 0; } #container-footer .grid-row [class*="ims-grid-"]:nth-child(even) { padding-left: 15px; padding-right: 15px; } #container-footer .grid-row.tail { overflow: hidden; margin-top: -21px; } #container-footer .grid-row.tail .ims-grid-four:nth-child(2) { position: relative; min-height: 2px; } #container-footer .grid-row.tail .ims-grid-four:nth-child(2)::before, #container-footer .grid-row.tail .ims-grid-four:nth-child(2)::after { content: ""; display: block; height: 2px; width: 100%; background-color: #1aa3dd; margin-top: 7px; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #container-footer .grid-row.tail .ims-grid-four:nth-child(2)::before { right: 100%; } #container-footer .grid-row.tail .ims-grid-four:nth-child(2)::after { left: 100%; } } @media all and (min-width: 801px) and (max-width: 945px) { #container-footer .social-networking { margin-left: auto; margin-right: auto; max-width: 200px; } } @media all and (max-width: 800px) { #container-footer { text-align: center; } #container-footer .grid-row [class*='ims-grid-'] { display: block; margin: 0 auto; padding: 0 15px; width: auto; } #container-footer .logo { margin-right: auto; margin-left: auto; } #container-footer .phone-number { margin: 20px 0; } #container-footer .address { margin-bottom: 20px; } #container-footer .social-networking { margin-top: 30px; border-top: 2px solid #898989; padding-top: 15px; } #container-footer ul.affiliations li { padding-top: 5px; padding-bottom: 5px; } } /* --- FOOTER --------------------------------------------------------------------------------------------------------------------------------- */ /* --- NAVIGATION --------------------------------------------------------------------------------------------------------------------------------- */ #footer-navigation ul { list-style-type: none; margin: 0 0 7px; text-align: left; padding-right: 3px; } #footer-navigation ul li { display:inline-block; font-size: 13px; text-transform: uppercase; padding: 0 21px 0 0; margin-right: -3px; position: relative; line-height: 1.6em; } #footer-navigation ul li::last-child { padding-right: 0; } #footer-navigation ul li::after { content: ""; display: block; width: 1px; height: 10px; background: #FFF; background: rgba(255,255,255,0.9); position: absolute; margin-top: 1.5px; margin-left: -11px; left: 100%; top: 50%; -ms-transform: translate(0, -50%); -wekbit-transform: translate(0, -50%); transform: translate(0, -50%); } #footer-navigation ul li:last-child:after { display: none; } #footer-navigation ul li a { display: inline-block; vertical-align: top; padding: 0; width: auto; } #footer-navigation ul li a > span { display: inline-block; vertical-align: middle; width: 100%; text-decoration: underline; } #footer-navigation ul li a:link, #footer-navigation ul li a:visited { color: #FFF; color: rgba(255,255,255,0.9); text-decoration: underline; } #footer-navigation ul li a:hover, #footer-navigation ul li a:active { color: #FFF; color: rgba(255,255,255,1); text-decoration: underline; } @media all and (max-width: 800px) { #footer-navigation { margin-top: 30px; margin-bottom: 25px; } #footer-navigation ul { text-align: center; margin-bottom: 0; } #footer-navigation ul li { margin-bottom: 7px; } } /* --- FOOTER --------------------------------------------------------------------------------------------------------------------------------- */ /* --- iMARKET LINKS --------------------------------------------------------------------------------------------------------------------------------- */ /* --- END FOOTER --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- VIDEOS --- */ .vid_trigger[data-mode='image'] { position: relative; } .vid_trigger[data-mode='image']::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent; background-image: url('/assets/templates/main/images/icons/icon-play-button.png'); background-size: 20% auto; background-repeat: no-repeat; background-position: center center; } .video-container { text-align: center; margin-left: -15px; margin-right: -15px; } .video-container .video-item { display: inline-block; vertical-align: top; width: 50%; margin: 15px -3px 20px 0; padding: 0 15px; } .video-item .video { border: 20px solid #000000; border-right-width: 2px; border-left-width: 2px; } @media all and (max-width: 1025px) { .video-container .video-item { width: 100%; } } /* --- YOUTUBE --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .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;} /* --- CASE STUDIES --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ultimate-parent-459 #top-content { margin-bottom: 86px; } .ultimate-parent-459 #top-content .content-spacer { padding-top: 14px; } .ultimate-parent-459 #sidebar-content { margin-top: 30px; } .ultimate-parent-459 img { max-width: 100%; } .ultimate-parent-459 h2 { font-size: 35px; } .ultimate-parent-459 h3 { font-size: 25px; } .ultimate-parent-459 h4 { font-size: 19px; } #fort-collins-hvac #sidebar-content .secondary-tools-outer { box-shadow: 0px -2px 1px 0px rgba(0,0,0,0.4), -1px 0 0.1px 0 rgba(0,0,0,0.2), 1px 0 0.1px 0 rgba(0,0,0,0.2); } #company-info { padding-bottom: 10px; } #ken-neyer-plumbing #company-info .secondary-tools-heading { padding: 0px; max-height: 174px; } #alltech-services #company-info { box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.4), -1px 0 0.1px 0 rgba(0,0,0,0.2), 1px 0 0.1px 0 rgba(0,0,0,0.2); } #ken-neyer-plumbing .sidebar-content .secondary-tools-outer#company-info .secondary-tools > span.secondary-tools-heading:first-child { border-bottom: none; background-color: transparent; } #ken-neyer-plumbing #company-info .secondary-tools-heading img { border-bottom: 3px solid #4CA7AD; } #saddleback-plumbing .sidebar-content .secondary-tools-outer#company-info .secondary-tools > span.secondary-tools-heading:first-child { background: #D7D7D7; border-bottom: 3px solid #41AA41; text-align: center; padding-top: 34px; padding-bottom: 22px; } #alltech-services .sidebar-content .secondary-tools-outer#company-info .secondary-tools > span.secondary-tools-heading:first-child { border-bottom: 3px solid #4CA7AD; background: #FFFFFF; background-image: url(/assets/templates/main/images/logo_background.jpg); background-position: center; background-size: cover; } #fort-collins-hvac .sidebar-content .secondary-tools-outer#company-info .secondary-tools > span.secondary-tools-heading:first-child { background-color: #F6F6F6; border-bottom: 3px solid #4CA7AD; padding-top: 38px; padding-bottom: 28px; } #schaal-heating-and-cooling .sidebar-content .secondary-tools-outer#company-info .secondary-tools > span.secondary-tools-heading:first-child { background: #D7D7D7; border-bottom: 3px solid #4ca7ad; text-align: center; padding-top: 9px; padding-bottom: 5px; } .secondary-tools-lower-box { padding-top: 12px; line-height: 20px; } .ultimate-parent-459 p { font-size: 16px; } .ultimate-parent-459 b { font-size: 19px; } #ken-neyer-plumbing blockquote p, #fort-collins-hvac blockquote p { font-size: 17px; } #saddleback-testimonial blockquote { padding-left: 10px; padding-right: 10px; } #saddleback-testimonial .testimonials, #fort-collins-testimonial .testimonials { padding-top: 20px; } .secondary-tools-outer#saddleback-testimonial .quote p:first-child::before, .secondary-tools-outer#fort-collins-testimonial .quote p:first-child::before { font-size: 50px; position: relative; left: -6px; } #saddleback-testimonial blockquote, #fort-collins-testimonial blockquote { font-style: italic; } #saddleback-testimonial .source, #fort-collins-testimonial .source { text-align: center; padding-left: 0px; font-size: 15px; } #schaal-heating-and-cooling .source { line-height: 1.2em; } #saddleback-testimonial .source img { padding-top: 6px; padding-bottom: 2px; } #fort-collins-testimonial .source img { max-width: 153px; width: 50%; } #fort-collins-testimonial .source img:first-of-type { padding-right: 10px; } #fort-collins-testimonial .source img:last-of-type { padding-left: 10px; } #year-over-year { padding-top: 20px; padding-bottom: 20px; } #year-over-year .ims-grid-four { padding: 0; vertical-align: bottom; text-align: center; } #year-over-year .ims-grid-four:nth-child(1) { padding-right: 8px; } #year-over-year .ims-grid-four:nth-child(2) { padding-left: 4px; padding-right: 4px; } #year-over-year .ims-grid-four:nth-child(3) { padding-left: 8px; } #year-over-year p { text-align: center; font-size: 15px; } .ultimate-parent-459 figure { margin-top: 46px; } .ultimate-parent-459 figcaption { text-align: center; font-style: italic; font-size: 15px; } #saddleback-plumbing .text-box, #saddleback-plumbing .image-box { width: 62.5%; } #saddleback-plumbing .image-box { width: 37.5%; } .ultimate-parent-459 .text-box, .ultimate-parent-459 .image-box { width: 50%; margin-left: -3px; display: inline-block; vertical-align: middle; } #fort-collins-hvac .image-box { text-align: center; } #circle-computer, #circle-email { padding-left: 20px; position: relative; top: 35px; } #circle-signing, #circle-click { padding-right: 20px; } #parent-main-content .ims-grid-six { vertical-align: middle; } #parent-main-content .row { margin-top: 64px; } .case-study-link { margin-bottom: 2px; } .case-study-link a { font-size: 25px; } .case-study-link a::after { content: " \00BB"; } @media (max-width: 1025px) { .ultimate-parent-459 h2 { font-size: 30px; } } @media (max-width: 800px) { .ultimate-parent-459 h2 { font-size: 26px; } } @media (max-width: 570px) { .ultimate-parent-459 h2 { font-size: 21px; } .ultimate-parent-459 .image-box { text-align: center; } .ultimate-parent-459 .text-box, .ultimate-parent-459 .image-box, #saddleback-plumbing .text-box, #saddleback-plumbing .image-box { width: 100%; } #circle-computer, #circle-email, #saddleback-plumbing .image-box, #schaal-heating-and-cooling .image-box { width: 50%; vertical-align: top; padding: 0; top: 0; text-align: center; } #circle-click img { padding-left: 10px; } .alltech#circle-computer { width: 100%; text-align: center; } #ken-neyer-plumbing #sidebar-content { max-width: 400px; } } /* --- PROSPERITY --------------------------------------------------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #container-prosperity { background: #e7f3f7; position: relative; z-index: 0; overflow: hidden; border-top: 7px solid #ffa42e; } #container-prosperity .width-limiter { position: relative; z-index: 1; } #container-prosperity .width-limiter::after { content: ""; display: block; width: 100%; height: 1px; margin-top: -1px; clear: both; } #container-prosperity .secondary-tools span.secondary-tools-heading { font-size: 36px; line-height: 1.2; font-style: italic; font-weight: bold; color: #333332; margin: 0 0 15px; } #container-prosperity .secondary-tools span.secondary-tools-heading::after { content: ""; display: block; width: 155px; max-width: 90%; height: 3px; background: #ffa602; margin-top: 20px; } #container-prosperity .text { font-family: 'PT Serif'; font-size: 24px; line-height: 1.2; color: #333332; font-weight: bold; font-style: italic; margin-bottom: 1.5em; } #container-prosperity div.cta-button span a { text-align: center; } #container-prosperity div.cta-button { text-align: left; margin-bottom: 10px; } #container-prosperity .content-item { padding: 11px 0; } @media all and (min-width: 1025px) { #container-prosperity::after { content: ""; display: block; position: absolute; right: 50%; top: 0; width: 100%; height: 100%; z-index: -1; background: #e7f3f7; background-size: auto auto; background-position: bottom right; background-repeat: no-repeat; background-image: url('/assets/templates/main/images/events/screen.png'); } #container-prosperity::before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 100%; height: 100%; z-index: -2; background: transparent; background-size: auto 100%; background-position: left center; background-repeat: no-repeat; background-image: url('/assets/templates/main/images/events/marketing_for_prosperity_background.jpg'); } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading { text-align: right; } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading::after { margin-left: auto; } #container-prosperity .content-item:last-child p.text { text-align: right; } #container-prosperity .content-item:last-child div.cta-button { text-align: right; } #container-prosperity .content-item:first-child { width: 50%; float: left; padding-right: 7.5px; } #container-prosperity .content-item:last-child { width: 50%; float: right; padding-left: 7.5px; } #container-prosperity .content-item:first-child .cta-button, #container-prosperity .content-item:first-child p.text { padding-right: 315px; } } @media all and (min-width: 1777px) { #container-prosperity::before { background-size: cover; width: 51%; } } @media all and (min-width: 1025px) and (max-width: 1227px) { #container-prosperity::before { left: 40%; } #container-prosperity::after { background-size: auto auto; right: 48%; } #container-prosperity .content-item:first-child { width: 52%; } #container-prosperity .content-item:last-child { width: 48%; } } @media all and (min-width: 1025px) and (max-width: 1183px) { #container-prosperity::before { left: 40%; } #container-prosperity::after { right: 46%; } #container-prosperity .content-item:first-child { width: 54%; } #container-prosperity .content-item:last-child { width: 46%; } } @media all and (min-width: 1025px) and (max-width: 1183px) { #container-prosperity::before { left: 40%; } #container-prosperity::after { right: 44%; } #container-prosperity .content-item:first-child { width: 56%; } #container-prosperity .content-item:last-child { width: 44%; } } @media all and (min-width: 1025px) and (max-width: 1104px) { #container-prosperity::before { left: 40%; } #container-prosperity::after { right: 42%; } #container-prosperity .content-item:first-child { width: 58%; } #container-prosperity .content-item:last-child { width: 42%; } } @media all and (max-width: 1024px) { #container-prosperity .content-item { position: relative; z-index: 0; } #container-prosperity .content-item:first-child { margin-left: auto; margin-right: auto; max-width: 596px; padding-bottom: 30px; } #container-prosperity .content-item:last-child { padding-top: 30px; } #container-prosperity .content-item:last-child .secondary-tools-outer { max-width: 415px; margin-left: auto; margin-right: auto; } #container-prosperity .content-item:first-child:after { content: ""; display: block; position: absolute; left: 15px; top: 0; width: 100%; height: 100%; max-width: 611px; z-index: -1; background: #e7f3f7; background-size: auto auto; background-position: bottom right; background-repeat: no-repeat; background-image: url('/assets/templates/main/images/events/screen.png'); } #container-prosperity .content-item:last-child:before { content: ""; display: block; position: absolute; left: -15px; top: 0; box-sizing: content-box; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 100%; height: 100%; z-index: -2; background: transparent; background-size: cover; background-position: left center; background-repeat: no-repeat; background-image: url('/assets/templates/main/images/events/marketing_for_prosperity_background.jpg'); } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading { text-align: right; } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading::after { margin-left: auto; } #container-prosperity .content-item:last-child p.text { text-align: right; } #container-prosperity .content-item:last-child div.cta-button { text-align: right; } #container-prosperity .content-item:first-child div.cta-button, #container-prosperity .content-item:first-child p.text { padding-right: 315px; } } @media all and (max-width: 800px) { #container-prosperity .content-item:last-child::before { background-position: center right; } } @media all and (max-width: 582px) { #container-prosperity .content-item:first-child div.cta-button, #container-prosperity .content-item:first-child p.text { padding-right: 0; } #container-prosperity .content-item:first-child::after { position: static; padding-top: 34%; padding-top: 172px; margin-bottom: -30px; background-size: contain; background-position: center bottom; } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading, #container-prosperity .content-item:last-child p.text, #container-prosperity .secondary-tools span.secondary-tools-heading, #container-prosperity .text { text-align: center; } #container-prosperity .content-item:last-child .secondary-tools span.secondary-tools-heading::after, #container-prosperity .secondary-tools span.secondary-tools-heading::after { margin-left: auto; margin-right: auto; } #container-prosperity .content-item:last-child div.cta-button, #container-prosperity div.cta-button { text-align: center; } }