/*GLOBAL*/

html{
	font-size: 100%;
}
body{
	font-family: 'Arimo', sans-serif;
	}

{
    box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .outer_container { 
	width: auto;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    * {
        box-sizing: border-box;
    }
}
@media screen and (max-width: 768px) {
    .signin_wrap {
        text-align: center;
        line-height: 25px;
        padding: 10px 0;
    }
}/

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
*{box-sizing:border-box;}
.outer_container { width:auto; padding:0 20px;}
}


@media only screen and (min-width: 600px) {
     .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
	
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

@media only screen and (min-width: 968px) {
    /* For desktop: */
	
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
*/
[class*="col-"] {
    float: left;
    padding: 15px;
   }

.row:after {
    content: "";
    clear: both;
    display: block;
}


img {
      border: none;
}

p {
	color: #333;
	margin: 10px 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: 500;
	letter-spacing: 0;
	vertical-align: text-top;
	
}

p.small {
	padding: 0 20px 0 25px;
	line-height: 100%;
	clear: both;
}


/*END OF GLOBAL*/

/*HEADINGS*/


h1, h2, h3, h4, h5 {
      	font-weight: normal;
    	line-height: 120%;
	clear: both;

}
h1.hide {
	color: #fff;
	font-size: .0000000001em;
	letter-spacing: -.1px;
	float: left;

	
}
h1{
	font-size: 2.0em;
	color: #333;
	font-weight: bold;
	
	}

h2.small{
	font-size: .000000000000001em;
	color: #fff;
	}

h2 {
	color: #333;
	}

h3 {	
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: -1px;
	clear: both;
}


h3 span.nospace {	
	letter-spacing: 0;

}

h4 {
	color: #333;
	font-size: 1.0em;
	margin: 5px 0;
	letter-spacing: -1px;
	
	}


h5 {
	font-size: .9em;
}

h6 {
	font-size: .8em;
}



/* GENERAL STYLES */
body {
	font-family: Helvetica, Arial,sans-serif;
	font-size: .95em;
	color: #454545;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	width: 100%;
	
}

.clear {
	clear: both;
}


/*HOMEPAGE*/
.outer_container{
	width: 100%;
	background-color:#F3EEEA; /*eee more grey*/
	clear: both;
}

.inner_container {
	width: 100%;
	padding: 10px 0 0 0;
	background-color: #383939;
	clear: both;
	}

.header{
	width: 900px;
	margin: 0 auto;
	}	


.cc_phone{
	padding: 15px 30px;
	float: right;
	color: #fff;
	border: 2px solid white;
	border-radius: 20px;
  	
	}

a:link.cc_phone, a:visited.cc_phone{
	color: #fff;
  	
	}
a:hover.cc_phone, a:active.cc_phone {
  	background-color: #a6192e;
	color: #fff;
}

.cc_phone_whitebg{
	margin-left: 10px;
	float: right;
	padding: 15px 30px;
	border: 2px solid white;
	border-radius: 20px;
	background-color: #a6192e;
	color: #fff;
  		}

a:link.cc_phone_whitebg, a:visited.cc_phone_whitebg{
	color: #fff;
  	
	}
a:hover.cc_phone_whitebg, a:active.cc_phone_whitebg {
  	background-color: #fff;
	color: #a6192e;
	border: 2px solid #a6192e;
}


.a {
	text-decoration: underline;
	}

 
*end of hamburger*/
/*TOP NAV*/

.topnav a {
  color: white;
  padding: 14px 17px;
  text-decoration: none;
  font-size: 17px;
  float: left; 
  display: block;
}

/*.active {
  background-color: #04AA6D;
  color: white;
}*/

.topnav .icon {
  display: none;
}


.topnav{
	/*width: 900px; height: 49px; clear: both; border: none;*/
	width: 69%;
	margin: 0 auto;
	overflow: hidden;
	}
	
/*.topnav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 15px;
	}

.topnav ul li{
	display: inline;
	float: left;
  	display: block;
	}*/

.topnav a{
	float: left;
	display: block;
	text-decoration: none;
    	line-height: 10px;
    	text-transform: uppercase;
    	letter-spacing: 1px;
   	font-weight: 600;
    	color: #fff;
	padding: 20px 15px;
	}
	
.topnav a:link,visited{
	color: #fff;
	text-decoration: none;
	}

.topnav a.active{
	color: #fff;
	background-color: #a6192e;
	text-decoration: none;
		}

.topnav a:hover{
	text-decoration: none;
	background-color: #808080;
	color: #fff;
	}


.topnav .icon {
  display: none;
}

/*HAMBURGER MENU*/

.burger {
  display: inline-block;
  cursor: pointer;
  float: right;
  padding: 4px;
}

.fa {    
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.topnav a.icon{
  padding: 13px 10px;
  }

.bar1 {
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
  padding: 0 !important;
}

.bar2{
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
  padding: 0 !important;
}

.bar3{
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
  padding: 0 !important;
}


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;

  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/*MAIN section with image*/

.main img{
	position: absolute; 
	height: 200px;
	object-fit: cover;
	z-index: 1;
	transition: opacity 0.60s ease 0s;
	opacity: .6;	
	filter: alpha(opacity=70); /* For IE8 and earlier */
	margin: 0;
	width: 100%;
	}
	
.main h2{
	font-size: 2.5rem;
    	margin: 0;
   	padding: 15px 10px 5px 0;
    	line-height: 3.5rem;
    	text-transform: uppercase;
    	font-weight: 700; 
	}
		
.main h3{
	font-size: 1.5rem;
    	margin: 0 0 50px 0;
   	padding: 0;
    	line-height: 2.5rem;
    	text-transform: lowercase;
    	font-weight:500; 
	}
		
.main img:hover{
	transition: opacity 0.50s ease 0s;
	opacity: .5;	
	filter: alpha(opacity=40); /* For IE8 and earlier */	
	}

.overlay{
	position: relative;
        text-align: center;
   	margin: 0 auto;
   	z-index: 2;
	clear: both;
	}

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

.overlay a:hover{
	text-decoration: none;
	color: #e6e6e6;
	}

/*start APEX*/
.apex{
	color: #454545;
	margin: 0;
	}

.apex ul{
	margin: 0;
	padding: 0;
	}

.apex ul li {
	width: 30.5%;
	float: left;
	margin: 0 5px 10px;
	padding: 0 5px 15px;
	border: 1px solid #C5CDD8;
	list-style-type: none;
	text-align: center;
	min-height: 320px;
    	cursor: pointer;
	background-color: #fff !important;
	display: inline-block;
	}

.apex ul li h2{
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #454545;
	line-height: .4rem;
    	font-weight: 600;
	}

.apex ul li h2 a{
	color: #454545;
	text-decoration: none;
	}

.apex ul li h2 a:hover{
	text-decoration: none;
	}

.apex ul li.welcome h2{
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #454545;
	line-height: 1.5rem;
    	font-weight: 600;
	}

.apex img.list{
	padding: 0 10px 2px 0;
	
	} 
.apex p{
	font-size: .85em;
	padding: 5px 0;
	min-height: 140px;
	}

.apex p a{
	padding-top: 5px;
	color: #454545;
	text-decoration: none;
	} 

.apex p a:hover{
	text-decoration:none;
	}

.apex p a strong{
	color: #a6192e;
	font-weight: bold;
	padding: 0  0 15px 0;
	}

.apex p a span{
	font-size: 1.3em;
	display: inline-block;
	padding-bottom: 10px;
	}

.apex p.height_sml{
	min-height: 80px !important;
	}

a.btn_red{
	font-size: .8em;
	text-transform: uppercase;
	border: 0 solid;
	background-color: #a6192e;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	line-height: 20px;
	letter-spacing: .03rem;
}

a.btn_red:hover{
	background-color: #383939;
	text-decoration: none;
	color: #fff;
	}

.apex ul Ol{
	padding: 10px 0 0 0 !important;
	margin: 0;
	line-height: .05em;

	}

.apex Ol li{
	list-style: none;
	border: none !important;
	background: none !important;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: .9em !important;
	line-height: 2em;

	}

.apex ul Ol li a{
	color: #454545;
	text-decoration: none
	}

.apex ul Ol li a:hover{
	text-decoration:underline;
	}

.apex em{
	width: 35%;
   	display: inline-block;
	font-weight: bold;
	}

/*homepage*/

.apex li.welcome{
	width: 96.2%;
	min-height: auto;
	
	}

.apex ul li.welcome h2{
	margin-top: 10px;
	}

.apex li.welcome p{
	height: auto;
	}
/*about graphics*/

.apex li.aboutchimney{
		
	}

/*content pages*/
.central {
   	text-align: center;
	margin: 20px 0;
	background-color: #a6192e;
	padding: 20px
}

.central h1{
	margin: 15px 0;
	padding: 15px 0 0 ;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
 
.central h2{
	color: #fff;
	margin: 15px 0;
	padding: 0 0 15px 0;
	font-size: 1.4em;
}

.content{
	margin: 0;
	padding: 0 0 15px 0;
	}

.content h2{
	font-size: 1.2rem;
    	text-transform: uppercase;
	padding: 10px 0 0 0;
	}

.content h3{
	font-size: 1.1rem;
    	padding: 0 0 5px 0;
	color: #a6192e;
	font-weight: bold;
	}

.content h4{
	font-size: 1.0rem;
    	font-weight: bold;
	padding: 10px 0 5px 0;
	}

.content img.list{
	padding: 0 10px 2px 0;
	
	
	} 

.content a:link,visited{
	color: #333;
	text-decoration: none;
	}

.content a.active{
	color: #B10203;
	text-decoration: none;
	}

.content a:hover{
	text-decoration: none;
	color: #B10203;
	}

.content p{
	padding: 0 0 0 0;
	font-size: .9em;
	}


.content ul{
	margin: 0;
	padding: 0;
	
	}

.content ul li {
	float: left;
	margin: 0 15px 15px 0;
	padding: 15px;
	border: 1px solid #C5CDD8;
	list-style-type: none;
	background-color: #fff;
	
	
	}

.content ul li.two{
	width: 44%;
	min-height: 263px;
	margin: 0 20px 20px 10px; 
	}
.content ul li.one{
	width: 96.5%;
	
	}

.content ul ol{
	margin: 0;
	padding: 5px 0 0;
	max-width: 350px;
	border: none !important;
	text-align: left;
	}

.content ul ol li{
	border: none !important	;
	width: 100%;
	background: url(../images/extras/list_circle_red.png) center left no-repeat;
	padding: 5px 0 5px 25px;
	margin: 0 0 0 10px;
	
	}



.content ul ol li a{
	color: #454545;
	text-decoration: none
	}

.content ul ol li a:hover{
	text-decoration:underline;
	}

.content em{
	width: 30%;
   	display: inline-block;
	font-weight: bold;
	padding: 0;
	}

.content strong{
	font-weight: bold;
	color: #a6192e;
	}

/*CONTACT do not touch */
.apex ul ol{
	margin: 0;
	padding: 0;
	}

.apex ul li li{
	margin:0 0 0 15px;
	padding: 5px 5px 3px 25px;
	width: 100%;
	border: none;
	min-height: 30px;
	background: url(../images/extras/list_circle_red.png) center left no-repeat;
	list-style: none;
}




/*FOOTER*/
.footer {
	}

.footer ul{
	margin: 0 15px 15px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

.footer ul li{
	background: url(../images/extras/bg_divider_footer.gif) top left no-repeat;
	color: #333;
	display: inline;
	padding: 0 4px 0 10px;
	font-size: .7em;
}

.footer ul li.nodivid{
	background: none;
}

.footer ul li a{
	font-size: 1.1em;
	text-decoration: none; 
}

.footer a:active, link{
	color: #454545;
	text-decoration: none; 
	}

.footer a:visited{
	color: #454545;
	text-decoration: none; 
}

.footer ul li a:hover{
	text-decoration: underline;
	color:#454545;
}
.footer ul li a.active{
	color: ##a6192e;
	font-weight: bold;
	}


/*END OF FOOTER*/


*/float FIXES*/
.float_left{
	float: left;
	
}

.float_right{
	float: right;
}



/*MEDIA QUERIES*/

@media only screen and (min-width: 320px) and (max-width: 600px){

 body {
	margin: 0;
	
 }
.outer_container {
	margin: 0;
	padding: 0;
	min-width: 320px !important;
	width: 100%;
	}

.inner_container {
	padding: 0;
	min-width: 320px !important;
	width: 100%;
	}

.topnav{
	/*width: 900px;*/
	width: 100%;
      	}

.header {
	width: 100%;
	min-width: 320px !important;
	margin: 0 20px;
	clear: both;
	}
	
.header span.cc_phone{
	display: none;
	}

.main{
	width: 100%;
	min-width: 320px !important;
	margin: 0 0 40px 0;
	}
  
.main img{
	height: 180px;
	min-width: 320px !important;
	}
	
.main h2{
	font-size: 1.7rem;
    	padding: 15px 0 5px 0;
    	}
		
.main h3{
	font-size: 1.3rem;
    	margin: 0 0 25px 0;
   	padding: 0;
    	line-height: 2rem;
    	text-transform: lowercase;
    	font-weight:500; 
	}

.overlay{
	position: relative;
        text-align: center;
   	margin: 0 auto;
   	z-index: 2;
	min-height: 420px;
	clear: both;
	}


.header{
	margin: 0;
}

.apex ul li {
   	width: 96%;
	margin: 10px 10px 5px 10px;
	clear: both;
	
	}

.content ul li {
   	width: 97%;
	margin: 10px 10px 5px 10px;
	clear: both;
	
	}


.content ul li.two{
	width: 97%;
	min-height: 240px;
	}
.content ul li.one{
	
	}

.cc_phone{
	margin: 5px 28% 0 0;
	padding: 15px 30px;
	 	
	}
}



/*ACTIVE LINKS*/

br.clear{
	clear: both;
}


a{
	color: #333;
	text-decoration: none; 
	
}

a:active,link,visited{
	text-decoration: none; 
}

a:hover{
	color: #454545;
	text-decoration: underline; 
}