@import url("navigation.css");

@import url("./plugin/flexslider.css");

@import url("./plugin/owl.carousel.css");

@import url("./plugin/mediaelementplayer.css");

@import url("./plugin/colorbox.css");

@import url("./plugin/jquery.fs.tipper.css");

/*-------------------------------------------------------------------------------------------*/
/* BASIC STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
::-moz-selection {
	background-color: #4bc3cc;
	color: #FFF;
}

::selection {
	background-color: #4bc3cc;
	color: #FFF;
}

/*  General Style   ||-----------*/
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	line-height: 24px;
	color: #333333;
	font-size: 13px;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	font-weight: normal;
	/*letter-spacing: 1px;*/
}

a, a:focus, a:active, a:link, img {
	outline: none;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #333333;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}

a:hover {
	color: #4bc3cc;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}

.video {
	display: block;
}

.audio {
	width: 100%;
}

br {
	font-size: 0;
	line-height: 0;
}

hr {
	margin-bottom: 0px;
	margin-top: 0px;
	border-top: 1px solid #f1f1f1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

hr.dark {
	border-top: 1px solid #3e3e3e;
}

b, strong {
	font-weight: 600;
}

small, small a {
	font-size: 11px;
	color: #888;
}

ul.list-inside {
	list-style: inside;
}

ul.list-none {
	list-style: none;
	padding-left: 0px;
	margin-left: 0;
}

ul.list-none-ib {
	list-style: none;
	padding-left: 0px;
	margin-left: 0;
}

ul.list-none-ib li, .list-none-ib {
	list-style: none;
	display: inline-block;
}

ul.text-cap li, .text-cap {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	/*letter-spacing: 2px;*/
}

.ul-left-38 ul {
	margin-left: -38px;
}

.ul-left-25 ul {
	margin-left: -25px;
}

p {
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 0 10px 0;
	color: #333;
	/*letter-spacing: 1px;*/
}

p.lead, .lead {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: #333;
	text-align: left;
}

#about-company-box p.lead, #about-company-box.lead {
	line-height: 20px;
}

p.dark, .dark, a.dark, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark
	{
	color: #333333 !important;
}

p.white, .white, a.white, h1.white, h2.white, h3.white, h4.white, h5.white,
	h6.white {
	color: #fff !important;
}

p.color, .color, a.color, h1.color, h2.color, h3.color, h4.color, h5.color,
	h6.color, li.link:hover, li.link a:hover, .color {
	color: #4bc3cc !important;
}

.gray {
	color: #888;
}

.light-color h1, .light-color h2, .light-color h3, .light-color h4,
	.light-color h5, .light-color h6, .light-color p, .light-color,
	.light-color .container-icon {
	color: #fff;
}

.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4,
	.dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon
	{
	color: #333333;
}

.dark-bg {
	background: #333333;
	color: #fff;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5,
	.dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon,
	.dark-bg .page-icon-top {
	color: #fff;
}

.dark-bg .link:hover, .link:hover {
	color: #4bc3cc;
}

.gray-bg {
	background: #f7f7f7;
	color: #333333;
}

.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5,
	.gray-bg h6, .gray-bg .container-icon {
	color: #333333;
}

.white-bg {
	background-color: #FFF;
}

/*Headings Style   ||-----------*/
.separator {
	height: 1px;
	width: 32px;
	background: #888;
	margin-top: 5px;
	margin-bottom: 3px;
	border: 0 none;
}

.separator.right {
	float: right;
}

.separator.center {
	margin-left: auto;
	margin-right: auto;
}

.separator.color {
	background: #4bc3cc;
}

.separator.white {
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	text-transform: uppercase;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
}

h1 {
	font-size: 48px;
	/*letter-spacing: 2px;*/
	line-height: 40px;
	font-weight: normal;
}

h1.h1, h2.h2 {
	/*letter-spacing: 15px;*/
	
}

@media ( max-width : 767px) {
	h1.h1, h2.h2 {
		/*letter-spacing: 0px;*/
		
	}
}

h2 {
	font-size: 28px;
	/*letter-spacing: 2px;*/
	line-height: 37px;
	margin-bottom: 20px;
	padding-top: 10px;
}

h3 {
	font-size: 21px;
	/*letter-spacing: 4px;*/
	line-height: 32px;
}

/*h3:after {*/
/*color: #4bc3cc;*/
/*content: ".";*/
/*font-size: 34px;*/
/*}*/
h4 {
	font-size: 18px;
	/*letter-spacing: 2px;*/
	line-height: 28px;
}

h4.h4 {
	/*letter-spacing: 4px;*/
	
}

h5 {
	font-size: 15px;
	/*letter-spacing: 2px;*/
	line-height: 23px;
	font-weight: normal;
}

h6 {
	font-size: 13px;
	/*letter-spacing: 2px;*/
	line-height: 17px;
	font-weight: 600;
}

h1.large {
	font-size: 50px;
}

/*Button Style   ||-----------*/
.btn:focus {
	outline: none;
}

.btn, button {
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	/*letter-spacing: 2px;*/
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.btn i, button i, i.left {
	/*margin-right: 6px;*/
	
}

i.right {
	margin-left: 6px;
	margin-right: 0px !important;
}

button {
	vertical-align: top;
}

.btn-full {
	width: 100% !important;
	display: inline-block;
	text-align: center;
}

#btn-out {
	cursor: pointer;
}

#btn-out:hover {
	cursor: pointer;
	color: #4bc3cc;
}

.btn-lg {
	padding: 15px 25px;
	display: inline-block;
}

.btn-md {
	padding: 11px 20px;
	display: inline-block;
}

.btn-xs {
	padding: 11px 15px 10px;
	display: inline-block;
}

.btn-line-xs {
	padding: 7px 15px 7px;
	display: inline-block;
}

.btn-icon {
	padding: 0px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-table !important;
}

.btn-black {
	color: #fff;
	background: #333333;
	border: none;
}

.btn-black:hover {
	color: #fff;
	/*background: #4bc3cc;*/
	background: rgba(50, 50, 50, 0.75);
}

.btn-red {
	color: #fff;
	background: #4bc3cc;
	border: none;
	font-weight: normal !important;
}

.btn-red:hover {
	color: #fff;
	background: rgba(100, 100, 188, 0.75);
	font-weight: normal !important;
}

.btn-color-a, .btn-color-b {
	color: #fff;
	background: #4bc3cc;
	border: none;
}

.btn-color-a:hover {
	color: #fff;
	background: rgba(230, 174, 73, 0.75);
}

.btn-color-b:hover {
	color: #fff;
	/*color: #4bc3cc;
        background: #fff;*/
	background: rgba(230, 174, 73, 0.75);
}

.btn-white {
	color: #333333;
	background: rgba(255, 255, 255, 1);
	border: none;
}

.btn-white:hover {
	background: rgba(255, 255, 255, 0.75);
	color: #333333;
}

.btn-black-line, .btn-white-line, .btn-color-line {
	border: 1px solid;
	background: none;
}

.btn-black-line {
	color: #333333;
	border-color: #333333;
	padding: 10px 10px;
	background-color: #ffffff;
}

.register.btn-black-line {
	color: #333333;
	border-color: #333333;
	padding: 10px 20px;
}

.btn-black-line:hover {
	color: #fff;
	background: #4bc3cc;
	border: 1px solid #4bc3cc;
}

.btn-color-line {
	color: #4bc3cc;
	border-color: #4bc3cc;
	padding: 9px 20px;
}

.btn-color-line:hover {
	color: #fff;
	background: #4bc3cc;
}

.btn-white-line {
	color: #fff;
	border-color: #fff;
	padding: 9px 20px;
}

.btn-white-line:hover {
	color: #333333;
	background: #fff;
}

.btn-link-a, .btn-link-b {
	color: #333333;
	background: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted transparent;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
}

.btn-link-a:hover {
	color: #4bc3cc;
	border-bottom: 1px solid #4bc3cc;
}

.btn-link-b:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}

.btn-space-5 {
	width: 5px;
	min-height: 1px;
	display: inline-block;
}

.btn-space-10 {
	width: 10px;
	min-height: 1px;
	display: inline-block;
}

/*Form Style   ||-----------*/
button {
	outline: none;
	border: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]
	{
	cursor: pointer;
	display: inline-block;
}

button, input, textarea, select {
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	font-size: 12px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
	input[type="password"], input[type="radio"], input[type="checkbox"],
	textarea, select {
	/*appearance: none;*/
	/*-webkit-appearance: none;*/
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #888;
	outline: none;
	font-weight: 400;
	/*letter-spacing: 1px;*/
	font-size: 13px;
	/*padding: 10px 15px;*/
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	display: inline-block;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
	input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus,
	input[type="password"]:focus, textarea:focus {
	border-color: #4bc3cc;
	color: #333333;
}

input, textarea, select {
	/* margin-bottom: 20px;*/
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	font-size: 12px;
}

input.input-sm, .input-sm {
	padding: 8px 15px;
}

textarea {
	height: 120px;
}

label {
	color: #333333;
	font-size: 13px;
	margin-bottom: 10px;
	padding-right: 3px;
	margin-top: 6px;
	font-weight: normal;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
}

.form-full {
	width: 100%;
}

.form-field-wrapper {
	margin-bottom: 20px;
}

.form-field-wrapper input, .form-field-wrapper textarea,
	.form-field-wrapper select {
	margin-bottom: 0px;
}

form .error {
	border-color: #e1534f;
}

form label.error {
	margin-bottom: 0px;
	margin-top: 3px;
	color: #e1534f;
	font-size: 12px;
	font-weight: 400;
}

.successContent, .errorContent {
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	/*letter-spacing: 1px;*/
}

/* Spacer Style   ||-----------*/
.spacer-15 {
	width: 100%;
	height: 15px;
}

.spacer-30 {
	width: 100%;
	height: 30px;
}

.spacer-45 {
	width: 100%;
	height: 45px;
}

.spacer-60 {
	width: 100%;
	height: 60px;
}

.spacer-75 {
	width: 100%;
	height: 75px;
}

.spacer-90 {
	width: 100%;
	height: 90px;
}

.no-padding {
	padding: 0 !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-40 {
	padding: 40px !important;
}

.plr-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.ptb-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.ptb {
	padding-top: 40px;
	padding-bottom: 40px;
}

.pt {
	padding-top: 40px;
}

.pb {
	padding-bottom: 40px;
}

.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pt-15 {
	padding-top: 15px;
}

.pb-15 {
	padding-bottom: 15px;
}

.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.mlr-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mt-0 {
	margin-top: 0px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}

.mt-45 {
	margin-top: 45px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-30 {
	margin-right: 30px;
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.mt-25 {
	margin-top: 25px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.mb-15 {
	margin-bottom: 15px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

@media ( max-width : 991px) {
	.mtb-sm-60 {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.mt-sm-60 {
		margin-top: 60px;
	}
	.mb-sm-60 {
		margin-bottom: 60px;
	}
	.mtb-sm-45 {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.mt-sm-45 {
		margin-top: 45px;
	}
	.mb-sm-45 {
		margin-bottom: 45px;
	}
	.mtb-sm-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-sm-30 {
		margin-top: 30px;
	}
	.mb-sm-30 {
		margin-bottom: 30px;
	}
	.mtb-sm-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mt-sm-15 {
		margin-top: 15px;
	}
	.mb-sm-15 {
		margin-bottom: 15px;
	}
	.ptb-sm-0 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.pt-sm-0 {
		padding-top: 0px;
	}
	.pb-sm-0 {
		padding-bottom: 0px;
	}
	.ptb-sm-20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ptb-sm-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pt-sm-30 {
		padding-top: 30px;
	}
	.pb-sm-30 {
		padding-bottom: 30px;
	}
	.ptb-sm-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.ptb-sm-60 {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.ptb-sm-80 {
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.pb-sm-80 {
		padding-bottom: 80px;
	}
	.pt-sm-80 {
		padding-top: 80px;
	}
	.float-none-sm {
		float: none !important;
	}
	.float-left-sm {
		float: left !important;
	}
	.float-right-sm {
		float: right !important;
	}
}

@media ( max-width : 767px) {
	.mtb-xs-0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.mt-xs-0 {
		margin-top: 0px;
	}
	.mb-xs-0 {
		margin-bottom: 0px;
	}
	.mtb-xs-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mt-xs-15 {
		margin-top: 15px;
	}
	.mb-xs-15 {
		margin-bottom: 15px;
	}
	.mtb-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-xs-30 {
		margin-top: 30px;
	}
	.mb-xs-30 {
		margin-bottom: 30px;
	}
	.mtb-xs-60 {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.mt-xs-60 {
		margin-top: 60px;
	}
	.mb-xs-60 {
		margin-bottom: 60px;
	}
	.ptb-xs-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pt-xs-30 {
		padding-top: 30px;
	}
	.pb-xs-30 {
		padding-bottom: 30px;
	}
	.ptb-xs-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pb-xs-60 {
		padding-bottom: 60px;
	}
	.pt-xs-60 {
		padding-top: 60px;
	}
	.float-none-xs {
		float: none !important;
	}
	.float-left-xs {
		float: left !important;
	}
	.float-right-xs {
		float: right !important;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* HEADER         ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

/* Header Style */
.wrapper {
	position: relative;
	width: 100%;
}

.push-body-totop .header.sticky {
	position: fixed;
	top: 64px;
}

.header .container {
	position: relative;
}

.header {
	background-color: #fff;
	/*border-bottom: 1px solid #eee;*/
	color: #333333;
	/*padding:25px 0px;*/
	padding: 0px;
	position: relative;
	/*top: 0;*/
	transition: all 0.25s ease 0s;
	-webkit-transition-: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	width: 100%;
	z-index: 2000;
}

.header.sticky {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	color: #333333;
	position: fixed;
	z-index: 2030;
	transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}

.header-lan-btn {
	border: 1px solid #333;
	padding: 5px;
	color: #333;
	font-weight: normal;
}

.background--dark .header-lan-btn {
	border: 1px solid #fff;
	padding: 5px;
	color: #fff;
	font-weight: normal;
}

.header-lan-btn:hover {
	border: 1px solid #4bc3cc;
	padding: 5px;
	color: #fff;
	background-color: #4bc3cc;
	font-weight: normal;
}

.header.sticky .navigation ul li.lan a .header-lan-btn {
	border: 1px solid #4bc3cc;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	background-color: #4bc3cc;
}

.header.sticky .navigation ul li.lan a .header-lan-btn:hover {
	border: 1px solid #4bc3cc;
	padding: 5px;
	color: #fff;
	background-color: #4bc3cc;
	font-weight: normal;
}

.full-intro .header {
	background-color: rgba(255, 255, 255, 0);
	border-bottom: none;
	position: absolute;
}

.full-intro .header.white {
	background-color: #ffffff;
}

.full-intro .header.white .header-lan-btn {
	border: 1px solid #4bc3cc;
	background-color: #4bc3cc;
	color: #fff;
	margin: 6px 0;
}

.full-intro .header.sticky {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	color: #333333;
	position: fixed;
	/*border-bottom: 1px solid #eee;*/
}

.background--dark .header, .background--dark .header a,
	.background--dark .header .side-menu-btn ul li a.right-icon,
	.background--dark .header .mobile-menu-icon {
	color: #fff;
}

.background--light .header, .background--light .header a, .full-intro .header.sticky a,
	.header a, .header.sticky a, .mobile-menu-icon, .header.sticky .mobile-menu-icon,
	.header .side-menu-btn ul li a.right-icon, .header.sticky .side-menu-btn ul li a.right-icon,
	.header .mobile-menu-icon, .header.sticky .mobile-menu-icon {
	color: #333333;
}
/*#menu-button.menu-opened .bar-icon,*/
.header .side-menu-btn ul li a.right-icon:hover, .header.sticky .side-menu-btn ul li a.right-icon:hover,
	.header .mobile-menu-icon:hover, .background--dark .header .navigation a:hover
	{
	color: #4bc3cc;
}

.background--dark .header.white a {
	color: #333;
}

.header li {
	list-style: outside none none;
}

.header ul, .header li {
	margin: 0;
	padding: 0;
}

/* logo Style */
.header .logo a img.l-white, .header .logo a img.l-color, .header.sticky .logo a img.l-white,
	.header.sticky .logo a img.l-black, .full-intro .header.sticky .logo a img.l-white,
	.background--dark .header .logo a img.l-color, .background--dark .header .logo a img.l-black,
	.background--light .header .logo a img.l-light, .background--light .header .logo a img.l-color
	{
	opacity: 0;
}

.header .logo a img.l-black, .header.sticky .logo a img.l-black,
	.background--light .header .logo a img.l-black, .background--dark .header .logo a img.l-white
	{
	opacity: 1;
}

.header.white .logo a img.l-black {
	opacity: 1;
}

.header.white .logo a img.l-white {
	opacity: 0;
}

.header .logo {
	float: left;
	display: inline-block;
}

.header .logo a {
	position: relative;
	display: block;
	width: 216px;
	margin-top: 4px;
}

.header.sticky .logo a {
	width: 400px;
	margin-top: 4px;
}

.logo a img {
	position: absolute;
	width: auto;
	height: 40px;
	opacity: 0;
	display: block;
}

.fixed {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 999;
}

/* Navigation Menu Style*/
.mobile-menu-icon-wraper {
	display: none;
	position: relative;
	float: left;
	margin-left: 20px;
}

.mobile-menu-icon, .header.sticky .mobile-menu-icon {
	height: 25px;
	display: block;
	font-size: 30px;
	line-height: 24px;
}

.side-menu-btn-fix {
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 2001;
	font-size: 17px;
}

.side-menu-btn-fix a {
	width: 35px;
	height: 35px;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	display: block;
	border-radius: 3px;
	color: #fff;
	line-height: 34px;
}

.side-menu-btn-fix a:hover {
	background: #4bc3cc;
}

header.sticky .navigation a.current-ele {
	color: #4bc3cc !important;
}

/* Right Side Menu Button Style*/
.header .side-menu-btn {
	float: right;
	position: relative;
}

.header .side-menu-btn>ul>li, .header .mobile-menu-icon-wraper {
	float: left;
	padding: 35px 0 34px;
	margin-left: 20px;
	transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}

.header.sticky .side-menu-btn>ul>li, .header.sticky .mobile-menu-icon-wraper
	{
	padding: 19px 0 20px;
}

.header .side-menu-btn ul li a.right-icon {
	display: block;
	position: relative;
}

.header .side-menu-btn ul li a.right-icon {
	height: 25px;
	background-repeat: no-repeat;
	font-size: 17px;
}

.cart .cart-notification {
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 11px;
	color: #fff;
	right: -5px;
	bottom: -3px;
	display: block;
	background: #4bc3cc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: 700;
	text-align: center;
	line-height: 14px;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
}

.cart-dropdown {
	background: rgba(32, 32, 32, 0.95);
	color: #fff;
	position: absolute;
	top: 130%;
	right: 0;
	width: 250px;
	padding: 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.cart-dropdown .cart-list {
	margin: 0px;
	padding: 0px;
	display: table;
}

.cart-dropdown .cart-list li {
	list-style: none;
	padding: 15px 0px 15px 0px;
	display: block;
	margin: 0px;
	border-bottom: 1px solid #3e3e3e;
	position: relative;
	display: block;
	float: left;
	width: 100%;
}

.cart-dropdown .cart-list li>.close-cart-list {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 15px;
	height: 15px;
	display: block;
	background-image: none !important;
	color: #fff;
}

.cart-dropdown .cart-list li>.close-cart-list:hover {
	color: #4bc3cc;
	background-image: none !important;
}

.cart-dropdown .cart-list .media {
	margin-top: 0px;
}

.cart-dropdown .cart-list .media .pull-left {
	width: 70px;
}

.cart-dropdown .cart-list .media .pull-left img {
	width: 100%;
}

.cart-dropdown .cart-list .media .media-body {
	width: 125px;
}

.cart-dropdown .cart-list .media h6, .cart-dropdown .cart-list .media h5,
	.cart-dropdown .cart-list .media p {
	margin-top: 0px;
	margin-bottom: 5px;
}

.cart-dropdown, .cart-dropdown .cart-list .media a {
	color: #fff;
}

.cart-dropdown .cart-list .media a:hover {
	color: #4bc3cc;
}

.cart-dropdown {
	color: #fff;
	padding-top: 10px;
}

.cart-dropdown .cart-sub-totle {
	color: #fff;
	padding-top: 15px;
}

.cart-dropdown .cart-checkout-btn a {
	margin-top: 15px;
}

.cart-dropdown .cart-checkout-btn a.checkout {
	color: #fff;
}

.cart-dropdown .cart-checkout-btn a.checkout:hover {
	/*color: #4bc3cc;*/
	color: #fff;
}

.header .side-menu-btn ul li:hover .cart-dropdown {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

@media ( max-width : 767px) {
	.header .side-menu-btn>ul>li, .header .mobile-menu-icon-wraper {
		margin-left: 16px;
	}
	.background--dark .header .side-menu-btn ul li a.right-icon,
		.background--dark .header .mobile-menu-icon {
		color: #333333;
	}
	.header .logo a img.l-black, /*.header.sticky .logo a img.l-color,*/
		.background--dark .header .logo a img.l-black {
		opacity: 1;
	}
	.header .logo a img.l-white {
		display: none;
		opacity: 0;
	}
	.header {
		background: #fff;
		color: #333333;
	}
	.full-intro .header {
		background-color: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	}
}

@media ( max-width : 991px) {
	/* HEADER STYLE ------------ */
	.header .side-menu-btn ul li, .header .mobile-menu-icon-wraper {
		padding: 19px 0 20px;
	}
	.header .logo a, .header.sticky .logo a {
		margin-top: 10px;
		width: 216px;
	}
	/* END HEADER STYLE ------------------ */
}

@media ( min-width : 768px) {
}

@media ( min-width : 992px) {
}

@media ( min-width : 1200px) {
}

/*==============================================================================================*/
/* FOOTER         ||---------------------------- */
/*==============================================================================================*/
.footer {
	background-color: #f7f7f7;
	color: #333333;
	position: relative;
	width: 100%;
	display: block;
	padding: 30px 10px 30px 10px;
}

.footer hr {
	border-color: #eee;
}

.footer .footer-info p {
	color: #333333;
}

.footer-logo {
	max-width: 125px;
	display: inline-block;
	width: 100%;
}

.footer .social, .contact .social {
	font-size: 20px;
}

.footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footer ul.social li, .contact ul.social li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.footer .link a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
}

.footer .link-small a {
	font-weight: 600;
	text-transform: none;
}

.footer .copyright {
	text-align: center;
}

.margin-10 {
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
}

.footer-text-bold {
	font-weight: bold;
	color: #333333;
}

.newsletter {
	position: relative;
}

.newsletter .newsletter-input, .newsletter .newsletter-input:focus {
	width: 100%;
	border-top: 0px none;
	border-left: 0px none;
	border-right: 0px none;
	padding-right: 40px !important;
	background: rgba(255, 255, 255, 0);
}

.newsletter .newsletter-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 18px;
	background: rgba(255, 255, 255, 0);
}

@media ( max-width : 767px) {
	.footer {
		text-align: center;
		padding: 30px 0;
	}
	.footer .container {
		text-align: center;
	}
}
/*================================================================================================*/
/* ELEMENTS          ||---------------------------- */
/*================================================================================================*/

/*-------------------------------------------------------------------------------------------*/
/*  Team Box         ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.team-item {
	
}

.team-item-img {
	position: relative;
}

.team-item-img .team-item-detail {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}

.team-item-img .team-item-detail .team-item-detail-inner,
	.cent-mid-content {
	margin: auto;
	padding: 25px;
}

.team-item-img .team-item-detail .team-item-detail-inner .social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.team-item-img .team-item-detail .team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}

.team-item-img .team-item-detail .team-item-detail-inner .social li a {
	color: #fff;
}

.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover
	{
	color: #4bc3cc;
}

.team-item-info {
	padding-top: 15px;
	text-align: center;
}

.team-item-info h5 {
	margin-bottom: 0px;
}

/*-------------------------------------------------------------------------------------------*/
/*  Skills Bar      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.skillbar {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.skillbar-bar:before {
	background: #eee;
	content: "";
	height: 3px;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.skillbar-bar {
	height: 3px;
	width: 0px;
	background: #333333;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}

.skillbar-title {
	display: inline-block;
}

.skillbar-title, .skill-bar-percent {
	color: #333333;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.skill-bar-percent {
	float: right;
	display: inline-block;
}

/*-------------------------------------------------------------------------------------------*/
/*  Accordion Tab    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.accordion-section {
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}

.accordion-section:last-child {
	border-bottom: 1px solid #f1f1f1;
}

.accordion-title {
	cursor: pointer;
	display: block;
	position: relative;
	padding: 20px 20px;
	margin: 0px;
}

.accordion-title.active {
	/*background: #fafafa;*/
	color: #4bc3cc;
}

.accordion-title:before {
	content: "\f105";
	display: block;
	font-family: "FontAwesome", sans-serif;
	position: absolute;
	right: 18px;
	font-weight: 400;
}

.accordion-title.active:before {
	content: "\f107";
}

.accordion-content.defualt-hidden {
	display: none;
	margin: 0;
}

.accordion-content {
	padding: 0 20px 10px;
}

/*-------------------------------------------------------------------------------------------*/
/*  Counter          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.counter {
	font-size: 50px;
	margin-bottom: 20px;
	display: inline-table;
}
/*-------------------------------------------------------------------------------------------*/
/*  Service Box      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.features-box-left, .features-box-right {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 5px;
}

.features-box-left {
	padding-left: 75px;
	text-align: left;
}

.features-box-right {
	padding-right: 75px;
	text-align: right;
}

.features-icon-left, .features-icon-right {
	font-size: 50px;
	line-height: 50px;
	display: inline-block;
	position: absolute;
}

.features-icon-left {
	padding-right: 20px;
	left: 0;
}

.features-icon-right {
	padding-left: 20px;
	right: 0;
}

.contact-box-left, .contact-box-top {
	display: block;
	position: relative;
}

.contact-box-left {
	padding-left: 45px;
	text-align: left;
}

.contact-icon-left, .contact-icon-top {
	font-size: 30px;
	position: absolute;
}

.contact-icon-top {
	text-align: center;
}

.contact-icon-left {
	left: 0;
}

@media ( max-width : 991px) {
	.features-box-left {
		display: block;
		padding-left: 0px;
		text-align: center;
	}
	.features-box-right {
		display: block;
		padding-right: 0px;
		text-align: center;
	}
	.features-icon-left, .features-icon-right {
		position: relative;
	}
	.features-icon-left {
		padding-right: 0px;
		left: auto;
	}
	.features-icon-right {
		padding-left: 0px;
		right: auto;
	}
}
/*-------------------------------------------------------------------------------------------*/
/*  Pricing       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.Pricing-box {
	border: 1px solid #f1f1f1;
	text-align: center;
}

.Pricing-box.highlight {
	background: #f9f9f9;
	border: 1px solid #ddd;
}

.Pricing-box.highlight hr {
	border-color: #ddd;
}

.price-title h4, .price-title h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.Pricing-box .price {
	font-size: 50px;
	font-weight: 700;
	position: relative;
}

.Pricing-box .price .price-sm {
	font-size: 14px;
	position: absolute;
}

.Pricing-box .price .price-lg {
	padding-left: 10px;
}

.Pricing-box .price-tenure {
	font-size: 12px;
	color: #888;
	font-weight: 400;
	padding-top: 8px;
}

.Pricing-box .pricing-features {
	font-size: 13px;
	text-transform: uppercase;
}

.Pricing-box .pricing-features ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.Pricing-box .pricing-features ul li {
	padding: 6px;
}

/*-------------------------------------------------------------------------------------------*/
/*  Testimonials     ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.container-icon {
	font-size: 25px;
	margin-bottom: 15px;
	color: inherit;
}

.testimonial {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.quote-author {
	margin-top: 15px;
}

.quote-author span {
	font-weight: 400;
}

/*-------------------------------------------------------------------------------------------*/
/* Client Logo       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.client-logo {
	text-align: center;
}

.client-logo img {
	margin-bottom: 20px;
	height: 50px;
	width: auto;
	border: 1px solid #e1e1e1;
}

/*-------------------------------------------------------------------------------------------*/
/* Icon          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.page-icon-top {
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 20px;
	width: 100%;
	color: #333333;
}

.white .page-icon-top, .white .page-icon-left, .white .features-icon-left,
	.white .features-icon-right {
	color: #fff;
}

/*-------------------------------------------------------------------------------------------*/
/* Table          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.table.table-border {
	border: 1px solid #eee;
}

.table tr td, .table tr th {
	padding: 10px 15px;
	vertical-align: middle !important;
}

.table.table-fit tr td, .table.table-fit tr th {
	padding: 10px 0px;
}

.table.table-border tr td, .table.table-border tr th {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.table.checkout tr td {
	vertical-align: top !important;
	padding: 15px;
}

.table.checkout tr td:first-child, .table.checkout tr th:first-child {
	max-width: 60px;
}

.table.checkout tr td:last-child, .table.checkout tr th:last-child {
	text-align: center;
}

.table.checkout small {
	display: block;
}

/*================================================================================================*/
/* GLOBAL STYLES       ||---------------------------- */
/*================================================================================================*/
/*-------------------------------------------------------------------------------------------*/
/* Push Menu Style (Top Seachbar Menu, Right Sidebar Menu) --------------- */
/*-------------------------------------------------------------------------------------------*/
/* Sidebar Menu */
.side-menu {
	background: #333333;
	z-index: 2005;
	color: #fff;
	padding: 30px;
	color: #fff;
	overflow-y: auto;
	position: relative;
}

.side-menu .menu-close {
	left: auto;
	position: absolute;
	right: 30px;
	top: 30px;
	display: inline-block;
	/*background: url("../img/close-white.png") no-repeat center center;*/
	color: #fff;
	font-size: 18px;
	line-height: 0;
	overflow: hidden;
}

.side-menu .menu-close:hover {
	/*background: url("../img/close-color.png");*/
	color: #4bc3cc;
}

.side-menu a {
	color: #fff;
	font-weight: 500;
	font-size: 12px;
}

.side-menu a:hover {
	color: #4bc3cc;
}

.side-menu ul {
	padding: 0;
}

.side-menu ul li {
	list-style: none;
	margin-bottom: 5px;
}

.side-menu>ul>li>a {
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	display: block;
}

.side-menu input[type="text"], .side-menu input[type="email"],
	.side-menu input[type="tel"], .side-menu input[type="number"],
	.side-menu input[type="password"], .side-menu input[type="radio"],
	.side-menu input[type="checkbox"], .side-menu textarea, .side-menu select
	{
	/*border: 1px solid #1d1d1d;
        background: #1d1d1d;
        color: #fff;*/
	border: none;
}

.side-menu input[type="text"]:focus, .side-menu input[type="email"]:focus,
	.side-menu input[type="tel"]:focus, .side-menu input[type="number"]:focus,
	.side-menu input[type="radio"]:focus, .side-menu input[type="checkbox"]:focus,
	.side-menu input[type="password"]:focus, .side-menu textarea:focus,
	.side-menu select:focus {
	/*border-color: #4bc3cc;
            color: #fff;*/
	
}

.side-menu .sign-in {
	padding-bottom: 30px;
	border-bottom: 1px solid #3e3e3e;
	margin-bottom: 30px;
}

.side-menu .sign-in a {
	color: #fff;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	display: inline-block;
	margin-top: 10px;
}

.side-menu .sign-in a:hover {
	color: #4bc3cc;
	text-decoration: underline;
}

.side-menu .logo {
	max-width: 120px;
	width: 100%;
}

.side-menu .social {
	list-style: none;
}

.side-menu .social li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.side-menu .social li a {
	font-size: 16px;
}
/* Top Searchbar Menu */
.top-search-bar {
	background: #444444;
	z-index: 2002;
	color: #fff;
	padding-top: 10px;
}

.top-search-bar .search-wraper {
	position: relative;
}

.top-search-bar input {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	font-size: 16px;
	color: #fff;
	padding: 10px 40px;
	margin: 0;
	/*letter-spacing: 1px;*/
}

.top-search-bar input:focus {
	color: #fff;
}

.top-search-bar .bar-close, .top-search-bar .search-bar-icon {
	position: absolute;
	top: 10px;
	color: #fff;
	/*background-image: url("../img/sidemenu-icon-light.png");*/
	background-repeat: no-repeat;
	display: block;
	font-size: 20px;
}

.top-search-bar .bar-close {
	right: 0px;
	left: auto;
	background-position: right center;
}

.top-search-bar .search-bar-icon {
	left: 0px;
	background-position: left center;
}

/* --------------------------------------------------------------------------------------- */
/* Contents (Body, Container, Section, etc) -------------- */
/* --------------------------------------------------------------------------------------- */
.wrapper {
	position: relative;
	width: 100%;
}

.inner-intro {
	background-color: #f7f7f7;
	/*height: 530px;*/
	height: 420px;
	display: block;
	position: relative;
}

.inner-intro.inner-intro-small {
	height: 380px;
}

.inner-intro .container {
	position: relative;
	height: 100%;
	display: table;
}

.inner-intro .container .title {
	padding-bottom: 65px;
	padding-top: 65px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.inner-intro .container .title.product-list-text-box {
	padding-top: 100px;
	width: 90%;
	padding-left: 55%;
	text-align: left;
}

.full-intro .inner-intro .container .title h2 {
	margin-top: 65px;
}

.inner-intro .container .title .separator {
	margin-right: auto;
	margin-left: auto;
}

.page-breadcrumb {
	background: rgba(255, 255, 255, 0.9);
	padding: 4px 8px;
	display: inline-block;
	color: #333333;
	font-size: 12px;
	text-transform: uppercase;
	/*letter-spacing: 3px;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

.page-breadcrumb a, .page-breadcrumb span {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}

.page-breadcrumb span {
	color: #999;
}

.overlay-static-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	z-index: 2;
	background-color: rgba(32, 32, 32, 0.4);
	display: -webkit-flex;
	display: flex;
}

.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 {
	position: relative;
	z-index: 1;
}

.overlay-dark:before, .overlay-dark80:before, .overlay-light:before,
	.overlay-light80:before {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

.overlay-dark:before {
	background-color: rgba(32, 32, 32, 0.2);
}

.overlay-dark80:before {
	background-color: rgba(32, 32, 32, 0.8);
}

.overlay-light:before {
	background-color: rgba(255, 255, 255, 0.4);
}

.overlay-light80:before {
	background-color: rgba(255, 255, 255, 0.8);
}

.full-screen-intro {
	overflow: hidden;
	position: relative;
}

.content-cap-wraper {
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.full-cap-wraper {
	display: table;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}

.content-caption {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.content-wd650 {
	max-width: 650px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.cont-h-100per {
	height: 100%;
}

/*backround images*/
.bg-img {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover !important;
}

.bg-img1, .bg-img2, .bg-img3, .bg-img4, .bg-img5, .bg-img6, .bg-img7,
	.bg-img8, .bg-img9, .bg-img10, .bg-img11, .bg-img12, .bg-img13,
	.bg-img14, .bg-img15, .bg-img16, .bg-img17, .bg-img18, .bg-img19,
	.bg-img20, .bg-img21, .bg-img22, .bg-img23, .bg-img24, .bg-img25,
	.bg-img26, .bg-img27, .bg-img28, .bg-img29, .bg-img30 {
	background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-img24 {
	background-image: url("../img/banner_aboutus_01.jpg");
	background-position: 0 0;
}

.bg-img27 {
	background-image: url("../img/full/27.jpg");
}

.bg-img28 {
	background-image: url("../img/banner_customer.jpg");
}

.bg-img29 {
	background-image: url("../img/full/29.jpg");
}

.bg-develop-history {
	background-image: url("../img/banner_aboutus_02.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-invest {
	background-image: url("../img/banner_aboutus_03.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-team {
	background-image: url("../img/banner_aboutus_04.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-recruit {
	background-image: url("../img/banner_aboutus_05.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-contact {
	background-image: url("../img/banner_aboutus_06.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-product-list {
	background-image: url("../img/bg_banner_product.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-notices {
	background-image: url("../img/banner_notice.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-login {
	background-image: url("../img/banner_customer.jpg");
}

.bg-confirm {
	background-image: url("../img/00_bg_patten.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.border-b-box {
	padding: 25px;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	width: 100%;
}

.border-box {
	border: 1px solid #f1f1f1;
	padding: 25px;
}

.b-lrb-none .ui-tab-content, .b-lrb-none {
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
}

.content-slider, .o-flow-hidden {
	overflow: hidden;
}

.bg-develop-history, .bg-invest, .bg-team, .bg-recruit, .bg-contact,
	.bg-notices, .bg-img24 {
	/*background-position: center center;*/
	
}

.bg-yellow {
	background-color: #fffecd !important;
}

@media ( min-width : 1200px) {
	.bg-develop-history, .bg-invest, .bg-team, .bg-recruit, .bg-contact,
		.bg-notices, .bg-img24, .bg-product-list {
		background-size: 100% auto !important;
	}
}

@media ( min-width : 1920px) {
	.bg-develop-history, .bg-invest, .bg-team, .bg-recruit, .bg-contact,
		.bg-notices, .bg-img24, .bg-product-list {
		background-size: 100% auto !important;
	}
}

@media ( min-width : 1400px) {
	.inner-intro {
		background-color: #f7f7f7;
		height: 560px;
		display: block;
		position: relative;
	}
}

@media ( min-width : 1920px) {
	.inner-intro {
		background-color: #f7f7f7;
		height: 630px;
		display: block;
		position: relative;
	}
}

@media ( max-width : 767px) {
	.inner-intro .container {
		width: 100%;
		max-width: 720px;
		text-align: center;
	}
	.inner-intro {
		background-color: #f7f7f7;
		height: 160px;
		display: block;
		position: relative;
	}
	.bg-confirm, .bg-contact, .bg-develop-history, .bg-invest, .bg-notices,
		.bg-recruit, .bg-team, .bg-img24, .bg-product-list {
		background-size: 100% auto !important;
		background-position: 0 60px !important;
		margin-top: 60px;
	}

	/*.inner-intro .container .title h2 {
            float: none;
        }

        .inner-intro .container .title p {
            float: none;
            margin-top: 0px;
        }
        .inner-intro .container .title .separator {
            margin-left:auto;
            margin-right:auto;
        }*/
}

/* ===================================================================================================== */
/* Contants (Portfolio, Blog, Shop, etc) -------------------  */
/* ===================================================================================================== */
.container.nf-container1 {
	padding-left: 15px;
	padding-right: 15px;
}

.container.nf-container2 {
	/*padding-left: 25px;
    padding-right: 25px;*/
	
}

.nf-row1 {
	margin-left: -15px;
	margin-right: -15px;
	/*overflow: hidden;*/
}

.nf-col-padding {
	padding-left: 25px;
	padding-right: 25px;
}

.nf-row2 {
	/*margin-left: -25px;
    margin-right: -25px;*/
	
}

.nf-row1:before, .nf-row1:after, .nf-row2:before, .nf-row2:after {
	display: table;
	content: " ";
}

.nf-row1:after, .nf-row2:after {
	clear: both;
}

.nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing {
	padding: 15px;
}

.nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing,
	.spacing-box {
	padding: 25px;
}

.spacing-grid {
	padding-top: 25px;
	padding-bottom: 25px;
}

.nf-col-1 .nf-item, .nf-col-1 .grid-sizer {
	width: 100%;
	min-height: 1px;
}

.nf-col-2 .nf-item, .nf-col-2 .grid-sizer {
	width: 50%;
	min-height: 1px;
}

.nf-col-3 .nf-item, .nf-col-3 .grid-sizer {
	width: 33.3333%;
	min-height: 1px;
}

.nf-col-4 .nf-item, .nf-col-4 .grid-sizer {
	width: 25%;
	min-height: 1px;
	padding: 10px;
}

.nf-col-5 .nf-item, .nf-col-5 .grid-sizer {
	width: 20%;
	min-height: 1px;
}

.nf-col-6 .nf-item, .nf-col-6 .grid-sizer {
	width: 16.6666%;
	min-height: 1px;
}

.nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1,
	.nf-col-4 .nf-item.w1 {
	width: 100%;
}

.nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2,
	.nf-col-4 .nf-item.w2 {
	width: 50%;
}

.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3,
	.nf-col-4 .nf-item.w3 {
	width: 33.3333%;
}

.nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4,
	.nf-col-4 .nf-item.w4 {
	width: 25%;
}

.nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2,
	.nf-col-4 .nf-item.w4-2, .nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2,
	.nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 {
	width: 50%;
}

.nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1,
	.nf-col-4 .nf-item.w4-1 {
	width: 75%;
}

.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1,
	.nf-col-4 .nf-item.w3-1 {
	width: 66.6666%;
}

@media ( max-width : 991px) {
	.nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2,
		.nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,
		.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3,
		.nf-col-4 .nf-item.w3, .nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4,
		.nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1,
		.nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,
		.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1,
		.nf-col-4 .nf-item.w3-1 {
		width: 50%;
	}
	.nf-col-5 .nf-item, .nf-col-6 .nf-item {
		width: 33.3333%;
	}
	.nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing {
		padding: 25px;
	}
}

@media ( max-width : 767px) {
	.container {
		margin: 0 auto;
		max-width: 480px;
		width: 100%;
	}
	.nf-col-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
	.spacing-grid {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2,
		.nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,
		.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3,
		.nf-col-4 .nf-item.w3, .nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4,
		.nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1,
		.nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,
		.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1,
		.nf-col-4 .nf-item.w3-1 {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
	}
	.nf-col-3, .nf-col-4 {
		margin: 0 auto;
		max-width: 480px;
	}
	.nf-col-5 .nf-item, .nf-col-6 .nf-item {
		width: 100%;
	}
	.nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box {
		padding: 15px;
	}
	.xs-hidden {
		visibility: hidden !important;
		display: none !important;
		opacity: 0;
	}
}

@media ( max-width : 480px) {
	.nf-col-5 .nf-item, .nf-col-6 .nf-item {
		width: 100%;
	}
}
/* ----------------------------------------------------------------------*/
/* Sidebar Widget   ---------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.sidebar-widget {
	margin-bottom: 50px;
}

.sidebar-widget h4 {
	margin: 0px;
	padding-top: 0;
	padding-bottom: 15px;
}

.widget-search {
	position: relative;
}

.widget-search input[type="text"] {
	padding-right: 30px;
}

.widget-search input[type="submit"] {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
	color: #8d8d8d;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-family: "FontAwesome", sans-serif;
	margin: 0;
	outline: 0 none;
	white-space: nowrap;
	padding: 0 3px;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	position: absolute;
	top: 10px;
	right: 10px;
}

.widget-search input[type="submit"]:hover {
	color: #4bc3cc;
}

.sidebar-widget hr {
	margin-bottom: 15px;
}

.sidebar-widget ul {
	margin: 0px;
	padding: 0px;
}

.sidebar-widget ul li {
	list-style: none;
	font-weight: 400;
}

.sidebar-widget ul li.active  a {
	color: #4bc3cc;
}

.sidebar-widget ul li a {
	display: inline-block;
	padding: 9px 0px 9px 0;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-left: 10px;
}

.sidebar-widget ul li.active a:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	margin-right: 5px;
	width: 5px;
}

.sidebar-widget ul.product li.active a:before {
	content: "\f0da";
}

.sidebar-widget ul.product li.active i {
	color: #4bc3cc;
}

.sidebar-widget ul.product li i {
	margin-left: 3px;
}

.sidebar-widget ul li.active a {
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	padding: 9px 0px 9px 0;
	margin-left: 0;
}

.sidebar-widget ul li a:hover {
	color: #4bc3cc;
}

.sidebar-widget ul.product li.active a {
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0px 5px 0;
}

.sidebar-widget ul.product li:not (.active ) a {
	display: inline-block;
	padding: 5px 0px 5px 0;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-left: 10px;
}

.sidebar-widget ul.product li a:hover {
	color: #4bc3cc;
}

.sidebar-widget ul.product1 li a {
	padding-left: 22px;
}

.sidebar-widget ul.product1 li.active a {
	display: inline-block;
	font-size: 13px;
	padding: 1px 0px 1px 22px;
	font-weight: normal;
}

.sidebar-widget ul.product1 li:not (.active ) a {
	display: inline-block;
	padding: 1px 0px 1px 22px;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	margin-left: 0;
}

.sidebar-widget ul.product1 li.active a:before {
	content: none;
}

.sidebar-widget ul.product1 li a:hover {
	color: #4bc3cc;
}

.sidebar-widget ul.product1 li a:hover {
	color: #4bc3cc;
}
/*.sidebar-widget ul li a:hover:before {*/
/*content: "\f105";*/
/*display: inline-block;*/
/*font: normal normal normal 14px/1 FontAwesome;*/
/*font-size: inherit;*/
/*text-rendering: auto;*/
/*-webkit-font-smoothing: antialiased;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*font-size: 14px;*/
/*margin-right: 5px;*/
/*}*/
.product-left-sli-title2 {
	font-weight: bold;
	margin-top: 10px;
}

.widget-tag {
	display: inline-table;
	margin-top: 15px;
}

.widget-tag li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}

.widget-tag li a {
	padding: 4px 10px !important;
	display: block;
	border: 1px solid #eee;
}

.widget-tag li a:hover {
	background: #333333;
	color: #fff !important;
}

.sidebar-widget .widget-post {
	position: relative;
}

.sidebar-widget .widget-post .widget-post-media {
	width: 70px;
	display: table-cell;
	padding: 0px 15px 0px 0px;
}

.sidebar-widget .widget-post li {
	margin-bottom: 20px;
}

.sidebar-widget .widget-post a {
	padding: 0px;
}

.sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video
	{
	width: 100%;
	vertical-align: top;
}

.sidebar-widget .widget-post .widget-post-info {
	display: table-cell;
	vertical-align: top;
}

.sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6
	{
	margin-bottom: 5px;
}

.sidebar-widget .widget-post .widget-post-info p {
	margin: 0px;
}
/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
}

.pagination-nav ul {
	margin: 0px;
	padding: 0px;
}

.pagination-nav ul li {
	display: inline-block;
	margin: 0px 2px;
}

.pagination-nav ul li a {
	display: block;
	background-color: #f7f7f7;
	height: 36px;
	width: 36px;
	/*line-height: 36px;*/
	text-align: center;
	font-size: 15px;
	color: #333;
}

.pagination-nav ul li.active a {
	background: #333333;
	color: #fff;
	border-color: #333;
}

.pagination-nav ul li a:hover, .pagination-nav ul li.active a:hover {
	background: #4bc3cc;
	color: #fff;
	border-color: #4bc3cc;
}

/* ----------------------------------------------------------------------*/
/* Portfolio   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.container-filter {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}

.container-filter li {
	list-style: none;
	display: inline-block;
}

.container-filter li a {
	color: #666;
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	font-size: 16px;
	font-weight: normal;
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
}

.container-filter li a.active {
	color: #4bc3cc;
}

.item-box {
	position: relative;
	overflow: hidden;
	display: block;
}

.item-box a {
	display: inline-block;
}

.item-box:hover .item-mask {
	opacity: 1;
	visibility: visible;
}

.item-box:hover .item-mask .item-caption {
	bottom: 30px;
	opacity: 1;
}

.item-box:hover .item-container {
	transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	width: 100%;
}

.item-container {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	width: 100%;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.item-mask {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	height: 100%;
	position: absolute;
	/*  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;*/
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

.item-mask h5, .item-mask h6, .item-mask p {
	margin-bottom: 0px;
}

.item-mask p {
	text-transform: uppercase;
	font-size: 11px;
	/*letter-spacing: 1.5px;*/
	font-weight: 400;
	margin-top: 0;
	text-align: left;
}

.item-mask .item-caption {
	position: absolute;
	bottom: -60px;
	left: 0px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	opacity: 0;
}

.project-detail-block p {
	font-size: 12px;
	/*letter-spacing: 2px;*/
	text-transform: uppercase;
}

ul.project-detail-block, .project-detail-block ul {
	padding-left: 0;
}

.project-detail-block li {
	list-style: none;
}

.project-detail-block p strong {
	display: inline-block;
	width: 110px;
}

.item-nav {
	text-align: center;
	display: block;
	overflow: hidden;
}

.item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view {
	position: relative;
	display: inline-block;
}

.item-nav .item-all-view h5, .item-nav .item-all-view h6 {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover {
	color: #4bc3cc;
}

.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn,
	.item-all-view {
	display: inline-block;
	font-size: 25px;
	text-align: center;
	height: 51px;
	line-height: 51px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn {
	color: #333333;
	background: #fff;
	width: 51px;
}

.item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn
	{
	background: #f7f7f7;
	/*color: #fff;*/
}

.item-nav .item-prev {
	text-align: left;
	float: left;
}

.item-nav .item-next {
	text-align: right;
	float: right;
}

.item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text
	{
	position: absolute;
	line-height: 51px;
	top: 10px;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	width: 150px;
}

.item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text
	{
	margin-left: 0;
	margin-right: 0;
	visibility: visible;
	opacity: 1;
}

.item-nav .item-prev .item-prev-text {
	left: 100%;
	margin-left: -110px;
	padding-left: 15px;
}

.item-nav .item-next .item-next-text {
	right: 100%;
	margin-right: -110px;
	padding-right: 15px;
}

.item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5,
	.item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text p,
	.item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6
	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6,
	.item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6,
	.item-nav .item-all-view h5, .item-nav .item-all-view h6 {
	padding-top: 8px;
}

/* ----------------------------------------------------------------------*/
/* Blog   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
/*.blog-post {
    position: relative;
}*/
.blog-post {
	display: inline-block;
	width: 100%;
}

.blog-post .post-media {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}

.blog-post .post-media iframe {
	width: 100%;
}

.blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta
	{
	text-transform: uppercase;
	color: #999;
	font-size: 13px;
}

.blog-post .post-meta span, .comment-list .post-meta span {
	margin-right: 3px;
}

.blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3
	{
	margin-top: 5px;
	margin-bottom: 20px;
}

.blog-post .post-header h2 {
	margin-bottom: 30px;
}

.blog-post .post-entry {
	margin-bottom: 30px;
}

.blog-post .post-entry p, .blog-post .post-entry blockquote, .post-entry ul
	{
	margin-bottom: 20px;
}

.blog-post .post-entry ul {
	color: #888;
}

.blog-post .post-tag {
	color: #999;
	text-transform: uppercase;
	font-size: 13px;
}

.blog-post .post-tag span {
	margin-right: 10px;
}

.blog-post .post-more-link {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
}

.blog-post .post-more-link a i {
	margin-left: 5px;
	transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
}

.blog-post .post-more-link a:hover i {
	margin-left: 10px;
}

.blog-post blockquote {
	border-left: none;
	background: #f7f7f7;
	font-size: 17px;
	font-weight: 400;
	padding: 25px 25px;
	margin: 0px;
	color: #888;
	font-weight: 300;
}

.blog-post blockquote:after {
	content: "";
	font-family: FontAwesome;
	padding-left: 7px;
	font-size: 12px;
}

.blog-post blockquote:before {
	content: "";
	font-family: FontAwesome;
	padding-right: 7px;
	font-size: 12px;
}

.blog-post-hr hr {
	margin-bottom: 45px;
}

.post-author {
	display: inline-block;
	position: relative;
	margin-bottom: 40px;
}

.post-author img {
	width: 80px;
}

.post-author .post-author-details {
	margin-left: 20px;
}

.post-author h6 {
	margin-top: 0px;
}

.post-author ul.social {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

.post-author ul.social li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}

.post-comment {
	
}

.post-comment .comment-numb {
	font-weight: 300;
}

.post-comment .comment-list {
	margin-left: 0px;
	padding-right: 0px;
	list-style: none;
	padding: 0px;
}

.post-comment .comment-list h6 {
	margin-top: 0px;
	margin-bottom: 3px;
}

.post-comment .comment-list li:first-child {
	padding-top: 0px;
}

.post-comment .comment-list li {
	padding-top: 15px;
}

.post-comment .comment-list li:last-child .comment-detail {
	border-bottom: 0px none;
}

.post-comment .comment-list li, .post-comment .comment-list .comment-reply
	{
	position: relative;
	padding-left: 65px;
}

.post-comment .comment-list .comment-detail {
	border-bottom: 1px dotted #eee;
	padding-bottom: 15px;
}

.post-comment .comment-list .comment-reply {
	padding-top: 20px;
}

.post-comment .comment-list .comment-reply-btn i {
	padding-right: 3px;
}

.post-comment .comment-avatar {
	left: 0;
	margin-right: 15px;
	position: absolute;
	width: 50px;
}

.post-comment .comment-avatar img {
	width: 100%;
}

.post-comment-star .star-rat {
	display: inline-block;
}

.post-comment-star label {
	margin-right: 6px;
}
/* ----------------------------------------------------------------------*/
/* Shop   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.shop-item {
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}

.shop-item .item-mask .item-mask-detail {
	display: flex;
	display: -webkit-flex;
	height: 100%;
	width: 100%;
}

.shop-item .item-mask .item-mask-detail .item-mask-detail-ele {
	margin: auto auto;
}

.item-img {
	display: block;
	position: relative;
	overflow: hidden;
}

.shop-item-info {
	margin-top: 20px;
	text-align: center;
}

.shop-item-info a:hover, .shop-item-info a:hover h5, .shop-item-info a:hover h6,
	.shop-item-name:hover {
	color: #4bc3cc;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}

.shop-item-info .shop-item-name {
	margin-bottom: 5px;
}

.shop-item-info .shop-item-price {
	font-size: 15px;
	color: #888;
}

.shop-item-info .shop-item-price del, .shop-detail-info del,
	.sidebar-widget del {
	margin-right: 10px;
	color: #bbb;
	font-weight: 400;
}

.shop-filter {
	display: inline-table;
	width: 100%;
}
/* Shop Detail*/
.shop-detail-item {
	position: relative;
}

.shop-detail-info h4 {
	line-height: 26px;
}

.shop-detail-info .shop-item-price {
	font-size: 20px;
	color: #4bc3cc;
	font-weight: 600;
}

.shop-Cart-totalbox {
	max-width: 450px;
}

.shop-Cart-totalprice {
	font-size: 18px;
}

/* =============================================================================================================================*/
/* Parallax ------------------- */
/* =============================================================================================================================*/
.parallax {
	position: relative;
}

/* ============================================================================================================================*/
/* Slider ---------------------*/
/* ============================================================================================================================*/

/* -------------------------------------*/
/* Full Screen slider---------*/
/* -------------------------------------*/
.hero {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fullscreen-carousel {
	overflow: hidden;
	position: relative;
}

.fullscreen-carousel .slides li {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.fullscreen-carousel .overlay-hero {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	text-align: center;
}

.fullscreen-carousel .overlay-hero .caption-hero {
	display: inline-table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {
	display: table-cell;
	margin: auto;
	vertical-align: middle;
	padding-left: 25px;
	padding-right: 25px;
}

.caption-hero h1 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Full Width Slider */
.fullwidth-slider {
	position: relative;
	overflow: hidden;
}

.fullwidth-slider .item {
	height: 650px;
	position: relative;
	width: 100%;
}

/* Fullscreen Slider Next Prev Arrow*/
.fullscreen-carousel .flex-direction-nav a {
	position: absolute;
	top: 50%;
	display: inline-block;
	margin-top: -30px;
	background: #fff;
	color: #252525;
	width: 51px;
	height: 51px;
	text-align: center;
	font-family: 'FontAwesome';
	color: #333333;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	font-size: 21px;
	line-height: 51px;
}

.fullscreen-carousel .flex-direction-nav a:hover {
	color: #4bc3cc;
}

.flexslider.fullscreen-carousel:hover .flex-prev {
	left: 0px;
	opacity: 1;
}

.fullscreen-carousel .flex-direction-nav .flex-prev {
	left: -51px;
	background-position: center left;
}

.fullscreen-carousel .flex-direction-nav .flex-prev:before {
	content: "";
	display: inline-block;
}

.flexslider.fullscreen-carousel:hover .flex-next {
	right: 0px;
	opacity: 1;
}

.fullscreen-carousel .flex-direction-nav .flex-next {
	right: -51px;
	background-position: center right;
}

.fullscreen-carousel .flex-direction-nav .flex-next:before {
	content: "";
	display: inline-block;
}

@media ( max-width : 991px) {
	/* Fullscreen Slider */
	.fullscreen-carousel .slides li img {
		width: 100%;
		height: 100%;
	}
	.fullscreen-carousel .caption-hero h1 {
		font-size: 25px;
	}
	.fullscreen-carousel .overlay-hero .caption-hero {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media ( max-width : 767px) {
	/* Fullscreen Slider */
	.fullscreen-carousel .caption-hero h1 {
		font-size: 20px;
		margin: 0;
	}
	.fullscreen-carousel .caption-hero h5 {
		margin: 0;
		font-size: 12px;
	}
	.fullscreen-carousel .caption-hero .separator {
		margin-left: auto;
		margin-right: auto;
	}
	.fullscreen-carousel .text-left {
		text-align: center;
	}
	.fullscreen-carousel.hero-slider-2 .slides li {
		height: 400px;
	}
	.full-intro .hero {
		padding-top: 64px;
	}
	.hero {
		padding: 0px;
	}
}

@media ( max-width : 480px) {
	.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* -------------------------------------*/
/* Carousel-Theme (Slider Elements - Bullets, Pagination, etc..) ---------*/
/* -------------------------------------*/
.owl-buttons {
	position: static;
}

.owl-carousel.white .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #fff;
}

.owl-carousel.white .owl-controls .owl-page.active span {
	background: rgba(0, 0, 0, 0);
	border: 2px solid #fff;
}

.nf-carousel-theme {
	
}

.nf-carousel-theme .owl-controls .owl-pagination {
	position: absolute;
	z-index: 2;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: 15px;
}

.nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	width: 31px;
	height: 31px;
	line-height: 31px;
	font-size: 16px;
	margin-top: -15px;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
	.content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-prev,
	.image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-prev,
	.fullwidth-slider .owl-controls .owl-buttons .owl-next,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	background: rgba(245, 245, 245, 0.8);
	color: #252525;
	display: block;
	top: 50%;
	transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	z-index: 3;
	position: absolute;
	text-align: center;
}

.content-carousel .owl-controls .owl-buttons .owl-prev:hover,
	.content-carousel .owl-controls .owl-buttons .owl-next:hover,
	.image-slider .owl-controls .owl-buttons .owl-prev:hover, .image-slider .owl-controls .owl-buttons .owl-next:hover,
	.fullwidth-slider .owl-controls .owl-buttons .owl-prev:hover,
	.fullwidth-slider .owl-controls .owl-buttons .owl-next:hover,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-prev:hover,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-next:hover {
	/*background: #fff;*/
	color: #4bc3cc;
}

.content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-next,
	.fullwidth-slider .owl-controls .owl-buttons .owl-next,
	.nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
}

.nf-carousel-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
	margin-left: -51px;
	opacity: 0;
}

.nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
	margin-right: -51px;
	opacity: 0;
}

.content-carousel:hover .owl-controls .owl-buttons .owl-prev,
	.content-carousel:hover .owl-controls .owl-buttons .owl-next,
	.image-slider:hover .owl-controls .owl-buttons .owl-prev, .image-slider:hover .owl-controls .owl-buttons .owl-next,
	.fullwidth-slider:hover .owl-controls .owl-buttons .owl-prev,
	.fullwidth-slider:hover .owl-controls .owl-buttons .owl-next,
	.nf-carousel-theme:hover .owl-controls .owl-buttons .owl-prev,
	.nf-carousel-theme:hover .owl-controls .owl-buttons .owl-next {
	margin-right: 0;
	margin-left: 0;
	opacity: 1;
}

/* -------------------------------------*/
/* Singel Item slider (Images & Contant Slider) ---------*/
/* -------------------------------------*/
.content-carousel .owl-controls .owl-pagination, .image-slider .owl-controls .owl-pagination,
	.fullwidth-slider .owl-controls .owl-pagination, .item1-carousel .owl-controls .owl-pagination
	{
	position: absolute;
	bottom: 0;
	z-index: 2;
	bottom: 15px;
	left: 0;
	text-align: center;
	width: 100%;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
	.content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-prev,
	.image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-prev,
	.fullwidth-slider .owl-controls .owl-buttons .owl-next {
	width: 51px;
	height: 51px;
	line-height: 51px;
	font-size: 21px;
	margin-top: -25px;
}

.content-carousel .owl-controls .owl-buttons .owl-prev, .image-slider .owl-controls .owl-buttons .owl-prev,
	.fullwidth-slider .owl-controls .owl-buttons .owl-prev {
	left: 0;
	margin-left: -51px;
	opacity: 0;
}

.content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-next,
	.fullwidth-slider .owl-controls .owl-buttons .owl-next {
	right: 0;
	margin-right: -51px;
	opacity: 0;
}

/*===========================================================================================*/
/* Preloader ------------------------- */
/*===========================================================================================*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
	z-index: 9999;
	display: block;
}

#preloader .loader {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	text-align: center;
}

#preloader .loader .loader-img {
	background: url("../img/loading.GIF");
	width: 60px;
	height: 60px;
	display: block;
}

/*===========================================================================================*/
/* Additional */
/*===========================================================================================*/

/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 50%;
	margin-left: -15px;
}

.intro-scroll-down .mouse {
	position: relative;
	display: block;
	width: 45px;
	height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.intro-scroll-down .mouse .mouse-dot {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

.background--light .intro-scroll-down .mouse {
	border: 2px solid #333333;
}

.background--light .intro-scroll-down .mouse .mouse-dot {
	background: #333333;
}

@
-webkit-keyframes ani-mouse { 0% {
	opacity: 1;
	top: 29%;
}

15%
{
opacity


















:









 









1;
top


















:









 









50%;
}
50%
{
opacity


















:









 









0;
top


















:









 









50%;
}
100%
{
opacity


















:









 









0;
top


















:









 









29%;
}
}
@
-moz-keyframes ani-mouse { 0% {
	opacity: 1;
	top: 29%;
}

15%
{
opacity


















:









 









1;
top


















:









 









50%;
}
50%
{
opacity


















:









 









0;
top


















:









 









50%;
}
100%
{
opacity


















:









 









0;
top


















:









 









29%;
}
}
@
keyframes ani-mouse { 0% {
	opacity: 1;
	top: 29%;
}

15%
{
opacity


















:









 









1;
top


















:









 









50%;
}
50%
{
opacity


















:









 









0;
top


















:









 









50%;
}
100%
{
opacity


















:









 









0;
top


















:









 









29%;
}
}

/* ----------------------------------*/
/* Scroll Top Arrow */
/* ----------------------------------*/
.scroll-top {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-align: center;
	font-size: 20px;
	background: #333333;
	background: #555;
	color: #fff;
	z-index: 99;
	display: none;
	transition: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.scroll-top:hover {
	background: #4bc3cc;
	text-decoration: none;
	color: #fff;
}

@media ( max-width : 768px) {
	.scroll-top {
		opacity: 0;
		visibility: hidden;
	}
}
/* ----------------------------------*/
/* about us */
/* ----------------------------------*/
.proud li {
	color: #4bc3cc;
	line-height: 30px;
	font-size: 14px;
	list-style-position: inside;
	list-style-type: square;
}

.proud li span {
	color: #666;
}

ul.proud {
	margin-left: -40px;
}

.li-square-small {
	font-size: 5px;
	color: #4bc3cc;
}

.about-li-text {
	color: #666;
	line-height: 16px;
	font-size: 14px;
}

.history-title {
	font-size: 24px;
	font-weight: bold;
	color: #4bc3cc;
	margin-bottom: 20px;
}

.history-title:not(first-child) {
	margin-top: 45px;
}

.history-img {
	height: 120px;
	margin-right: 10px;
	display: inline-block;
}

.invest-title {
	font-size: 28px;
	font-weight: normal;
	color: #333;
	margin-bottom: 30px;
}

.invest-key-word {
	margin-bottom: 60px;
	line-height: 40px;
	border-left: 3px solid #e7e7e7;
	padding-left: 30px;
	color: #333;
}

.invest-key-word, .invest-key-word p {
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	color: #333;
}

.invest-progress {
	font-size: 18px;
	font-weight: bold;
}

.invest-progress-img {
	margin: 20px auto 40px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #4bc3cc;
}

.margin-bottom-60 {
	margin-bottom: 50px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-right-10 {
	margin-right: 10px;
}

.recruit-title2 {
	font-size: 16px;
	font-weight: bold;
}

.color-666 {
	color: #666;
}

.recruit-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.recruit-position {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}

.recruit-sum {
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
}

.recruit-item-box {
	padding: 20px 0;
}

.input-style1 {
	width: 200px;
	height: 35px;
	display: inline;
	border: 1px solid #e7e7e7;
}

.input-style1-box {
	width: 200px;
	display: inline-block;
	vertical-align: top;
}

.input-style2 {
	width: 100px;
	height: 35px;
	display: inline-block;
	border: 1px solid #e7e7e7;
}

.input-style2-box {
	width: 150px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}

.input-style4 {
	width: 270px;
	height: 35px;
	display: inline;
	border: 1px solid #e7e7e7;
}

.input-style3 {
	width: 70px;
	height: 35px;
	display: inline;
	border: 1px solid #e7e7e7;
}

.input-style21 {
	width: 130px;
	height: 35px;
	display: inline;
	border: 1px solid #e7e7e7;
}

.recruit-textarea {
	width: 80%;
	max-width: 550px;
	height: 120px;
	margin-bottom: 10px;
}

.item-input-left {
	width: 140px;
	height: 35px;
	vertical-align: top;
	font-size: 14px;
	line-height: 35px;
	color: #333;
	display: inline-block;
}

.person .item-input-left {
	padding-right: 5px;
}

.person-info-box .item-input-left {
	vertical-align: middle;
}

.forgot-input-left {
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: #333;
	padding-right: 5px;
	display: inline-block;
	text-align: right;
}

.item-input-left2 {
	width: 130px;
	vertical-align: top;
	font-size: 14px;
	line-height: 35px;
	color: #333;
	display: inline-block;
}

.item-input-right {
	width: 65%;
	/*height: 35px;*/
	display: inline-block;
	vertical-align: middle;
}

.item-input-right2 {
	width: 70%;
	height: auto;
	display: inline-block;
}

.label-sex {
	padding: 0;
	margin: 0 10px 0 0;
	line-height: 35px;
}

.input-line {
	margin-bottom: 10px;
}

.register .input-line {
	margin-bottom: 15px;
}

.register .btn-black-line {
	padding: 5px 8px 6px 8px;
	line-height: 22px;
}

.zone-left-icon {
	background-color: #fff !important;
	display: inline-block !important;
	padding: 4px 7px !important;
	font-size: 15px !important;
	height: 35px;
	width: 35px;
	color: #555;
	text-align: center;
	font-weight: normal;
	border: 1px solid #ddd;
	border-right: none;
	vertical-align: top;
}

.zone-right-input {
	height: 35px;
	float: none !important;
	width: auto;
	min-width: 300px;
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #888;
	outline: none;
	font-weight: 400;
	font-size: 13px;
	padding: 0px 15px;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	display: -moz-box !important;
}

.img-verify_code {
	width: 80px;
}

.contact-left {
	width: 200px;
	margin-right: 30px;
	display: inline-block;
}

.contact-left1 {
	width: 160px;
	margin-right: 30px;
	display: inline-block;
}

.contact-right {
	width: 60%;
	display: inline-block;
	vertical-align: top;
}

.contact-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 20px 0;
}

.contact-wx-text1 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
}

.contact-content {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	/*font-weight: bold;*/
	margin-bottom: 0;
}

.contact-wx-box {
	margin-top: 90px;
}

.color-red {
	color: #4bc3cc;
}

.color-green {
	color: green;
}

.question-3-no {
	display: none;
}

.report-icon-frown {
	font-size: 60px;
	color: #999;
}

.report-icon-text {
	font-size: 20px;
	color: #333;
}

.report-notice-box {
	padding: 60px 10px;
}
/* ----------------------------------*/
/* work */
/* ----------------------------------*/
#work {
	background-color: #f7f7f7;
}

#register-company-box {
	display: none;
}

.style-no-point {
	list-style-type: none;
}

.style-no-point li input[type="radio"] {
	font-size: 16px;
}

.item-box {
	/*border: 1px solid #e7e7e7;*/
	padding: 20px 20px 0 20px;
}

.item-box .shop-item {
	padding: 0px;
	border-radius: 500px;
}

.item-box .title {
	font-size: 16px;
	color: #333;
	line-height: 16px;
}

.item-box .title {
	font-size: 16px;
	color: #333;
	line-height: 16px;
	margin-bottom: 15px;
}

.item-box .add-title {
	font-size: 14px;
	color: #999;
	line-height: 14px;
	margin-bottom: 10px;
}

.item-box .add-rate {
	font-size: 36px;
	color: #4bc3cc;
	line-height: 46px;
	margin-bottom: 20px;
}

.item-box .start {
	font-size: 14px;
	color: #999999;
	line-height: 14px;
	margin-bottom: 5px;
}

.item-box .now {
	font-size: 14px;
	color: #999999;
	line-height: 14px;
	margin-bottom: 0;
}

.product-list-text1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-20 {
	margin-top: 20px;
}

.back-text {
	/*text-decoration: underline;*/
	margin-right: 5px;
}

.underline-666 {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 5px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 10px;
	line-height: 1.42857143;
	vertical-align: middle;
	border: 1px solid #e7e7e7;
	text-align: center;
}

.table-hover tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.table.table-product>thead>tr>th, .table.table-product>tbody>tr>th,
	.table.table-product>tfoot>tr>th, .table.table-product>thead>tr>td,
	.table.table-product>tbody>tr>td, .table.table-product>tfoot>tr>td {
	padding: 10px;
	line-height: 1.42857143;
	vertical-align: middle;
	border: 1px solid #e7e7e7;
	text-align: left;
	min-width: 200px;
	padding-left: 40px;
}

.table.table-product>tbody>tr>td:first-child {
	font-weight: bold;
}

.text-underline {
	text-decoration: underline;
	cursor: pointer;
}

a.text-underline:hover {
	text-decoration: underline;
}

.product-download .accordion-section {
	max-width: 400px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.login-box1 {
	padding: 30px 80px !important;
}

.input-group-addon {
	border-radius: 0;
}

.erweima {
	text-align: right;
}

.erweima img {
	width: 100px;
	float: right;
}

.index-slider-img {
	max-height: 240px;
	width: auto;
}

.proud li span.notice-text-title {
	margin-right: 10px;
	color: #333;
	font-size: 16px;
}

.proud.recruit li span.notice-text-title {
	margin-right: 10px;
	color: #222;
	font-size: 16px;
}

.proud li span.notice-text-title:hover {
	color: #4bc3cc;
	font-size: 16px;
	/*text-decoration: underline;*/
}


.proud li span.notice-text-subtitle {
	margin-right: 10px;
	color: #666;
	font-size: 14px;
}

.proud.recruit li span.notice-textsubtitle {
	margin-right: 10px;
	color: #333;
	font-size: 14px;
}

.proud li span.notice-text-subtitle:hover {
	color: #4bc3cc;
	font-size: 14px;
	/*text-decoration: underline;*/
}

.proud li span.text-time {
	color: #999999;
	font-size: 12px;
}

#customer-box {
	padding: 150px 0 120px 0;
}

.nav_scroll {
	position: fixed;
	top: 60px;
	z-index: 999;
	width: 100% !important;
	padding: 20px 0 0 0;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e7e7e7;
}

.nav_scroll .container-filter {
	margin-bottom: 15px;
}

#dituContent {
	width: 100%;
	height: 500px;
	border: 1px solid #e7e7e7;
}

h2.about-us-h2 {
	padding-top: 0px;
	font-weight: normal;
	margin-bottom: 40px;
}

h2.product-list-h2 {
	padding-top: 0px;
	font-weight: normal;
	margin-bottom: 40px;
	margin-top: 5px;
}

.product-list-text2 {
	font-size: 24px;
	line-height: 40px;
	color: #fff;
}

.product-list-text3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
}

.color-888 {
	color: #888888;
}

.margin-top-30 {
	margin-top: 30px;
}

.ui-tabs .ui-tabs-nav li {
	font-weight: normal !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #4bc3cc;
	font-weight: bold;
}

.input-group-addon {
	border-radius: 0 !important;
}

.modal {
	z-index: 3000 !important;
}

.font-36 {
	font-size: 36px;
	color: #999;
}

.font-16 {
	font-size: 16px;
	color: #333;
}

.font-14 {
	font-size: 14px;
}

.modal-text-666 {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-bottom: 30px;
	font-weight: normal;
}

h4.modal-title {
	font-size: 24px;
	display: inline-block;
	margin-right: 20px;
}

#modal-Product-look h4.modal-title, #modal-Product-sum h4.modal-title {
	font-size: 18px;
	display: inline-block;
	margin-right: 20px;
}

#modal-Product-look .modal-header, #modal-Product-sum .modal-heade {
	min-height: 16.42857143px;
	padding: 10px 15px;
	border-bottom: 1px solid #e5e5e5;
}

#modal-Product-look button, #modal-Product-sum button {
	font-size: 22px;
	color: #666;
}

#modal-Product-look .btn-red, #modal-Product-sum .btn-red {
	color: #fff;
	background: #4bc3cc;
	padding: 5px 10px;
	border: none;
	font-weight: normal !important;
}

#modal-Product-look .modal-footer, #modal-Product-sum .modal-footer {
	border-top-color: #f4f4f4;
	background-color: #f4f4f4;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.customer-left-header {
	margin: 20px 0 20px 0;
}

.customer-left-header .right {
	padding: 0px 0 20px 15px;
	display: inline-block;
	vertical-align: top;
}

.customer-left-header .right h4 {
	margin-bottom: 10px;
	padding: 0;
	font-weight: bold;
}

.customer-line-1 {
	display: inline-block;
	margin-right: 40px;
}

.confirm-1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px;
}

.confirm-2 {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

.title-info-expless {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin-left: 20px;
}

.question-1-box.register {
	width: 550px;
	margin: 0 auto;
}

.question-1-box {
	width: 500px;
	margin: 0 auto;
}

.question-text-1 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.question-title-expless {
	color: #4bc3cc;
	font-weight: normal;
	font-size: 18px;
}

.question-text-2 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
	margin-bottom: 15px;
}

.question-text-3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.question-text-4 {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 5px;
}

.question-ask-box .question-text-4 {
	margin-left: -10px;
}

.question-text-5 {
	font-size: 15px;
	font-weight: normal;
	color: #333;
	margin-bottom: 20px;
}

.question-text-6 {
	font-size: 24px;
	font-weight: bold;
	color: #4bc3cc;
}

.team-text1 {
	font-size: 21px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
}

.team-text2 {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	margin-bottom: 2px;
}

.team-text3 {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 30px;
}

.team-text4 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
}

.team-text5 {
	font-size: 18px;
	color: #4bc3cc;
	font-weight: bold;
	margin-bottom: 10px;
}

.team-text6 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 20px;
}

.text-star {
	color: #4bc3cc;
	font-size: 20px;
	vertical-align: middle;
}

.register-text-red-1 {
	position: absolute;
	width: 200px;
	vertical-align: top;
	line-height: 20px;
	margin-left: 10px;
	color: #4bc3cc;
}

input[name='edu[school][]'] {
	display: none;
}

#forgot-phone-1, #forgot-phone-2, #forgot-email-1 {
	display: none;
	width: 550px;
	margin: 0 auto;
}

#forgot-phone-1 span.btn-black-line {
	padding: 8px 10px;
}

#form-question11 {
	display: none;
}

.blue-tag {
	width: 50px;
	height: 14px;
	background-color: #3c8dbc;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.red-tag {
	width: 50px;
	height: 14px;
	background-color: #4bc3cc;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.chart-tag-box {
	padding-left: 50px;
}

.font-bold {
	font-weight: bold;
}

#product-checkbox .modal-header, #product-checkbox2 .modal-header {
	border-bottom: none;
}

#product-checkbox .modal-body, #product-checkbox2 .modal-body {
	padding: 20px;
}

#product-checkbox .modal-footer, #product-checkbox2 .modal-footer {
	border-top: none;
}

#product-checkbox .modal-footer .btn-black-line, #product-checkbox2 .btn-black-line
	{
	padding: 10px 12px;
	line-height: normal;
}

.detail-content-box {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: #333;
	text-align: left;
}

.detail-content-box p {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: #333;
	text-align: left;
}

.detail-content-box section {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: #333;
	text-align: left;
}

.nothing-box {
	padding: 50px 0;
	color: #666;
	font-size: 18px;
}

.nothing-box i.fa {
	font-size: 25px;
}

#chart-zh, #chart-kf {
	font-size: 16px;
}

.ui-tabs .ui-tabs-nav li.tab-border-black.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
	background: #fff;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: none;
}

.ui-tab-content.tab-border-black {
	border-top: 1px solid #d1d1d1;
	margin-top: -1px;
}

.margin-30-10 {
	margin-bottom: 30px;
}

.mobile-display-block {
	display: none;
}

.input-style2.mobile {
	margin-right: 5px;
	margin-left: -3px;
}

.mobile-display-inline-block {
	display: none;
}

.list-paddingleft-2 {
	padding-left: 15px;
}

.q-a-title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.q-a-content {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 24px;
}

@media ( max-width : 1199px) {
	.zone-right-input {
		min-width: 290px;
	}
	.login-box1 {
		padding: 30px 30px !important;
	}
}

@media ( max-width : 768px) {
	.login-box1 {
		padding: 30px 80px !important;
	}
	.mobile-customer-gray-bg {
		background-color: #f0f0f0;
		padding: 2px 7px;
		margin-bottom: 10px;
	}
	/*.inner-intro.bg-team{
        background-position: 50% 15% !important;
    }*/
	#modal-take-off .modal-dialog {
		margin-top: 150px;
	}
	.mobile-top-20 {
		margin-top: 20px !important;
	}
	.customer-left-header {
		margin: 10px 0 10px 0;
	}
	.mobile-display-inline-block {
		display: inline-block;
	}
	h2 {
		margin-bottom: 15px;
	}
	.margin-30-10 {
		margin-bottom: 10px;
	}
	.mobile-bottom-40 {
		margin-bottom: 40px;
	}
	.mobile-bottom-5 {
		margin-bottom: 5px !important;
	}
	.spacer-15 {
		width: 100%;
		height: 5px;
	}
	.client-logo img {
		margin-bottom: 10px;
		height: auto;
		width: 100%;
	}
	.owl-carousel .owl-item {
		padding-right: 5px;
		padding-left: 5px;
	}
	.zone-right-input {
		min-width: 220px;
	}
	.contact-wx-box {
		margin-top: 10px;
	}
	.chart-tag-box {
		padding-left: 10px;
	}
	.ptb-sm-60 {
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.ptb-sm-20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.confirm-2 {
		padding-left: 0;
	}
	.question-1-box.register {
		width: 100%;
		margin: 0 auto;
	}
	.inner-intro .container .title.product-list-text-box {
		padding-top: 100px;
		width: 90%;
		padding: 100px 0;
		text-align: left;
	}
	/*.img-responsive{*/
	/*width: 100% !important;*/
	/*}*/
	.erweima img {
		margin-bottom: 20px;
		float: none;
	}
	#dituContent {
		width: 100%;
		height: 400px;
	}
	.header-lan-btn {
		border: 2px solid #333;
		padding: 5px;
		color: #333;
	}
	#header {
		top: -64px;
	}
	.header-lan-btn-1 {
		border: 2px solid #fff;
		padding: 3px 10px;
		color: #fff;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.footer-m-span {
		display: block;
	}
	.index-slogen {
		font-size: 30px;
	}
	p.lead, .lead {
		font-size: 14px;
		font-weight: normal;
		line-height: 26px;
		color: #333;
		text-align: left;
	}
	h2.about-us-h2 {
		padding-top: 0px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	.erweima {
		text-align: center;
		margin-bottom: 10px;
	}
	.col-md-2.erweima {
		width: 100%;
	}
	.col-md-2.erweima img {
		width: auto;
		margin: 0 auto 20px auto;
	}
	.container-filter li a {
		display: block;
		margin-left: 15px;
		margin-right: 15px;
		text-transform: uppercase;
		/*letter-spacing: 2px;*/
		font-size: 14px;
		font-weight: normal;
		font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	}
	.container-filter {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
		padding: 0;
		text-align: center;
	}
	.mobile-display-none {
		display: none !important;
	}
	.mobile-display-block {
		display: block;
	}
	.table-responsive>.table.table-hover {
		margin-bottom: 20px;
	}
	.table.table-product>thead>tr>th, .table.table-product>tbody>tr>th,
		.table.table-product>tfoot>tr>th, .table.table-product>thead>tr>td,
		.table.table-product>tbody>tr>td, .table.table-product>tfoot>tr>td {
		padding: 10px;
		line-height: 1.42857143;
		vertical-align: middle;
		border: 1px solid #e7e7e7;
		text-align: left;
		min-width: 100px;
		padding-left: 10px;
	}
	.item-input-left {
		width: 30%;
		vertical-align: middle;
		font-size: 12px;
		color: #333;
		display: inline-block;
	}
	.question-1-box.register .item-input-left {
		width: 30%;
		vertical-align: top;
		font-size: 12px;
		color: #333;
		display: inline-block;
	}
	.question-1-box.register .input-style1 {
		margin-bottom: 5px;
	}
	.question-1-box.register .register-text-red-1 {
		position: relative;
		margin-left: 0;
	}
	.item-input-right {
		width: 68%;
		display: inline-block;
		vertical-align: middle;
	}
	.item-input-left2 {
		width: 30%;
		vertical-align: top;
		font-size: 12px;
		line-height: 35px;
		color: #333;
		display: inline-block;
	}
	.item-input-right2 {
		width: 68%;
		height: auto;
		display: inline-block;
	}
	.recruit-textarea {
		width: 100%;
		max-width: 200px;
		height: 120px;
		margin-bottom: 10px;
	}
	#customer-box {
		padding: 100px 0 40px 0;
	}
	.login-box1 {
		padding: 30px 15px !important;
	}
	.contact-left {
		width: 100%;
		margin-right: 0;
		display: inline-block;
	}
	.contact-left .img-responsiveimg-responsive {
		margin: 0 auto;
	}
	.contact-right {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	.history-img {
		height: auto;
		margin-right: 10px;
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}
	.invest-key-word {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 60px;
		line-height: 31px;
		border-left: 3px solid #e7e7e7;
		color: #333;
		padding: 10px 30px;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: 10px 10px !important;
	}
	.input-style4 {
		width: 200px;
		height: 35px;
		display: inline;
		border: 1px solid #e7e7e7;
	}
	.input-style2.mobile {
		width: 80px;
		margin-right: 5px;
		margin-left: -4px;
	}
	.nav_scroll {
		position: fixed;
		top: 64px;
		z-index: 999;
		width: 100% !important;
		padding: 15px 0 0 0;
		background-color: #ffffff;
		border-bottom: 1px solid #e7e7e7;
	}
	.nav_scroll .container-filter {
		margin-bottom: 15px;
	}
	.input-style2-box {
		width: 130px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px;
	}
	.mobile-margin-10 {
		margin: 10px;
	}
	.nav_scroll .container-filter li a {
		display: block;
		margin-left: 10px;
		margin-right: 10px;
		text-transform: uppercase;
		/*letter-spacing: 2px;*/
		font-size: 12px;
		font-weight: normal;
		font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	}
	.modal-body {
		padding: 15px !important;
	}
	.modal-header-img {
		margin: 0 auto 20px auto;
	}
	.modal .color-888 {
		display: block;
	}
	.history-title:not(first-child) {
		margin-top: 25px;
	}
	.sidebar-widget ul li a {
		display: inline-block;
		padding: 0px 0px 9px 0;
		font-size: 13px;
		color: #666;
		font-weight: normal;
		margin-left: 0;
		margin-right: 7px;
	}
	.sidebar-widget ul li.active a {
		display: inline-block;
		font-weight: bold;
		font-size: 13px;
		padding: 0px 0px 9px 0;
		margin-left: 0;
	}
	.sidebar-widget ul.product1 li:not (.active ) a {
		display: inline-block;
		padding: 1px 9px 1px 0;
		font-size: 13px;
		color: #666;
		font-weight: normal;
		margin-left: 0;
	}
	.sidebar-widget ul li {
		display: inline-block;
	}
	.sidebar-widget ul li.active a:before {
		display: none;
	}
	.sidebar-widget {
		margin-bottom: 20px;
	}
	.sidebar-widget h4 {
		padding-bottom: 5px;
	}
	.sidebar-widget hr {
		margin-bottom: 5px;
	}
	.invest-title {
		margin-top: 30px;
	}
	.mobile-block {
		display: block;
	}
	.full-intro .header {
		position: fixed;
		top: 0;
	}
	.navigation #menu-button .mobile-menu-icon {
		color: #333 !important;
	}
	.navigation #menu-button.menu-opened .mobile-menu-icon {
		color: #4bc3cc !important;
	}
	.team-text1 {
		font-size: 21px;
		color: #333;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.team-text2 {
		font-size: 16px;
		color: #666;
		font-weight: normal;
		margin-bottom: 10px;
	}
	.zone-right-input {
		margin-left: -1px;
	}
	.mobile-right-5 {
		margin-right: 7px;
	}
	.sidebar-widget ul.product1 li.active a {
		display: inline-block;
		font-size: 13px;
		padding: 1px 7px 1px 0;
		font-weight: normal;
	}
	.sidebar-widget ul.product1 li a {
		display: inline-block;
		font-size: 13px;
		padding: 1px 7px 1px 0;
		font-weight: normal;
	}
	.sidebar-widget ul.product li:not (.active ) a {
		margin-left: 0;
	}
	.full-intro .header.sticky {
		background-color: rgba(255, 255, 255, 1);
	}
}

@media ( max-width : 370px) {
	.mobile-right-5 {
		margin-right: 3px;
	}
	.mobile-customer-left-title1 {
		font-size: 12px;
	}
	.person .item-input-left {
		padding-right: 0;
	}
}

@media ( min-width :370px) and (max-width: 399px) {
	.mobile-customer-left-title1 {
		font-size: 14px !important;
	}
}

@media ( min-width :400px) and (max-width: 768px) {
	.mobile-customer-left-title1 {
		font-size: 15px !important;
	}
}

@media ( min-width : 1000px) {
	.container.about-us {
		width: 1000px !important;
	}
}

@media ( min-width : 768px) {
	.modal-dialog {
		width: 500px !important;
		margin: 80px auto 30px auto !important;
	}
	#modal-Product-look .modal-dialog {
		width: 700px !important;
		margin: 80px auto 30px auto !important;
	}
	#modal-Product-sum .modal-dialog {
		width: 700px !important;
		margin: 80px auto 30px auto !important;
	}
}