/* Copyright 2018, CountyWebsiteDesign.com */

@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700,400italic);

body
{
	margin:0;
	padding:0;
	background-color:#fdfdfd;
	font-family:Arial, Helvetica, serif;
	font-size:15px;
	color:#000;
}

a, a:link, a:visited{color:#358cee;text-decoration:underline;}
a:hover, a:active{color:#358cee;text-decoration:underline;}

img.decor
{
	margin:0;
	padding:3px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

img.decor2
{
	margin:0;
	padding:0;
	border:1px solid #000;
	box-sizing:border-box;
}

img.fix
{
	margin:1em 0;
}

#header
{
	margin:0;
	padding:0;
	color:#fff;
	background: #171516;
	
}

#header-info
{
	max-width:1024px;
	margin:0 auto;
	padding:10px 10px 20px 0;
	font-size:18px;
	color:#fff;
	text-align:right;
}
#logom
{
	width:20%;
	float:left;
}
#logo
{
	width:30%;
	float:left;
}

#logo h1
{
	margin:0;
	padding:0;
	font-family:'Bitter', serif;
	font-size:48px;
	font-weight:bold;
	line-height:47px;
	color:#2682eb;
}

#info
{
	width:35%;
	text-align:center;
	float:left;
}

#phone
{
	margin:22px 0px;
	font-family:'Bitter', serif;
	font-size:26px;
	font-weight:bold;
	letter-spacing:1px;
	display:block;
}

#phone a
{
	color:#fff;
	text-decoration:none;
}

#address
{
	margin-top:8px;
}


.boxout {border-radius:12px; background:#C00; padding:12px; font-size:2em; color:#fff; text-align:center; font-family:'Bitter', serif;}


.button {
  padding: 6px 12px 10px 12px;
  font-size:1.1em;
  font-family:'Bitter', serif;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e74439;
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #500f0b;
  width:96%;
  margin-left:4px;
  margin-bottom:12px;
}

.button:hover {background-color: #97251e;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background-color: #97251e;
  box-shadow: 0 2px #500f0b;
  transform: translateY(4px);
}

#slogan
{
	font-size:24px;
	letter-spacing:1px;
	font-family:'Bitter', serif;
	font-style:italic;
	color:#111;
	text-align:center;
	border-top:1px solid #fff;
	text-shadow:1px 1px 1px #fff;
	padding:8px 0px 8px 0px;
	box-shadow:1px 1px 1px 1px #222;
	background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}


#nav
{
	margin:0 auto;
	padding:0;
	background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(39,40,43,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(39,40,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(39,40,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#27282b',GradientType=0 ); 
}

#nav ul
{
	margin:0;
	padding:0;
	position:relative;
	list-style-type:none;
	text-align:center;
}

#nav ul li
{
	margin:4px 1px;
	padding:0;
	position:relative;
	display:inline-block;
}

#nav ul li a
{
	margin:0;
	padding:5px 15px;
	background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(39,40,43,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(39,40,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(39,40,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#27282b',GradientType=0 ); 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	font-family:'Bitter', serif;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
}

#nav ul li a:hover
{
	margin:0;
	background: rgb(204,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(163,19,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(163,19,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(204,0,0,1) 0%,rgba(163,19,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a31300',GradientType=0 ); 
	color:#f9bd49;
}

#nav ul li ul.drop
{
	min-width:160px;
	margin:0;
	padding:0;
	position:absolute;
	display:none;
	z-index:1;
}

#nav ul li ul.drop li
{
	display:block;
}

#nav ul li ul.drop li a
{
	margin:0;
	padding:12px 16px;
	text-align:left;
	text-decoration:none;
	display:block;
}

#nav ul li ul.drop li a:hover
{
	margin:0;
}

#nav ul li a.active
{
	margin:0;
}

#nav ul li:hover .drop{display:block;}

#nav li.mobile-nav
{
	font-size:1.0em;
	text-align:center;
	display:none !important;
}

#main
{
	max-width:1020px;
	margin:0 auto;
	padding:20px 10px;
}

h1, h2, h3, h4, h5, h6
{
	margin-top:0;
	font-family:'Bitter', serif;
}

h1
{
	font-size:2em;
}

h2
{
	font-size:1.5em;
	color:#aa1f23;
}

.blue
{
	color:#c3221f;
}

ul
{
	list-style-image:url(../images/check.png);
	line-height:20px;
}

.redline { background:#C00;}

.rul
{
	list-style-image:url(../images/check-r.png);
	line-height:20px;
}

.box
{
	max-width:390px;
	margin:15px 10px;
	padding:14px 8px;
	background-color:#f17022;
	border:none;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.box p{margin:0 0 1em 0;padding:0;}

.box2
{
	max-width:500px;
	margin:15px 10px 0 10px;
	text-align:left;
	padding:10px 22px;
	background:#f7a93c url(../images/quotes.png) top center no-repeat;
	border-radius:5px;
	color:#7e350d;
}

.box2 p{margin:30px 54px;padding:0;}


.box3
{
	max-width:500px;
	margin:15px 10px 0 10px;
	text-align:left;
	padding:10px 22px;
	background:#f7a93c url(../images/quotes-n.png) top center no-repeat;
	border-radius:5px;
	color:#7e350d;
}

.box3 p{margin:30px 54px;padding:0;}



#slideshow
{
	width:100%;
	margin:0 auto;
	padding:0;
	background: rgb(153,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(153,0,0,1) 0%, rgba(28,0,6,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(153,0,0,1) 0%,rgba(28,0,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(153,0,0,1) 0%,rgba(28,0,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#1c0006',GradientType=0 );
	border:4px solid #111;
	box-sizing:border-box;
}

#slider
{
	width:100%;
	max-width:1000px;
	max-height:375px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}

#map
{
	max-width:460px;
	width:100%;
	height:750px;
}

#footer
{
	margin:0 auto;
	padding:15px 0;
	background-color:#000;
	border-top:5px solid #f8ab40;
	font-size:14px;
	color:#fff;
	line-height:24px;
	text-align:center;
}

#footer-info
{
	max-width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.footer-logo
{
	margin:0 14px;
}

#bo2019{margin:0;}
#ase{margin-bottom:26px;}
#atra{margin:0;}
#atsg{margin-bottom:26px;}
#mdsi{margin:0;}
#creditcards{margin-bottom:30px;}

#facebook{margin-top:20px;text-align:center;}

#copyright
{
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
	text-align:center;
}

#copyright a{font-weight:bold;color:#fff;text-decoration:none;}
#copyright a:hover{color:#f2b83d;text-decoration:none;}

#cwr
{
	margin:0;
	padding:0;
	background:#111;
	color:#ccc;
	font-size:xx-small;
	text-align:center;
}


.coupons { border:dashed 3px #C00; padding:30px; border-radius:20px; margin:0px 10px 10px 10px;}


.desk { display:block;}
.caret { display:none;}


#nounderline a:link {
	text-decoration: none;
}

@media all and (max-width:768px)
{
	
	#nav ul li:not(:first-child){display:none;}
	#nav ul li.mobile-nav{display:block !important;}

	#nav.mobile ul li
	{
		text-align:center;
		display:block;
	}

	#nav.mobile ul li ul.drop
	{
		position:relative;
		text-align:center;
		display:block;
	}

	#main{padding:10px 5px;}

	#header-info{padding:10px 10px 10px 0;}
	#logom{width:100%;float:none;text-align:center;}
	#logo{width:100%;float:none;text-align:center;}
	#logo h1{font-size:34px;line-height:unset;}
	#info{width:100%;float:none;text-align:center;}
	#phone{font-size:22px;}
	#slogan{display:none;}

	#ase{margin:5px auto;display:block;}
	#atra{margin:5px auto;display:block;}
	#atsg{margin:5px auto;display:block;}
	#mdsi{margin:5px auto;display:block;}
	#creditcards{margin:5px auto;display:block;}

	.box2 p{margin:0;padding:0;}
	
	#nav ul li ul.drop li a
{
	margin:0;
	padding:3px 16px;
	text-align:center;
	text-decoration:none;
	display:block;
}

#nav.mobile ul li
	{
		text-align:center;
		display:block;
	}

	#nav.mobile ul li ul.drop
	{
		margin-top:12px;
		position:relative;
		text-align:center;
		border:none;
		display:block;
	}
	
	#nav.mobile ul li ul.drop li a
	{
		margin:0 2px;
		padding:3px 9px;
		text-align:center;
	}
.caret { display:block;}
.dropm { background:#222;}
.dropli { text-align:center; font-size:.9em;}
.desk { display:none;}
}


#title {
	font-size:1.8em;
	
	font-weight:bold;
		line-height:1.2em;
	color:#2682eb;
	text-align:center;
	font-family: 'Bitter', serif;

}

.mobi { display:none;
	}
	.desk { display:block;}
.mobic { display:none;
	}
	.deskc { display:block;}
	
@media (max-width: 740px) {
	.mobic { display:block;
	}
	.deskc { display:none;}
    .mobi { display:block;
	}
	.desk { display:none;}
		}
	
@media (min-width: 741px) {
	}
	




.price{ 
	color: #640000;
	font-weight:bold;
	font-size: 2.2em;
	text-align:center;
	margin:20px 5px 5px 5px;
	}
	
div.coupon {
    font-size: 1.4em; /*  */
    line-height: 1.5em;  /* This keeps the line height proportional to the font size */
	vertical-align:middle;
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	width:100%;
}

/*  COLUMN SETUP  */

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
	max-width:800px;
	border:2px dashed #640000; /* Match dotted line with logo */
	padding:5px;
}
.span_1_of_2 {
	width: 49.2%;
}

.logoback {
	width:100%;
	background-color:#009; /* Change to match site/logo */
	padding:5px 0px;} 
	
.contact-info {
	background-color:#b8e7f6; /* Match color theme on main site */
	line-height:1.1em;
	font-size:.9em;
	color:#090832;
	text-align:center;
	padding:1% 3%;}
.contact-infob {
	background-color:#171516; /* Match color theme on main site */
	line-height:1.1em;
	font-size:.9em;
	color:#ffffff;
	text-align:center;
	padding:1% 3%;}

.responsive-image {
        max-width: 100%;
        height: auto;
}

.c-desc{
	padding:1% 10%;
	text-align:center;
	font-weight:bold;}
	
#clink:link {
	color: #900;
	text-decoration: none;
}
#clink:visited {
	color: #900;
	text-decoration: none;
}
#clink:hover {
	color: #F00;
}
#clink:active {
	color: #900;
	text-decoration: none;
}



.hwrapper {
  /* 
  display: block; 
  since divs' default display value is already block
  */
    position: absolute;
    z-index:999998;
  height:30rem;
  overflow-y: hidden;
  align-self: start;
    padding-left:1%;}
.slidecover {
  background: rgb(47,69,22);
background: radial-gradient(circle, rgba(47,69,22,0.6756827731092436) 0%, rgba(255,255,255,0) 100%);
}
.htext {
    line-height:1em;   font-weight:600;
  color: #9D9D9D;
  position: relative;
  animation: slide-up 1.2s;
}
.hbar {
  animation: slide-right 1.4s;
}
.hstext {
  color: #9D9D9D;
  position: relative;
    font-weight: lighter;
  font-size: 2.2rem;
  animation: slide-up 1.8s;
}
.httext {
 
  position: relative;

  animation: slide-up 2.3s;
}
.hsecond {
  color: black;
  top: -1.2rem;
}

@keyframes slide-up {
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0);
  }
}


@keyframes slide-right {
  from {
    transform: translateX(-5rem);
  }
  to {
    transform: translateX(0);
  }
}

@media (max-width:575.98px){.hstext {font-size:.6rem;} .hwrapper { margin-top:70px; margin-left: 10px;  height:20rem;} .homeback { height:auto;} .mlh {line-height:.9em;} }
@media (min-width:576px){.hstext {font-size:.9rem;} .hwrapper { margin-top:50px; margin-left: 10px;  height:20rem;} .homeback { height:auto;} .mlh {line-height:.9em;}  }
@media (min-width:768px){.hstext {font-size:1.2rem;} .hwrapper { margin-top:100px; margin-left: 10px;  margin-right: 10px;  height:48rem;}.homeback { height:auto;} }
@media (min-width:992px){.hstext {font-size: 2rem;} .hwrapper { margin-top:120px; margin-left: 100px;  height:44rem;} .homeback { height:auto;}  }
@media (min-width:1200px){.hstext {font-size: 2.8rem;} .hwrapper { margin-top:150px; margin-left: 100px; height:44rem;} .homeback { height:auto;} 
 }
.blackbox {font-weight:500; background:url(../images/bl.png); padding:20px 40px 10px 40px; margin-top:0px; border-radius: 30px; color: #ffffff; max-width:900px; }
.blackboxm {font-weight:500; background:#111111; padding:20px 20px 20px 20px; margin-top:0px; font-size:.9em;  color: #ffffff; }
.text-white{color: #ffffff;}
#white{color: #ffffff; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-align: left;}

.containerhb {
    margin:5px 5px 20px 5px;
     border-radius:5px;
  position: relative;
  width:100%;
}

.imagehb {
  display: block;
      border-radius:6px;
  width: 100%;
  height: auto;
 
}

.overlayhb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity:1;
     border-radius:5px;
  transition: .5s ease;
 background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,0) 45%, rgba(0,0,0,0.6756827731092436) 100%);
}

.containerhb:hover .overlayhb {
     border-radius:5px;
    background: #000000;
  opacity:.8;
}

.texthb {
  color:white;
    background:#579564;
    padding:8px 8px 10px 8px;
    border-radius:3px;
    border:#ffffff 4px solid;
    opacity:9;
  font-size: 2em;
    line-height: 1em;
    font-weight: bold;
  position: absolute;
  top:70%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.lighttan {background: #736458;}
.nopad {margin: 0px; padding: 0px 10px 0px 0px;}







