* {
	outline: none;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	height: 100%;
	width: 100%;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	font-size:13px;
	line-height:22px;
}
img {
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'RobotoCondensedRegular';
	font-weight:normal;
}
h1 {
	font-size: 50px;
	text-transform: uppercase;
	font-weight:normal;
	text-align:center;
}
.center-text {
	text-align: center;
}
a {
	color: #717171;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a:hover {
	text-decoration: none;
	color: #3e3e3e;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {	border-collapse: collapse; border-spacing: 0;}
div, span, p { -webkit-font-smoothing: antialiased;}
img {max-width: 100%; outline: none;}
.auto_div_l {
	width: auto;
	float: left;
	height: auto;
}
.auto_div_r {
	width: auto;
	float: right;
	height: auto;
}

.scrollup {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	text-indent: -9999px;
	background: url(../images/arrow.png) center no-repeat #df2d79;
	z-index: 9999999999999999999999999999999999999999999999999999999999999;
	outline: none;
	border: none;
	color:#fff;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.scrollup:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	background: url(../images/arrow.png) center no-repeat #dd3128;
	border:3px solid #b7031c;
}
/*******************************************************************************************/

#main_container {
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}
.row_container {
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}

.row_container_half {
	width: 49%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}
.center_container {
	width: 95%;
	max-width: 1080px;
	position: relative;
	display: block;
	margin: 0 auto;
	clear: both;
	height: auto;}
	
.center_div {width: 70% ;position: relative; 	margin: 0 auto;}
/*-----------------------------------------------------------------	*/





/*-----------------------------------------------------------------	*/

.header_container{
	width:100%;
	height:auto;
	float:left;
	margin-top:15px;	}
	
	
.logo_container{
	width:150px;
	height:100px;
	float:left;}
	
.nav_container{
	width:65%;
	height:auto;
	float:right;
	margin-top:60px;}
	

/*--------------------------------------------------------------------*/



	
/*--- footer_container --------------------------------------------------------------	*/		
.footer_container{
	width:100%;
	height:40px;
	padding:10px 0px;
	background:#000;
	position:fixed;
	bottom:0;
	font-size:13px; font-family:Verdana, arial, sans-serif;
	color:#5F5F5F;
	border-top:3px solid #282828;
	font-size:12px;
	z-index:15 !important;}
	
.f_L{ text-align:left;}
.f_R{ text-align:right;}



/*.services_container{
	width:100%;
	height:auto;
	float:left;
	background:rgba(0,0,0,.8);
	padding:5%;
	border:1px solid #000;	
	margin-bottom:30px !important;
	border-radius:10px !important;
	overflow:hidden;}*/
	
.services_container{
	width:160px;
	height:auto;
	float:left !important;
	background:rgba(0,0,0,.8);
	padding:3px;
	margin:5px 10px;
	border:1px solid #000;	
	margin-bottom:30px !important;
	overflow:hidden;}
	
.bg2_box{
	/*width:100%;
	height:auto;
	float:left;
	background:rgba(51,51,51,.6);
	padding:5%;
	border:1px solid #000;
	border-radius:10px !important;
	overflow:hidden;*/}
	
.service_icon_box{
	width:150px;
	height:100px;
	position:relative;
	margin:0 auto;
	text-align:center;
	border:1px solid #F68121;
	background:#fff;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	cursor:pointer;
	overflow:hidden;}
	
