@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; vertical-align:top;}
body{ margin:0px; padding:0px; border-top:#6ead15 solid 5px;}
p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
li,ul,ol{ margin:0px; padding:0px; list-style:none;}
img{ margin:0px; padding:0px; border:none;}
.clear{ margin:0px; padding:0px; clear:both;}

#main{ width:100%; float:left; margin:0px; padding:0px; position:absolute;}
#wrapper{ width:1002px; margin:auto; padding:0px; position:relative;}
#header{ width:1002px; float:left; margin:0px; padding:0px;}
#head{ width:1002px; float:left; margin:0px; padding:0px;}
.logo{ width:282px; float:left; margin:0px; padding:0px;}
.logo-text{ width:720px; float:right; margin:66px 0px 0px 0px; padding:0px; text-align:right;}





/*------------Menu-------------*/

#menu{ width:620px; float:right; margin:0px; padding:0px 0px 8px 0px; position:relative; z-index:999; }
#menu ul{ margin:10px 0px 0px 5px; padding:0px; list-style:none; font:15px; font-family:Calibri; color:#014e74; font-weight:bold; text-transform:uppercase; }

#menu ul li { width:80px; float:left; display: block; position: relative; float: left;  font-size:15px; color:#014e74; font-family:Arial, Helvetica, sans-serif; padding:6px 10px; margin:0px; display:inline; line-height:28px; display:inline; float:left; text-decoration:none; display:inline-block; text-align:center;  height:30px; font-weight:bold; font-style:normal; text-align:center; border:#e5e5e3 solid 1px; }

#menu li ul{ display:none; }

#menu ul li a { display: block; text-decoration: none; color:#014e74; padding:0px; white-space: nowrap;  font-size:15px; font-family:Calibri; font-weight:bold; font-style:normal; }
#menu  ul li a:hover { margin:0px; padding:0px; background-color:#0093dd; color:#FFFFFF; }

#menu  li:hover ul { display: block; position: absolute;  margin:8px 0px 0px 0px; padding:0px;}

#menu  li:hover li { width:190px; float:left; margin:0px; padding:0px; font-size:15px; font-family:Calibri; font-weight:bold; color:#333333; background:#b2cadd; text-align:left; border-bottom:#EAEAEA solid 1px; text-indent:16px; font-style:normal; text-transform:capitalize;}

#menu  li:hover a { font-size:15px; font-family:Calibri; font-weight:bold; font-style:normal; color:#014e74; display:block; text-decoration:none; list-style:none; margin:0px; padding:0px;}

#menu li:hover li a:hover { width:190px; float:left; text-align:left; padding:0px; margin:0px; text-decoration:none; color:#FFFFFF; list-style:none; border:none; display:block;}








#menu .active{ background:#0093dd; text-decoration:none; color:#FFFFFF; }

/*------------Menu-------------------*/




#banner-area{ width:987px; float:left; margin:0px; padding:0px; background-color:#cae1f3; padding:6px;}
.banner-left{ width:364px; float:left; margin:0px; padding:7px 0px 7px 0px; background-color:#FFFFFF; text-align:center; }
.banner-right{ width:606px; float:right; margin:0px; padding:0px;}

/*-----------------------Contan----------------------*/

#contan-area{ width:972px; float:left; margin:0px; padding:15px 15px 0px 15px; background-color:#f0f9fd;}
#contan{ width:972px; float:left; margin:0px; padding:0px 0px 17px 0px; background-color:#FFFFFF;}

#con-left{ width:572px; float:left; margin:0px; padding:0px;}
#welcome-tit{ width:572px; float:left; margin:0px; padding:0px;}
#welcome-tit h1{ width:550px; float:left; margin:0px; padding:22px 0px 5px 22px; }
#welcome-tit h2{ width:100px; float:right; margin:0px; padding:0px; text-align:center; font-size:14px; color:#d92a2a; font-family:Arial; line-height:25px; border:#e5e5e3 solid 1px;}

#welcome-tit h2 a{ font-size:14px; color:#d92a2a; font-family:Arial; padding:5px 0px 5px 0px; text-decoration:underline; display:block;}
#welcome-tit h2 a:hover{ font-size:14px; color:#FFFFFF; font-family:Arial; text-decoration:none; background-color:#0193dd;}


#welcome-tit p{ width:550px; float:left; margin:0px; padding:5px 0px 5px 22px; font-size:14px; color:#666666; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify;}

#gallery{ width:572px; float:left; margin:0px; padding:0px;}
#gallery h1{ width:550px; float:left; margin:0px; padding:10px 0px 5px 22px; }
#gallery h2{ width:534px; float:left; margin:0px 0px 0px 22px; padding:14px 14px 14px 14px; border:#e5e5e3 solid 1px; }

/*--------------------------Contan-Right-----------------------*/

#con-right{ width:325px; float:right; margin:0px 22px 0px 0px; padding:0px 0px 0px 0px;}
#con-right h1{ width:325px; float:left; margin:0px; padding:22px 0px 8px 0px; text-align:center; }
#con-right-box{ width:323px; float:right; margin:6px 0px 0px 0px; padding:0px; border:#e5e5e3 solid 1px;}
#con-right-box h1{ margin:0px; padding:4px 0px 10px 0px; text-align:center; }
#con-right-box p{ width:280px; float:left; margin:0px 20px 0px 20px; padding:0px; text-align:justify; font-size:14px; color:#666666; line-height:22px; font-family:Arial; }
#con-right-box h2{ width:280px; float:left; margin:0px 20px 0px 20px; padding:17px 0px 17px 0px; text-align:justify; font-size:14px; color:#d92a2a; line-height:22px; font-family:Arial; text-align:right;}

#con-right-box h2 a{ font-size:14px; color:#d92a2a; font-family:Arial; text-decoration:underline;}
#con-right-box h2 a:hover{ color:#000000; text-decoration:none; }


/*--------------------------footer-----------------------*/

#footer-area{ width:100%; float:left; margin:0px; padding:0px; background-color:#6ead15; height:40px;}
#footer{ width:1002px; margin:auto; }

#footer h1{ width:350x; float:left; margin:13px 0px 0px 0px; padding:0px 0px 0px 25px; font-size:13px; font-family:Verdana; text-align:left; color:#FFFFFF; font-weight:normal; }
#footer h2{ width:350px; float:right; margin:13px 0px 0px 0px; padding:0px 25px 0px 0px; font-size:13px; font-family:Verdana; text-align:left; color:#FFFFFF; text-align:right; font-weight:normal; }

#footer h2 a{ font-size:13px; font-family:Verdana; color:#FFFFFF; text-decoration:underline;}
#footer h2 a:hover{ color:#000000; text-decoration:none;}


/*-------------------------------------------------------------------------Sub-Page--------------------------------------------------------*/

#about-tit{ width:950px; float:left; margin:0px; padding:22px 0px 5px 22px;}
#about{ width:928px; float:left; margin:0px; padding:5px 22px 5px 22px; font-size:14px; color:#666666; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify;}
#upvc{ width:950px; float:left; margin:0px; padding:18px 0px 0px 22px; font-size:18px; color:#014e74; line-height:22px; font-family:Arial}
#upvc ul{ margin:8px 0px 0px 0px; padding:0px; list-style:none;}
#upvc li{ font-size:14px; color:#666666; font-family:Arial; line-height:24px; margin:0px; padding:0px 0px 0px 35px; background:url(../images/icon.gif) left top no-repeat; background-position:10px 6px;}


#contact{ width:928px; float:left; margin:0px; padding:5px 22px 5px 22px;}
.contact-tit{ width:928px; float:left; margin:0px; padding:0px 0px 10px 0px; text-align:left;}
#contact-left{ width:450px; float:left; margin:0px; padding:0px;}
#contact-left h1{ width:450px; float:left; margin:0px; padding:0px; font-size:14px; color:#CC0000; font-family:Arial; line-height:22px; font-weight:bold;}
#contact-left h2{ width:420px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 20px; font-size:14px; color:#CC0000; font-family:Arial; line-height:20px; font-weight:bold; background:url(../images/mobile.png) left top no-repeat;}
#contact-left h3{ width:420px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 25px; font-size:14px; color:#CC0000; font-family:Arial; line-height:20px; font-weight:bold; background:url(../images/maill.png) left top no-repeat;}
#contact-left p{ width:350px; float:left; font-size:14px; color:#666666; font-family:Arial; line-height:20px; border-bottom:#CCCCCC dashed 1px; margin:0px; padding:0px 0px 5px 0px;}
#contact-left p a{ font-size:14px; color:#666666; font-family:Arial; text-decoration:underline;}
#contact-left p a:hover{ color:#CC0000; text-decoration:none;}

#contact-center{ width:500px; float:left; margin:10px 0px 0px 0px;; padding:0px;}
#contact-center h1{ width:450px; float:left; margin:0px; padding:0px; font-size:14px; color:#CC0000; font-family:Arial; line-height:22px; font-weight:bold;}
#contact-center h2{ width:420px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 20px; font-size:14px; color:#CC0000; font-family:Arial; line-height:20px; font-weight:bold; background:url(../images/mobile.png) left top no-repeat;}
#contact-center h3{ width:420px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 25px; font-size:14px; color:#CC0000; font-family:Arial; line-height:20px; font-weight:bold; background:url(../images/maill.png) left top no-repeat;}
#contact-center p{ width:360px; float:left; font-size:14px; color:#666666; font-family:Arial; line-height:20px; border-bottom:#CCCCCC dashed 1px; margin:0px; padding:0px 0px 5px 0px;}
#contact-center p a{ font-size:14px; color:#666666; font-family:Arial; text-decoration:underline;}
#contact-center p a:hover{ color:#CC0000; text-decoration:none;}


/*-------------------------------------------------------Product-------------------------------------------*/

#product{ width:928px; float:left; margin:0px; padding:5px 22px 5px 22px;}

.double-gla-area{ width:928px; float:left; margin:0px; padding:0px 0px 15px 0px; border-bottom:#CCCCCC dashed 1px;}
.double-gla-title{ width:928px; float:left; margin:0px; padding:0px; font-size:14px; color:#CC0000; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify; font-weight:bold; text-transform:uppercase;}
.double-gla-img{ width:223px; float:right; margin:0px; padding:0px;}
.double-gla-text{ width:680px; float:left; margin:0px; padding:0px; font-size:14px; color:#666666; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify;}

.double-gla-text p{ width:650px; float:left; margin:0px; padding:0px 0px 0px 28px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify; background:url(../images/bullets.gif) left top no-repeat; background-position:0px 6px;}



.upvc-text{ width:928px; float:left; margin:0px; padding:0px 0px 0px 0px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify;}


.double-gla-text-01{ width:928px; float:left; margin:8px 0px 0px 0px; padding:0px;}
.double-gla-text-01 p{ width:900px; float:left; margin:0px; padding:0px 0px 0px 28px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify; background:url(../images/bullets.gif) left top no-repeat; background-position:0px 6px;}

.bold{ margin:0px; padding:0px; font-size:14px; color:#CC0000; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify; font-weight:bold; font-style:normal;}

.window-area{ width:928px; float:left; margin:8px 0px 0px 0px; padding:0px;}

.window-text{  margin:0px; padding:3px 10px 3px 35px; font-size:14px; color:#666666; font-family:Arial; line-height:22px; font-weight:normal; text-align:justify; background:url(../images/icon02.gif) left top no-repeat #F5FCFE; background-position:10px 6px;}


.window-text01{  margin:0px; padding:3px 10px 3px 35px; font-size:14px; color:#666666; font-family:Arial; line-height:22px; font-weight:normal; text-align:justify; background:url(../images/icon02.gif) left top no-repeat #e4f3f8; background-position:10px 6px;}


.window-text02{  margin:0px; padding:3px 10px 3px 35px; font-size:14px; color:#666666; font-family:Arial; line-height:22px; font-weight:normal; text-align:justify; background:url(../images/icon02.gif) left top no-repeat #d3ebf2; background-position:10px 6px;}



.window-text-b{ margin:8px 0px 0px 0px; padding:3px 0px; font-size:14px; color:#FFFFFF; font-family:Arial; line-height:26px; font-weight:bold; text-align:justify; background-color:#999999; text-align:center;}

.windo-tit{ width:454px; float:left; margin:0px; padding:8px 0px 0px 10px; font-size:16px; color:#CC0000; line-height:22px; font-family:Arial}
.windo-tit p{ width:928px; float:left; margin:0px; padding:8px 0px 0px 0px; font-size:16px; color:#CC0000; line-height:22px; font-family:Arial}
.windo-img{ width:464px; float:left; margin:10px 0px 0px 0px; padding:0px; text-align:center;}


.footer-pro-tit{ width:928px; float:left; margin:25px 0px 0px 0px; padding:0px; font-size:15px; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; text-transform:uppercase;}


.photo-gallery{ width:850px; float:left; margin:0px; padding:15px 0px 0px 78px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify;}

.gallery-img{ width:250px; float:left; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:center;}



/*-------------------------------Icon--------------------------------*/


.wind{ width:972px; float:left; margin:0px 0px 10px 0px; padding:0px;  /*border-bottom:#CCCCCC dotted 1px;*/}


#wind-box01{ width:324px; float:left; margin:0px; padding:10px 0px 0px 0px; background-color:#F5FCFE; height:190px;}

#wind-box01 h1{ width:270px; float:left; margin:0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-01.png) left top no-repeat; background-position:8px 8px; font-weight:normal;}
#wind-box01 h2{ width:270px; float:left; margin:0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-05.png) left top no-repeat; background-position:8px 8px; font-weight:normal; height:30px;}
#wind-box01 p{ width:270px; float:left; margin:0px; padding:0px 0px 15px 44px; font-size:12px; font-family:tahoma; line-height:18px; text-align:left; color:#000000; font-weight:normal;}




#wind-box02{ width:324px; float:left; margin:0px; padding:10px 0px 0px 0px; background-color:#e4f3f8; height:190px; }
#wind-box02 h1{ width:270px; float:left; margin:0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-02.png) left top no-repeat; background-position:8px 8px; font-weight:normal; height:30px;}
#wind-box02 h2{ width:270px; float:left; margin:8px 0px 0px 0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-03.png) left top no-repeat; background-position:8px 8px; font-weight:normal; height:35px;}
#wind-box02 p{ width:270px; float:left; margin:0px; padding:0px 0px 0px 44px; font-size:12px; font-family:tahoma; line-height:18px; text-align:left; color:#000000; font-weight:normal;}





#wind-box03{ width:324px; float:left; margin-bottom:10px; margin-top:0px; margin-left:0px; margin-right:0px; padding:10px 0px 0px 0px; background-color:#d3ebf2; height:190px;}
#wind-box03 h1{ width:270px; float:left; margin:0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-04.png) left top no-repeat; background-position:8px 3px; font-weight:normal; height:30px;}
#wind-box03 h2{ width:270px; float:left; margin:0px; padding:8px 0px 0px 44px; font-size:18px; color:#CC0000; font-family:tahoma; background:url(../images/icon-06.png) left top no-repeat; background-position:8px 8px; font-weight:normal; height:30px;}
#wind-box03 p{ width:270px; float:left;  margin:0px; padding:5px 0px 4px 44px; font-size:12px; font-family:tahoma; line-height:18px; text-align:left; color:#000000; font-weight:normal;}


/*-------------------------------Icon--------------------------------*/


.our-product-area{ width:928px; float:left; margin:0px; padding:0px 0px 0px 0px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify;}

.product-img{ width:223px; float:right; margin:0px; padding:0px;}
.product-img-text{ width:680px; float:left; margin:0px; padding:0px; font-size:14px; color:#666666; font-family:Arial; line-height:24px; font-weight:normal; text-align:justify;}
.product-img-text p{ width:680px; float:left; margin:0px; padding:25px 0px 0px 0px; font-size:14px; color:#666666; font-family:Arial; line-height:26px; font-weight:normal; text-align:justify;}

/*Donload Button*/
/*.link-tag{
	background-color: #82BE28;
	vertical-align:middle !important;
}*/

.link-btn{
	color:#fff;
	text-decoration:none;
	background-color:#82BE28;
	text-align:right;
	display:block;
	padding:10px;
	transition: all 0.2s linear;
	font-size:16px;
	}

.btn-width{
	vertical-align:baseline;}

.link-tag img{
	width:20px;
	}

.button{
	float: right;
	background-color: #82BE28;
	padding-left: 30px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px; 
	border: none;
	border-radius: 5px;
	color: #fff;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
	margin-right: 10px;
	background-image: url(../images/pdf-icon.png);
	background-position: 10px;
	background-size: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-family: 'Michroma', sans-serif;
	font-weight: bold;
	transition: all 0.5s linear;
}

.button:hover{
	background-position: 5px;
}