html, body {
	margin:0; padding:0; background:#FFF; height:100%;
	font-family:"proxima-nova", Helvetica, Arial, sans-serif;
	color:#333; font-size:14px; line-height:145%; font-weight:300;
}


a img, a {
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	text-decoration:none; border:none;
}

a:hover img, a:hover { text-decoration:none; border:none; }


.clear { clear:both; }


a { color:#333; }
a:hover { color:#000; }


:focus, textarea:focus, input:focus{
    outline: none;
}



::selection { background: #000; /* WebKit/Blink Browsers */ color:#FFF; }
::-moz-selection { background: #000; /* Gecko Browsers */ color:#FFFF; }


h1,h2,h3,h4,h5,h6,h7 { font-weight:300; }



.menu-hold {
	width:90%; max-width:1200px; height:105px;
	position: absolute; z-index:99999;
	left: 50%; 
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:#333 url(../img/menu-bg.jpg);
	background-repeat:repeat-x;
	
	-webkit-box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);
			
}


.menu-hold a { color:#f5f5f5; }
.menu-hold a:hover { color:#ffffff; }


.menu-hold .logo { width:125px; height:105px; float:left; background:#e1e1e1; }
.menu-hold .logo img { width: 85%; padding: 3% 0 0 6%; }




.menu-hold .top-menu { height:25px; float:right; overflow:hidden; padding:5px 20px 5px 5px; }
.menu-hold .top-menu span { font-size:11px; color:#FFF; margin:0 5px; line-height:13px; padding:11px 11px; }
.menu-hold .top-menu span strong { text-transform:uppercase; }

.menu-hold .top-menu .icon { width:20px; height:20px; margin:0 0 0 5px; float:right; }
.menu-hold .top-menu .icon img { width:100%; }


.menu-hold .bottom-menu { height:70px; float:right; overflow:hidden; }


.menu-hold .bottom-menu .nav-collapse ul { list-style:none; text-align:right; margin:25px 0; padding:0; }
.menu-hold .bottom-menu .nav-collapse ul li { display:inline-block; margin:0; padding:0;  }


.menu-hold .bottom-menu nav ul li a { font-size:16px; text-transform:uppercase; padding:25px 25px 27px 25px; letter-spacing:2px; }
.menu-hold .bottom-menu nav ul li a:hover { background:#222; }



.homep .menu-hold .bottom-menu nav ul li a.homel { background:#111; }
.aboutp .menu-hold .bottom-menu nav ul li a.aboutl { background:#111; }
.servicep .menu-hold .bottom-menu nav ul li a.servicel { background:#111; }
.installp .menu-hold .bottom-menu nav ul li a.installl { background:#111; }
.contactp .menu-hold .bottom-menu nav ul li a.contactl { background:#111; }



.ms-fullscreen-template, .master-slider, .ms-container { min-height:650px; }


.over-banner {
	position:absolute; z-index:8888;
	max-width:450px; padding:20px;
	background:rgba(0, 0, 0, 0.6); 

	top: 50%; left: 50%; text-align:center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.over-banner h1 { font-size:11px; text-transform:uppercase; letter-spacing:3px; color:#FFF; }
.over-banner h2 { font-size:23px; line-height:24px; color:#FFF; }
.over-banner h2 strong { font-size:32px; line-height:28px; text-transform:uppercase; display:block; margin-bottom:10px; letter-spacing:1px }



.home-services-holder { width:100%; position:absolute; bottom:-8vw; text-align:center; z-index:99999; }


.home-services {
	width:29%; max-width:400px; margin:1.5%;
	display:inline-block; background:#444; position:relative; border-top:8px solid #333;
	
	-webkit-box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 50px 0px rgba(0, 0, 0, 0.5);

}

.home-services img { 
	width:100%; display:block;
	-webkit-filter: blur(5px); filter: blur(5px); filter: brightness(40%);
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;	
}

.home-services:hover img { -webkit-filter: blur(0px); filter: blur(0px); filter: brightness(60%); }

.home-services a.find-out-more { 
	position:absolute; z-index:999; 
	
	background:#333; text-transform:uppercase;  padding:10px 15px;
	letter-spacing:2px; font-size:11px; line-height:11px; color:#FFF; 
	
	left: 50%; text-align:center; text-transform:uppercase;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	
}

.home-services a:hover.find-out-more,
.home-services:hover a.find-out-more { background:#666; } 



.home-services .title { 	
	font-size:1.8vw; line-height:1.1; font-weight:bold;
	position:absolute; z-index:8888;
	top: 50%; left: 50%; text-align:center; text-transform:uppercase;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.home-services .title a { color:#FFF; letter-spacing:3px; }
 
 


.home-cover { 
	background:#333 url(../img/IMG_5537.JPG) fixed right bottom;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	height:auto; position:relative; overflow:hidden; }



.dark-grey-over {
	width:100%; height:100%; margin:auto;

	background: -moz-linear-gradient(top,  rgba(51,51,51,.8) 0%, rgba(51,51,51,1) 95%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,.8) 0%,rgba(51,51,51,1) 95%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(51,51,51,.8) 0%,rgba(51,51,51,1) 95%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#cc333333',GradientType=0 ); /* IE6-9 */


  }


.wrap { width:90%; max-width:1200px; margin:auto; }


.home-wwd { color:#FFF; text-align:center; height:auto; overflow:hidden; clear:both; padding:25vw 0 18vw 0; }

.home-wwd h4 { font-size:25px; font-weight:bold; text-transform:uppercase; margin:0; letter-spacing:4px; }
.home-wwd p { font-size: 18px;width:80%;margin:auto;line-height: 1.4; margin-bottom:20px;}

.home-wwd img { width:80%; max-width:150px; margin-top:5px; }


.gap-line { width:20px; border-bottom:1px solid #FFF; margin:30px auto; }


.home-dilo { width:100%; height:100%; max-height:800px; background:#EEE; position:relative; background:url(../img/dilo.jpg); background-size:cover; background-position:bottom; }


.home-dilo .heading {
	position:absolute; z-index:8888;
	max-width:300px; max-width:80%; padding:40px;
	
	font-size:24px; color:#FFF; line-height:1.1; letter-spacing:3px;
	text-transform:uppercase; font-weight:bold;

	top: 0; left: 50%; text-align:center;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	
	background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,0.8) 60%, rgba(51,51,51,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,0.8) 60%,rgba(51,51,51,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,0.8) 60%,rgba(51,51,51,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#cc333333',GradientType=0 ); /* IE6-9 */
}



.home-dilo .info { width:40%; max-width:500px; position:absolute; z-index:8888; bottom:4%; right:10%; color:#333;  }
.home-dilo .info strong { color:#000; }

.home-dilo .info h4 { font-size:50px; line-height:45px; text-transform:uppercase; font-weight:bold; margin:0;   }



footer { color:#CCC; background:#333; text-align:center; font-size:12px; padding:20px 10px; }
footer a { color:#CCC;  }
footer a:hover { color:#FFF; }

footer ul { list-style:none; margin:0; padding:0; }
footer ul li { list-style:none; margin:0; padding:0; display:inline; padding:10px; }


footer span { color:#CCC; text-align:center; font-size:10px; line-height:1.1; margin-top:10px; display:block; }


.opened { padding:20px; }


.fom { text-transform:uppercase; letter-spacing:2px; background:#333; color:#FFF; padding:10px; font-size:80%; }
.fom:hover { color:#FFF; background:#000; }



.light-grey { background:#e1e1e1; padding:50px 0; height:auto; overflow:hidden; } 
.light-grey .wrap2 { max-width:1200px; width:100%; margin:auto; }





.light-grey-header { background:#e1e1e1; height:auto; overflow:hidden; padding:0 0 50px 0; min-height:80px;  } 




.dark-grey { background:#4d4d4d; padding:50px 0; height:auto; overflow:hidden; color:#FFF; } 
.dark-grey .wrap { max-width:1600px; }


.white { background:#fff; padding:50px 0; height:auto; overflow:hidden; } 
.white .wrap { max-width:1600px; }






.why-us { width:46%; margin:0 4% 0 0; float:left; }

.why-us h3 { font-size:25px; font-weight:bold; text-transform:uppercase; margin:0; letter-spacing:1px; margin-bottom:20px; }

.test { width:22%; float:left; background:#FFF; padding:1.5% 1% 1% 1%; position:relative; text-align:center; margin-top:30px; }

.test img { 
	position:absolute; width:80px; z-index:2; margin-top:-42px;
	top:0; left: 50%; text-align:center;
	-webkit-transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
}


.test2 { margin:30px 0 0 2%; }


.header-intro {
	width:70%; max-width:1000px; 
	position:absolute; z-index:88; padding:20px 40px;
	
	border-top:8px solid #333;

	bottom:0; left: 50%; text-align:center;
	-webkit-transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	
	background: -moz-linear-gradient(top, rgba(225,225,225,0.3) 0%, rgba(225,225,225,1) 60%, rgba(225,225,225,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(225,225,225,0.3) 0%,rgba(225,225,225,1) 60%,rgba(225,225,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(225,225,225,0.3) 0%,rgba(225,225,225,1) 60%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4de1e1e1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}



.header-intro h1 { text-transform:uppercase; font-size:33px; line-height:34px; letter-spacing:2px; }
.header-intro h1 strong { display:block; font-size:95%; }
.header-intro h2 { font-size:16px; line-height:1.2; }



.line-gap { width:20px; border-bottom:1px solid #333; margin:20px auto; }



.gallery { text-align:center; }
.gallery h4 { color:#FFF; font-size:25px; font-weight:bold; text-transform:uppercase; margin:0; letter-spacing:1px; margin-bottom:20px; } 
.gallery p { font-size:16px; color:#FFF; width:80%; max-width:850px; margin:auto; } 



.grid-clearfix { margin-top:40px; }



.installp .header-intro,
.servicep .header-intro {
	width:70%; max-width:1000px; 
	position:absolute; z-index:88; padding:20px 40px;
	
	border-top:8px solid #333;

	bottom:0; left: 50%; text-align:center;
	-webkit-transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}







.services .wrap {
    display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}



.services .service {
	width: 48%; float:left; margin:1%; background:#ededed; 
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
	display: -webkit-flex; display: -ms-flexbox; display: flex;  
}


.services .service-full {
	width: 98%; float:left; margin:1%; background:#ededed; 
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
	display: -webkit-flex; display: -ms-flexbox; display: flex;  
}


.services .service-full .left { width:54%; float:left; height:auto; }
.services .service-full .right { width:45%; float:right; height:auto; }


.services .service-full .left img { width:100%; max-width:250px; }
.services .service-full .right img { width:100%; }



.services .service-full .left ul {
	margin-bottom:30px;
  columns: 2; -webkit-columns: 2; -moz-columns: 2;
}


.services .service-full .left ul li { line-height:1.1; padding:4px 0; }


.services .content { padding:30px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.services .content .fom { font-size:80%; letter-spacing:1px; margin-top:10px; }


.d-logo { max-width:400px; width:60%; margin:0 auto 40px auto; }
.d-logo img { width:100%; }



.install-intro { width:100%; height:auto; overflow:hidden; clear:both; margin-bottom:40px; text-align:center; }
.install-intro p { width:80%; max-width:1000px; margin:auto; }



.install-holder { width:100%; height:auto; overflow:hidden; clear:both; text-align:center; }


.install {
	width:47%; margin:1.4%; text-align:center;
	display:inline-block; background:#444; position:relative; border-top:8px solid #333;

}

.install img { 
	width:100%; display:block;
	-webkit-filter: blur(5px); filter: blur(5px); filter: brightness(80%);
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;	
}



.install .title { 	
	font-size:2.5vw; line-height:1.1; font-weight:bold;
	position:absolute; z-index:8888;
	top: 80px; left: 50%; text-align:center; text-transform:uppercase;
	-webkit-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}

.install .title a { color:#FFF; letter-spacing:1px; }
 
 

.install .text-block { padding:40px 20px 20px 20px; background:#f1f1f1; }


.install a.find-out-more { 
	position:absolute; z-index:999; 
	
	background:#333; text-transform:uppercase;  padding:10px 15px;
	letter-spacing:2px; font-size:11px; line-height:11px; color:#FFF; 
	
	left: 50%; text-align:center; text-transform:uppercase;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	
}

.install a:hover.find-out-more,
.install:hover a.find-out-more { background:#666; } 



.contactp .light-grey h2 { font-size:16px; text-align:center; margin:auto; width:80%; max-width:900px; line-height:1.1; margin-bottom:40px; }


.contactp .light-grey .left { width:44%; float:left; margin-left:5%; }
.contactp .light-grey .right { width:50%; float:right; }



.contactp .light-grey .inner { padding:30px; font-size:14px; }


.contactp .light-grey .inner img { width:120px; height:120px; margin-right:8%; float:left; margin-top:-5px; }
.contactp .light-grey .inner span { display:block; }
.contactp .light-grey .inner  { display:block; }

.contactp .light-grey .inner h4 { font-size:23px; margin-bottom:30px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.contactp .light-grey .left .inner h4 { margin-left:120px; padding-left:8% }



.contactp .light-grey .inner a { font-size:18px; font-weight:bold; }

.contactp .light-grey .inner .address { width:45%; margin-right:5%; float:left; }


.contactp .form {}


.contactp .form .left { width:35%; float:left; }
.contactp .form .right { width:60%; float:right; max-width:500px; }

.white .wrap2 { width:90%; max-width:1024px; margin:auto; }

.contactp .form .right input, 
.contactp .form .right textarea { border:1px solid #CCC; background:#F9F9F9; padding:3% 2%; margin:10px 0; font-size:16px; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight:300; color:#666; }

.contactp .form .right input:hover,
.contactp .form .right textarea:hover { border:1px solid #999; background:#FFF;  }

.contactp .form .right input:active,
.contactp .form .right textarea:active { border:1px solid #999; background:#FFF;  }

.contactp .form .right input.name { width:95%;} 
.contactp .form .right input.email { width:49%; float:left; } 
.contactp .form .right input.number { width:36%; float:right; } 
.contactp .form .right textarea { width:95%; height:200px; }


.contactp .form .right input.send { background:#333; text-transform:uppercase; letter-spacing:2px; color:#FFF; border:none; font-size:14px; margin:0; padding:2%; }
.contactp .form .right input.send:hover { background:#000; }


.contactp .form .left h1 { font-size:23px; margin-bottom:15px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }