@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,hr,footer,header,nav,section,video,object,details,main,summary{display:block}audio,canvas,video{display:block;}a img{border:0}figure{position:relative;margin:0}figure img{width:100%}img {border:0px}
input[type="search"] {box-sizing:content-box;}input[type="search"] template{display:none}a{background:transparent}q{quotes: "\201C" "\201D" "\2018" "\2019"}button,input,select,textarea{font-family:inherit;font-size:100%}button,select{text-transform:none}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}a:active,a:hover{}object, embed{max-width:100%}
.wrapper  img{max-width:100%;height:auto !important;vertical-align: bottom}
.wrapper *{box-sizing:border-box;padding: 0;margin: 0}
html{min-height:100%;scroll-behavior: smooth}
.wrapper{height: auto;max-width: 100%;padding:0;margin:0;display:  flex; flex-direction: column;min-height: 100vh}
*{margin: 0;padding: 0;}
 .span1{width: 7.833%}
 .span2{width: 16.166%}
 .span3{width: 24.5%}
 .span4{width: 32.833%}
 .span5{width: 41.166%}
 .span6{width: 49.5%}
 .span7{width: 57.833%}
 .span8{width: 66.166%}
 .span9{width: 74.5%}
.span10{width: 82.833%}
.span11{width: 91.166%}
.span12{width: 99.5%}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{padding:0 .25em; margin:0 .25%}

.wrapper .pp{text-decoration: underline}

.wrapper .pp:hover{text-decoration:none}


audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none !important;
}
audio::-webkit-media-controls,
video::-webkit-media-controls {
    display: none !important;
}




body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    flex-grow:1
}

video {
border-radius: .5em;
max-width: 100%;
padding: 0;
margin: auto;
box-shadow: 0 1em 2em .2em #000
}

.wrapper .vid{display: flex;margin:0 auto;padding:1em 2em;max-width:960px}


.wrapper .item{line-height:2em}


.wrapper .bot{background: rgba(0, 0, 0, 0.75);
color:#fff;
text-align: center;
position: absolute;
bottom:0;
left:0;
width:100%;
padding: .2em .5em
}

.wrapper .centre {
margin: auto;
padding: 0 1.5em;
font-family: 'Arial', sans-serif;
font-size: 2em;
width: 100%;
text-align: center;
line-height: 1.5em
}

.wrapper .centred{
		margin: auto;
		padding: 0 1.5em;
	font-family: 'Arial', sans-serif;
	}
	
.wrapper .center{
display: flex;
justify-content: center;
align-content: center;
margin:1em auto;
padding:.1em;
color:#fff
}

span .visually-hidden{display: none}


.wrapper .list {
  padding: 0;
  line-height: 1.75em;
  display: block;
  float: left;
  clear: both
}

.wrapper .listp {
  padding: 0;
  line-height: 1.75em;
  display: inline-block;
  margin: auto;
  list-style: none
}

.wrapper .flist a{
  padding: 0.7em .4em;
  text-decoration: none;
  display:block;
  transition: all 0.25s ease-out;
  border-radius:.3em
}

.wrapper .flist a:hover {
  background: white;
  color:#388000
}

.wrapper .list li {padding:.2em 0;display: block}

.wrapper .list li a{text-decoration: none;display: block}


.wrapper .terms{color:#000;
	text-decoration: underline
}



.mn{width: 100%;padding: 0;}

.mn ul {
    list-style-type:none;
    margin:0;
    padding:0
}

.mn li {
    display:block;
    float: left;
    margin:0 .3em;
    padding:.5em .3em 
    
}

.mn li a {
    display:block;
   padding:0 .3em ;
   width: auto;
    text-align: center;
       color: #fff;
    text-decoration: none;
    
    transition: all 0.25s ease-out;
    border-bottom: .1em solid #000
}

.mn li:hover a,  .nav-selected {
   border-bottom: .1em solid #ce0a1f;
   color:#fff
}

.mn li:hover ul a {
    background: #f9f9f9;
    color: #ce0a1f;
}

.mn .nav-selected , .mn li:hover ul a:hover, .list .nav-selected  {
   border-bottom: .1em solid #ce0a1f
}

.mn li ul {
    display: none;
}

.mn li ul li {  
    float: none;
    width: auto;
    margin-top: 0
}

.mn li ul li a {
    width: auto;
    min-width: 100px;
    padding: .25em .5em;
}

.vn ul li a:hover + .hidden,.mn ul li a:hover + .hidden, .hidden:hover {
    display: block;
    position: relative
}

.show-menu {
    text-decoration: none;
    color: #fff;
   font-size:1.1em;
    text-align: center;
    padding: .2em;
    display: none;
   
    margin:0 auto .1em auto;
    font-weight:500;
}


.show-menu .down{
display: inline-block;
transform: rotate(90deg);
font-size: 1em;
line-height: 1.5em
}


#show-menu[type="checkbox"]{
 display:none !important
}

input[type=checkbox]:checked ~ #menu{
    display: block;
}

@media (max-width : 900px){
 
 .mn{display: block;
	 margin-bottom: .5em
 }
 
 #menu{width: 50%;margin: auto auto .5em auto}
   
  .mn  ul {
        position: relative;
        display: none;
    }
    
  .mn  li {
        margin:.1em auto
    }
    
     .mn  ul li {width:100%}
   
 .mn li a {
        width: 100%      
    }
   
    .show-menu {
        display:block;
        cursor: pointer;
        border-bottom: .1em solid transparent;
        width:20%
            }
    
    .show-menu:hover {
	     border-bottom: .1em solid #ce0a1f;
    }    
} 

.wrapper .footul {margin:0 !important;padding:0 !important}

.wrapper .footul li{list-style: none}

.wrapper .footul a {display:block;padding:.2em}

#scroll{
font-size: 1.5em;
color:#fff;
cursor: pointer;
display: block;
padding:.4em ;
background:#ce0a1f;
border: none;
float: right;
text-decoration: none;
width:1.85em
}


#skiptocontent a {
	padding:6px;
	position: fixed;
	top:-40px;
	left:-40px;
	color:white;
	background:#333;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:10px;
	top:20px;
	background:#BF1722;
}

.wrapper .logo{padding: .5em;margin: 5em auto .5em 1em;display: flex
}

.wrapper .large{font-size: 1.5em;text-transform: uppercase;padding: .5em}

.wrapper .dent{margin-left: 1.5em}

.wrapper .dented{margin:0 auto 0 1em;padding-bottom: 1em}

