/******************************* START_FONTS*********************************************************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 30, 2015 */



@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/******************************* END_FONTS*********************************************************************/
body{
    font-family:'ralewayregular' ;		

}

.main{	
	background:#262a33;
	width:100%;
	float:left;
		
}

.info{
	width:100%;
	float:left;	
}

.info img{
	float:left;
}

.info-text{
	float:left;
		
		
}

.info-text p{
	font-size:11px;
	font-family:'ralewayregular';
	color:#aeafb7;
	width:100%;
	margin-top: 8px;
	margin-left: 7px;	
		
}
.icon{
	float:right;	
}

.icon a img{
	float:left;	
}

.main-two{	
	background:#db1c23;
	width:100%;
	float:left;
		
}

.nav{
	width:100%;
	
}

.nav ul{
	width:100%;
	list-style:none;
}

.nav ul li {
	float:left;
	margin-left: -28px;
	background:url(../images/tikon.png) right no-repeat;
	padding: 10px 41px 10px 10px;
	
}

.nav ul li a{
	text-decoration:none;
	float:left;	
	width:100%;
	color:#fff;
	font-family:'ralewayregular';
	font-size:16px;
}

.nav ul li a:hover{
	text-decoration:underline;
	float:left;	
	width:100%;
	color:#fff;
	font-family:'ralewayregular';
	font-size:16px;
}

.clear{
clear:both;	
}

.slider{
	width:100%;
	margin:0 auto;	
}

.creat{
	width:100%;
	margin-bottom:10px;
	float:left;
		
}

.heading{
	width:100%;
	text-align:center;
	font-family:'ralewayregular';
	font-size:30px;
}
.pragraph p{
	width:100%;
	text-align:center;
	font-family:'ralewayregular';
	font-size:16px;
	color:#9f9f9f;
}
.main-three{
	margin-top:30px;
	width:100%;
	float:left;
	margin-bottom: 20px;
}
.thrd-part{
	width:100%;
	float:left;	
}
.thrd-heading{
	width:100%;	
}

.thrd-heading h2{
	width:100%;
	font-size:17px;
	color:#0d1c3a;
	font-family:'ralewayregular';	
}

.thrd-pragraph{
	width:100%;
}


.thrd-pragraph p{
	width:100%;
	font-size:13px;
	color:#9f9f9f;
	font-family:'ralewayregular';
}

.read-more{
	width:35%;
	height:32px;
	background:#db1c23;	
}

.read-more a{
	width:35%;
	height:32px;
	color:#fff;	
	text-align:center;
	padding-left:10px;
	font-size:18px;
	text-decoration:none;
	font-family:'ralewayregular';
}

.read-more a:hover{
	width:35%;
	height:32px;
	color:#fff;	
	text-align:center;
	padding-left:10px;
	font-size:18px;
	text-decoration:underline;
	font-family:'ralewayregular';
}
.thrd-all{
	width: 100%;
	margin-bottom: 10px;
}

.main-four{
	width:100%;
	margin:0 auto;
	float:left;
	background-color:#f0f0f0;
	
	margin-bottom:10px;
	
}




.five-heading{
	
	margin-left: 36px;
}
	
.five-heading h2{
	width: 100%;
	margin-left: 36px;
	font-size:35px;
	color:#0d1c3a;
	font-family:'ralewayregular';
}
	
.five-pragraph p{
	width: 100%;
	margin-left: 18px;
	color:#9f9f9f;
	font-family:'ralewayregular';
}

.five-right{	
	border-right: solid 1px #dcdcdc;
	width: 100%;
	float: left;
	
}



.arrow-list{
width: 100%;
    padding: 10px;
}

.arrow-list li{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
	list-style:none;
	
}

.arrow-list li:hover{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color: #db1c23;
	list-style:none;
	
}

li span:hover{
	color: #db1c23;
}


.list-line{

	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;

}



.modi{
width: 100%;
    padding: 10px;
	float:left;
}

.modi li{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
	list-style:none;
	
}

.modi li:hover{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color: #db1c23;
	list-style:none;
	
}

li span:hover{
	color: #db1c23;
}


