*{
font-family:'Noto Sans', Arial;
}

html,body{
background:#08232f url(images/footer-bg.jpg);
}

h1{
font-size:30px;
color:#00687f;
}

h2{
font-size:24px;
color:#e55414;
}

h3{
text-transform:uppercase;
font-size:18px;
color:#00687f;
}

h4{
font-size:16px;
}

h4.image-label{
color:#e55414;
text-align:center;
}

h5{
font-weight:normal;
text-transform:uppercase;
font-size:16px;
color:#e55414;
}

h6{
font-weight:normal;
text-transform:uppercase;
font-size:14px;
}

p, ul, ol{
font-size:13px;
}
a{
	cursor: pointer;
}

.header, .main{
background:#fff;
}

.header{
padding:20px 0 0;
position:relative;
}

.header .container{
position:relative;
}

.header.interior{
padding-bottom:80px;
}

.header .logo{
position:relative;
z-index:10;
}

.header .nav{
position:relative;
z-index:9999;
}

.header .nav ul{
list-style:none;
text-align:right;
}

.header .nav.visible-tablet ul{
text-align:center;
}

.header .nav ul li{
position:relative;
display:inline;
}

.header .nav ul li a{
padding:10px 8px;
font-size:14px;
line-height:14px;
text-transform:uppercase;
font-family:'Noto Sans', Arial;
font-weight:700;
color:#00687f;
}

.header .nav ul li a:hover{
color:#00485f;
}

.header .nav ul li ul{
        margin:0;
        list-style:none;
        display:none;
        position:absolute;
z-index:999;
border:none;
left:0px;
zoom:1;
}

.header .nav ul li:hover ul {
        display:block;
        margin:0;
padding:0;
        list-style:none;
        position:absolute;
z-index:999;
border:none;
top:24px;
left:0px;
zoom:1;
}

.header .nav ul li ul li {
font-size:14px;
font-weight:normal;
        clear:left;
position:relative;
border-right:none;
border-left:none;
padding:0;
z-index:100;
zoom:1;
margin:0;
background-image:none;
}
.header .nav ul li:hover ul li a,
.header .nav ul li ul li a{
width:170px;
padding:8px 10px;
z-index:999;
zoom:1;
border:none;
background:#00687F;
color:#fff;
text-align:left;
display:block;
}

.header .nav ul li ul li a:hover{
zoom:1;
color:#ddd;
background:#00586F;
}