.wrapper .black{color:#000;margin: .5em auto 0 auto}

.wrapper .middle{
	display: flex;
	align-items: center;
	margin: auto;
	border-left:.1em solid #999
}


.wrapper .fbackground {
    margin:.5em 0;
    width: 100%;
    padding:.5em;
    background:white;
    overflow: hidden;
    box-shadow: 0 0 1em #ccc;
    border-radius: .5em 
 }

.wrapper .fbackground ul{margin:10px 0 10px 15px;display: inline-block}

.wrapper .fbackground h2{padding:.2em}


.wrapper .fheader{
    margin:.5em auto;
    width: 100%;
    padding:.5em;
    text-align: center;
    clear: both;   
    background:#fff;
    border-radius:.5em;
    box-shadow: 0 0 1em #ccc;
}

.wrapper .fheader p{padding:.2em;clear: both;display: block;margin:.5em 0 0 0}

.wrapper .fheader h2{padding: .2em;color:#285c00;text-align: center;margin:0;display: block}


.wrapper .imgLeft{
float: left;
margin:.02em .5em .2em .02em
}

.wrapper .imgRight{
float: right;
margin:  2px 2px 2px 15px
}


.wrapper #innerWrap{
width:100%;
padding:0;
margin:0 auto;
flex: auto;
height:auto;
background-image: url("cloth2.webp");
background-size: cover;
background-repeat: no-repeat; 
background-position: center center;
flex-grow: 1	
}

.wrapper .gray-bg{
margin:0;
padding: 1em 2em;
color:#fff;
display: flex;
flex-direction: column;
justify-content: center;

}



.wrapper .blurb{
border-radius:3.4em;
box-shadow: 0 1em 2em .2em #000;
margin-bottom: 1em
}


.wrapper .row{
width:100%;
clear: both;
margin: .5em auto;
padding: 0;
max-width: 80em
}

.wrapper .page-header{margin:0 auto .5em auto;width:80em;display: flex}

.wrapper .title{width:auto;margin: auto;}


.pageLink{margin: .5em auto;clear: both;text-decoration: none;display: flex}


.wrapper .header-top{	
max-width: 100em;
width:100%;
margin: auto;
padding:.2em 0 0 0;
flex-wrap: wrap;
display: flex;
}

.wrapper .header-top p{
	color:#fff
}

.wrapper .hed{
	font-size: 1.3em;
	font-weight: 700;
	margin: .2em 0 0
}


 .quote{color:#fff;
border-bottom: .1em solid #ce0a1f;		
}

.quote:hover{
	border-bottom: .1em solid #000;	
}

.wrapper .pad{margin-left: 2em;
	font-family: 'Poppins', sans-serif;	
}

.wrapper .pad ul{list-style: none}
		
.wrapper .pad li{color:#B48954;padding: .5em 0;font-size: 1.2em}

.wrapper .pad span{color:white}		
		

.wrapper .left{align-self: flex-start;justify-content: flex-start;margin-bottom: .2em;display: flex;padding-left: 2em;font-family: 'Arial', sans-serif;}

.wrapper .cta {
margin:.5em  auto;
line-height: 1.2em;
font-size:1.5em;
background: #B48954;
border-radius:.5em;
color:#fff;
text-decoration: none;
padding:.5em;
display:inline-block;
transition: all 0.25s ease-out;
letter-spacing: .1em
}

.wrapper .cta:hover{
color:#B48954;

background: white;
}


.wrapper .ctap {
margin:.5em  auto !important;
font-size:1.1em;
background: #666;
background: linear-gradient(-180deg,  rgba(236, 0, 0, 0.75) 10%, rgba(149, 0, 0, 0.75) 95%);
color:#fff;
padding:.5em;
text-transform: uppercase;
text-align: center;
letter-spacing: .1em;
box-shadow: 0 .2em .2em #999;
}

.wrapper .ctap:hover{color:white}

.wrapper .white{color:#fff}

.wrapper .ccta {
margin:.5em  0;
text-align:center;
padding:0;clear: both;
display:inline-block;
float: left;
line-height: 1em;
font-size:1.5em;
background: #000;
background: linear-gradient(-180deg,  rgba(78,78,78, .75) 10%, rgba(148,148, 148, .75) 95%);
color:#fff;
text-decoration: none;
padding:.5em;
text-transform: uppercase;
display:block;
transition: all 0.25s ease-out;
letter-spacing: .1em
}

.wrapper .ccta:hover{
color:white;
background: #000;
background: linear-gradient(-180deg,  rgba(148, 148, 148, 0.75) 10%, rgba(78, 78, 78, 0.75) 95%);
}


.wrapper .mail{
	color:#fff;
	text-decoration: none	
}


.wrapper .mail:hover{
	color:white;
	text-decoration: underline	
}

.wrapper .Iquote {
margin:.5em  0;
text-align:center;
padding:0;clear: both;
display:inline-block;
float: left;
line-height: 1em;
font-size:1.5em;
background: #000;
background: linear-gradient(-180deg,  rgba(236, 0, 0, 0.75) 10%, rgba(149, 0, 0, 0.75) 95%);
color:#fff;
text-decoration: none;
padding:.5em;
text-transform: uppercase;
display:block;
border-radius: .3em;
transition: all 0.25s ease-out;
letter-spacing: .1em
}

.wrapper .Iquote:hover{
color:white;
background: #000;
background: linear-gradient(-180deg,  rgba(149, 0, 0, .75) 10%, rgba(236, 0, 0, .75) 95%);
}

.wrapper #headwrap{
width:100%;
height:auto;
background: #000;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(94, 34, 0, 1) 50%, rgba(0, 0, 0, 1) 95%);
margin-bottom: 0
}

.wrapper .bg{
	color:#fff;
	background: #fff;
background: linear-gradient(90deg,  rgba(0,0,0,.75) 50%, rgba(94, 34, 0, 0) 95%);
	padding:2em;
}

.wrapper .cinner,.wrapper footer ol, .wrapper footer ul{margin:0;padding-left: 0}

.wrapper .cinner a{width:auto}

.wrapper .foot{
padding: .5em 1em;
max-width:100em;
width:100%;
margin:auto
}

.wrapper footer{
	color:#fff;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	display: flex	
}

.wrapper footer h3{
color:#fff;
font-size: 1.2em;
font-weight: 300 !important;
border-bottom: .02em solid #ce0a1f;
margin-bottom: .3em;
width:75%;
text-align: center
}

.wrapper footer p{
color:#fff;
padding: 0
}

.wrapper footer li{
margin:0
}

.wrapper footer a{
color: #fff;
text-decoration: none;
padding:.3em .5em 0 .3em;
transition: all 0.25s ease-out;
margin-right: auto;
border-bottom: .02em solid #333;

}

.wrapper footer a:hover{
color: #fff;
border-bottom: .02em solid #ce0a1f;
background: black
}

.wrapper .fspace{padding: .5em}

.wrapper .copy{
text-align: center;
padding: 0;
background:black;
width:100%;
margin:auto;
color:#fff;
overflow: hidden
}

.wrapper .copy a{
color: #fff;
margin: 0 .25em;
text-decoration: none;
padding:0
}
.wrapper .copy a:hover{
text-decoration:none;
color: #ccc;
background:black
}

.wrapper .cinner{
max-width: 100%;
width:80em;
padding:0;
margin:0 auto;
display: flex;
}

.wrapper .text-center p{margin:5px auto  !important;align-content: center;justify-content: center;display: flex;flex-wrap: wrap}

@media print{.youtubeBlock,.googleMapCanvas,hr,img,#up,nav,#ccm-image-slider,#header,#footer{display: none !important}body{background: #FFF;color: #000;font-family: Georgia, serif;line-height: 1.2;width: 100%}.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11{width: 100%}p,table,ul,ol,dl,blockquote,pre,code,form{margin: 0 0 1em}h1,h2,h3,h4,h5{font-weight: normal;margin: .5em}h1{font-size: 2em;margin: 0.25em}h2{font-size: 1.7em}h3{font-size: 1.5em}h4{font-size: 1.2em}h5{font-size: 1em}a:link:after,a:visited:after{content: " (" attr(href) ") ";font-size: 80%;text-decoration: none}}

.wrapper ol{padding-left: 1em;margin-left:1em}


body{

color: #ddd;
font-size: 1em;
font-weight: normal;
font-family: 'Times New Roman', sans-serif;
line-height: 1.75em
}

.wrapper .dot{font-size:2em; 
	letter-spacing: .1em;
	margin: .5em
	
}

 .wrapper h1 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	font-family: 'Arial', sans-serif;
	letter-spacing: 0.05em;
	padding:0 0 .5em 1em;
	text-transform: uppercase
	}
	
.wrapper h2 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	font-family: 'Arial', sans-serif;
	letter-spacing: 0.05em;
	padding:0 0 .5em 1.2em;
	}

.wrapper h3 {
	color: #ce0a1f;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:normal;
	font-family:'helvetica_neueregular', sans-serif;
	padding:.2em
	}


.wrapper hr{
	width: 100%;
	height: .04em;
	background: #999;
	border: 0;
	margin:1em auto;
	clear: both;
	padding:0;
	
}

.wrapper a{
  color:#fff;
 text-decoration:none
}

.wrapper a:hover {
 text-decoration: underline
  
  }

.wrapper .nav-wrap{
margin:0 auto;
padding:0;
}


@media (min-width: 900px){
.wrapper .header-top,.wrapper .page-top,.wrapper .row,.wrapper footer,.wrapper .top{
display: flex;
flex-direction: row;
width:100%;
clear: both
}
}	


@media (max-width: 900px) {

.wrapper .logo{padding: .5em;margin: 2em auto .5em 1em;clear:both}
.wrapper .cta-sq{padding:5px 10px}

.wrapper .nav-wrap{width:100% !important;clear: both}

.wrapper .container{width: 100% !important}
.wrapper .span6,.wrapper .span4,.wrapper .span2,.wrapper .span3, .wrapper .span7, .wrapper .span5{width:49.5%}

.wrapper .span8{width: 99.5%}
.wrapper .contact{margin:1em auto;width:99.5%;clear: both }

.wrapper .row{
flex-direction: row;
flex-wrap: wrap;
display: flex
}

.wrapper .dented{
	padding-bottom: .2em
}

.wrapper .bottom{	
	margin:0 auto 0 1em;
	padding-bottom: 2em;
	border-left:none
}

.wrapper .middle{
margin:0 auto 0 2em;
border: none
}


}
@media (max-width: 700px) {
.wrapper .imgLeft, .wrapper .imgRight{float: none;margin: 0;width: 100%;clear: both;display: block;text-align: center;padding:0 0 .5em 0}
.wrapper .col-sm-4{width:100% !important}
.wrapper .span6,.wrapper .span4,.wrapper .span2,.wrapper span8, .wrapper .span7, .wrapper .span5, .wrapper .span3{width:99.5%}
.wrapper .fbackground h2{text-align: center}
.wrapper .title{width:100%;text-align: center;margin: auto;clear: both}
.wrapper .page-header{flex-direction: column}
.wrapper footer h3{
text-align: left
}

.wrapper .row{margin-bottom: 2em}	
.wrapper .center{margin:.5em  auto}

}