@charset "utf-8";
/* CSS Document */
body
	{
		padding:0;
		margin:0;
		font-family:Calibri, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#333; background:#0a0b0d;
	}
p
	{
		padding:0;
		margin:0 auto;
	}
	
	
@media(max-width:800px)
{
.t_right_proj
	{
		width:100%; height:50vh; max-height:auto; overflow:hidden; float:left; padding:30px 43px 12px; background:url(images/sg-bg.jpg)  top left; background-repeat:repeat;
	}
}

@media(min-width:768px)
{
.main_bgarea
	{
		width:100%; 
		height:auto; overflow:hidden; background:#0a0b0d;
		padding:30px 30px 0px 0px;
	}
	
.main_bgabout
	{
		width:100%; 
		height:auto; overflow:hidden; background:#0a0b0d;
		padding:30px 30px 0px 0px;
	}


.footer_aream{width:auto; font-style:italic; float:right; text-align:right;height:auto; padding:3px 12px 4px; background:rgba(150, 149, 147, 0.8); border-radius:1px;}
.copy_right{width:auto; height:auto; overflow:hidden; float:left; margin-right:12px; padding-top:2px; font-size:13px;}
.maptek{display:none;}
.icon_fb{width:auto; height:auto; overflow:hidden; float:left; margin-right:12px;}
.designer1{width:auto; height:auto; overflow:hidden; float:left; color:#ccc; padding-top:7px; padding-left:25px; font-size:13px;}
.designer1 a{text-decoration:none; color:#ccc;}
.designer1 a:hover{text-decoration:underline; color:#ccc;}
.left_area1
	{
		width:100%; height:auto; overflow:hidden; float:left; margin-bottom:-420px;
	}
	
.right_area1
	{
		width:300px; height:auto; overflow:hidden; float:right; text-align:right; /*background-color:rgba(10, 11, 13, 0.4);*/ padding:12px; margin-right:50px; margin-top:-40px;  margin-bottom:67px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}
	

	
.left_area2
	{
		width:64%; height:370px; overflow:hidden; float:left; text-align:left; background-color:rgba(10, 11, 13, 0.4); padding:12px; margin-left:56px;  margin-bottom:45px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}

	
.headre_nav{display:none;}

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




.left_areaab2
	{
		width:66%; height:370px; overflow:hidden; float:left; text-align:left;    position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}

.t_right_about
	{
		width:100%; height:87vh; max-height:auto; overflow:hidden; float:left; padding:30px 43px 12px; background:url(images/sg-bg.jpg); background-repeat:repeat;
	}
	
.t_right_proj
	{
		width:100%; height:87vh; max-height:auto; overflow:hidden; float:left; padding:30px 43px 12px; background:url(images/sg-bg.jpg)  top left; background-repeat:repeat;
	}
	
#element_to_pop_up{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up2{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up3{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up4{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up5{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}


#element_to_pop_up6{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up7{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up8{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:800px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up9{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}

#element_to_pop_up10{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}


#element_to_pop_up11{ 
	font-family:Calibri;
    border-radius:3px;
	border: 4px solid #fff;
    color:#999999;
    display:none; 
  	width:808px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
}
}

@media(max-width:800px)
{
.headre_nav{display:block;}

.right_area{display:none;}
.left_logo{width:auto;}
.right_logo{width:auto;}
}

@media(max-width:320px)
{
.left_logo{width:60%;}
.right_logo{width:60%;}

}

@media(max-width:1024px)
{
.right_area1
	{
		width:300px; height:auto; overflow:hidden; float:right; text-align:right; /*background-color:rgba(10, 11, 13, 0.4);*/ padding:12px; margin-right:30px; margin-top:-40px;  margin-bottom:67px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}

}



@media(min-width:768px)
{
.right_areaab1
	{
	width:338px; height:338px; overflow:hidden; float:right; text-align:right;/* position:absolute; bottom:23px; right:35px; */background-color:rgba(10, 11, 13, 0.4); padding:12px; 		border-radius:3px;  z-index:100;
	}
}

@media(max-width:980px)
{
.right_areaab1
	{
		width:50%; height:auto; overflow:hidden; float:left; text-align:right;  background-color:rgba(10, 11, 13, 0.4); padding:12px; border-radius:3px;  z-index:100;
	}
	
.t_right_about
	{
		width:100%; height:95vh;  max-height:auto; overflow-x:hidden; overflow-y:scroll; float:left; padding:30px 43px 12px; background:url(images/sg-bg.jpg); background-repeat:repeat;
	}
}

@media(max-width:980px)
{
.left_areaab2
	{
		width:60%; height:370px; overflow:hidden; float:left; text-align:left;    position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}
	
	.right_area1
	{
		width:100%; height:auto; overflow:hidden; float:right; text-align:right; /*background-color:rgba(10, 11, 13, 0.4);*/ padding:12px; margin:353px 12px 27px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}


}


@media(max-width:800px)
{
.left_areaab2
	{
		width:50%; height:370px; overflow:hidden; float:left; text-align:left;    position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}


}

.heading_1
	{
		width:100%;
		height:auto;
		overflow:hidden;
		float:left;
		margin-bottom:5px;
		color:#da251c;
		font-size:24px;
		font-weight:bold;
		text-shadow: 1px 1px #fff;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
.internal_cont{width:100%; height:auto; overflow:hidden; float:left; color:#fff;}

@media(max-width:980px)
{
.footer_aream{width:100%; font-style:italic; float:right; text-align:left;height:auto; padding:6px 12px; background:rgba(150, 149, 147, 0.8); border-radius:1px;}
.copy_right{width:100%; height:auto; color:#fff; overflow:hidden; float:left; margin-right:12px;}
.maptek{display:block;}
.maptek2s{display:none;}

.icon_fb{width:100%; height:auto; overflow:hidden; float:left; margin-right:12px;}
.designer1{width:100%; height:auto; overflow:hidden; float:left; color:#fff; padding-left:0px;}
.designer1 a{text-decoration:none; color:#fff;}
.designer1 a:hover{text-decoration:underline; color:#fff;}
}

@media(max-width:767px)
{

	.right_area1
	{
		width:100%; height:auto; overflow:hidden; float:right; text-align:right; /*background-color:rgba(10, 11, 13, 0.4);*/ padding:12px; margin-right:12px; margin-left:12px; margin-top:10px;  margin-bottom:67px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}

.footer_aream{width:100%; font-style:italic; float:right; text-align:right;height:auto; padding:6px 12px; background:rgba(150, 149, 147, 0.8); border-radius:1px;}
.copy_right{width:100%; height:auto; overflow:hidden; float:left; margin-right:12px;}
.maptek{display:block;}
.maptek2s{display:none;}

.icon_fb{width:100%; height:auto; overflow:hidden; float:left; margin-right:12px;}
.designer1{width:100%; height:auto; overflow:hidden; float:left; color:#333;}
.designer1 a{text-decoration:none; color:#333;}
.designer1 a:hover{text-decoration:underline; color:#333;}

#element_to_pop_up{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up2{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up3{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up4{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up5{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up6{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up7{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up8{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}

#element_to_pop_up9{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}


#element_to_pop_up10{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}


#element_to_pop_up11{ 
    border: 2px solid #fff;
	font-family:Calibri;
    border-radius:3px;
	background-color:rgba(0, 0, 0, 0.5);
	/*border: 5px solid #0eaaa6;*/
    color:#999999;
    display:none; 
  	width:280px;
    min-height: 180px;
	top:40px;
	margin-top:30px;
	z-index:1000000000000;
	margin-left:-15px;
}



.main_bgarea
	{
		width:100%; 
		height:auto; overflow:hidden; background:#000;
		padding:0px 15px 42px 0px;
	}


.t_right_about
	{
		width:100%; min-height:550px; max-height:auto; overflow-x:hidden; overflow-y:scroll;  float:left; padding:15px; background:url(images/sg-bg.jpg)  top left repeat-x;
	}
	
.t_right_proj
	{
		width:100%; min-height:550px; max-height:auto; overflow:hidden; float:left; padding:15px; background:url(images/sg-bg.jpg)  top left repeat-x;
	}



.right_areaab1
	{
		width:100%; height:auto; overflow:hidden; float:left; text-align:right; background-color:rgba(10, 11, 13, 0.4); padding:12px; border-radius:3px;  z-index:100; margin-top:30px;
		/* border:1px #e2cec7 solid;*/
	}


.left_areaab2
	{
		width:100%; height:auto; overflow:hidden; float:left; text-align:left;    position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}


.left_area2
	{
		width:100%; height:370px; overflow:hidden; float:right; text-align:right; background-color:rgba(10, 11, 13, 0.4); padding:12px; margin-right:50px;  margin-bottom:50px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}


.t_right_cont
	{
		width:100%; height:auto; overflow:hidden; float:left; padding-left:15px;
	}
	


.right_area{display:none;}

.right_areaab1
	{
		width:100%; height:auto; overflow:hidden; float:right; text-align:right; background-color:rgba(10, 11, 13, 0.4); padding:12px; margin-bottom:10px; position:relative;  z-index:100;
		/* border:1px #e2cec7 solid;*/
	}



.left_area1
	{
		width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px; margin-top:5px;
	}
	
.right_area1
	{
		width:100%; height:auto; overflow:hidden; float:right; text-align:right;  background-color:rgba(10, 11, 13, 0.4); padding:12px; margin-bottom:5px; position:relative;  z-index:100;/*border:1px #e2cec7 solid;*/
	}

.main_bgarea
	{
		width:100%; 
		height:auto; overflow:hidden; background:#000;
		/*padding:70px;*/
	}

.footer_aream{width:100%; font-style:italic; float:right; text-align:right;height:auto; padding:10px 0; background:rgba(150, 149, 147, 0.8); border-radius:1px;}
.copy_right{width:100%; height:auto; overflow:hidden; float:left; margin-right:12px; text-align:left; border-bottom:1px #fff dotted; padding-bottom:8px; margin-bottom:8px; padding-left:12px;}
.maptek{display:block;}

.maptek2s{display:none;}
.icon_fb{width:100%; height:auto; overflow:hidden; float:left; margin-right:12px;  text-align:left; border-bottom:1px #fff dotted; padding-bottom:8px; margin-bottom:8px;  padding-left:12px;}
.designer1{width:100%; height:auto; overflow:hidden; float:left; color:#333;  text-align:left;  padding-left:12px;}
.designer1 a{text-decoration:none; color:#333;}
.designer1 a:hover{text-decoration:underline; color:#333;}
	

}


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

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

.m_navication
	{
		width:100%; height:auto; overflow:hidden; float:right;
	}
.m_navication ul
	{
		padding:0;
		margin:0;
		list-style:none; padding-right:6px;
	}
.m_navication ul li
	{
		line-height:30px;
	}
.m_navication ul li a
	{
		text-decoration:none;
		color:#fff;
		text-transform:uppercase;
		font-size:14px;
	}
.m_navication ul li a:hover
	{
		text-decoration:none;
		color:#da251c;
	}
.m_navication ul li a.hover
	{
		text-decoration:none;
		color:#da251c;
	}
	
	
.projactiv
	{
		text-decoration:none;
		color:#da251c;
	}

.m_navication ul li a span.span
	{
		width:20px; height:20px; border:1px #fff solid; background:#000; float:right; margin-left:8px; margin-top:6px;
	}
	
.m_navication ul li a:hover span.span
	{
		 border:1px #da251c solid; background:#da251c; float:right;
	}
	
.m_navication ul li a.hover span.span
	{
		 border:1px #da251c solid; background:#da251c; float:right;
	}
.m_navication ul li a span.span1
	{
		width:20px; height:20px; border:1px #fff solid; background:#000; float:right; margin-left:8px; margin-top:6px;border-radius:50%;
	}
	
.m_navication ul li a:hover span.span1
	{
		 border:1px #da251c solid; background:#da251c; float:right;
	}
	
.m_navication ul li a.hover span.span1
	{
		 border:1px #da251c solid; background:#da251c; float:right;
	}
	
#leads_con { 
	font-family:Calibri;
    border-radius:5px;
    color:#333;
    display:none; 
    /*padding:20px;*/
    width:500px;
    min-height:auto;
	top:40px;
	margin-top:50px;
}


.b-close{
    cursor:pointer;
    position:absolute;
    right:-22px;
    top:5px;
	
}

.interiors{width:100%; height:83px; overflow:hidden; float:left; display:none; padding:0 4px 0 3px;}
.interiors a{text-decoration:none; color:#333; width:100%; padding-left:10px; line-height:30px; background:#fff; border-radius:2px; display:block; margin-top:3px;}
.interiors a:hover{text-decoration:none; color:#fff; width:100%; padding-left:10px; line-height:30px; background:#da251c; border-radius:2px; display:block; margin-top:3px;}


@media(max-width:768px)
{

}

.abou_categrhed{font-size:17px; color:#e5b803; font-weight:bold; padding-top:12px;}

.abou_subcategrhed{font-size:15px; color:#e5b803;  padding-top:12px;}

.subheding{font-weight:bold; color:#e5b803; font-size:15px;}

@media(min-width:768px)
{
.botcont{width:100%; height:auto; overflow:hidden; font-size:12px; color:#e5b803; padding-bottom:6px; padding-left:8px;}

.quote{width:100%; height:auto; overflow:hidden; float:left; font-size:21px; color:#fff; padding-left:8px; padding-bottom:15px;}
}

@media(max-width:768px)
{
.botcont{width:100%; height:auto; overflow:hidden; font-size:12px; color:#e5b803; padding-bottom:6px;}
.quote{width:100%; height:auto; overflow:hidden; float:left; font-size:15px; color:#fff; padding-bottom:15px;}
}