.windows{
position:relative;
background:url(images/summer-15.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
width:940px;
height:571px;
margin:-60px 0 60px;
z-index: 1;
}

.windows-overlay{
position:absolute;
top:0;
left:0;
z-index:2;
background:url(images/windows.png) no-repeat;
width:940px;
height:571px;
}

.testimonials{
text-align:center;
margin:0 0 40px;
}
.testimonials p{
font-family:'Noto Sans', Arial;
font-weight:700;
font-style:italic;
font-size:24px;
line-height:32px;
color:#df5e28;
margin:0 0 10px;
}

.testimonials p.testimonial-author{
color:#000;
font-size:18px;
font-style:normal;
text-align:right;
}

.testimonial-nav{
font-size:11px;
color:#999;
}

.content{
padding:0 40px 150px;
min-height:400px;
background:url(images/two-col-bg.jpg) no-repeat 0 bottom;
height: 100%;
overflow: hidden;
width: 100%;
  background-size: 100%;
}
.fsForm{
	border: none!important;
}
.fsForm .fsSubmit{
	background-color: transparent!important;
}
.fsBody .fsForm input{
	border-color: #999999!important;
}
.products li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.products li img{
	max-height: 150px;
	max-width: 150px;
	height: auto;
	width: auto;
}

.content-single-col{
background:url(images/one-col-bg.jpg) no-repeat 0 bottom;
}

.archive-wrapper{
margin:0 0 20px;
}

.sub-footer{
padding:20px 0;
background:#00687f;
}

.sub-footer h3{
text-transform:uppercase;
color:#e1d3a4;
font-size:15px;
line-height:18px;
margin:20px 0 10px;
}

.sub-footer p{
color:#e2e1e1;
font-size:14px;
line-height:22px;
}

.footer{
padding:20px 0;
text-align:center;
color:#fff;
font-size:12px;
border-top:5px solid #fff;
}

.footer p{
font-size:14px;
margin:0 0 20px;
}

.footer .copyright{
font-size:10px;
margin:20px 0 0;
}


.widget-before-and-after-pic{
text-align:center;
}
.widget-before-and-after-pic img{
width: 200px;
background: #ffffff;
padding: 10px 10px 50px;
margin-top: 20px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
transform: rotate(3deg);
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
-moz-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
box-shadow: 3px 3px 10px rgba(0,0,0,.5);
}



.btn{
border-radius:0;
text-shadow:none;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding:5px 20px;
}

.btn-orange{
background:#e55414;
color:#fff;
}

.btn-orange-special{
font-style:italic;
border-radius:10px;
text-transform:none;
padding:15px 20px;
}

.btn-orange:hover, .btn-orange-special:hover{
background:#d54404;
color:#eee;
}






.window{
position:absolute;
overflow:hidden;
z-index:20;
padding:10px;
width:199px;
height:198px;
opacity:0.9;
color:#fff;
text-shadow:0 0 3px #333;
}

.window h3{
color:#fff;
font-size:18px;
line-height:22px;
}

.window a{
color:#fff;
border-bottom:1px dotted #fff;
text-decoration:none;
}

.window a:hover{
color:#ddd;
}


.window-1 {
     background: none repeat scroll 0% 0% #016D85;
     left: 1px;
     top: 128px;
}

.window-2 {
     background: none repeat scroll 0% 0% #a5c9d8;
     left: 249px;
     top: 128px;
}

.window-3 {
     background: none repeat scroll 0% 0% #016D85;
     left: 474px;
     top: 128px;
}

.window-4 {
     background: none repeat scroll 0% 0% #a5c9d8;
     left: 721px;
     top: 128px;
}

.window-6 {
     background: none repeat scroll 0% 0% #016D85;
     left: 1px;
     top: 353px;
}

.window-5 {
     background: none repeat scroll 0% 0% #E05E28;
     left: 249px;
     top: 353px;
}

.window-8 {
     background: none repeat scroll 0% 0% #016D85;
     left: 474px;
     top: 353px;
}

.window-7 {
     background: none repeat scroll 0% 0% #E05E28;
     left: 721px;
     top: 353px;
}

.content img{
padding:10px;
box-shadow:0 0 10px #ddd;
}

.content .alignright {float:right; margin:0 0 1em 1em}
.content .alignleft {float:left; margin:0 1em 1em 0}
.content .alignnone {float:left; margin:0 1em 1em 0}
.content .aligncenter {display: block; margin-left: auto; margin-right: auto}
.content img.alignright {float:right; margin:0 0 1em 1em}
.content img.alignleft {float:left; margin:0 1em 1em 0}
.content img.alignnone {float:left; margin:0 1em 1em 0}
.content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.content a img.alignright {float:right; margin:0 0 1em 1em}
.content a img.alignleft {float:left; margin:0 1em 1em 0}
.content a img.alignnone {float:left; margin:0 1em 1em 0}
.content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.media,.media-body{
overflow:visible;
}

.media .pull-left{
margin-right:20px;
}

.before-and-after-gallery{
margin:0 0 15px;
}

.before-and-after-gallery img{
padding:0;
box-shadow:none;
height: auto;
}

.cta{
width:220px;
position:absolute;
right:0;
top:50px;
z-index:1000;
text-align:right;
}

.cta h4{
color:#777;
font-style:italic;
}

@media (max-width:979px){
	.content{
		background:#fff;
		padding:0 0 60px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.cta{
		top:30px;
	}
  .windows { width: 724px; height: 568px; margin: 0px 0px 60px; }
  .windows-overlay { background: url("images/windows-tablet.png") no-repeat scroll 0% 0% transparent; width: 724px; height: 568px; }
  .window-1 { top: 124px; left: 28px; }
  .window-2 { top: 124px; left: 253px; }
  .window-3 { top: 124px; left: 478px; }
  .window-4 { top: 349px; left: 28px; }
  .window-5 { top: 349px; left: 253px; }
  .window-6 { top: 349px; left: 478px; }
}

@media (max-width: 767px){
	.header .logo{
		text-align:center;
	}

	.header .nav ul{
		margin:10px 0 0;
	}

	.header .nav ul li{
		float:none;
		display:block;
	}

	.header .nav ul li a{
		text-align:center;
		display:block;
		padding:5px 0;
	}

	.cta{
		position:relative;
		margin:0 0 20px;
		width:100%;
		top:0;
	}

	.cta .btn{
		padding:10px 0;
	}

	.cta a span{
		font-style:normal;
		font-weight:normal;
	}

	.windows{
		width:100%;
		height:365px;
		margin:0 0 60px;
	}

	.windows-phone-wrapper{
		width:300px;
		margin:0 auto;
		position:relative;
	}

	.windows-overlay{
		background:url(images/windows-phone.png) no-repeat top center;
		width:100%;
		height:365px;
	}

	.window{
    		width:128px;
    		height:128px;
    	}
	.window h3{
		font-size:14px;
		line-height:14px;
	}

	.window p{
		font-size:12px;
		line-height:14px;
	}
	.window-1 { top: 65px; left: 1px; }
	.window-2 { top: 65px; left: 152px; }
	.window-4 { top: 217px; left: 1px; }
	.window-3 { top: 217px; left: 152px; }

	.products li{
		display: block;
	}
	.content a img.alignnone {
		float: none;
	}
}

@media (max-width:320px){
	.window{
		width:118px;
	}

	.window-2, .window-3{
		left:142px;
	}
}

.windows-row{
background:#f00;
width:980px;
background:url(images/window-shadow.png) center bottom no-repeat;
}