/* CSS Document */
*{ margin:0; padding:0; }
body {
	margin:0; padding:0;
	background: #fff url(../images/bg-head.png) top center repeat-x;
	font-family: 'conv_kit55f-webfont', Tahoma, Geneva, sans-serif; 
	font-size:22px; 
	color:#000; 
	line-height:25px;
}
.cleaner {clear:both; width:100%; height:0px;}
.h120{clear:both; width:100%; height:120px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
/** Generated by FG **/
@font-face {
	font-family: 'conv_kit55f-webfont';
	src: url('fonts/kit55f-webfont.eot'); 
	src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,fonts/kit55f-webfont.woff') format('woff'),url('fonts/kit55f-webfont.ttf') 
	format('truetype'), url('fonts/kit55f-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.bold{ font-weight:bold;}
/*font-size*/
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
/*flot*/
.left{float:left;}
.right{float:right;}
/*space*/
.space10{ padding-left:10px;}
.space20{ padding-left:20px;}
.space30{ padding-left:30px;}
.space40{ padding-left:40px;}
.space45{ padding-left:45px;}
.space60{ padding-left:60px;}
/*color*/
.green{ color:#205c10;}

.justify{text-align:justify;}
/*************************************************wrapper*/
#wrapper{
	width:980px; 
	margin:auto; 
	padding:10px 5px;
}
/*************************************************head*/
#header{
	width:970px;
	margin:auto;
	padding:12px 0;
}
.head-left{
	float:left;
	/*width:560px;*/
	display:inline-block;
}
.head-left .logo{
	width:140px;
	height:27px;
	padding:15px 0;
	background:url(../images/bg-logo.png) right no-repeat;
	vertical-align: middle;
	display:inline-block;
}
.head-left .text-logo{
	font-size:36px;
	font-weight:bold;
	vertical-align: middle;
	color:#044c58;
	display:inline-block;
	font-family: 'conv_kit55f-webfont';
}
.head-right{
	padding:5px 0;
	width:220px;
	float:right;
	font-family: 'conv_kit55f-webfont';
	font-size:20px;
	color:#363636;
}
.head-right a{
	color:#363636;
	text-decoration:none;
}
.head-right a:hover{ color:#077a8d;}
/*************************************************main-menu*/
#main-menu{
	width:970px;
	height:30px;
	padding:0;
	margin:0;
	background:url(../images/bg-menu.png) no-repeat;
}
#main-menu ul{
	width:970px;
	height:35px;
	margin: auto;
	padding:0;
	list-style:none;
}
#main-menu ul li{
	margin:0 auto;
	padding:0;
	width:185px;
	height:35px;
	text-align:center;
	display:inline-block;
	font-size:23px;
	font-family: 'conv_kit55f-webfont';
	line-height:35px;
}
#main-menu ul li a{
	color:#fff;
	display:inline-block; 
	text-decoration:none;
}
#main-menu ul li a:hover, #main-menu ul li a.current{
	color:#000;
}
/*************************************************Slider*/
#slider{ 
	width:970px; 
	height:260px; 
	margin:0;
}
/*************************************************Content*/
#content{
	width:970px;
	/*min-height:268px;*/
	margin:0;
	padding:0;
	display:block;
}
/*content-left*/
.content-left{
	margin:0;
	padding:0;
	width:780px;
	float:left; 
	display:inline-block;
}
/*content-right*/
.content-right{
	margin:0;
	padding:0;
	float:right;
	display:inline-block;
	font-family: 'conv_kit55f-webfont';
}
.menu-right{
	width:171px;
	margin:10px 0;
}
.box-text{
	margin:10px 0;
	width:730px;
	padding:5px 20px;
	text-align: justify;
	color:#363636;
	font-size:20px;
	font-family: 'conv_kit55f-webfont';
	line-height:23px;
	background:#e0e0e0 url(../images/bg-1.png) repeat-y;
}
.box-service{
	width:171px;
	margin:10px 0;
	float:right;
	display:block;
}
.box-service .service-top{
	margin:0;
	padding:2px 10px;
	width:151px;
	height:15px;
	background:url(../images/box_01.png) no-repeat;
}
.box-service .service-top p{
	font-weight: normal;
	color:#fff;
	font-size:25px;
}
.box-service .service-center{
	margin:0;
	padding:10px 10px;
	width:151px;
	background:url(../images/box_02.png) repeat-y;
}
.box-service .service-center ul{
	width:171px;
	list-style:none;
}
.box-service .service-center ul li{
	list-style:none;
	font-size:18px;
}
.box-service .service-center ul li a{
	text-decoration:none;
	color:#fff;
}
.box-service .service-center ul li a:hover{ color:#000;}
.box-service .service-bottom{
	margin:0;
	padding:0;
	width:171px;
	height:24px;
	background:url(../images/box_03.png) no-repeat;
}

/*************************************************Footer*/
#wrapper-footer{
	width:100%;
	height:190px;
	background:url(../images/bg-footer.png) repeat-x;
	margin:30px auto auto auto;
}
#footer{
	width:970px;
	margin:auto;
	padding:10px 0;
	font-family: 'conv_kit55f-webfont';
	display:block;
}
.footer-left{
	width:420px;
	background:url(../images/bg-3.png) right top no-repeat;
	display:inline-block;
	float:left;
	color:#000;
	font-size:22px;
	line-height:23px;
	padding-right:80px;
}
.footer-left p{
	margin:0 0 5px 0;
	color:#077a8d;
	font-size:36px;
}
.footer-right{
	width:460px;
	height:161px;
	background:url(../images/bg-2.png) no-repeat;
	display:inline-block;
}
#footer a{
	color:#000;
	text-decoration:none;
}
/*****************************************************/
.topic{
	/*border-bottom:solid 1px #CECECE;*/
	font-size:32px;
	color:#005E5E;
	/*font-weight:bold;*/
	margin-bottom:15px;
	background:url(../images/bg-title.png) no-repeat left top;
	line-height:20px;
	text-transform:uppercase;
}
.topic2{
	border-bottom:solid 1px #498484;
	font-size:32px;
	color:#005E5E;
	margin-bottom:15px;
	text-transform:uppercase;
}
.box_ser{
	width:80%;
	padding:5px 0 5px 120px;
	font-size:26px;
	/*border:solid 1px #83A5A5;*/
	float:right;
	margin:2px auto;
	background:url(../images/bg-topic-service.png) top ;

}
.bg_content{
/*	min-height:500px;
	background:url(../images/bg-content.png) no-repeat;*/
}
/*********************************Contact*/
.form_con, .form_con2, .form_con3 {
	float: left;
	width: 250px;
	height: 25px;
	padding: 3px;
	color: #000;
	border-radius: 4px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 2px #c4c4c4;
}
.form_con2 {
	height:120px;
}
.form_con3{ width:150px; }
.sendmail {
	width: 80px;
	height: 30px;
	color: #FFF;
	border:none;
	font-weight: bold;
	border-radius: 5px;
	background: #203E98 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #203E98  0%, #40A2ED  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203E98 ), color-stop(100%,#40A2ED )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* IE10+ */
	background: linear-gradient(to bottom, #203E98  0%,#40A2ED  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203E98 ', endColorstr='#40A2ED ',GradientType=0 ); /* IE6-9 */
}
.sendmail:hover{
	color:#000;
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
	cursor:pointer;
}
input#subject{ padding-left:30px ; background:url(../contact/images/subject.png) 5px 5px no-repeat ; }
input#name{ padding-left:30px ; background:url(../contact/images/user.png) 5px 5px no-repeat ; }
textarea#address{ padding-left:30px ; background:url(../contact/images/home.png) 5px 5px no-repeat ; }
input#email{ padding-left:30px ; background:url(../contact/images/mail.png) 5px 5px no-repeat ; }
input#telephone{ padding-left:30px ; background:url(../contact/images/tel.png) 5px 5px no-repeat ; }
input#fax{ padding-left:30px ; background:url(../contact/images/fax.png) 5px 5px no-repeat ; }
textarea#message{ padding-left:30px ; background:url(../contact/images/messages.png) 5px 5px no-repeat ; }
input#cap{ padding-left:30px ; background:url(../contact/images/log.png) 5px 5px no-repeat ; }
.acontact_us{color:#000; text-decoration:none;}
.acontact_us:hover{color:#666;}
.map{
	width:100%;
	height:300px !important;
	border:1px solid #bbbbbb;
	border-radius:3px;
	float:right;
}
.img_map{height:300px ; border:none; border: solid 1px #999;}
.img_map:hover{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
 }
 #verify-code{margin-left:20px;}
 /*-----List Page-----///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
}


div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
	border-radius: 4px;
}
div.badoo a:hover {
	border:#333 1px solid;
	color:#FFF;
	background: #ff5db1; /* Old browsers */
	background: -moz-linear-gradient(top, #8F8C8D 0%, #221F21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8F8C8D), color-stop(100%,#221F21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8F8C8D 0%,#221F21 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F8C8D', endColorstr='#221F21',GradientType=0 ); /* IE6-9 */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #8B8287;
	background: -moz-linear-gradient(top, #8F8C8D 0%, #221F21 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92898E), color-stop(100%,#8F8C8D));
	background: -webkit-linear-gradient(top, #8D8388 0%,#999497 100%);
	background: -o-linear-gradient(top, #8F8C8D 0%,#221F21 100%);
	background: -ms-linear-gradient(top, #8F8C8D 0%,#221F21 100%);
	background: linear-gradient(to bottom, #B9B9B9 0%,#2E2C2D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F8C8D', endColorstr='#221F21',GradientType=0 );
	color: #FFFFFF;
	margin: 0px 4px;
	border-radius: 4px;
}
div.badoo span.disabled {
	display:none;
}
/******************************************************/
.box_cus{
	background: url(../images/bg-customer.png) no-repeat top;
	width:100%;
	min-height:350px;
	padding: 10px 20px;
}
.list_cus{
	width:60%;
	/*padding:5px 10px;
	border:solid #8EB3B9  1px;
	background:url(../images/bg_content.png);
	border-radius: 8px;*/
	margin:3px ;  
}

/*****************************************************/
@media  screen and (max-device-width:414px){
 #wrapper-head, #wrapper-footer{width:1230px;} 
}