.list-line{

	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;

}
/*************************************** -STAR_FORM***********************************************************/ 
.form-main{
	float:left;
	 margin-left:0px;

}
.form-heading{
	width:100%;
	float:right;
	margin-bottom:10px;	
}
.form-heading h2{
	width:100%;
	font-size:30px;
	color:#0d1c3a;
	font-family:'ralewayregular';	
}
.form-heading p{
	width:90%;
	font-size:13px;
	color: #9F9F9F;	
}
.form-group{
width: 18%;
float: left;
margin-left: 10px;
margin-top:10px;
}

/*form input{

	width: 37%;

	padding: 6px 12px;
	font-size: 13px;
	color: #9F9F9F;
	background-color: #FFF;
	background-image: none;
	font-size:13px;	
	border:solid 1px #9F9F9F;
	font-family:'ralewayregular';

}
	
form input:focus{
	color:#9F9F9F;
	font-size:13px;	
	border:solid 1px #db1c23;
	font-family:'ralewayregular';
}*/


	
	

}


.submit-button{
background-color:#db1c23;
color: #9F9F9F;
font-size: 13px;
border: 1px solid #fff;
font-family: "ralewayregular";
width: 26%;
height: 32px;
float:right;

}

.submit-button{
color: #9F9F9F;
font-size: 13px;
border: 1px solid #fff;
font-family: "ralewayregular";
width: 26%;
height: 32px;
float:right;

}

/*************************************** -STAR_FORM*********************************************/
.last-heading{
	width:100%;
	float:left;
	margin-bottom:10px
}


.last-heading h2{
	width:100%;
	float:left;
	font-size:30px;
	text-align:center;
	font-family:'ralewayregular';
}

.last-pragraph{
	width:100%;
	float:left;
		
}

.last-pragraph p{
	width:80%;
	font-size:13px;
	text-align:center;
	margin:0 auto;
	font-family:'ralewayregular';
	color:#9f9f9f;
		
}

.last-pragraph h1{
	width:100%;
	font-size:30px;
	text-align:center;
	margin:0 auto;
	font-family:'ralewayregular';
	margin-bottom:20px;
	
		
}











/********************************** START_MEDIA QUERY **********************************************************/
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait) {
.read-more{
	text-align: center;
	width:100%;
}

.icon{
	float:left;	
}

.five-right{
	
	border-right:none;
	width: 100%;
	float: left;
	
}
.form-group {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 91%;
}

}
/********************************** END_MEDIA QUERY **********************************************************/
/*********************************############_START_ROOF_SYSTEM_PAGE_################****************************************************/

.roof{
	width:100%;
	float: left;
	margin-bottom: 40px;	

}

.roof-heading{
	margin-top: 45px;
	margin-bottom:45px;
	

}

.roof-heading h2{
	font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align:left;
	


}

.roof-pragraph{
margin-bottom: 40px;	

}

.roof-pragraph p{
margin-bottom: 40px;	
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
}

.roof-pic img{
	border:solid 2px #db1c23;	

}

.roof-pragraph a:hover{
	text-decoration:none;
}

.modified{
width: 100%;
    padding: 10px;
}

.modified li{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
	list-style:none;
	
}

.modified li:hover{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color: #db1c23;
	list-style:none;
	
}

li span:hover{
	color: #db1c23;
}


.list-line{

	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;

}
/***************############_END_ROOF_SYSTEM_PAGE_################****************************************************/
/**************############_START_RESIDENTAL_PAGE_################****************************************************/

.redsidental-all{
margin-bottom: 29px;	
}
.residental-heading h2{
	font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align:left;
}

.residental-pragraph{
	margin-bottom:27px;

}

.residental-pragraph p{
	font-family:'ralewayregular';

	font-size:15px;
	color:#9f9f9f;
}

.residental-heading-two h2{
	font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align:left;
}


.residental-pragraph-two p{
	font-family:'ralewayregular';
font-size: 15px;
color: #9F9F9F;

}


.every-type-heading h2{
	font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;

}

.every-type-pragraph p{
	font-family:'ralewayregular';
	
	font-size:15px;
	color:#9f9f9f;
}
.every-pic{
margin-top: 67px;	
}

.flat-roof{
	width:100%;
	
margin-bottom: 20px;
float: left;
}


.every-type-last-pragraph{
	margin-bottom:20px;
	    margin-top: 40px;

	float:left;
	
}	
.every-type-last-pragraph p{

	
		font-family:'ralewayregular';
	
	font-size:15px;
	color:#9f9f9f;
	
	}
