@charset "utf-8";
/* CSS Document */
html, body, div, span, center, ul, ol, li, img, table, tr, td, th, dt, iframe, i, p, b, l, h1, h2, h3, h4, h5, h6, header, footer { margin:0; padding:0; border:0; }
body {  width:100%; height:100%; margin:0px; padding:0px; border:0px; font:normal 14px Calibri; background:#f3f3f3 url(../images/bg.png) repeat; }
img { border:0px; }
a, a:hover { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ul, li, { list-style:none; margin:0px; padding:0px; }
.clear { clear:both; line-height:0px; }
.fl { float:left; }
.fr { float:right; }
.tc { text-align:center; }
.fs14 { font-size:14px; }

h1 { font:bold 16px Calibri; color:#000; line-height:20px; padding-bottom:8px; text-transform:uppercase; }
h2 { font:normal 16px Calibri; color:#333333; line-height:20px; padding:5px 0px; }
h3 { font:bold 15px Calibri; color:#7e7e7e; line-height:22px; padding:5px 0px; }
h4 { font:bold 20px Calibri; color:#fff; line-height:22px; padding:5px 0px; }

p { text-align:justify; color:#7e7e7e; line-height:22px; padding:4px 0px; }

.cwhite { background:#fff; }

.ptb30 { padding:30px 0px; }
.ptb10 { padding:10px 0px; }
.mb5 { margin-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pl4 { padding-left:4px; }

.w100 { width:100%; }
.w60 { width:60%; }


/*road block*/
.road_block_part { 
	width:100%; 
	height:100%;
	background: rgba(0, 0, 0, 0.8);
	position:fixed; 
	/*_position:absolute; */
	top:0%; 
	z-index:9999999999; 
}
.road_block {  
	margin: 65px;
    padding: 15px 30px;
    position: relative;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow-y: scroll !important;
    max-height: 545px !important;
}
.road_block h3 {
	margin:10px 0px;
	padding:0px;
	font-size:23px;
	text-align:center;
	font-weight:bold;	
}
.road_block p {
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:13px;
	text-align:justify;
	line-height:20px;
}
.road_block b {
	font-size:11px;
}
.IAgree {
	width: 8%;
    position: relative;
    text-align: center;
    margin: 0px 45% 10px 45%;
}
.IAgree a {
	background:#000;
	color:#fff;
	font-size:18px;
	line-height:40px;
	font-weight:bold;
	text-decoration:none;
	display:block;	
	padding: 0px 15px;
}
.IAgree a:hover {
	text-decoration:none;
}
/*road block*/

.porel { position:relative; }
.sha { -moz-box-shadow: 0px 0px 6px #c6c6c6; -webkit-box-shadow: 0px 0px 6px #c6c6c6; box-shadow: 0px 0px 6px #c6c6c6; -o-shadow: 0px 0px 6px #c6c6c6; -ms-shadow: 0px 0px 6px #c6c6c6; }

.wrapper { width:100%; margin:0px; padding:0px; height:100%; }
.layout { width:980px; margin:auto; }

.header { width:100%; }
.logo_part { float:left; padding-top:3px; }
.menu_righ { float:right; padding-top:15px; }
.menu_top { width:100%; height:60px; text-align:right; color:#c4c4c4; }
.menu_top a { color:#797979; font-size:13px; text-decoration:none; padding:0px 5px; }
.menu_top a:hover { color:#00A2FF; font-size:13px; text-decoration:underline; padding:0px 5px; }

.nav_men { width:100%; background:url(../images/menu_bg.png) repeat-x bottom; height:50px; }
.menu { list-style:none; margin:0px 0px 0px; padding:0px; }
.menu li { list-style:none; margin:0px; padding:0px 0px; float:left; font-size:18px; color:#000; font-family:Calibri; text-transform:uppercase; position: relative; }
.menu li a { color:#fff; text-decoration:none; padding:8px 31px 12px; margin-top:6px; background:none; border-right:1px solid #000; display:block; }
.menu li a:hover { color:#fff; padding:14px 31px 12px; margin-top:0px; background:#00A2FF; border-right:1px solid #00A2FF; }
.menu li a.act{ color:#fff; padding:14px 31px 12px 32px; margin-top:0px; background:#00A2FF; border-right:1px solid #00A2FF; }
.menu li:hover > a { color:#fff;}
.menu .submenu:before{ content:""; border-width:5px; border-style:solid; border-color:transparent transparent #535353 transparent; width:0; height:0; display:inline-block; position:absolute; top:-10px; left:12%;}
.menu .submenu { margin: 20px 0 0 0; opacity: 0; visibility: hidden; position:absolute; top:50px; left:0; z-index:9999; background: #535353;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width:auto; padding:5px 5px; }
.menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.menu .submenu li { float: none; display: block; border:0; font-size:14px; border-bottom:1px dotted #666; }
.menu .submenu a { white-space: nowrap; text-transform: none; color:#fff; padding:2px 10px; border-right:none; margin-top:0px; }
.menu .submenu a:hover { color:#fff; background:#00A2FF; padding:2px 10px; border-right:none; margin-top:0px; }

.banner { width:100%; padding-top:20px; }
.banner_top { border:2px #fff solid; line-height:0px; }
.banner_bot { width:100%; text-align:center; }
.bann_txt { width:40%; background:url(../images/overlay.png) repeat; position:absolute; bottom:50px; left:20px; padding:15px; }
.bann_tit { width:100%; font-size:22px; color:#000; font-weight:bold; text-transform:uppercase; padding-bottom:8px; }

.content { width:100%; padding:0px 0px 10px; }
.cont_left { width:680px; float:left; }
.cont_right { width:270px; float:right; background:#fff; }
.cont_r_tit { padding:8px 10px; font-weight:bold; font-size:22px; text-transform:uppercase; background:#00A2FF; color:#fff; }

.cont_link { list-style:none; margin:0px; padding:0px 0px; display:inline; }
.cont_link li { list-style:circle inside; margin:0px; padding:4px 10px; font-size:15px; color:#7E7E7E; line-height:20px; }
.cont_link li a { color:#858585; font-size:15px; text-decoration:none; }
.cont_link li a:hover { color:#00A2FF; font-size:15px; text-decoration:underline; }


.righ_menu { list-style:none; margin:0px; padding:10px 15px 15px; }
.righ_menu li { list-style:none; margin:0px; padding:4px 0px 4px 16px; font-size:15px; color:#000; background:url(../images/list-style.png) no-repeat left 9px; line-height:20px; }
.righ_menu li a { color:#858585; font-size:15px; text-decoration:none; }
.righ_menu li a:hover { color:#00A2FF; font-size:15px; text-decoration:underline; }

.boxes { width:95%; border:1px solid #ededed; padding:12px 2%; margin-top:12px; }
.box_img { width:29%; float:left; }
.box_img img { border:1px solid #ededed; padding:2px; width:auto; }
.box_txt { width:66%; float:right; }
.box_txt p { line-height:20px; padding:2px 0px; }
.box_tit { width:100%; font:bold 20px Calibri; color:#000; text-transform:uppercase; }
.readm a { color:#299ee1; text-decoration:none; font-size:11px; line-height:0px; }
.readm a:hover { color:#299ee1; text-decoration:underline; }

.footer { width:100%; padding:15px 0px; margin-top:16px; }
.foot_box { list-style:none; margin:0px; padding:0px; width:23%; float:left; padding-right:2%; }
.foot_box li { list-style:none; margin:0px; padding:3px 0px 3px 16px; font-size:14px; color:#000; background:url(../images/list-style.png) no-repeat left 7px; }
.foot_box li.tit { font-size:16px; text-transform:uppercase; font-weight:bold; background:none; padding-left:0px; padding-bottom:8px; }
.foot_box li a { color:#858585; font-size:14px; text-decoration:none; }
.foot_box li a:hover { color:#00A2FF; font-size:14px; text-decoration:underline; }

.footer_bo { background:#333; width:100%; overflow:hidden; }
.copy { width:100%; padding:10px 0px 14px; text-align:center; font-size:13px; color:#eaf7ff;  }

.en_form { position:absolute; top:5px; right:-550px; z-index:9999; }
#enq_butt { position:absolute; top:0px; left:-30px; width:30px; height:119px; background:#000; z-index:9; cursor:pointer; }
.box { width:210px; overflow:hidden; background:#7f0000; padding:5px 5px 13px; }
.box1 { width:350px; overflow:hidden; background:#fff; padding:10px 5px 13px 0px; }
.box_title { color:#fff000; text-align:center; padding:0px 0px 5px; font-size:22px; font-weight:bold; font-family:Calibri; }
.button1 { display:inline-block;font-size:15px; color:#000; line-height:22px; padding:0 15px 2px; background:#fff000; cursor:pointer; border:0px; -webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; }
.button1.but2 { background:#00a2ff; color:#fff; padding:5px 15px; }
.button1:hover { text-decoration:none; color:#fff000; background:#000; -moz-box-shadow: 0px 0px 4px #333;  -webkit-box-shadow: 0px 0px 4px #333;  box-shadow: 0px 0px 4px #333; -o-shadow: 0px 0px 4px #333; }
#contact-form { margin:auto; width:90%; padding-left:2%; }
#contact-form label { display:block; }
#contact-form span { float:left; color:#fff000; }
#contact-form span.st1 { color:#ff0000; }
#contact-form input.inbg { background:#f6f6f6; padding:8px 6px; color:#333; border:1px #e7e7e7 solid; }
#contact-form input { border:0px; width:89%;  font-size:12px; line-height:1.2em; padding:6px 6px; margin:0; font-family:Arial, Helvetica, sans-serif; background:#fff; outline:none; float:left; margin:4px 0; }
#contact-form textarea { height:40px; border:0px; overflow:auto; width:89%; font-size:12px; line-height:1.2em; padding:6px 6px; margin:10px 0; font-family:Arial, Helvetica, sans-serif; background:#fff; outline:none; float:left; margin:4px 0; }
#contact-form textarea.inbg { background:#f6f6f6; padding:8px 6px; color:#333; border:1px #e7e7e7 solid; }
.aligncenter { padding-top:8px; text-align:center; }
#contact-form input, #contact-form textarea { -webkit-transition: box-shadow 300ms ease-out; -moz-transition: box-shadow 300ms ease-out; -o-transition: box-shadow 300ms ease-out; transition: box-shadow 300ms ease-out; color:#666; }
#contact-form input:focus, #contact-form textarea:focus { -moz-box-shadow: 0px 0px 4px #333; -webkit-box-shadow: 0px 0px 4px #333; box-shadow: 0px 0px 4px #333; -o-shadow: 0px 0px 4px #333; }	
#success { font-size:12px; text-align:center; color:#0C0; padding:0px 0px; line-height:10px; } 


.top_img { width:32px; height:29px; position:fixed; bottom:10%; right:5%; cursor:pointer; }
.top_img img { width:100%; border:0; }

#gallery { height:346px; position:relative; overflow:hidden; }
#gallery a { float:left; position:absolute; }	
#gallery a img { border:none; } 	
#gallery a.show { z-index:500 }
#gallery .caption { z-index:600; background:url(../images/overlay.png) repeat; color:#fff; width:50% !important; position:absolute; bottom:0;  padding:10px 10px 15px; }
#gallery .caption .content { }	
#gallery .caption .content h3 { margin:0; padding:0 0px 22px; color:#26c4ff; font-size:18px; text-align:left; line-height:0px; }

.breadcr { width:100%; padding:0px 0px 12px; font-size:15px; color:#666; }
.breadcr a { color:#333; text-decoration:none; }
.breadcr a:hover { color:#333; text-decoration:underline; }

@media screen and (min-width : 768px) and (max-width : 1000px) {

}