.service_icon_box:hover{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	border:1px solid  #F68121;}
	


	
.services_content_box{
	width:100%;
	height:auto;
	float:left;
	text-align:center !important;
	}
	
.services_content_box h4{
	 text-align:center;
	 border-bottom:1px solid #333;	
	 padding:0px; 
	 font-family: 'RobotoCondensedRegular';
	 font-size:14px;
	 position:relative;
	 margin:0 auto;
	 width:95% !important;
	 margin-bottom:5px;
	 color:#fff;
	 font-weight:normal !important;}





.bg2_box a{
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.bg2_box a:hover{ color:#F68121 !important;}
/*--------------------------------------------------------------------*/







/*----- form - sign up - register --------------------------------------------------------*/

.sign_up_container{
	background:#fcfcfc; 
	border-radius:10px; 
	width:90%; padding:0 10%; 
	height:auto; float:left; 
	margin:50px 0px;
	border:1px solid #f0f2f3;}

.form_contaner_div{ width:90%; padding:0 10%; height:auto; float:left; margin:30px 0px;}

.form_contaner_row{ width:100%;  height:auto; float:left; margin:5px 0px; display:block; position:relative;}
.form_contaner_row_hd{ width:100%;  max-height:80px; float:left; margin:0; display:block; }

.form_contaner_div .radio{	float:left; outline:none;}

.form_contaner_row p, form_contaner_row_auto p{
	display: block;
	padding:0;
	margin: 0px;
	font-size: 12px;
	text-align:left;
	margin-top:5px;
	color:#545454;
	font-family:Verdana, arial, sans-serif;
	width:auto;
	float:left;
	margin-right:15px;
	padding-top:10px;
	padding-bottom:1px;
	border-bottom:1px solid #ddd;}
	
.form_contaner_row label {
	font-size: 12px;
	text-align:left;
	color:#545454;
	font-family:Verdana, arial, sans-serif;
	width:auto;
	margin-right:15px;}
	

.form_contaner_row h2{
	font-family: 'RobotoCondensedLight'; 
	text-align:left; font-size:25px !important; 
	line-height:25px; 
	font-weight: lighter; 
	text-transform:none;
	padding-bottom:5px;
	border-bottom:1px solid #;
	width:auto !important;
	color:#000 !important;}
	





.field_big {
	width:80%;
	height:100px; 
	float:left; 
	padding:5px 10px;
	border:none; 
	margin-top:10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'RobotoCondensedLight';
	color:#AEAEAE;
	border-radius:4px;
		 background:#282828;
		 border:1px solid #000;  }

.field {
	width:80%;
	height:auto; 
	float:left; 
	padding:5px 10px;border:none; 
	margin-top:10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'RobotoCondensedLight';
	color:#AEAEAE;
	border-radius:4px;
		 background:#282828;
		 border:1px solid #000; }
	
.field:hover, .field_big:hover { 
background:#595959; 
}

.common_btn{
	padding:5px 20px; 
	border-radius:4px; 
	margin:15px 0px; 
	background:#f68121;
	width:auto; 
	border:none; 
	cursor:pointer; 
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'RobotoCondensedLight';
	/*-webkit-transform: skew(-15deg);
	   -moz-transform: skew(-15deg);
	     -o-transform: skew(-15deg);*/}

.common_btn:hover{ background:#000; border:1px solid #f68121;}



/*-------------------------------------------------------------*/
.fixed_social_icons{
	width:100px;
	height:auto;
	position:fixed;
	top:40%;
	left:0;}
	
	
.fixed_social_icons ul{ padding:0; margin:0;}
	
	
.fixed_social_icons ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 100px;
	height: 50px;
	background:#161e26;
	margin-left:-50px;
	margin-bottom:5px;
	-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			cursor:pointer;
			border-right:2px solid #f68121;
}

.fixed_social_icons ul li:hover {
	background:#f68121;
	margin-left:-50px;
	margin-bottom:5px;
	width:120px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
}

fixed_social_icons a { color:#fff; text-decoration:none;}

.fixed_social_icons .fa{ 
font-size:25px; color:#fff !important; 
z-index:99999 !important; 
padding:10px; 
padding-left:60px;
-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.fixed_social_icons .fa:hover{padding-left:80px;}

#floatLayer {width:100px; height:auto; position:fixed;  top:35%; right:-48px; outline:none; z-index:9999999999999999;
-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}
			
#floatLayer:hover{ right:0px !important;}


/*<!--===========   toggle  ==========================================================-->*/
.togle_container{width:100%;  height:auto; float:left; padding-bottom:3%;}
	
.toggle_btn_area{width:auto; float:left; padding-top:10px; height:40px;}

#toggle_btn{
	width:50px;
	height:50px;
	float:right !important; 
	cursor:pointer;
	color:#000;
	content: "\f055";
	z-index:9999999999999;
	font-family: 'FontAwesome';
	position:fixed;
	bottom:50px;
	right:200px;}
	
#toggle_btn button{ background:none; border:none; float:right !important;}

.hide_content{
	position:absolute;
    bottom:0!important;
	right:0;
    display:none;
    margin:0;
	width:100%;
	height:auto;
	border-radius:10px 10px 0px 0px;
	
	}
	
.hide_content_box{
	text-align:justify;	
	width:75%;
	margin:0 auto;
	position:relative;
	}
	

	.hide_content h1{text-align:left; color:#fff; font-size:20px; padding:5px 10px; font-family: 'RobotoCondensedRegular';}
	
	.hide_content a, .hide_content .fa{ color:#fff !important;}
	
	.hide_content h2{text-align:left; color:#fff; font-size:20px; padding:10px 10px; font-family: 'RobotoCondensedRegular';}	
	
	.hide_content span{text-align:left; color:#f68121; font-size:20px; padding:20px 10px; font-family:Bell MT,Verdana, arial, sans-serif;}
	.hide_content p{text-align:justify; color:#a9a9a9; font-size:13px; font-family:Verdana, arial, sans-serif; padding:10px;}
	
/*<!--===========   toggle  ==========================================================-->*/


/*<!--===========   overlay  ==========================================================-->*/


	.caro_box{
	width:140px !important;
	height:100px !important;
	margin:10px;
	overflow:hidden;
	float:left;}
	
	.caro_box img{
	width:140px !important;
	height:100px !important;
	 border:1px solid #d9d9d9 !important;}
	
	
	
.caption {
	
    position: relative;
    overflow: hidden;
	
}
.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;}
	
	.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    transform: translateY(100%);
    transition: transform .35s ease-out;
}
.caption:hover .caption__overlay {
    transform: translateY(0);
}

.caption__overlay__title {
    margin: 0; background:rgba(0,0,0,.8);
    padding:4% 2%; display:none;
    transform: translateY( calc(-100% - 10px) ); /* +10px overlay padding */
    transition: transform .35s ease-out;
}
.caption:hover .caption__overlay__title {
    transform: translateY(0); display:block;
}

.caption__overlay__title h2 { font-size:16px !important;}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}
.caption:hover::before {
    background: rgba(223, 112, 20, .7);
}


.caption {
    ...
    transform: translateZ(0);
}

/*-----------------------------------------------------------------------------------------------------	*/

.inner_container{
	width:80%;
	padding:20px;
	height:auto;
	float:right;
	background:rgba(0,0,0,.8);
		 border:2px solid #000;
		 margin-top:50px;
		 }

.inner_container h2{
	text-align:left; 
	color:#fff; 
	font-size:20px; 
	font-family: 'RobotoCondensedRegular';
	margin-bottom:20px !important;
	background:url(../images/line.png) left bottom repeat-x;
	padding:5px 0px;
	font-weight:normal;}
	
.inner_container span{ background:#000 !important; padding:5px 20px; border-bottom:2px solid #f68121;}

.inner_container p{
	text-align:justify; 
	color:#a9a9a9; 
	font-size:13px; 
	font-family:Verdana, arial, sans-serif;
	line-height:20px; }
	

#address_table{color:#a9a9a9; 
	font-size:13px; 
	font-family:Verdana, arial, sans-serif;
	line-height:20px;  padding-top:5px;}

#address_table td{padding-bottom:10px !important;}



#about_image{width:25%; float:left; height:auto; position:fixed;}

#about_image img{width:200px !important; float:left; height:240px !important; padding:3px; border:1px solid #fff}

#about_contents_box{width:66%; margin-left:30%; float:left; height:auto; font-size:13px; color:#a9a9a9; line-height:20px; font-family:Verdana, Geneva, sans-serif; text-align:justify;}



/*-----------------------------------------------------------------------------------------------------	*/
@media (max-width: 750px) {
	
	
	
#about_image{width:100%; float:left; height:auto; position: relative;}

#about_image img{width:200px !important; float:none; position:relative; margin:0 auto; height:240px !important; padding:3px; border:1px solid #fff}

#about_contents_box{width:100%; margin-left:0; float:left; height:auto; font-size:13px; color:#a9a9a9; line-height:20px; font-family:Verdana, Geneva, sans-serif; text-align:justify;}
	

.auto_div_l {width: 100%; float: left; height: auto;}
.auto_div_r {width: 100%; float: right;	height: auto;}

#toggle_btn{
	width:50px;
	height:50px;
	float:right !important; 
	cursor:pointer;
	color:#000;
	content: "\f055";
	z-index:9999999999999;
	font-family: 'FontAwesome';
	position: relative;
	margin-top:450px;}
	
.hide_content{
	position:absolute;
    bottom:0 !important;  
	text-align:justify;
    display:none;
    margin:0;
	width:100%;
	height:300px;	
	border-radius:10px 10px 0px 0px;
	}
	
.hide_content_box{
	text-align:justify;	
	width:100%;
	margin:0 auto;
	margin-top:15px;
	position:relative;
	}
	
.row_container_half {
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}

.logo_container{
	width:150px;
	height:100px;
	float:none;
	position:relative;
	margin:0 auto;}
	
.nav_container{
	width:65%;
	height:auto;
	float:none;
	position:relative;
	margin:0 auto;
	margin-top:20px;}
	
.inner_container{
	width:90% !important;
	padding:20px;
	height:auto;
	float:none;
	position:relative;
	margin:0 auto;
	background:rgba(0,0,0,.8);
		 border:2px solid #000;
		 margin-top:70px;
		 }

}


@media (max-width: 400px) {
	
	.inner_container{
	width:85%;
	padding:10px;
	height:auto;
	float:none;
	background:rgba(0,0,0,.8);
		 border:2px solid #000;		 
		 position:relative;
		 margin:0 auto;
		 margin-top:50px;
		 border-radius:10px 10px 0px 0px;
		 }

#floatLayer{display:none;}

.fixed_social_icons{display:none;}

#toggle_btn{
	width:50px;
	height:50px;
	float:right !important; 
	cursor:pointer;
	color:#000;
	content: "\f055";
	z-index:9999999999999;
	font-family: 'FontAwesome';
	position: relative;
	margin-top:150px;}
	
.hide_content{
	position:absolute;
    bottom:0 !important;  
	text-align:justify;
    display:none;
    margin:0 auto;
	width:100%;
	height:250px;	
	border-radius:10px 10px 0px 0px;
	}
	
.hide_content_box{
	width:90%;
	margin:0 auto;
	position:relative;}
	
.footer_container{
	width:100%;
	height:60px;
	padding:10px 0px;
	background:#000;
	position:fixed;
	bottom:0;
	font-size:12px; font-family:Verdana, arial, sans-serif;
	color:#f6f6f6 !important;
	border-top:3px solid #282828;	
	z-index:9999999999999999999999999999999999999999999 !important;}
	
.f_L, .f_R{ text-align: center;}

}