html, body {margin: 0; padding: 0;} html {text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

:root {--body-font: 20px/1.55 'Articulat', Arial, Helvetica, sans-serif;}

/*body {font: var(--body-font);}*/

@font-face {font-family: 'Articulat'; font-style: normal; font-weight: 300; font-display: block;
  src: url('fonts/articulat-300.woff2') format('woff2'), url('fonts/articulat-300.woff') format('woff');
}
@font-face {font-family: 'Articulat'; font-style: normal; font-weight: 400; font-display: block;
  src: url('fonts/articulat-400.woff2') format('woff2'), url('fonts/articulat-400.woff') format('woff');
}
@font-face {font-family: 'Articulat'; font-style: normal; font-weight: 500; font-display: block;
  src: url('fonts/articulat-500.woff2') format('woff2'), url('fonts/articulat-500.woff') format('woff');
}
@font-face {font-family: 'Articulat'; font-style: normal; font-weight: 600; font-display: block;
  src: url('fonts/articulat-600.woff2') format('woff2'), url('fonts/articulat-600.woff') format('woff');
}


@font-face {font-family: 'Instrument SemiCond'; font-style: normal; font-weight: 600; font-display: block;
  src: url('fonts/instrument-sans-600-semicond.woff2') format('woff2'), url('fonts/instrument-sans-600-semicond.woff') format('woff');
}


body {font-family: 'Articulat', Arial, Helvetica, sans-serif; font-variant-ligatures: none !important; letter-spacing: .6px;}

#width {position: fixed; top: 0; z-index: 20; padding: 0 3px; font-size: 11px; line-height: 14px; font-family: Arial; background-color: #FF0;}
a, a:visited {color: #2E3FE1;}
a {text-decoration: underline; text-decoration-thickness: 1px; text-decoration-style: dotted; text-underline-offset: .1em; cursor: pointer;}
a:focus-visible {outline: 2px solid #66AFE9; outline-offset: 2px;}
* {-webkit-tap-highlight-color: transparent;} img {border: 0;}
.phlink {color: inherit !important; text-decoration: none !important; white-space: nowrap;} .phlink:hover {cursor: text;}

/*------------------------------------*/

/*HEADER*/

/*header {outline: 1px solid red} #headtopback {outline: 1px solid yellow} #headtop {outline: 1px solid orange}
header section {outline: 1px solid green} header div {outline: 1px solid cyan}*/

/*header section:first-child {-webkit-order: 2; order: 2;} header section:last-child {-webkit-order: 1; order: 1;}*/


/*Head Top*/

#headtopback, #headtop {height: 40px;} #headtop {display: table; width: 100%; margin: auto;}
@media (min-width: 1151px) {#headtop td {width: 33.3%;}}
@media (min-width: 2301px) {#headtop {padding: 0 15%;}} @media (max-width: 2300px) {#headtop {padding: 0 8%;}}
@media (max-width: 1910px) {#headtop {padding: 0 3%;}}

#emergency {text-align: center; font-size: 18px; font-weight: 500; letter-spacing: 1px; color: #FF0; white-space: nowrap;}
@media (max-width: 775px) and (min-width: 661px), (max-width: 390px) {#emergency span:first-child {display: none;}}
@media (max-width: 400px) and (min-width: 391px) {#emergency {letter-spacing: .5px;}}
@media (max-width: 660px) {
#emergency {position: absolute; left: 0; right: 0; top: 39px; display: block; padding: 8px 0; border-top: 1px solid #FFF; background-color: var(--bluedark);}
header section {margin-top: 39px !important;}
}
@media (min-width: 361px) {#emergency span:last-child {text-transform: uppercase;}}
@media (max-width: 360px) {#emergency {padding: 5px 0;} header section {margin-top: 32px !important;}}
@media (max-width: 330px) {#emergency {border-bottom: 2px solid #FFF;}}

/*end Head Top*/


header {width: 100%; margin: 0 auto; z-index: 1;}
header section {display: table; padding: 20px 0; margin: auto; text-align: center; width: 95%; max-width: 1500px;}
header div {display: table-cell; vertical-align: middle;}

#headtext h1 {text-align: center; margin: 0 auto; font-style: italic; font-weight: 400; line-height: 1.4; padding: 0 20px;}

#logo img {height: auto /*sdf*/; display: block;}
#logo a {height: inherit; display: block;}
#logo, #logo img {width: 280px;}
#addr {text-align: right; line-height: 1.3;}

@media (min-width: 1041px) {header section div {width: 33.33%;}}
@media (max-width: 1040px) {#logo, #logo img, #addr {width: 240px;} #logo img {height: auto /*sdf*/;} #headtext {width: 300px;}}
@media (min-width: 836px), (max-width: 800px) and (min-width: 701px) {#headtext h1 {font-size: 17px;}}
@media (max-width: 835px) and (min-width: 801px) {#headtext h1 {font-size: 1.9vw; padding: 0 10px;}}
@media (min-width: 801px) {#headtext span {display: block;}}
@media (max-width: 800px) {#addr {display: none;} #headtext h1 {text-align: right; padding: 0;} #headtext span {display: block;}}
@media (max-width: 700px) {header section {height: 30px;} #logo {display: table;} #headtext, #headtext h1 {visibility: hidden; width: 0; padding: 0; font-size: 0;}}
@media (max-width: 360px) {header section {height: 75px;} #logo {width: 100%;} #logo img {display: inline-block;}}

#social img {height: 26px; width: 26px; display: inline-block; margin: 0 2px -4px 2px;}
@keyframes shake {20% {-webkit-transform: rotateZ(-8deg);} 80% {-webkit-transform: rotateZ(8deg);}}
#social img:hover {-webkit-animation: shake .16s 5;}

/*----------------*/

/*Phone or Text*/

#phone {line-height: 1; padding-top: 1px; text-align: right; white-space: nowrap;}
#phone span {font-size: 17px; margin-right: 6px;}
@media (min-width: 351px) {#phone span {text-transform: uppercase;}}
@media (min-width: 316px) {#phone span:last-of-type {display: none;}}
@media (max-width: 315px) {#phone span {font-size: 16px; margin-right: 4px;} #phone span:first-of-type {display: none;}}
@media (max-width: 115px) {#phone span {display: none;}}

.phone-wrapper {display: inline-block;}
.phone-wrapper img {width: 22px; height: 22px; margin: 0 12px 3px 0; vertical-align: middle;}
.phone-link {-webkit-user-select: none; user-select: none; cursor: pointer; font-size: 20px; font-weight: 500; -webkit-tap-highlight-color: transparent;}
#phone, .phone-wrapper, #contact-toggle, .phone-link {color: #FFF !important;}

#contact-toggle, .popup {display: none;} #contact-toggle:checked ~ .popup {display: block;}

.popup {position: absolute; margin: 11px 0 0 10px; padding: 12px 12px 8px 12px; width: 125px; text-align: center; box-sizing: border-box; background-color: #FFF; box-shadow: 0 4px 16px rgba(0,0,0,0.2); z-index: 99999 !important; border-radius: 8px;}

.popup a {white-space: nowrap; display: block; padding: 11px 4px 8px 4px; font-size: 18px; font-weight: 600; text-decoration: none; box-sizing: border-box; color: #FFF; transition: .15s; border-radius: 6px;}
.popup a:first-of-type {background-color: var(--blue1); margin-bottom: 8px;}
.popup a:last-of-type {background-color: var(--blue1);}
.popup a:hover {filter: brightness(120%) saturate(120%);}

.dismiss-btn {display: inline-block; margin-top: 10px; padding: 4px 12px; font-size: 24px; font-weight: bold; color: #555; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
.dismiss-btn:hover {color: #000;}


/*----------------*/

/*MENU*/

/*.menu > li is main menu bar links, nav li ul is dropdown groups, nav li li is dropdown group links*/

.menu {z-index: 2;}

/*#navback {outline: 2px solid yellow} nav {outline: 2px solid cyan} .menu {outline: 2px solid blue} .menu > li {outline: 1px solid yellow}*/

.tog, [id^=drop] {display: none;}
nav ul {position: relative; padding: 0; margin: 0; list-style: none;}
nav a {display: block; text-decoration: none; line-height: 1.4;}
nav ul, nav li, nav a {vertical-align: middle; font-size: 17px;}
nav .selected, nav .selected:hover {cursor: text; pointer-events: none;}
nav li ul {display: none; position: absolute; justify-self: center;} nav ul li:hover > ul {display: inherit;}
nav ul ul {z-index: 1;}

/*arrows*/ nav li > a:not(:only-child):after {content: "\276F"; font-size: 1em; line-height: 1; margin-left: 9px; padding-left: 2px; display: inline-block; transform: rotate(90deg);}

@media (min-width: 1071px) {nav ul ul {top: 44px;} nav ul ul li {min-width: 140px;} .menu > li > a {padding: 10px 20px 10px 20px;}}
@media (max-width: 1070px) and (min-width: 701px) {
.menu > li > a {padding: 10px 14px 28px 14px; display: grid; text-align: center; align-content: flex-end; position: relative; line-height: 1.25;}
/*arrows*/ .menu > li > a:not(:only-child):after {display: table-cell; margin: auto; position: absolute; left: 0; right: 0; bottom: 9px; width: 10px;}
nav ul ul {top: 81px;}
}
@media (min-width: 701px) {
#navback {margin: 0 auto; display: table;}
nav a {padding: 14px 11px; transition: .15s;}
nav ul li {display: table-cell; position: relative;}
nav ul ul li {display: block;}
nav ul ul li:last-child  {border-radius: 0 0 6px 6px;}
nav ul ul li:last-child a {border-radius: 0 0 5px 5px;}
nav li ul span:not(.nospan span) {display: block;}
nav li ul {box-shadow: 0 10px 12px rgba(0,0,0,.60);}
}
@media (max-width: 700px) {
.tog + a, .menu {display: none;}
.tog {display: block; padding: 16px 15px 17px 25px; border: none; cursor: pointer;}
/*arrows*/ .tog span {display: inline-block; vertical-align: bottom; padding: 8px 3px 0 5px; margin-left: -6px; margin-right: 5px; line-height: 1; transform: rotate(270deg); height: 10px;}

/*[id^=drop]:checked + ul {display: block;}*/

[id^=drop]:checked + ul {display:block; animation:dropslow .5s ease; transform-origin:top;}
@keyframes dropslow {from {opacity:0; transform:scaleY(.8);} to {opacity:1; transform:scaleY(1);}}

[id^=drop] + ul {display:block; max-height:0; overflow:hidden; padding-bottom:0; transition:max-height .5s ease, padding-bottom .1s ease .4s;}
[id^=drop]:checked + ul {max-height:1000px; transition:max-height .3s ease, padding-bottom .1s ease;}
#drop:checked + ul li > [id^=drop]:checked + ul {padding-bottom:10px;}


.menu > li a {padding: 14px 20px 14px 25px;}
nav ul ul {position: static;}
nav li li {text-align: center;} nav li li a {line-height: 1.3;}
/*nav ul ul li:hover > ul, nav ul li:hover > ul {display: none;}*/
nav ul, nav li, nav a {font-size: 19px;}
nav li ul li a {font-size: 17px; letter-spacing: .8px; word-spacing: 1px;}
nav li ul span {display: block;}
/*[id^=drop]:checked + ul li > ul {padding-bottom: 10px;}*/
#drop:checked + ul li > [id^=drop]:checked + ul li > ul {padding-bottom:10px;}

/*Puts second level links side by side:*/
nav ul ul {margin: -3px 20px 0 25px; justify-self: flex-start;}
nav ul ul li {display: inline-block;}
nav ul ul li a {padding: 7px 10px 8px 10px !important; margin: 3px 1.2px; border-radius: 6px;}
/*end side by side*/

.ham, .ham * {-webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: manipulation;}
.ham {position:absolute; margin:auto; height: 30px; width: 45px; padding: 10px; top: 51px; right: 15px;}
.ham::before, .ham::after {content:""; position: absolute; top: 23px; left: 10px; width: 44px; height: 4px; background: #000;}
.ham::before {box-shadow: 0 -11px 0 #000, 0 11px 0 #000; transition: transform .25s ease, box-shadow .25s ease;}
.ham::after {opacity: 0; transition: transform .25s ease, opacity .25s ease;}
.ham:has(+ #drop:checked)::before {box-shadow: none; transform: rotate(45deg);}
.ham:has(+ #drop:checked)::after {opacity: 1; transform: rotate(-45deg);}
}

@media (max-width: 700px) and (min-width: 501px) {
nav ul {position: absolute} .menu {width: 290px; right: 0;}
.menu > li:last-child {border-radius: 0 0 0 8px;}
}
/*@media (max-width: 500px) {.menu {width: 100%; overflow: hidden;}}*/


/*COLORS*/

nav li {background-color: var(--bluedark);} .menu > li a, nav li {color: #FFF;}

@media (min-width: 701px) {
nav {background-color: var(--bluedark); border-bottom: 1px solid var(--greylite);}
nav li li {outline: 1px solid #FFF;}
nav ul ul a:hover, nav li li .tog:hover {background-color: var(--blue1);}
.menu li a:hover {color: #FF0 !important;} .menu ul li a:hover {color: #FFF !important;}
nav .selected, nav a.selected {text-decoration: underline;}
}
@media (max-width: 700px) {
nav ul ul a {background-color: var(--bluedeep);} .menu > li {border-bottom: 1px solid #FFF;}
nav .selected {background-color: var(--charcoal) !important;}
}

@media (max-width: 660px) {.ham {top: 89px;}}
@media (max-width: 360px) {.ham {top: 133px; left: 0; right: 0;}}


/*-----------------------------------------------*/

/*Top Pic*/

#toppic {position: relative; overflow: hidden; z-index: 0; background-color: #444 /*sdf*/ /*border-bottom: 4px solid #FF0;*/}
#toppic img {display: block; width: 500px; height: 300px; width: 100%; max-height: 320px; object-fit: cover; object-position: 50% 50%;}

.caption {position: absolute; display: table-cell; left: 5%; right: 5%; text-align: center; top: 47%; transform: translateY(-50%); z-index: 1; margin: 0 auto; color: #FFF;}
.caption h1 {font-family: 'Instrument SemiCond', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 6em; line-height: 1; text-shadow: 1px 1px 2px #000;}

@media (max-width: 820px) {.caption span {display: block;} .caption {padding-top: 12px;}}
@media (max-width: 760px) {.caption h1 {font-size: 13vw;}}
@media (min-width: 501px) {#toppic img {height: 40vw; filter: brightness(65%);}}
@media (max-width: 500px) {#toppic img, #toppic {height: 45vw;}}

/*-----------------------------------------------*/

/*BODY AREA*/

.bodyarea {padding: 20px 0 40px 0; margin: auto; width: 85%; max-width: 1500px;}
.bodyarea, h2, h3 {font: var(--body-font); font-weight: 400;}
.bodyhead {padding-bottom: 10px; font-weight: 500; font-size: 1.7em; line-height: 1.35; text-align: center;}
section .bodyhead {padding-top: 0;}
.heading {font-weight: 500; font-size: 1.4em; line-height: 1.3;}
.heading2 {font-weight: 500; font-size: 1.15em; line-height: 1.35;}
/*@media (max-width: 800px) {.bodyhead {font-size: 1.7em; line-height: 1.2;}}
@media (max-width: 480px) {.bodyhead {font-size: 1.6em;}}*/
@media (max-width: 360px) {.bodyarea {width: 87%;}}

.divide:not(.divide:first-child) .bodyarea {padding-top: 50px;}
.divide:nth-of-type(even) {background-color: #EEE;}
.divide .heading {margin: 0 0 20px 0;}

/*-----------------------------------------------*/

/*Page Pics*/

.pagepic img {border-radius: 8px; width: 500px; height: 300px; width: 100%; height: auto; display: block;}
.picwide {max-width: 500px;} .pictall {max-width: 350px;}
.picleft {float: left; margin: 8px 40px 30px 0;} .picright {float: right; margin: 8px 0 30px 40px;}
@media (max-width: 1050px) and (min-width: 871px) {.picwide {max-width: 430px;}}
@media (max-width: 870px) {
.picleft, .picright {text-align: center; float: none;}
.picleft {margin: 15px auto 40px auto;} .picright {margin: 35px auto 45px auto;}
.pictall {max-width: 400px;}
}

/*-----------------------------------------------*/

/*Contact & Find Us Pages*/

#findmap {display: table; margin: auto; text-align: center;} .btn {display: inline-block; text-align: center; margin: 0 6px 25px 6px;}
.btn a {background-color: var(--bluedark); display: inline-block; width: 130px; padding: 10px 0; font-size: .9em; line-height: 1.4; font-weight: 400; text-decoration: none; color: #FFF; transition: 0.2s; border-radius: 4px;}
.btn a:hover:not(.selected) {background-color: var(--blue1);} .btn a.selected {cursor: text; background-color: #999;}
@media (max-width: 370px) {.btn {margin: 0 4px 25px 4px;} .btn a {width: 110px;}}

#contactinfo {text-align: center;} #contactinfo div, #contactinfo a {font-weight: 500; line-height: 1.35; padding: 2px 0;}
#contactinfo a {font-weight: 600;}
#contactinfo div:nth-child(2) {margin: 10px auto; font-size: .9em; font-weight: 400;} #contactinfo a {font-size: 1.15em;}

#gmap {margin: 40px auto 20px auto; text-align: center;} #gmap iframe {margin: auto; text-align: center; width: 100%; height: 500px;}
@media (max-width: 400px) {#gmap iframe {height: 400px;}}

/*-----------------------------------------------*/

/*BOTTOM AREA*/

/*#footerinside {outline: 1px solid yellow} .footerintro img {outline: 1px solid colordark} #footerback {outline: 1px solid cyan}
.footerintro {outline: 3px solid red} .footerintro p {outline: 1px solid red}
.footercol {outline: 1px solid magenta} .contact {outline: 1px solid green} .contact img {outline: 1px solid yellow}
.servicelinks {outline: 1px solid colordark}*/

footer {background: #222; color: #EEE; font-size: 16px; line-height: 1.5;}
footer a {text-decoration: none; color: #EEE; text-decoration: none;}
footer a:hover {color: #FFF; text-decoration: underline;}
footer * {box-sizing: border-box;}

#footerback {max-width: 1300px; margin: auto; padding: 0 34px;}

#footerinside {display: grid; grid-template-columns: 260px 1fr 235px; padding: 60px 0 47px 0;}

.footerintro img:not(.socbtm img) {display: block; width: 250px; height: auto /*sdf*/; margin: 0 0 21px 0;}
.footerintro .socbtm img {display: block; width: 32px; height: 32px;}
/*.footerintro .socbtm {display: table; text-align: center; margin: auto;}*/
.socbtm img {height: 26px; width: 26px; display: inline-block; margin: 0 2px -4px 2px;}
@keyframes shake {20% {-webkit-transform: rotateZ(-8deg);} 80% {-webkit-transform: rotateZ(8deg);}}
.socbtm img:hover {-webkit-animation: shake .16s 5;}

.footerhead {margin: 5px 0 18px 0; font-weight: 600; font-size: 24px; color: var(--bluelite); text-align: center;}

.footercol a {display: block; margin: 0 0 10px 0; text-decoration: none; color: #EEE;}
.footercol a:hover {color: #FFF; text-decoration: underline;}

.services {width: max-content; max-width: 100%; justify-self: center; background-color: #333; border-radius: 8px; padding: 5px 20px;}
.servicelinks {display: grid; grid-template-columns: max-content max-content; grid-column-gap: 55px;}
.servicelinks a {display: block; position: relative; margin: 0 0 10px 0; padding-left: 13px; line-height: 1.3;}
.servicelinks a:before {content: "\2022"; position: absolute; left: 0; top: -6px; color: var(--bluelite); font-size: 24px;}

.contact p {margin: 0 0 13px 0;}
.contact p a {display: inline; margin: 0;}

.contact img {width: 22px; height: 22px; margin-right: 9px; vertical-align: -6px;}
.contact p:nth-of-type(1),.contact p:nth-of-type(2) {font-size: 20px; font-weight: 500;}

.contact .address {position: relative; padding-left: 30px; white-space: nowrap;}
.contact .address img {position: absolute; left: 0; top: 9px;}

#hrs {margin: 20px 0 25px 0; background-color: #333;; border-radius: 8px;}
.hrs {width: 100%;}
.hrs th {padding: 10px 20px 5px 20px; font-size: 18px; font-weight: 500;}
.hrs td {padding: 5px 20px 10px 20px; font-size: 15px; line-height: 1.6; white-space: nowrap;}

#footerbottom {border-top: 1px solid #444; padding: 31px 0 32px 0; font-size: 15px;}
#footerbottom p {margin: 0; color: #BBB;}

/*@media (max-width: 1130px) {#footerinside {grid-template-columns: 200px 1fr 190px;} .servicelinks {grid-column-gap: 35px;}}*/

@media (max-width: 1230px) {
#footerinside {grid-template-columns: 1fr; grid-row-gap: 35px;}
.footerintro {max-width: 540px; margin: 0 auto; text-align: center;}
.footerintro img:not(.socbtm img) {margin: 0 auto 30px auto; text-align: center; width: 300px; height: auto /*sdf*/;}
.footerintro .socbtm img {margin: 0 auto 21px auto;}
.footerhead {text-align: center;}
.services {grid-column: auto;} .services, .contact {width: max-content; max-width: 100%; margin: 0 auto;}
.servicelinks {grid-column-gap: 25px;}
}
@media (min-width: 601px) {#footerbottom {display: grid; grid-template-columns: 1fr auto;} #footerbottom p:last-child {text-align: right;}}
@media (max-width: 600px) {#footerbottom {display: block; text-align: center; padding: 31px 25px 32px 25px;}}
@media (max-width: 590px) {
#footerback {padding: 0 22px;}
#footerinside {grid-template-columns: 1fr; grid-row-gap: 35px; padding-top: 45px;}
.footerhead {text-align: left;}
.services {grid-column: auto;}
.servicelinks {grid-template-columns: 1fr; grid-row-gap: 0;}
}
@media (max-width: 380px) {.footerintro img:not(.socbtm img) {width: 240px; height: auto /*sdf*/;}}
@media (max-width: 320px) {.services {padding: 5px 10px;}}

.web {padding: 20px 25px 15px 25px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .2px; text-align: center; margin: auto; color: #AAA; background-color: #000;}
.web a {text-decoration: none; color: inherit; white-space: nowrap;} .web a:hover span {color: #F65246;}
.web img {vertical-align: top; margin: 1px 0 0 0; width: 23px; height: 15px;}

#totop {position: fixed; bottom: 25px; right: 25px; display: inline-block; z-index: 9999; opacity: .7; transition: 0.15s;}
#totop img {width: 32px; height: 32px; display: block; -webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); cursor: pointer;} /*keep -webkit for old Safari*/
#totop:hover {opacity: 1;}

#serving {font-size: 12px; line-height: 1.4; color: #BBB; margin: 15px auto; font-family: Arial, Helvetica, sans-serif;}
#serving a, .nolink {color: inherit !important; text-decoration: none !important; pointer-events: none !important;}


/*:root {--fbord: 1px solid rgba(255, 255, 255, 0.2);}

.btmareaback {background-color: #222;}

footer a {color: #FFF !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-color: rgba(255,255,255,.4);}
footer a:hover {text-decoration-color: var(--blue1);}

footer {display: grid; box-sizing: border-box; max-width: 1100px; color: #FFF; border-bottom: var(--fbord);}

.block {font-size: 18px; box-sizing: border-box; justify-items: center;}
.block .btmhead {display: block; margin-bottom: 20px; font-size: 30px; font-weight: 600; color: var(--blue1);}

.block1 div {font-size: 18.5px; line-height: 1.6; font-weight: 300; letter-spacing: .8px;}
.block1 img {display: block; width: 240px; height: auto; width: 100%; max-width: 300px; height: auto; margin: 0 auto 25px auto;}

.block2 *, .block3 * {white-space: nowrap;}

.block2 span {display: block;}
.block2 ul {padding-top: 8px; margin-left: -20px;}
.block2 li {position: relative; margin-left: -18px; padding: 13px 10px 12px 17px; font-size: 18px; line-height: 1.35; list-style: none;}
.block2 li:first-child {padding-top: 0;}
.block2 li::before {content: "\276F"; position: absolute; left: 0; color: var(--blue1);}

@media (min-width: 1141px) {.block2 span {padding: 0 60px;}}
@media (max-width: 1140px) and (min-width: 671px) {.block2 span {padding: 0 30px;}}

.block3 {font-size: .95em; line-height: 1.5;}
footer .btmicons a:not(.phlink) {font-size: 18px; line-height: 1.6;} footer .phlink {font-size: 1.4em; font-weight: 500;}

.btmicons img {margin: 3px 8px 15px 0; vertical-align: top; width: 22px; height: 22px;}
.btmicons a:nth-of-type(3) {display: block; margin: 10px 0 -12px 0;}
.btmicons img:last-of-type {margin-top: 0;}
.btmicons a:nth-child(1) img, .btmicons a:nth-child(3) img {padding-top: 3px;}
.btmicons a:nth-child(5) img {margin-top: 1px;}


.btmicons a:last-of-type {display: grid; grid-template-columns: auto 1fr;}
.btmicons a:last-of-type img {grid-column: 1;} .btmicons a:last-of-type span {grid-column: 2;}
.btmicons a:nth-child(7) img {margin-top: 10px;}


.btmsoc img {width: 32px; height: 32px; margin: 0 6px;}
@keyframes shake {20% {-webkit-transform: rotateZ(-8deg);} 80% {-webkit-transform: rotateZ(8deg);}}
.btmsoc img:hover {-webkit-animation: shake .16s 5;}

#hrs {margin: 20px 0 25px 0; background-color: #333; border: var(--fbord); border-radius: 6px;}
.hrs th {font-size: 19px; font-weight: 500; border-bottom: var(--fbord);} .hrs td {font-size: 16px; line-height: 1.6;}
.hrs th, .hrs td {padding: 7px 10px;}
.hrs {border-collapse: collapse;}

@media (min-width: 1021px) {footer {grid-template-columns: 35% 40% 25%; margin: 30px auto 0 auto; padding-bottom: 50px;}}
@media (max-width: 1020px) {
footer {margin: 15px auto 0 auto; padding-bottom: 40px;}
.block1 {grid-column: 1 / -1; max-width: 60%; margin: 0 auto 50px auto; text-align: center; line-height: 1.6;}
.block2 {justify-self: flex-start;} .block2 span {border: none;}
}
@media (max-width: 1020px) and (min-width: 951px) {
footer {grid-template-columns: repeat(12, 1fr);}
.block2 {grid-column: 3 / 7;} .block3 {grid-column: 7 / 12;}
}
@media (max-width: 950px) and (min-width: 761px) {
footer {grid-template-columns: repeat(14, 1fr);}
.block1 {max-width: 85%;} .block2 {grid-column: 2 / 9;} .block3 {grid-column: 9 / 14;}
}
@media (max-width: 760px) and (min-width: 671px) {
footer {grid-template-columns: repeat(3, 1fr);}
.block1 {max-width: 90%;} .block2 {grid-column: 1;} .block3 {grid-column: 3;}
}
@media (min-width: 671px) {.btmareaback {padding: 35px 50px;}}
@media (max-width: 670px) {
footer {grid-template-columns: 1fr;} .btmareaback {padding: 35px 30px;}
.block1 {max-width: 90%;}
.block2, .block3 {justify-self: center; text-align: center; margin: auto;}
.block2 {margin-bottom: 20px;} .block2 ul {text-align: left;}
.block2 li {padding-bottom: 3px;}
.btmicons {display: table; text-align: left; justify-self: center; margin: auto;}
}

#totop {position: fixed; bottom: 25px; right: 25px; display: inline-block; z-index: 9999; opacity: .7; transition: 0.15s;}
#totop img {width: 32px; height: 32px; display: block; -webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); cursor: pointer;}
#totop:hover {opacity: 1;}
*/

/*====================================================*/

/*COLORS*/

:root {--blue1: #007DB8; --bluelite: #019DE1; --bluebright: #01CBF4; --bluedark: #0058AF; --bluedeep: #003870; --bluegrey: red; --charcoal: #4D5256; --greylite: #DDD;}
/*bluegrey: #008AB1, bronze: #3E3C00, darkbronze: #252400, grey: #666*/

body {background-color: #FFF; color: #333;}

#headtop {background-color: var(--bluedark);} header {background-color: #EEE;} #phone, #phone a {color: #FFF;}

.heading {color: #000;} .heading2 {color: #555;}