@charset "utf-8";

body { width:100%; height:100%; margin:0; padding:0; }
body p,h1,h2,h3,h4,h5,h6,ul,li,ol { font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:inherit; color:#333; }

a:link { text-decoration:none; color:inherit; transition:all .4s ease; }
a:hover { text-decoration:none; color:inherit; transition:all .4s ease; }
a:active { text-decoration:none; color:inherit; }
a:visited { text-decoration:none; color:inherit; }
.ease { transition:all .4s ease; }

p,li  { font-size:21px; }
h1 { font-size:60px; }
h2 { font-size:48px; }
h3 { font-size:36px; }
h4 { font-size:24px; }
h5 { font-size:21px; }
h6 { font-size:12px; }

ol.faq { list-style-type:decimal-leading-zero; font-size:18px; font-weight:500; line-height:150%;  }
ol.faq li{color:black;}
.space { margin: auto 15px; }

strong { font-weight:900; }
.white { color:#fff; }
.red { color:#850006; }

header { width:100%; height:100px; padding:0; margin:0; display:block; background:url(images/bg-red.jpg) repeat-y #850006; background-size:contain; box-shadow:0px 3px 5px rgba(0,0,0,0.5);
			position:relative; z-index:100; border-bottom:5px solid rgba(95,0,4,1); }
header .logo { width:40%; max-width:175px; height:auto; padding:20px; margin-top:-6px; background:url(images/bg-red.jpg) repeat-y #850006; background-size:contain; 
			box-shadow:3px 3px 5px rgba(0,0,0,0.5); border:5px solid rgba(95,0,4,1); position:relative; z-index:200; }
.nav { width:100%; background:rgba(0,0,0,0); color:#fff; margin:40px 0 0 0; padding:0; list-style:none; text-align:right; position:absolute; }
.nav > li { display:inline-block; margin:10px 0; }
.nav > li > a { text-decoration:none; font-size:18px; color:#fff; margin:0; border:3px solid rgba(95,0,4,0); padding:5px 10px; }
.nav > li > a:hover { border:3px solid rgba(95,0,4,1); }

footer { width:100%; height:auto; padding:25px 0; margin:0; display:block; background:url(images/bg-red.jpg) repeat-y #850006; 
			background-size:contain; border-top:5px solid rgba(95,0,4,1); }
footer .icon { width:30px; height:30px; background-color:#fff; border:5px solid #fff; float:left; margin:10px 10px 10px 0; transition:all .4s ease; }
footer .icon:hover { border:5px solid rgba(95,0,4,1); transition:all .4s ease; }

.rule-red { width:auto; height:1px; border-bottom:1px solid #850006; }
.rule-grey { width:auto; height:1px; border-bottom:1px solid #eee; }

.q-block { width:auto; height:auto; padding:10px; background:#850006; color:#fff; margin:0 10px 5px 0; font-size:24px; font-weight:800; float:left; }
.a-block { width:auto; height:auto; padding:10px; background:#CACACA; margin:0 10px 5px 0; font-size:24px; font-weight:800; float:left; }

.content { width:90%; max-width:1200px; height:auto; margin:0 auto; position:relative; }
.content .heading-img { width:100%; margin:0; }
.content .divider { margin:auto 15px; }

.container-main { width:96%; height:450px; display:block; padding:60px 2% 2% 2%; margin:0; background:url(images/img-main.jpg) no-repeat left top; border-bottom:5px solid #333; }
.container-sub { width:100%; height:50px; display:block; padding:25px 0 0 0; margin:-1px 0 0 0; background:#111; }
.container-sub .contactinfo { color:#999; text-align:right; margin:0; position:relative; z-index:50; transition:all .4s ease; }
.container-sub .contactinfo a:hover { color:#850006; transition:all .4s ease; }
.container-red { width:100%; height:auto; display:block; padding:25px 0; margin:0; background:url(images/bg-red.jpg) repeat-y; background-size:contain; }
.container-red-2 { width: 100%; height: auto; background: #850006; padding: 25px 0 0; margin: 0; }
.container-red-2 img { width: 100%; }
.container-red p,li { color: white; }
.container-grey { width:100%; height:auto; display:block; padding:25px 0; margin:0; background:#EDEDED; }
.container-white { width:100%; height:auto; display:block; padding:25px 0; margin:0; background:#fff; }
.container-gallery { width:100%; height:600px; overflow:hidden; display:block; padding:25px 0; margin:0; background:url(images/img-gallery.jpg) no-repeat center; }

.heading1 { border-bottom:5px solid #fff; line-height:100%; padding-bottom:20px; font-weight:400; color:#fff; font-size:60px; }
.heading2 { border-bottom:5px solid rgba(95,0,4,1); padding-bottom:10px; font-weight:400; color:#fff; }
.heading3 { border-bottom:5px solid rgba(0,0,0,0.1); padding-bottom:5px; font-weight:400; color:#850006; }

.btn-grey { width:auto; height:auto; display:table; background-color:#E7E7E7; border:3px solid #D0D0D0; padding:15px 30px; box-shadow:0px 0px 3px rgba(0,0,0,0.5); color:#333 !important; }
.btn-grey:hover { background-color:#D0D0D0; }
.btn-red { width:auto; height:auto; display:table; background-color:#850006; border:3px solid rgba(95,0,4,1); padding:15px 30px; box-shadow:0px 0px 3px rgba(0,0,0,0.5); color:#fff; }
.btn-red:hover { background-color:rgba(95,0,4,1); }

.ftlt { float:left; }
.mrgrt { margin-right:25px; }
.ftrt { float:right; }
.mrglt { margin-left:25px; }
.clear { clear:both; }

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.justify { text-align:justify; }
.valign-m { vertical-align:middle; }

.cell-1-3 { width:30%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:1%; }
.cell-1-3 .eavestroughing { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-eavestrough.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-3 .eavestroughing .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .drain-clearing { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-drain-clearing.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-3 .drain-clearing .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .maintenance { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-maintenance.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-3 .maintenance .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .snowremoval { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-snowremoval.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-3 .snowremoval .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .windowsdoors { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-windowsdoors.jpg) no-repeat center; background-size:cover; position:relative; }
.cell-1-3 .windowsdoors .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .soffit { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-soffit.jpg) no-repeat center; background-size:cover; position:relative; }
.cell-1-3 .soffit .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .facia { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-facia.jpg) no-repeat center; background-size:cover; position:relative; }
.cell-1-3 .facia .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .siding { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-siding.jpg) no-repeat center; background-size:cover; position:relative; }
.cell-1-3 .siding .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-3 .btn-grey { display:inline-block; }

.cell-contactinfo { width:30%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:1%; text-align:left; }
.cell-form { width:30%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:1%; text-align:left; }
.cell-facebook { width:30%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:1%; text-align:left; }
.img-facebook { width:100%; height:auto; display:none; margin:10px 0; }

.cell-1-4 { width:22%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:1%; }
.cell-1-4 .eavestroughing { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-eavestrough.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-4 .eavestroughing .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-4 .maintenance { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-maintenance.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-4 .maintenance .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-4 .snowremoval { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-snowremoval.jpg) no-repeat; background-size:cover; position:relative; }
.cell-1-4 .snowremoval .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-4 .windowsdoors { width:100%; height:200px; display:block; margin:0; padding:0; background:url(images/thumb-windowsdoors.jpg) no-repeat center; background-size:cover; position:relative; }
.cell-1-4 .windowsdoors .heading4 { width:100%; height:auto; padding:2% 0; margin:0; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:0; }
.cell-1-4 .btn-grey { display:inline-block; }

.cell-1-2 { width:45%; height:auto; vertical-align:top; display:inline-block; padding:0; margin:0 2%; }
.cell-1-2 .thumb { width:23%; height:auto; margin:0; padding:0; border:0; opacity:1; transition:all .4s ease; }
.cell-1-2 .thumb:hover { opacity:0.7; transition:all .4s ease; }
.cell-1-2 .headingimg { width:100%; }

.thumb2 { width:19%; height:auto; display:inline-block; margin:0; padding:0; border:0; opacity:1; transition:all .4s ease; }
.thumb2:hover { opacity:0.7; transition:all .4s ease; }

.fb-feed { border:none; overflow:hidden; width:100%; height:525px; background-color:transparent; }
.creditcard { width:47%; max-width:80px; height:auto; display:block; float:left; margin:1%; }

.textbox,.selectbox,.textbox-half,.selectbox-half,.textarea {
    width:100%; 
    height:40px; 
    padding:10px; 
    margin:0;
    box-sizing: border-box;
    border: 2px solid #fff;
    background:#F1F1F1; 
    outline:none; 
    -webkit-appearance:none; 
    border-radius:0; 
    color:#333; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    float: left;
}
.textbox-half,.selectbox-half { width:50%; }
.textarea { height:150px; }


.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.flex .col-14 {
	width: calc(25% - 10px);
	border: 1px solid #850006;
	margin: 0 0 15px;
}
.flex .col-14 p {
	padding: 0 15px;
}

::-webkit-input-placeholder { color:#333; }
:-moz-placeholder { color:#333; }
::-moz-placeholder { color:#333; }
:-ms-input-placeholder { color:#333; }

/*==================================================================================================================*/

@media ( max-width:960px )
{
	.nav > li > a { font-size:16px; border:none; padding:5px; position:relative; }
	.nav > li > a:hover { border:none; }

	.flex .col-14 {
		width: calc(50% - 10px);
	}
}

@media ( max-width:800px )
{	
	header .content { width:100%; padding:0; margin:0; }
	.nav { text-align:right; background:url(images/bg-red.jpg) repeat-y; background-size:contain; display:none; margin-top:100px; }
	.nav > li { display:block; position:relative; }
	.nav > li > a { padding:20px; }
	.nav-btn { display:block; color:#fff; font-size:18px; margin:40px 0 0 0; padding:10px; text-align:right; cursor:pointer; position:absolute; top:0; right:0; }
	.nav-btn:before { content:"menu"; border:1px solid #fff; padding:0 10px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#fff; }
	
	.heading1 { font-size:30px; }
	
	.cell-contactinfo { width:46%; }
	.cell-form { width:46%; }
	.cell-facebook { display:none; }
	.img-facebook { display:block; }
	
	.cell-1-4 { width:46%; }
	.cell-1-4 .eavestroughing .heading4 { font-size:18px; }
	.cell-1-4 .maintenance .heading4 { font-size:18px; }
	.cell-1-4 .snowremoval .heading4 { font-size:18px; }
	.cell-1-4 .windowsdoors .heading4 { font-size:18px; }
	
	.cell-1-2 { width:96%; }
	
	.thumb2 { width:24%; }
}

@media ( max-width:600px )
{
	.contactinfo { font-size:16px; }
	.content .divider { margin:auto 7px; }
	
	.cell-1-3 { width:96%; }
	.cell-contactinfo { width:96%; }
	.cell-form { width:96%; }
	
	.cell-1-4 { width:96%; }
	.cell-1-4 .eavestroughing .heading4 { font-size:24px; }
	.cell-1-4 .maintenance .heading4 { font-size:24px; }
	.cell-1-4 .snowremoval .heading4 { font-size:24px; }
	
	.container-about { height:100px; }
	
	.thumb2 { width:32%; }
}

@media (max-width: 500px) {
	.flex .col-14 {
		width: 100%;
	}
}