/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-family: 'Open Sans', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;}
ol, ul {list-style:none;}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
.header, nav, article, footer, address, img {display:block;}
img {max-width:100%;height:auto;display:inline-block;}

.img-responsive {max-width:100%;height:auto;display:block;}

/* Clearfix */
.cf:before,
.cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

body {overflow-x: hidden;font-size:16px;line-height:26px;-webkit-text-size-adjust:none;background:#fff url("../siteart/whitelogo.png") repeat!important;background-attachment:fixed!important;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;margin-bottom:10px;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none;font-weight:700;-webkit-transition: .4s ease-in;-moz-transition: .4s ease-in;-o-transition: .4s ease-in;transition: .4s ease-in;}
a:hover {text-decoration:underline;}
.wrapper {max-width:1400px;width:85%;margin:0 auto;display: block;padding:3% 0px;}
.flex-wrapper {display: flex; flex-wrap: wrap;}
.flex-wrapper h1 {width: 100%;}
.flex-wrapper .onecols:nth-child(odd) {padding: 1em!important;}

.header {border-bottom:2px solid #a20d13;}
.header .wrapper {max-width:80%;width:100%;margin:0 auto;padding:1% 0px; display: flex; align-items: center;}
.topheader {background:linear-gradient(#a20d13, #850000);padding:10px 0px;}
.topheader .wrapper, .footercredit .wrapper {padding:0 0 0 0;}
.topheader .wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.topheader a:link, .topheader a:visited, .topheader a:active {text-decoration:none;color:#fff;}
.topheader a:hover {text-decoration:none;color:#333;}
.topheader span.social {padding-right:10px;}
.topheader .social {float:left;display:block;}

.topnav span {position: relative; padding: .5vw;}
.topnav span.has-dropdown ul {display: none; position: absolute; z-index: 2; top: 25px; left: 0; background: #272727;}
.topnav span.has-dropdown:hover > ul {display: block; z-index: 500;}
.topnav span.has-dropdown ul li {float: none; display: block; width: 275px; position: relative; margin: 0; text-align: left;}
.topnav span.has-dropdown ul li a {padding: 10px 15px; display: block; width: 100%;}
.topnav span.has-dropdown ul li a:hover {color: #eee;}
.topnav {display:flex; justify-content: space-evenly; align-items: center; text-align: center; font-weight:700;font-size:13px; line-height: 1.4;}

.main-logo {display:block;float:left;width:100%;max-width:20%;text-align:center; margin-top: 10px;position: relative; z-index: 500;}

.no-js .owl-carousel, .owl-carousel.owl-loaded{
	height: auto; transition-duration: 0.2s;
}

.homepage-hero {background: #000; width: 100%; position: relative;}
.specials {position: absolute; top:20%; z-index: 400; right:5%;}
.specials img {width: 100%; max-width: 250px; height: auto;}

.carousel-item{
	width: 100%;
}

.carousel-item img{
	width: 100%;
	height: auto;
}

.unorder-list{
  list-style: disc;
  list-style-position: inside;
  margin: 0;
  padding-left: 0;
}

.unorder-list li p{
  display: inline;
  margin: 0;
}

.facebook-section{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px;
	flex-direction: row;
	gap: 48px;
}

.flex-item{
	flex: 50;
	display: flex;
	align-items: center;
	justify-content: center;
}


.owltext {
	position:absolute;top:10%;left:7%;transform:translate(-10%, -7%);
	text-shadow: 5px 5px 18px #222222;
    -webkit-text-shadow: 5px 5px 18px #222222;
    -moz-text-shadow: 5px 5px 18px #222222;
    -ms-text-shadow: 5px 5px 18px #222222;
}
.owltext h1 {color:#fff!important;font-size:45px;line-height: 55px;}
/*.owlbutton {display:block;float:left;border-radius:10px;background-color:#931a1d;border:1px solid #ccc;font-weight:700;color:#FFFFFF;text-align:center;font-size:24px;padding:20px;width:100%;max-width:45%;transition:all 0.5s;cursor:pointer;margin:5px;}
.owlbutton span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.owlbutton span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.owlbutton:hover span {padding-right:25px;}
.owlbutton:hover span:after {opacity:1;right:0;}
.owlbutton:hover {background:#231f20;}*/

.ctasection {background:#000 url("../siteart/ctabg.jpg") no-repeat;margin:0 auto;height:100%;width:100%;display:flex;justify-content: center; align-items: center; flex-wrap: wrap; background-repeat:no-repeat;background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}
.ctasection a {width:12.5%;display:block;text-align:center;background:rgba(162,13,19,.75);padding:5% 1em;box-sizing:border-box;border:.5px solid #ccc; -webkit-transition: .4s ease-in;-moz-transition: .4s ease-in;-o-transition: .4s ease-in;transition: .4s ease-in;text-decoration: none;}
.ctasection a h3 {font-style:italic;font-weight:700;color:#fff;font-size:16px;}
.ctasection a:hover {background:rgba(162,13,19,1);}

.onecols h1{font-weight: 700;line-height: normal;margin-bottom: 10px;font-size: 24px;}
.threecols, .twocols, .onecols {display:block;float:left;width:100%;box-sizing:border-box;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:75%;}
.casepromo{
	margin-top: 20px;
}
.button {display:inline-block;border-radius:10px;background-color:#931a1d;border:1px solid #ccc;font-weight:700;color:#FFFFFF;text-align:center;font-size:18px;line-height:normal;padding:20px;width:100%;transition:all 0.5s;cursor:pointer;margin:5px;}
.button span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span {padding-right:25px;}
.button:hover span:after {opacity:1;right:0;}
.button:hover {background:#231f20;}

.contactsection {background:linear-gradient(#a20d13, #850000);width:100%;height:auto;color:#fff;}
.contactsection a:link, .contactsection a:visited, .contactsection a:active, footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#fff;font-weight:300;}
.contactsection a:hover, footer a:hover {text-decoration:underline;color:#fff;}

.manu img {padding:2% 0;}

.cfmoto-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.cfmoto-wrapper img {width: 100%; height: auto;}
.cfmoto-btns {width: 100%; display: flex; align-items: center; justify-content: center;}
.cfmoto-btns a:first-child {width: 50%; padding: .75em; background: #00abbd; color: #fff; text-align: center;}
.cfmoto-btns a:first-child:hover {text-decoration: none; background: #018391; transition: .3s ease-in-out all;}
.cfmoto-btns a:last-child {width: 50%; padding: .75em; background: #444; color: #fff; text-align: center;}
.cfmoto-btns a:last-child:hover {text-decoration: none; background: #000; transition: .3s ease-in-out all;}

.card {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);transition:0.3s;width:100%;max-width:18%;float:left;display:block;text-align:center;box-sizing:border-box;padding:2% 1%;margin:1%;background:#fff;}
.card:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);}
.cardcontainer {padding:2px 16px;}
.card em {font-size:12px;}
.card h4 {margin-bottom:0;}

footer {background:#000 url("../siteart/footerbg.png") repeat!important;width:100%;height:auto;color:#999;font-size:14px;background-color: #000;}
.footercredit {background:#000;padding:15px 0px;}
.footercredit a {color: #999!important;}
.footercredit a:hover {color: #fff!important;}


/** Responsive Styles **/

@media screen and (max-width: 1500px){
    .topnav {display: none;}
	.main-logo {margin-top: 5px; max-width: 50%; text-align: left;}
	.ctasection a {width:25%;}
}

@media screen and (max-width: 1415px) {	
	.owl-carousel.owl-loaded{
		background-size: cover!important;
	}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
    height: 700px;
}	
}
@media screen and (max-width: 1205px) {	
	.topnav span.has-dropdown ul {top: 40px;}
}

@media screen and (max-width: 1155px){
		.owl-carousel.owl-loaded{
		background-size: cover!important;
	}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
    height: 550px;
}	
}
@media screen and (max-width: 1024px){
    .ctasection a {width:50%;}
    .ctasection a h3 {font-size:16px;}
    .onecols, .threecols {max-width:50%;}
	.flex-wrapper .onecols:nth-child(odd) {padding: 0;}
    
    .owltext h1 {font-size:32px;line-height: 32px;}

    .topnav {display:none!important;}
    
    .card {max-width:31%;}
/*   .specials {display: none;} */
	

}

@media screen and (max-width: 950px){
		.owl-carousel.owl-loaded{
		background-size: cover!important;
	}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
    height: 435px;
}	
}
@media screen and (max-width: 767px){
    .owltext h1 {font-size:24px; line-height: 26px;}
    .twocols {max-width:100%;}
    
    .card {max-width:48%;}
    
    body {font-size:14px;line-height:24px;}
	
	.cfmoto-btns {flex-wrap: wrap;}
	.cfmoto-btns a:first-child, .cfmoto-btns a:last-child {width: 100%; padding: .5em;}
	
	.facebook-section{
	flex-direction: column;
}
	
}


@media screen and (max-width: 536px){
    .onecols, .threecols {max-width:100%;}
    
    .owltext {display:none!important;}
    .ctasection a {width:100%;}
	
	.owl-carousel.owl-loaded{
		height: auto !important;
	}
	
	.specials img {width: 100%; max-width: 200px; height: auto;}
}

@media screen and (max-width: 425px){
    .onecols, .threecols {max-width:100%;}
    
    .owltext {display:none!important;}
    .ctasection a {width:100%;}
        .owl-carousel.owl-loaded {
       
			background-size: cover;
    }
}

@media screen and (max-width: 380px){

	        .owl-carousel.owl-loaded {
        
			background-size: cover;
    }
    .owltext {display:none!important;}
}
@media screen and (max-width: 330px){
    .onecols, .threecols {max-width:100%;}
  
    .ctasection a {width:100%;}
    
}