img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'PT Sans', 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif; font-size: 18px; background-color: #333; color: #444; text-align: center;line-height:1.5 } body, header ul, nav ul, section ul, section ol, aside ul, footer ul { margin: 0; padding: 0; } .container { background-color: #fff; } .wrap { max-width: 1020px; position: relative; display: block; margin: 0 auto; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; } img, iframe, video { max-width: 100%; } iframe { aspect-ratio: auto 16 / 9 } a img, iframe { border: none; } a, header .logo em, header .locations a:hover { text-decoration: none; color: #4086aa; } a:hover { text-decoration: underline; } header a:hover, nav li a:hover, .featured a:hover, .cta a:hover, .button:hover, footer a:hover { text-decoration: none; } hr { border: none; border-bottom: 1px solid #eee; margin: 25px 0; } .imgLeft { float: left; margin: 5px 4% 5px 0; max-width: 45%; } .imgLeftLogo { float: left; margin: 5px 4% 5px 0; } .imgCenter { display: block; margin: 0 auto; } .imgRight { float: right; margin: 5px 0 5px 4%; max-width: 45%; } .clear { clear: both; } .center { text-align: center; } section, aside, .halfCol, .triCol, aside > div { display: inline-block; vertical-align: top; } footer .triCol:last-child li { display: inline-block; vertical-align: middle; } header .grid{grid-template-columns:1fr 220px;grid-gap:20px 10px} header .logo, nav, header .locations strong, .featured h2, section h1, .cta, form input[type=submit], .button, footer strong { text-transform: uppercase; } header { padding: 20px 0; } header .logo, header .locations strong, .featured h2 { color: #444; } header .logo { font-weight: bold; } header .logo em { font-size: 28px; font-style: normal; } header .logo span, header .locations p, header .locations a { color: #989898; } header .logo span { font-size: 16px; font-weight: bold; text-transform: none; display: block; line-height: normal; margin-top: 8px; text-align: left; } header .logo hr { margin: 12px 0 0; } header .logo .title { font-size: 22px; padding-top: 20px;margin:0 } header .locations li, footer .triCol:last-child p { text-align: right; } header .locations { font-size: 14px; } header .locations a{display:block;padding:8px 4px} header .locations strong { font-size: 16px; margin-bottom: 5px; } header .locations li { list-style: none; margin-bottom: 5px;line-height:1 } header .locations a.btn { color:#fff; margin: 0; padding: 10px; text-align: center; font-weight: bold; vertical-align: middle; } header .locations a.btn span { margin: 0; padding: 0 10px 0 0; font-size: 18px; } nav { background-color: #333; padding: 10px 0; font-size: 0; } nav ul { display: flex; flex-wrap: wrap } nav li { border-left: 1px solid #444; padding: 0; text-align: center; flex: 1 0 0 } nav li:nth-child(1) { border: none; } nav li a, footer, footer a, .featured span, .cta, .cta a, form input[type=submit], .button { color: #fff; } nav li a { margin: 10px 15px; padding: 10px 0; font-size: 16px; display: block; white-space: nowrap } nav li:hover, .featured span, .cta, form input[type=submit], .button { background-color: #4086aa; } .content.grid{grid-template-columns:1fr} .notice { background-color: #4086aa; color: #fff; padding: 10px 2%; } .notice p { font-size: 16px; text-align: center; margin: 0; } .banner { overflow: hidden; background-image: url(/images-content/banner.jpg); background-size: cover; background-position: 64%; margin-bottom: 30px;padding:0 10px } .banner { height: 600px;position:relative } .banner:before { content: ""; width: 100%;height:100%; background: rgba(0,0,0,.6); inset:0; position: absolute; } .banner .wrap { top: 35%; transform: translateY(-35%); } .banner p { font-size: 36px; color: #fff; text-shadow: #000 0 0 10px; margin: 0; padding: 0; text-align: center; font-weight: bold; } .banner span { font-size: 64px; } .banner p:first-of-type { font-size: 20px; font-style: italic; font-weight: normal; } .banner a, .btn, .renewal a { width: 100%; max-width: 280px; display: inline-block; margin: 50px 10px 0 10px; background: #F26727; padding: 10px 0; border-radius: 5px; color: #fff; outline: none; border: none; font-size: 18px; } aside .btn { width: 95%; margin: 10px 0 50px 0; } .banner a:hover, .renewal a:hover, .btn:hover { text-decoration: none; background-color: #66280C; cursor: pointer; } .renewal a { margin:0 auto;display:block;width:auto;padding:10px } .renewal .grid{grid-gap:20px} .featured, .homeBlogs { margin: 30px 0; background-color: #eee; padding: 50px 0; } .featured .grid { grid-gap: 20px } .featured a { padding: 15px 1% 65px; outline: 1px solid #eee; background-color: #fff; position: relative } .featured a:hover span, form input[type=submit]:hover, .button:hover { background-color: #4a9bc4; } .featured a:first-child { margin-left: 0; } .featured a:last-child { margin-right: 0; } .featured i { font-size: 90px; color: #ccc; margin:0 auto 15px;display:block;width:116px;height:90px } .featured h2 { text-align: center; } .featured p { width: 90%; margin: 0 auto 20px; color: #989898; text-align: center; } .featured span { width: 91%; display: block; padding: 10px 0; position: absolute; bottom: 5%; left: 5%; border-radius: 2px; } .cta { padding: 10px 0; } header, section, .home, .cta, footer .wrap, .pad { padding-left: 10px; padding-right: 10px; } section { padding:20px 10px 40px;} section h1 { font-size: 36px; } section h2, .cta { font-size: 28px; } section h3, footer strong,.featured h2 { font-size: 22px; } section li { margin: 0 0 5px 30px; } .no-overflow { overflow: hidden } aside { padding: 25px 10px; border-top: 1px solid #ddd; } aside hr { border: none; border-bottom: 1px solid #ddd; } aside li, footer li { list-style: none; margin-bottom: 10px; } .halfCol { width: 49%; } .triCol { width: 32%; } .button { font-weight: bold; padding: 15px 50px; border-radius: 2px; } form { margin: 20px 0; } form label{text-align:left;display:block;width:100%} form input, form textarea, #stripe-card { font-family: 'PT Sans', 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif; font-size: 16px; width: 100%;box-sizing:border-box; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 2px;padding:10px 5px;line-height:20px } #stripe-card iframe{height:20px !important} form textarea { height: 75px; padding: 2% 0 0 2%; } form input[type=submit] { font-weight: bold; border: none;padding:11px 5px } form input[type=submit]:hover { cursor: pointer; } form#renewal { text-align: left; } #stripe-card { padding: 10px 5px; } footer{background-color:#333} footer .wrap { padding-top: 40px; padding-bottom: 40px; } footer a:hover { color: #4a9bc4; } footer .triCol p strong { display: block; height: 24px; } footer .locations { margin-left: 10%; } footer .locations span:nth-of-type(1) { width: 90px; display: inline-block; } footer p { text-align: center; font-size: 14px; } .announce p { display: inline-block; margin: 30px 0 0; border: 2px solid goldenrod; padding: 10px 20px; text-align: center; } .jQexpiring { display: none; } .nowrap,a[href^=tel], nav li a, footer .locations span:nth-of-type(2) { white-space: nowrap; } .important { color: red; font-size: 1.5em; font-weight: bold; text-align: center; } details summary { font-size: 18px; font-weight: bold; text-transform: capitalize; text-align: left; } details { margin-bottom: 20px; display: block; } .faq table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; border: 1px solid #ddd; } .faq th, .faq td { width: 50%; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; } .faq th:first-of-type, .faq td:first-of-type { border-right: 1px solid #ddd; } .faq th, .faq tr:nth-child(odd) { background-color: #f7f7f7; } .flex { display: flex; flex-wrap: wrap; } .flex > * { flex: 1 } .grid { display: grid; grid-gap: 20px 40px; } .mid { align-self: center; align-items: center; } .grid.half { grid-template-columns: repeat(2,1fr); } .grid.third { grid-template-columns: repeat(3,1fr); } .grid.fourth { grid-template-columns: repeat(4,1fr); } .error { color: #ff0000; font-weight: bold; } .arrows { display: grid; grid-template-columns: 1fr 3fr; } .arrows div { margin-bottom: 50px; justify-content: center; position: relative; } .arrows div:first-of-type { background: #4086aa; padding: 20px; border-left: 2px solid #333; border-top: 2px solid #333; border-bottom: 2px solid #333; } .arrows div:first-of-type h2 { text-align: center; font-size: 48px; line-height: 48px; color: #fff; margin: 0; padding: 0; } .arrows div:nth-of-type(2) { padding: 20px; background: #fff; border-right: 2px solid #333; border-top: 2px solid #333; border-bottom: 2px solid #333; } .arrow-bg { position: relative; height: 100%; width: 100%; padding-top: 50px; } .arrow-bg:before { content: ""; background-image: url(/images-content/cars-parked.jpg); background-size: cover; background-position: bottom; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.45; } .arrows h2 a { color: #fff; } .elfsight-app-2587150f-e71e-4429-b8cc-59b28722884 { position: relative; display: block; width: 100%; } .choose { background-color: #4086aa; padding: 20px; margin: 30px 0; } .choose div { vertical-align: middle; } .choose div h3 { font-size: 96px; color: #fff; margin: 0 20px 0 0; padding: 0; text-align: right; line-height: 86px; } .choose div ul { color: #fff; font-weight: bold; } .posts h2 { min-height: 80px; } .ytholder { width: 560px; height: auto; } .tip { color: #ff0000; font-weight: bold; font-size: 120%; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } .awards .article { padding: 20px; border: 1px dotted #333; font-size: 14px; margin: 0 0 20px 0; box-shadow: #000 0 0 10px; } .homeawards img { max-width: 200px; display: block; margin: 10px auto; } @media(max-width:999px){ .choose .grid{grid-template-columns:1fr 1fr} .choose .grid h3{grid-column:span 2;text-align:center;line-height:1.5;margin:0} .choose .grid h3 br{display:none} } @media(max-width:768px) { .banner { background-image: url(/images-content/banner768.jpg); } header .logo h1 { font-size: 18px; padding-top: 0px; line-height: 1.2; } } @media(max-width:700px) { header .grid, .content.grid { grid-template-columns: 1fr } header .locations li,aside h3,aside h4,aside li,aside p{text-align:center} aside .btn{margin:1em 0;width:auto;padding:10px 40px} .ytholder.imgRight{float:none;margin:0 auto;max-width:100%;width:100%} .grid.half, .grid.third, .arrows { grid-template-columns: 1fr } .choose .grid { grid-gap: 0 } .choose .grid h3 { grid-column: unset; font-size: 36px } .banner .btn, .banner button,.banner a{margin:10px} } @media(max-width:600px) { footer .wrap { padding-top: 20px; padding-bottom: 20px; } .cta { font-size: 18px; } aside hr { display: none; } body .posts { grid-template-columns: none } .posts h2 { min-height: unset } } @media(max-width:500px) { header .logo h1 { font-size: 18px; padding-top: 10px; line-height: 1.2; } header .title,header .logo span{text-align:center} .imgLeftLogo,.imgRight { float: none;display:block; margin:0 auto;max-width:100%} .banner span { font-size: 50px } .banner p{font-size:20px} .featured i { margin-bottom: 0; } footer .triCol p strong { height: 44px; } header, section, .home, .cta, footer .wrap, .pad { padding-left: 2%; padding-right: 2%; } section h1,.banner span{font-size:30px} .banner{height:auto;padding:50px 10px} .banner .wrap{top:unset;transform:none} } @media(max-width:400px) { footer .triCol { width: auto; } footer .triCol p strong { height: auto; text-align: center; } footer .locations { margin-left: 0; } footer .triCol:last-child p { text-align: center; } .cta { font-size: 15px; letter-spacing: .5px; } aside > div { width: 96%; } aside > div:nth-of-type(1) { margin-right: 0; } h1 + .imgRight, h2 + .imgRight { float: none; margin: 0 auto; } .halfCol { width: 96%; } .cta a{font-size:14px} }