body { background-color: #0599b7; font-family: Verdana, Geneva, sans-serif;  color: #333; margin: 0; padding: 0;line-height:1.5 }
a img, iframe { border: none; }
.imgLeft { float: left; margin: 5px 30px 15px 0; }
.imgCenter { display: block; margin: 0 auto; }
.imgRight { float: right; margin: 5px 0 15px 30px; }
.imgRight, .imgLeft { max-width: 45% }
img,iframe{display:block;margin:0 auto}
iframe{aspect-ratio:16 / 9 auto;width:100%}
a { color: #0599b7; text-decoration: none; }
main a:hover { color: #008202; }
small{font-size:max(13px, 0.8125rem)}
.clear { margin: 0; padding: 0; clear: both; visibility: hidden; border: none; }
.grid{display:grid;grid-gap:10px 20px;clear:both}
.grid.mid{align-items:center}
.grid.half{grid-template-columns:1fr 1fr}
.grid.third { grid-template-columns: 1fr 1fr 1fr}
.flex{display:flex;flex-wrap:wrap}
#topstrip { background-color: #0599b7 }
#topstrip a { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.wrap { max-width: 1080px; margin: 0 auto; }
#topstrip ul { text-align: right; margin:0;padding: 5px 10px; }
#topstrip li { display: inline; }
#topstrip li a { color: #fff; margin: 0 5px; }
header{padding:20px 10px}
header a{display:block}
header.grid{grid-template-columns:230px 1fr 210px }
header>span{font-size:13px;font-weight:bold;max-width:320px}
header .right {  text-align: right; }
header .right a { color: #333;font-weight: bold; }
.headphone{font-weight:bold;color:#333;font-size:1.375rem;margin:0}
header>div{font-size:13px;text-align:center}
nav { background: #008202;padding:10px }
nav ul { text-align: center; margin:0; padding: 0; }
nav li{display:inline-block}
nav a { display:block;color: #fff; font-weight: bold; text-transform: uppercase; margin: 6px;font-size:13px }
.nowrap,a[href^=tel]{white-space:nowrap}
h1{font-size:1.5rem}
h2{font-size:1.25rem}
h3{font-size:1rem}
#banner {background: #000;text-align:center;overflow:hidden }
.cycle-slideshow { margin: 0 auto; height: 335px; }
.cycle-slideshow a { display: block; margin: 0 auto; width: 100%; height: 100%; text-decoration: none; position: relative; }
.cycle-slideshow img{width:100%;height:100%;object-fit:cover}
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 6%; opacity: .3; z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0; background: url(/images-design/arrow-left.png) 50% 50% no-repeat; }
.cycle-next { right: 0; background: url(/images-design/arrow-right.png) 50% 50% no-repeat; }
#substrip {background-color: #008202;padding:15px 10px}
#substrip .grid{grid-template-columns:1fr 250px }
#substrip strong { text-align: center; display: block;max-width:600px;margin:0 auto;color: #fff; text-shadow: 1px -1px 2px #555;font-size:1.125rem  }
#substrip a { text-align: center; background: #ff9c00; font-weight: bold; color: #333; display: block; font-size: 14px; padding: 10px 5px }
.container { background: #fff;border-top:15px solid #0599b7}
main { padding: 20px 10px 40px; }
main{font-size:0.9375rem}
hr{margin:40px 0;border-top:none;border-bottom:1px solid #ccc}
.welcome .grid {grid-template-columns:170px 1fr  }
.welcome h1{margin-top:0}
.grid.featured{padding-top:10px;grid-gap:10px 30px}
.featured img {padding: 5px; border: 1px solid #ccc; box-sizing: border-box;width:100% }
.featured a{display:block}
.featured a:nth-of-type(2){margin-top:40px}
.box { padding: 10px;}
.box a { color: #333; }
.box img {padding: 5px; border: 1px solid #ccc;box-sizing:border-box }
.box span { display: block; margin: 10px 0;font-weight: bold; }
.box ul li a { color: blue; }
main ul,main ol { padding-left:30px; }
main ul ul,main ol ol { margin: 5px 0 }
main li { margin: 5px 0 }
.nolist { list-style: none;padding-left:0 }
iframe.jasper{min-height:282px}
form label { display: block; text-align: left; margin-bottom: 10px }
form input, form textarea { font-family: Verdana, Geneva, sans-serif; border: 1px solid #008202;padding:10px;box-sizing:border-box;width:100%;display:block; }
form textarea{height:100px}
form input[type=submit] { color: #333; font-weight: bold; background: #ff9c00; border: none;font-size:15px;margin-top:15px;max-width:300px;margin:0 auto }
form input[type=submit]:hover { cursor: pointer; }
.contact iframe{height:400px}
.footertop { min-height: 300px; background: #fff url(/images-design/bg.jpg) center bottom repeat-x; }
footer .grid{grid-template-columns:250px 1fr}
footer{font-size:0.875rem}
footer li{margin:5px 0}
footer, footer a { color: #fff; }
footer .wrap {  padding: 20px 10px 20px }
footer .left a { color: #fff; }
#social .facebook { background: url(/images-design/social.png) 0 0 no-repeat; }
#social .twitter { background: url(/images-design/social.png) -50px 0 no-repeat; }
#social .linkedin { background: url(/images-design/social.png) -100px 0 no-repeat; }
#social .blogger { background: url(/images-design/social.png) -150px 0 no-repeat; }
#social .wordpress { background: url(/images-design/social.png) -200px 0 no-repeat; }
footer .nolist span:first-of-type { width: 15px; height: 12px; margin: 10px 10px 10px 0; }
footer .nolist span {  display:inline-block;vertical-align:middle}
footer .phone { background: url(/images-design/contact.png) 0 0 no-repeat; }
footer .email { background: url(/images-design/contact.png) -20px 0 no-repeat; }
footer .grid>div {  text-align: right; }
footer .grid > div p { max-width: 500px; margin-left: auto; margin-top: 40px }
footer .grid>div img{margin:0 0 0 auto}
footer .mark { margin-top: 20px;display:inline-block }
.center { text-align: center; }
#sidebar_services {  margin: 40px 0; border: solid 1px #ff9c00; background: #fff0d8; padding: 10px 15px; font-weight: bold; }
#sidebar_services ul li { list-style-type: none; font-size: 14px; margin-bottom: 10px; }
aside ul{padding-left:0}
aside img{display:inline-block}
.red, .red a { color: #ce2f3c; }
.blue, .blue a { color: #215da1; }
.blue ul { margin: 5px 0; }
.orange, .orange a { color: #ff9c00; }
.teal, .teal a { color: #0599b7; }
.green, .green a { color: #029a02; }
.palm, .palm a { color: #8fa243; }
aside #contact { border: solid 1px #04abcd; background: #e5fafe; padding: 15px; }
#summary { padding: 10px; margin-top: 40px; }
#esdm { margin: 0 15px 15px 15px; border: 1px solid #0599b7; border-radius: 15px; padding: 15px; }
.services{margin:0 -10px}
.services p { margin: 0; height: 75px; background-color: #008202; border: 1px solid #008202; }
.services strong { text-align: center; display: block; color: #fff; padding: 10px; top: 50%; transform: translateY(-50%); position: relative; }
.services a { border-radius: 10px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box;flex:1 0 200px;margin:10px }
.services a:hover p{background-color:#3e3e3e}
.services img { object-fit: cover; height: 180px; width: 100%; border-bottom: 1px solid #ddd }
.boxes { text-align: center;  }
.boxes a:hover strong, .btn:hover, form #submit:hover { background: #3e3e3e; color: #fff; }
.boxes a:hover { text-decoration: none; }
.boxes img { width: 190px; height: 120px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #ddd; }
.boxes img, .boxes strong, .boxes span { display: block; }
.boxes span { height: 77px;padding: 5px; }
.boxes strong { border-radius: 0px 0px 10px 10px; text-align:center; background: #008202; color: #fff; padding: 10px 5px; text-shadow: 1px 1px 5px #000; }
.hideBox { visibility: hidden; }
.singleLineCenter { line-height: 40px; }
.staff > div { display: inline-block; width: 48%; vertical-align: top; }
.staff > div:nth-of-type(odd) { margin-right: 3%; }
.staff .imgLeft { max-width: 150px; }
.team { max-width: 200px; }

@media(max-width:999px){
    nav{padding:10px 0}
    nav a{padding:5px}
    .grid.contact{grid-template-columns:1fr 1fr}
    .grid.contact > div:first-of-type { grid-column: span 2 }
    #contact{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr;}
    #contact label:nth-of-type(4),#contact input[type=submit]{grid-column:span 3;margin-top:0}
}
@media(max-width:700px){
    header.grid, #substrip .grid, .grid.half, footer .grid,.grid.contact { grid-template-columns: 1fr }
    .grid.contact > div:first-of-type { grid-column: unset }
    header>span{text-align:center;margin:0 auto;max-width:500px}
    .welcome .grid{grid-template-columns:1fr 170px}
    .welcome img{order:2}
    .contact iframe{height:300px}
    footer ul,footer p{text-align:center}
    footer .grid>div img{margin:0 auto}
    footer .grid>div p{margin:20px auto 0}
    footer .mark{display:block}
}
@media(max-width:500px){
    .welcome .grid,#contact{grid-template-columns:1fr}
    #contact label:nth-of-type(4), #contact input[type=submit] { grid-column: unset }
    .welcome img{order:unset;}
    .welcome h1{text-align:center}
    .imgLeft,.imgRight{float:none;margin:1em auto;max-width:100%}
    .cycle-slideshow { height: 250px; }
}