@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body{width:100%;background:#FFF;font-family:Armata;color: #666666;}
.clear{clear: both;}
.more{color:red;font-size:14px;cursor:pointer;display: none;}
.more:hover {color:red;font-size:14px;}
#more_div{position:relative; right:-86.24%;z-index:5;width:auto;}
#more_div1{position:relative;top:200px;right:-248px;width:auto;}
#more_div2{position:relative;top:14px;right:-1015px;width:auto;}
.about_hidden_div{
	display: none;
}

 .tipDay{font-size:12px;}
 .tips-bg{
	position: fixed;
	display:none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	z-index: 9999;
}
.para p{color:#CCCCCC;}
.span2{color:#CCCCCC;}
.tips h1{color:#ff6600;padding:15px 0 0 30px;}
.tips  p{margin-bottom:-36px !important;}
.tips{
	width: 50%;
	height: 60%;
	position: relative;
	top: 20%;
	left: 28%;
	margin-top: -300px;
	margin-left: -300px;
	overflow:auto;
}
#tip-display-mob{
display: none;
}
.report-bg{
	position: fixed;
	display:none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	z-index: 9999;
}

#report{
	width: 50%;
	height: 60%;
	position: relative;
	top: 20%;
	left: 28%;
	margin-top: -300px;
	margin-left: -300px;
	overflow:auto;
}
/*.para p{font-size: 14px;}*/
		form{font-size: 18px;}
		.tabs{height: auto;}
		.tabs .tabs_underline{position: relative;top: 0px; left: 0px;padding: 0px 0px 15px 0px;}
		.side_bar{float: left;position: relative;top: 0px;right: 0;z-index:3;}
		.subtab{background-color: #66ccff;width: 310px;font-size: 16px;margin-bottom: 1px;padding:10px 0 0 10px;position:relative; }
		/*.display{position: relative;bottom:0px;width:74%;height:auto;float:right;padding-left:30px;}*/
		/*.display_2{position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}*/
		/*.display1{width:482px; position: relative;bottom:0px; float: left;padding-left:30px;}*/
		/*.display2{width:100%; position: relative;bottom:0px; float: left;}*/
		/*.display>h5{color:#ff6600;font-size: 18px;}
		.display_2>h5{color:#ff6600;font-size: 18px;}*/
		
		.display>p{font-size: 14px;}

		/*.panel {
			position: absolute;
			height: 100%;
			width: 100%;
			display: none;
		}*/

		/*hidden divions*/
		.vision{position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;display:none;}
		.our_team{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		.gallery{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		.messages{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		.display3, .display4, .display5, .display6, .display7, .display8, .display9, .display10{display:none;width:482px; position: relative;bottom:0px; float: left;padding-left:30px;}
		#img_display {}
		#img_display img{padding:28px; float:left;max-width:338px; height:auto;}
		.img_display1, .img_display2, .img_display3, .img_display4, .img_display5, .img_display6, .img_display7, .img_display8{display:none;}
		.display_2_1, .display_2_2, .display_2_3, .display_2_4, .display_2_5, .display_2_6 {display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		/*end hidden divisions*/

		.tips{background-color: #66ccff;margin: 0;padding: 0; }
		.tips img{float: right; height: 215px; width: 300px;margin-top:10px;}
		._tips{position:relative;width:51%;background-color: #66ccff;float: left; height: 224px; padding: 20px;}
		.tips p{padding: 25px;}
		.footer .span1{position:relative; top:87px; left:65px;}
		.link{float: right; padding-right: 60px;opacity: 0.88;}
		.gap{padding-bottom: 60px;}
		.online{height: 475px;}
		.form_appoint{height: 360px; width: 982px; background-color: #000;position: relative; top: -280px;z-index: 2; display: none;}
		.row > nav > span{font-size:10px;font-weight:none;}
	
		h1{color:#66ccff;}
		
			opacity: 1.86;
			padding: 15px;
			height:79%;
			width: 28%;
			background-color: #66CCFF;
			position: relative;
			top:89px;
			left: 6%;
			color:#000;
		}
		.banner{width: 100%;}
		.span2{position: relative;top: 18px; left: 0;font-size: 35px;}
				

		.menu{
		  font-family: Armata;
		  height: 225px;
		  width: 148px;
		  float: right;
		  position: absolute;
		  top:275px;
		  right: 0;
		  opacity:0.85;
		  text-align: center;
		  z-index: 10000;
		}
		.appointment{
		  -webkit-writing-mode: vertical-lr;
		  writing-mode:vertical-lr;
		  text-align: center;
		}
		.nav_link a{font-size:10px;}
		.nav_link a:hover{color:#ccc;}
		a {
		  text-decoration: none;
		  color:#FFF;
		  /*position:relative;
		  top:14px;
		  left:0;*/
		  font-family:Armata;
		  font-size:14px;
		}
		a:hover,a:focus {
		  text-decoration: none;
		  color: #FFF;
		}
		.link_login{color:#69F; text-decoration:none;}
		.link_login:hover{color:#666666; text-decoration:none;}
		.banner .appointment{height: 257px;width: 54px; text-align:center; background-image: url(../images/appoint.png);opacity: 0.85; position: fixed;bottom: 280px;left:0;}
		.header {
		  margin-right: auto;
		  margin-left: auto;
		  background:#333;
		  height: 118px;
		}

		@font-face {
			font-family: 'BebasRegular';
			src: url('font/BEBAS___-webfont.eot');
			src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
				 url('font/BEBAS___-webfont.woff') format('woff'),
				 url('font/BEBAS___-webfont.ttf') format('truetype'),
				 url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
			font-weight: normal;
			font-style: normal;

		}

		.navigation{
			position:fixed;
		}
		.navigation li{
			display:block;
			text-align:left;

		}
		.navigation li:hover,.active{
			display: block;
			cursor:pointer;
			
		}
}



		p{font-size: 14px;}
		form{font-size: 18px;}
		.tabs{height: auto;}
		.tabs .tabs_underline{position: relative;top: 0px; left: 0px;padding: 0px 0px 15px 0px;}
		.side_bar{float: left;position: relative;top: 0px;right: 0;z-index:3;}
		.side_bar a{
			color: #fff;
			}
		.side_bar a:hover{
			color: #ea9629;
			}
		.subtab{background-color: #66ccff;width: 270px;font-size: 16px;margin-bottom: 1px;padding:10px 0 0 10px;position:relative; }
		.display{position: relative;bottom:0px;width:75%;/*height:206px;*/float:right;padding-left:30px; overflow:hidden;}
		.display_2{position: relative;bottom:0px;width:76%;/*height:282px;*/float:right;padding-left:30px;overflow:hidden;}
		.display1{width:50%; position: relative;bottom:0px; float: left;padding-left:30px;overflow:hidden; /*height:206px;*/}
		
		.display2{width:100%; position: relative;bottom:0px; float: left;}
		.display>h5{color:#ff6600;font-size: 18px;}
		.display_2>h5{color:#ff6600;font-size: 18px;}
		
		.display>p{font-size: 14px;}
		/*.panel {
			position: absolute;
			height: 100%;
			width: 100%;
			display: none;
		}*/

		/*hidden divions*/
		.vision{position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;display:none;}
		.our_team{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		.gallery{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		.messages{display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		
		
		#img_display {}
		#img_display img{padding:28px; float:left;max-width:338px; height:auto;}
		.img_display1, .img_display2, .img_display3, .img_display4, .img_display5, .img_display6, .img_display7, .img_display8{display:none;}
		.display_2_1, .display_2_2, .display_2_3, .display_2_4, .display_2_5, .display_2_6 {display:none;position: relative;bottom:0px;width:76%;height:205px;float:right;padding-left:30px;}
		/*end hidden divisions*/

		.tips{background-color: #66ccff;margin: 0;padding: 0; }
		.tips img{float: right; height: 215px; width: 300px;margin-top:10px;}
		._tips{position:relative;width:51%;background-color: #66ccff;float: left; height: 224px; padding: 20px;}
		.tips p{padding: 25px;}
		.footer .span1{position:relative; top:87px; left:65px;}
		.link{float: right; padding-right: 60px;opacity: 0.88;}
		.gap{padding-bottom: 60px;}
		.online{height: 475px;}
		.form_appoint{height: 360px; width: 982px; background-color: #000;position: relative; top: -280px;z-index: 2; display: none;}
		.row > nav > span{font-size:10px;font-weight:none;}
		.report>div>ul>li>a{color:#69f; font-size:14px;text-decoration:underline;margin:10px;}
		h1{color:#66ccff;}
		/*.message{
			opacity: 1.86;
			padding: 15px;
			height:74%;
			width: 24%;
			background-color: #66CCFF;
			position: relative;
			top:131px;
			left: 6%;
			color:#000;
		}*/
		.banner{width: 100%;}
		.span2{position: relative;top: 18px; left: 0;font-size: 35px;}
				

		.menu{
		  font-family: Armata;
		  height: 225px;
		  width: 148px;
		  float: right;
		  position: absolute;
		  top:275px;
		  right: 0;
		  opacity:0.85;
		  text-align: center;
		  z-index: 10000;
		}
		.appointment{
		  -webkit-writing-mode: vertical-lr;
		  writing-mode:vertical-lr;
		  text-align: center;
		}
		.nav_link{font-size:13px;}
		.nav_link:hover{color:#ccc;}
		a {
		  text-decoration: none;
		  color:#FFF;
		  /*position:relative;
		  top:14px;
		  left:0;*/
		  font-family:Armata;
		  font-size:22px;
		}
		a:hover,a:focus {
		  text-decoration: none;
		  color: #FFF;
		}
		.link_login{color:#69F; text-decoration:none;}
		.link_login:hover{color:#666666; text-decoration:none;}
		
		.banner .appointment{height: 257px;width: 54px; text-align:center; background-image: url(../images/appoint.png);opacity: 0.85; position: fixed;bottom: 280px;left:0;}
		.header {
		  margin-right: auto;
		  margin-left: auto;
		  background:#333;
		  height: 118px;
		}

		@font-face {
			font-family: 'BebasRegular';
			src: url('font/BEBAS___-webfont.eot');
			src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
				 url('font/BEBAS___-webfont.woff') format('woff'),
				 url('font/BEBAS___-webfont.ttf') format('truetype'),
				 url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
			font-weight: normal;
			font-style: normal;

		}

		.navigation{
			position:fixed;
		}
		.navigation li{
			display:block;
			text-align:left;

		}
		.navigation li:hover,.active{
			display: block;
			cursor:pointer;
			
		}
		#dis_about p{
			/*font-size: 22px;*/
		}
		#dis_about p a{
			color: #ea9629;
			font-size: 15px;
		}
		#dis_about p a:hover{
			color: #A57434;
		}

/*.envatologo{
position:fixed;
top:50%;
left:50%;
width:446px;
margin-top:-41px;
margin-left:-223px;
z-index:1;
}*/
/*.slide{
	width:100%;
	height:100%;
	position: relative;
}*/