/*********************************############_END_RESIDENTAL_PAGE_################*******************************************************/
.Commercial{
	width:100%;
	float: left;
	margin-bottom: 40px;	
}
.Commercial-heading h2{
		font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align:left;
	
	
}
.Commercial-pragraph p{
		font-family:'ralewayregular';
	font-size: 15px;
	color: #9F9F9F;
}

.Commercial-pragraph a:hover{
	text-decoration:none;
}

.com-pic p{
	font-family:'ralewayregular';
	font-size: 15px;
	color: #9F9F9F;	
}
.com-pic{
margin-top: 68px;
}


.com-pragraph-two p{
	font-family:'ralewayregular';
	font-size: 15px;
	color: #9F9F9F;
}

.Commercial-heading-three h2{
			font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align: left;

}

.com-pragraph-three a:hover{
	text-decoration:none;	
}
.com-pragraph-three p{
	font-family:'ralewayregular';
	font-size: 15px;
	color: #9F9F9F;
}

.Commercial-heading-last h2{
				font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align: left;
}

.Contact-heading h2{
	font-size:30px;
	font-family:'ralewayregular';
	color:#0d1c3a;
	text-align: left;
}
.contact-four{	
	border-right: solid 1px #dcdcdc;
	width: 100%;
	float: left;
	
	
}
.contact-main{
	width:100%;
	margin:0 auto;
	float:left;
	background-color:#f0f0f0;
	
	margin-bottom:10px;
	
}
.second-list{
width: 100%;
    padding: 10px;
}

.second-list li{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
	list-style:none;
	
}

.second-list li:hover{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color: #db1c23;
	list-style:none;
	
}

li span:hover{
	color: #db1c23;
}


.list-line{

	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;

}



.mod{
width: 100%;
    padding: 10px;
	float:left;
}

.mod li{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;
	list-style:none;
	
}

.mod li:hover{
	width:100%;
	font-size:15px;
	font-family:'ralewayregular';
	color: #db1c23;
	list-style:none;
	
}

li span:hover{
	color: #db1c23;
}


.list-line{

	font-size:15px;
	font-family:'ralewayregular';
	color:#9f9f9f;

}

#googlemap{
	width:100%;
	height:338px;
	
}


/*********************************** -START_CONTACT_FORM********************************************************/ 
.form-main{
	float:left;
	    margin-left: 0px;
		width:100%;

}
.form-heading{
	width:100%;
	float:right;
	margin-bottom:10px;	
}
.form-heading h2{
	width:100%;
	font-size:30px;
	color:#0d1c3a;
	font-family:'ralewayregular';	
}
.form-heading p{
	width:90%;
	font-size:13px;
	color: #9F9F9F;	
}
/*.form-group-two{
width: 36%;
float: left;

margin-top:10px;
}
.form-line{
width: 100%;
float: right;
margin-top: 44px;

}
form input{

	width: 37%;

	padding: 6px 12px;
	font-size: 13px;
	color: #9F9F9F;
	background-color: #FFF;
	background-image: none;
	font-size:13px;	
	border:solid 1px #9F9F9F;
	font-family:'ralewayregular';

}
	
form input:focus{
	color:#9F9F9F;
	font-size:13px;	
	border:solid 1px #db1c23;
	font-family:'ralewayregular';
}


form textarea:focus{
	resize:none;
	color:#9F9F9F;
	width:100%;
	font-size:13px;	
	border:solid 1px #db1c23;
	font-family:'ralewayregular';
	border-radius: 4px;
	border:solid 1px #FF0000;
	
box-shadow: 5px 5px 5px rgba(, #db1c23, #db1c23, 0.075) inset;
transition: border-color 0.15s ease-in-out 0.1s, box-shadow 0.15s ease-in-out 0s;


	

}*/

.submit-bon{
background-color:#db1c23;
color: #fff;
font-size: 15px;
border: 1px solid #fff;
font-family: "ralewayregular";
width: 100%;
height: 36px;


}

.submit-bon:hover{
color: #fff;
font-size: 15px;
border: 1px solid #fff;
font-family: "ralewayregular";
width: 100%;
height: 36px;


}

.blnk{
	width:100%;
	float:left;
	margin-bottom: 383px;

}

/*************************************** END_CONTACT-FORM*********************************************/