@charset "utf-8";
/* CSS Document */
body
	{
		padding:0;
		margin:0;
		font-family:Calibri;
		font-size:14px;
		color:#333;
		 background:url(images/asa-background.jpg) ;
		background-repeat:repeat-x;
		/*background-size:cover;*/
	}
	
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

}
p
	{
		padding:0;
		margin:0 auto;
	}
	
	.mtop_hed{width:100%; height:auto; overflow:hidden; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;  padding-bottom:3px; color:#0021ef;}
	
	.mtop_cont{width:100%; height:auto; overflow:hidden; padding-bottom:5px; font-family:Calibri; font-size:14px;}

.header_aream{width:99%; max-height:auto; min-height:181px; padding-left:10px;   padding-right:0px; padding-top:20px; margin-bottom:0px;  background:url(images/asa-nav-back.jpg) 50% 0 no-repeat;background-size:cover; margin-left:0.5%; margin-right:0.5%;}
.header_left{width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:12px; }


.header_mdl{width:100%; height:auto; overflow:hidden; float:right;  text-align:right;}


.header_bott a{text-decoration:none; color:#e27a1a;}
.header_bott a:hover{text-decoration:none; color:#1e3e6c;}
.header_bott a:active{text-decoration:none; color:#1e3e6c;}



.amol_cont1{ width:100%; height:auto; overflow:hidden; float:right; text-align:right; padding-bottom:5px;}
.amol_cont2{ width:100%; height:auto; overflow:hidden; float:right; text-align:right; padding-right:33px;}

.amol_cont11{ width:100%; height:auto; overflow:hidden; float:left; text-align:left; padding-bottom:5px;}
.amol_cont21{ width:100%; height:auto; overflow:hidden; float:left; text-align:left; padding-left:33px;}



.amol_contmain{position:relative; margin-bottom:-100%; padding-top:10px; margin-right:20px; width:100%; height:auto; overflow:hidden; float:right; text-align:right;}

.amol_contmain2{position:relative; margin-bottom:-100%; padding-top:10px; margin-left:20px; width:100%; height:auto; overflow:hidden; float:left; text-align:left;}



.head1{font-size:18px; font-weight:bold; color:#000; text-transform:uppercase;}
.head1 a{text-decoration:none; color:#000;}
.head1 a:hover{text-decoration:none; color:#1e3e6c;}
.fter_main{width:100%; height:auto; overflow:hidden; float:left; border-top:1px #636162 solid; padding:0 0 12px; margin-top:10px;}


@media(min-width:980px)
{
.header_right{width:70%; height:auto; overflow:hidden; float:right;  text-align:right;}
}

@media(max-width:980px)
{
.header_right{width:55%; height:auto; overflow:hidden; float:right;  text-align:right;}
}

@media(max-width:900px)
{
.header_right{width:55%; height:auto; overflow:hidden; float:right;  text-align:right;}
}

@media(max-width:1000px)
{
.header_right{width:56%; height:auto; overflow:hidden; float:right;  text-align:right;}
}

@media(max-width:1040px)
{
.header_right{width:56%; height:auto; overflow:hidden; float:right;  text-align:right;}
}



@media(min-width:768px)
{

.header_bott{width:100%; height:auto; overflow:hidden; float:right;  text-align:left; padding-top:10px;}
.selse{width:auto; height:auto; overflow:hidden; float:right; padding:1px 12px 4px; color:#fff; background:#e27a1a; border-radius:7px; text-align:center;}
.selse1{width:auto; height:auto; overflow:hidden; float:right; padding:1px 12px 4px; margin-left:13px; color:#fff; background:#e27a1a; border-radius:7px; text-align:center;}

.selse:active{width:auto; height:auto; overflow:hidden; float:right; padding:1px 12px 4px; color:#fff; background:#1e3e6c; border-radius:7px; text-align:center;}
.selse:focus{width:auto; height:auto; overflow:hidden; float:right; padding:1px 12px 4px; color:#fff; background:#1e3e6c; border-radius:7px; text-align:center;}

.header_left{width:auto; height:auto; overflow:hidden; float:left; text-align:center; }


.header_top{width:100%; height:auto; overflow:hidden; float:right;  text-align:right; padding-bottom:10px;}

.copy{width:auto; height:auto; overflow:hidden; float:left; font-size:13px; padding-bottom:12px;}
.designer1{width:auto; height:auto; overflow:hidden; float:right; text-align:right; font-size:13px; padding-bottom:12px;}
.mobile_top{display:none;}
}

.designer1 a{text-decoration:none; color:#333;}
.designer1 a:hover{text-decoration:underline; color:#333;}


@media(max-width:767px)
{
.header_bott{width:100%; height:auto; overflow:hidden; float:left;  text-align:left; padding-bottom:13px;}
.selse{width:auto; height:auto; overflow:hidden; float:right; padding:1px 6px 4px; color:#fff; background:#e27a1a; border-radius:3px; text-align:center; font-size:13px; margin-bottom:20px;}
.selse1{width:auto; height:auto; overflow:hidden; padding:1px 6px 4px; float:left;color:#fff; background:#e27a1a; border-radius:3px; text-align:center; margin-bottom:6px; font-size:13px; }

.selse:active{width:auto; height:auto; overflow:hidden; float:right; padding:1px 6px 4px; color:#fff; background:#1e3e6c; border-radius:3px; text-align:center;}
.selse:focus{width:auto; height:auto; overflow:hidden; float:right; padding:1px 6px 4px; color:#fff; background:#1e3e6c; border-radius:3px; text-align:center;}


.mobile_top{width:100%; height:auto; overflow:hidden; float:left;}

.header_left{float:left; text-align:center; }
.header_right{width:100%; height:auto; overflow:hidden; float:right;  text-align:right; margin-top:-24px;}

.header_top{display:none;}

.copy{width:100%; height:auto; overflow:hidden; text-align:center; float:left; padding-bottom:5px; font-size:13px;}
.designer1{width:100%; height:auto; overflow:hidden; text-align:center; float:left; font-size:13px;}
}

.rote_text{width:59px; height:59px; float:left; /*background:url(images/rotet_bg.png);*/ position:relative; margin-bottom:-100%;  }
.ftr_ctmain{width:100%; height:auto; overflow:hidden; float:left; background:#000;}
.ftr_ctmain:hover{background:#000;}

.ftr_ctmain .str{display:none;}
.ftr_ctmain:hover .str{display:block; margin-top:-92%; background-color:rgba(0, 0, 0, 0.5); position:relative; height:100vh; padding-top:28%; width:100%; float:left; transition:2s;}


.ftr_ctmain2{width:100%; height:auto; overflow:hidden; float:left;}

.ftr_ctmain2 .str4{display:none;}
.ftr_ctmain2:hover .str4{display:block; margin-top:-95%; background-color:rgba(0, 0, 0, 0.5); position:relative; height:100vh; border-radius:0 16px 0 0; padding-top:42%; width:100%; float:left; transition:2s;}





.rot_cont{width:100%; height:auto; overflow:hidden; /*transform:rotate(-40deg);*/ float:left; }

.detail1{width:95px; height:auto; padding:2px 0px 2px; float:left;  text-align:center; background:#e47812; border-radius:2px; color:#fff; font-size:14px; margin-bottom:6px; margin-left:30%;}
.detail1:hover{text-align:center; background:#0e3869; border-radius:2px; color:#fff; margin-bottom:6px; margin-left:30%;}





.ftr_cont{width:70%; height:auto; overflow:hidden; float:right; text-align:left; position:relative;  margin-bottom:-100%; padding-top:18px;}
.ftr_cont a{text-decoration:none; color:#fff; text-transform:uppercase; font-size:16px; font-weight:bold;}
.ftr_cont a:hover{text-decoration:none; color:#e27a1a;}
.ftr_cont a:active{text-decoration:none; color:#e27a1a;}

.abut_hed{float: left;
    font-size: 20px;
    font-weight: bold;
    height: auto;
    overflow: hidden;
    width: 100%;}
	
.abut_cont{float: left;
    height: auto;
    overflow: hidden;
    width: 100%;}
	
.form_input2{width:100%; height:30px; float:left; padding-left:8px; border:1px #ccc solid; border-radius:2px;}
.form_rext2{width:100%; height:70px; float:left; padding-left:8px; border:1px #ccc solid; border-radius:2px;}
@media(min-width:768px)
{
.form_main{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:14px;}

.form_input{width:270px; height:30px; float:left; padding-left:8px; border:1px #ccc solid;}


.form_rext{width:270px; height:70px; float:left; padding-left:8px; border:1px #ccc solid;}

.form_name{width:79px; height:auto; float:left; }
.form_sub{width:85px; height:auto; float:left; height:32px; }
.form_main{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:14px;}

.filter{width:auto; height:auto; overflow:hidden; float:left; margin-right:12px; border:1px #dddbdb solid; padding:1px 20px 3px; background:#fff; cursor:pointer; border-radius:1px;}
.filter:hover{width:auto; height:auto; overflow:hidden; float:left; border:1px #dddbdb solid; background:#dddbdb;}
.filter.hover{width:auto; height:auto; overflow:hidden; float:left; border:1px #dddbdb solid; background:#dddbdb;}


}

@media(max-width:767px)
{

.filter{width:30%; height:auto; overflow:hidden; float:left; margin-right:12px; border:1px #dddbdb solid; text-align:center; margin-bottom:6px; padding:1px 0 3px; background:#fff; cursor:pointer; border-radius:1px;}
.filter:nth-child(3){width:30%; height:auto; overflow:hidden; float:left; margin-right:0px; border:1px #dddbdb solid; text-align:center; margin-bottom:6px; padding:1px 0 3px; background:#fff; cursor:pointer; border-radius:1px;}

.filter:hover{  height:auto; overflow:hidden; float:left; border:1px #dddbdb solid; background:#dddbdb;}
.filter.hover{  height:auto; overflow:hidden; float:left; border:1px #dddbdb solid; background:#dddbdb;}

.form_main{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}

.form_input{width:100%; height:30px; float:left; padding-left:8px; border:1px #ccc solid;}
.form_rext{width:100%;height:70px; float:left; padding-left:8px; border:1px #ccc solid;}

.form_name{width:100%; padding-bottom:3px; height:auto; float:left; }
.form_sub{width:85px; height:auto; float:left; height:32px; }
}
.proj_main{width:100%; height:auto; overflow:hidden; float:left;}

.project_name1{width:100%; height:auto; overflow:hidden; text-align:left; float:left; padding:4px 10px 6px; font-size:18px; font-weight:bold; border:1px #e3e2e0 solid; border-bottom:0px; color:#e27a1a;  background:#f7f6f5;}

.project_name{width:100%; height:auto; overflow:hidden; float:left; font-size:20px; padding-bottom:2px; color:#fff;  border-bottom:1px #fff dotted; margin-bottom:4px;}
.project_cont{width:100%; height:auto; overflow:hidden; float:left; font-size:14px; padding-bottom:6px; color:#fff;}
.project_cont a{text-decoration:none; height:26px; width:80px; background:#e27a1a; border-radius:3px; display:block; margin:auto; color:#fff; text-align:center; line-height:25px;}
.project_cont a:hover{text-decoration:none; height:26px; width:80px;  margin:auto; background:#e27a1a; border-radius:3px; display:block;  color:#fff;}

.footer_bgmain{width:100%; height:auto; overflow:hidden; float:left; height:auto; font-family:'Open Sans'; color:#fff; padding-left:12px; padding-right:20px; font-size:15px; margin-top:10px; background:#dededc;}


.maincategri{width:100%; height:auto; overflow:hidden; float:left;}
.bordt{width:100%; height:auto; overflow:hidden; float:left; border-bottom:1px #333 dotted; margin-bottom:0px; padding-top:10px;}

.about_hed2{width:100%; height:auto; overflow:hidden; float:left; padding-bottom:2px; font-size:23px; color:#000; padding-top:42px}
.checkout{width:90px; height:30px; line-height:28px; color:#ecb301;}
.checkout a{width:80px; height:27px; line-height:25px; margin-top:8px; color:#ecb301; border-radius:2px; text-align:center; font-family:Calibri; background:#2a234c; text-decoration:none; display:block;}
.checkout a:hover{width:80px; height:27px; line-height:25px; color:#fff; background:#2a234c; text-decoration:none; display:block;}

.abt_right_cont{width:100%; max-height:auto;height:661px; overflow:hidden; float:left; padding-left:32px; border-left:1px #f2c601 dotted;}

.product_lest{width:100%; height:auto; overflow:hidden; float:left;}

.product_count{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:15px;}

/*download-brochure*/
.dwn_right_cont{  border-left: 1px dotted gold; float: left; margin-left: 15px; min-height: 330px; overflow: hidden; padding-left: 25px; padding-left:45px; width:138%;
}

.dwn-brochure
	{
		font-size:15px;
		font-family:Calibri;
	}
	
.dwn-brochure ul
	{
		padding:0;
		margin:0;
		list-style:disc;
		
	}
.dwn-brochure ul li
	{
		color:##000066;
		font-weight:bold;
		margin-bottom:12px;
	}
	
.dwn-brochure ul li a
	{
		padding:0 0 0 5px;
		color:#000066;
		font-weight:bold;
		text-decoration:none;
	}
.dwn-brochure ul li a:hover
	{
		padding:0 0 0 5px;
		color:#EEB800;
		font-weight:bold;
		text-decoration:underline;
	}
.dwn-brochure p
	{
		padding:0;
		margin:0;
		font-weight:bold;
		margin-bottom:11px;
		text-decoration:underline;
		font:18px Calibri, Arial, Helvetica, sans-serif;
	}