@font-face { 
	font-family: "Sansation"; 
	src: url("./fonts/Sansation-Regular.ttf"); 
		font-weight: normal; 
		font-style: normal; 
}
@font-face { 
	font-family: "Sansation"; 
	src: url("./fonts/Sansation-Regular.ttf"); 
		font-weight: normal; 
		font-style: normal; 
}
* {margin:0; padding:0; boz-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; font-family:Sansation,Arial, Helvetica, sans-serif;}


/**:hover {-webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.1s ease-out; 
	-o-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out; -webkit-transition: color 0.2s ease-out; 
	-moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out;}*/

	body {margin:0; padding:0; color:#3c3c3b; font-family:Sansation,Arial, Helvetica, sans-serif; font-size:13px; background:url(../../images/frontend/Body_bj.jpg) top center scroll; min-height:100%; position:relative; }

	p {margin-bottom:10px; line-height:18px;}

	a {text-decoration:none; color:#e57f12; text-decoration: none;}

	a:hover {text-decoration:underline; }


	img {border:none; max-width:100%;}

	table {border-collapse: collapse; border-spacing: 0; } 

	.clearfix {clear:both; zoom: 1;}

	.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

	.hide {display:none;}

	.show {display:block;}

	.hidden {visibility: hidden;}

	.visibile {visibility:visible;}

	.text_left   {text-align:left;}
	.text_center {text-align:center;}
	.text_right  {text-align:right;}
	.font_bold   {font-weight:bold;}
	.font-14	 {font-size:14px;}
	.font-15	 {font-size:15px;}
	.font-16	 {font-size:16px;}
	.font-18	 {font-size:18px;}
	.font-20	 {font-size:20px;}
	.font-22	 {font-size:22px;}
	.font-24	 {font-size:24px;}


	.wrapper { max-width:1080px; margin:0 auto; padding:1.5em 1em; }

	.column_0-1 {width:10%; float:left;}
	.column_1-5 {width:15%; float:left;}
	.column_0-2 {width:20%; float:left;}
	.column_2-5 {width:25%; float:left;}
	.column_0-3 {width:30%; float:left;}
	.column_3-5 {width:35%; float:left;}
	.column_0-4 {width:40%; float:left;}
	.column_4-5 {width:45%; float:left;}
	.column_0-5 {width:50%; float:left;}
	.column_5-5 {width:55%; float:left;}
	.column_0-6 {width:60%; float:left;}
	.column_6-5 {width:65%; float:left;}
	.column_0-7 {width:70%; float:left;}
	.column_7-5 {width:75%; float:left;}
	.column_0-8 {width:80%; float:left;}
	.column_8-5 {width:85%; float:left;}
	.column_0-9 {width:90%; float:left;}
	.column_9-5 {width:95%; float:left;}
	.column_10  {width:100%; float:left;}

	/*=======================Table_td===============================*/

	.tdcol_0-05 {width:5%; }
	.tdcol_0-1 {width:10%; }
	.tdcol_1-5 {width:15%; }
	.tdcol_0-2 {width:20%; }
	.tdcol_2-5 {width:25%; }
	.tdcol_0-3 {width:30%; }
	.tdcol_3-5 {width:35%; }
	.tdcol_0-4 {width:40%; }
	.tdcol_4-5 {width:45%; }
	.tdcol_0-5 {width:50%; }
	.tdcol_5-5 {width:55%; }
	.tdcol_0-6 {width:60%; }
	.tdcol_6-5 {width:65%; }
	.tdcol_0-7 {width:70%; }
	.tdcol_7-5 {width:75%; }
	.tdcol_0-8 {width:80%; }
	.tdcol_8-5 {width:85%; }
	.tdcol_0-9 {width:90%; }
	.tdcol_9-5 {width:95%; }
	.tdcol_10  {width:100%; }

	/*=======================Table_td===============================*/	


.grids{ max-width:1120px; clear:both; margin:0 0 0 -2.679%; list-style:none; /* So we can make grids out of lists. */ }

[class^="grid-"]{ float:left; margin:0 2.679% 0 0; }
.grids [class^="grid-"]{margin:0 0 0 2.679%; }

/*
Nested grids won't work with fluid layouts :(
	*/

	.grid-1{ width:3.571% }
	.grid-2{ width:9.821% }
	.grid-3{ width:16.071% }
	.grid-4{ width:22.321% }
	.grid-5{ width:28.571% }
	.grid-6{ width:34.821% }
	.grid-7{ width:41.071% }
	.grid-8{ width:47.321% }
	.grid-9{ width:53.571% }
	.grid-10{ width:59.821% }
	.grid-11{ width:66.071% }
	.grid-12{ width:72.321% }
	.grid-13{ width:78.571% }
	.grid-14{ width:84.821% }
	.grid-15{ width:91.071% }
	.grid-16{ width:97.321%; margin:0; }



	.float_left {float:left;}
	.float_right {float:right;}
	.padd_top{padding-top:20px; }



	.gray_brdr           {border:1px #d0d0d0 solid;}
	.gray_brdr_left   	 {border-left:1px #d0d0d0 solid;}
	.gray_brdr_top       {border-top:1px #d0d0d0 solid;}
	.gray_brdr_right  	 {border-right:1px #d0d0d0 solid;}
	.gray_brdr_bottom    {border-bottom:1px #d0d0d0 solid;}
	.gray_brdr_sep		{border-bottom: 1px dashed #DDDDDD;margin: 10px 0;}

	/*popup div class*/
	.button{ background-color: #fea843;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;
	}
	.button.b-close, .button.bClose {
		border-radius: 7px 7px 7px 7px;
		box-shadow: none;
		font: bold 131% sans-serif;
		padding: 0 6px 2px;
		position: absolute;
		right: -7px;
		top: -7px;
	}
	.button:hover {
		background-color: #1e1e1e;
	}
	.popup_content_area h2 span {
		color: #fcc900;
		margin-right: 10px;
	}

	/* CONTENT MAIN FORM */
	#main form{
		margin: 15px;
	}
	#main form .element{
		clear: both;
		border-bottom: 1px dashed #ededed;
		display: block;
		margin: 0;
		padding: 10px 10px; 
		width:97%; float: left;
	}
	#main form label{
		color: #575757;
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin: 5px 0 5px 0;
		padding: 0 0 0 3px;
	}

	#main form .form_control{
		color: #575757;
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0 0 0 3px;
		width:auto;
		float: left;
	}
	#main form .form_desc, .form_code {
		color: #575757; 
		display: block; 
		font-size: 12px; 
		font-weight: bold; 
		margin: 0 0 5px 0px; 
		padding: 0 0 0 3px;
		width:96%;
		float: left;
	}

	#main form .form_desc input[type="text"] {width:78%; float:right;}

	
	#main form label span{
		color: #b8b8b8;
		font-size: 11px;
		font-weight: normal;
	}
	#main form input, #main form select, #main form textarea{
		background: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 3px;
		font-size: 11px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: 5px 3px;
	}
	#main form input:focus, #main form select:focus, #main form textarea:focus{	border: 1px solid #b3b3b3;}

	#main form select{
		border: 1px solid #DDDDDD;
		border-radius: 3px;

	}
	#main form input.pad_bot5{
		margin-bottom:5px;
	}
	#main form .text{
		width: 100%;
	}
	#main form .textarea{
		width: 100%;
	}
	
	.form-group label.red:after{
		content:"*";
		color:red;
		font-size:15px; 
		margin-left:5px; 
	}

	#main form .radio_span{
		color: #575757;
		font-size: 12px;
		font-weight: bold;
	}
	button, .button {
		background: #F3F3F3;
		border: 1px solid #DCDCDC;
		border-radius: 2px;
		color: #444444;
		cursor: pointer;
		display: inline-block;
		font: 700 11px Tahoma, Arial, sans-serif;
		margin-right: 10px;
		padding: 7px 12px 7px 12px;
		position: relative;
		text-decoration: none;
		text-shadow: 0px 1px 0px #FFFFFF;
	}
        .n_ok{background: #F6FFEC;border: 1px solid #89B755; border-radius: 3px; margin: 20px 15px;padding: 1px;}
        .n_ok p{background: #DFF6C5 url(../../images/i_ok.png) no-repeat 4px center; color: #496528; margin: 0; padding: 7px 25px;}
        .n_ok a{color: #006312; font-weight: bold;}
	.add {
		background: #F3F3F3 url(../../images/i_add.png) no-repeat 4px center;
		padding-left: 25px;
		margin-top:10px; 
	}

	.btnsubmit{
		padding-left:10px;
		margin-top:10px; 
	}
	.link{cursor:pointer;}
	#notification_count {
		padding: 3px 7px 3px 7px;
		background: #cc0000;
		color: #ffffff;
		font-weight: bold;
		margin-left:38px;
		border-radius: 9px;
		-moz-border-radius: 9px; 
		-webkit-border-radius: 9px;
		position: absolute;
		margin-top: -11px;
		font-size: 11px;
	}
	label.error{
		float:left; 
		color: #E13300 !important;
		width: 100%;
	}
	input.error{
		border: 1px dotted #FF5252 !important;
	}
	/*
	*Coming soon Page css
	*
	
	.comingsoon{
		margin:0; padding:0; color:#3c3c3b; font-family:Sansation,Arial, Helvetica, sans-serif; font-size:13px; background:url(../../images/frontend//comingsoon.jpg) top center scroll;
	}
	.mainContainer{
		margin: 0 auto;
    	width: 1130px;
	}
	.headerlogo{
		position: absolute;
    	left: 39%;
	}
	h1.title{
		font-family: "Montserrat Regular",Sansation;
	    font-weight: bold;
	    color: #fd8900;
	    font-size: 3em;
	    text-transform: uppercase;
	    text-shadow: 2px 2px 2px #000;
	    padding-left: 24%;
	}
	.container{
		top: 25%;
    	position: absolute;
    	padding-bottom:80px; 
	}
	.content{
		color: #fff;
		background-color:rgba(0, 0, 0, 0.6); 
	    font-family: "Montserrat",Sansation;
	    font-size: 17px;
	    width:94%; 
	    margin-left: 15px;
	}
	.row p{
		padding-left: 20px;
	    width: 94%;
	    line-height: inherit;
	    margin: 20px;
	}
	.enquiryfrm{
		margin: 40px 20px;
	    padding-left: 10%;
	    width: 93%;
	}
	.enquiryfrm label{
		margin:10px;
		color: #fff;
	}
	.enquiryfrm .error{
		color: #f00;
    	font-weight: normal;
	}
	.messageArea{
		width: 100%;
		float:left;
		clear: both; 
	}
	.messageTextarea{
		width:60%; 
	}
	.enquiryfrm .inputbox{
		background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 0;
	    color: #fff;
	    display: inline-block;
	    font-weight:bold;; 
	}

	.frmcomingsoon{
		margin-left: 4%;
	}
	.footersoon{
	    bottom: 0;
	    color: #fff;
	    height: 30px;
	    left: 32%;
	    font-weight:bold; 
	    padding-top: 5px;
	    position: fixed;
	    text-align: center;
	    width: 300px;
	    background-color:rgba(0, 0, 0, 0.5);
	}
	.form-group {
	    border: 1px solid #fff;
	    float: left;
	    margin: 10px;
	    width: 300px;
	}
	.form-groups {
	    border: 1px solid #fff;
	    float: left;
	    margin: 10px;
	    width: 620px;
	}
	.submit {
	    border: 1px solid #fd8900;
	    float: left;
	    margin: 10px;
	    width: 620px;
	    text-align: center;
	}
	.btnsumbit{
		background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
		color:#fd8900;
		font-weight: bold;
		text-transform: uppercase;
		border:none;
		margin: 5px;
	}
*/
.bpopup{
	display: none;
}