@import "base.css";
@import "skeleton.css";
@import "flexslider.css";
@import "layerslider.css";
@import "pricing_tables.css";
@import "imagebox.css";
@import "icons.css";
* {
	font-family: 'Microsoft YaHei', 'STHeiti', '宋体', 'arial';
}
pre {
    white-space: pre-wrap;
}
input[type="submit"] {
	border: none;
	outline: none;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.headline {
	display: block;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 10px;
	margin: 20px 0;
	font-size: 20px;
}
.headline span {
	color: #888;
	font-weight: 400;
	font-size: 14px;
	float: right
}
h5.headline {
	padding: 0 0 8px;
	margin: 0 0 13px
}
#page-title {
	border: 1px solid #e2e2e2;
	border-left: 0;
	border-right: 0;
	margin-top: -1px;
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-image: linear-gradient(to top, #FAFAFA 0%, #FCFCFC 100%);
	background-color: #fafafa;
	margin-bottom: 15px;
	padding: 28px 0
}
#page-title h2 {
	font-weight: 400;
	font-size: 22px
}
#page-title span {
	color: #a0a0a0
}
.item-img,
.post-img {
	position: relative
}
.overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 180ms ease-in-out;
	transition: opacity 180ms ease-in-out
}
.overlay.zoom {
	background: rgba(0, 0, 0, .4)
}
.overlay.zoom:before {
	content: "";
	font-family: fontawesome;
	color: #fff;
	font-size: 38px;
	position: absolute;
	color: #ee9b11;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.overlay:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100)
}
#backtotop {
	position: fixed;
	right: 0;
	display: none;
	bottom: 20px;
	margin: 0 20px 0 0
}
#backtotop a {
	text-decoration: none;
	border: 0;
	display: block;
	width: 45px;
	height: 45px;
	background-color: #ccc;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 3px
}
#backtotop a:before {
	content: "";
	font-family: fontawesome;
	color: #fff;
	font-size: 20px;
	left: 12px;
	top: 10px;
	position: absolute
}
#backtotop a:hover {
	background-color: #2da0ce
}
.client-logo li {
	border: 1px solid #e5e5e5;
	float: left;
	margin: -1px 0 0 -1px
}
#header {
	min-height: 80px;
	background-color: white;
}
.selectnav {
	display: none;
	cursor: pointer;
	width: 100%;
	padding: 8px;
	height: 37px;
	float: left;
	font-size: 14px
}
#navigation {
	float: right
}
#navigation ul,
#navigation li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline
}
#navigation ul li {
	float: left;
	position: relative
}
#navigation ul li a {
	display: inline-block;
	color: #888;
	padding: 31px 12px 28px;
	margin: 0 5px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px solid transparent;
	z-index: 1000;
	position: relative;
}
#navigation ul li a:hover {
	border-bottom: 3px solid #2da0ce;
}
#navigation ul ul {
	opacity: 0;
	margin: -2px 0 0 5px;
	filter: alpha(opacity=0);
	position: absolute;
	top: -99999px;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-top: 3px solid #2da0ce;
	z-index: 999;
}
#navigation ul ul li a:hover {
	border-bottom: 1px solid #2da0ce;
}
#navigation ul ul li a {
	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-weight: 400;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid transparent;
	-webkit-transition: all .33s;
	transition: all .33s;
}
#navigation ul ul ul {
	position: absolute;
	top: -99999px;
	left: 100%;
	opacity: 0;
	margin: -3px 0 0;
	z-index: 999
}
#navigation ul ul ul li a {
	border-bottom: 1px solid #ddd!important;
	border-top: 1px solid transparent
}
#navigation ul ul li:last-child a,
#navigation ul ul li:last-child a:hover {
	border-bottom: 1px solid transparent
}
#navigation ul ul ul li:last-child a {
	border-bottom: 1px solid transparent!important
}
#navigation ul li:hover > ul {
	opacity: 1;
	position: absolute;
	top: 99%;
	left: 0
}
#navigation ul ul li:hover > ul {
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 1;
	z-index: 497;
	background: #fff;
	border: 0;
}
#navigation ul li:hover > a {
	color: #444;
}
#navigation ul ul li:hover > a {
	border-top: 1px solid transparent;
	color: #2da0ce;
}
#navigation > ul > li > a.active {
	font-weight: 600!important;
	color: #2da0ce!important;
	border-bottom: 3px solid #2da0ce!important;
}
.ie7 .ie-dropdown-fix {
	position: relative;
	z-index: 5
}
.ie8 .ie-dropdown-fix {
	position: relative;
	z-index: 5
}
.features {
	margin: 40px 0 0;
	float: left
}
.feature {
	margin: 0 0 10px
}
.feature-description {
	margin-left: 70px
}
.feature h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 34px
}
.feature-circle {
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	padding: 6px;
	color: #fff;
	border-radius: 50%;
	float: left;
	margin-top: 10px
}
.feature-circle i {
	font-size: 18px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	text-align: center
}
.feature-circle.blue {
	background: #2da0ce
}
.feature-circle.gray {
	background: #555
}
.portfolio-item {
	margin-bottom: 20px
}
.portfolio-item-meta h5 {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	padding: 13px 0;
	margin: 0 0 11px;
	border-bottom: 1px solid #e7e7e7;
	letter-spacing: 0
}
.portfolio-item-meta h5 span {
	display: block;
	color: #888;
	font-weight: 400;
	margin-top: 3px
}
.portfolio-item-meta a {
	color: #777;
	font-size: 15px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.portfolio-item-meta a:hover {
	color: #ee9b11;
}
.portfolio-item-meta p {
	color: #777;
	height: 3.15em;
	overflow: hidden;
}
.info-box {
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #FAFAFA 0%, #FFFFFF 100%);
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	padding: 20px 25px;
	margin: 25px 0 20px
}
.info-box p {
	margin: 0
}
.info-box h4 {
	line-height: 24px;
	font-weight: 700
}
.info-box a {
	margin: 5px 0 0
}
.info-content {
	float: left
}
#filters,
#list_btn {
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	width: 100%;
	margin-bottom: 25px;
	line-height: 24px
}
#filters ul li,
#list_btn ul li {
	display: inline;
	padding: 0 10px 0 0;
	background: url(../images/filter_divider.png) no-repeat 97% 50%
}
#filter ul li:first-child,
#list_btn ul li:first-child {
	padding-left: 0
}
#filters ul li:last-child,
#list_btn ul li:last-child {
	background: 0 0
}
#filters a,
#list_btn a {
	color: #777;
	font-size: 14px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	padding: 5px 12px;
	border-radius: 3px
}
#filters a:hover,
#list_btn a:hover {
	color: #fff;
	background: #aaa
}
.selected {
	background: #2da0ce;
	color: #fff!important
}
.selected:hover {
	background: #2da0ce!important
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}
.isotope.infinite-scrolling {
	-webkit-transition: none;
	transition: none
}
.post {
	margin: 30px 0 0
}
.post p {
	margin: 0 0 20px
}
.post-img,
.embed {
	margin: 0 0 15px
}
.post-content {
	/* margin: 0 0 0 20px!important */
}
.post-title h2 a {
	font-size: 18px;
	color: #444;
	margin: 0 0 15px;
	display: block;
	/* padding-left: 225px */
}
.post-title h2 a:hover {
	color: #606060
}
.post-date {
	color: #888;
	border-top: 1px solid #e7e7e7;
	display: block;
	text-align: right;
	padding: 15px 0
}
.post-desc {
	padding: 18px 0 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.post-desc .button {
	margin-bottom: 25px
}
.post-meta {
	padding: 15px 0 25px
}
.post-meta,
.post-meta a {
	color: #888
}
.post-meta a:hover {
	color: #606060
}
.post-meta span:first-child {
	padding-left: 0
}
.post-meta span:last-child {
	border: 0
}
.post-meta span {
	padding: 0 10px;
	border-right: 1px solid #e7e7e7
}
.comments-sec {
	float: left;
	width: 100%;
	line-height: 24px
}
.comments-sec h5 {
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600
}
.comments-sec h5 span {
	color: #888
}
ol.commentlist {
	float: left;
	width: 100%;
	margin: 0
}
ol.commentlist li {
	float: left;
	border-top: 1px solid #e7e7e7;
	padding: 25px 0 20px
}
ol.commentlist li:first-child {
	border: 0;
	padding: 25px 0 0
}
ol.commentlist li {
	list-style: none
}
ol li ol.childlist {
	float: right;
	width: 89%;
	margin: 0
}
ol.commentlist li ol.childlist li:first-child {
	border-top: 1px solid #e7e7e7;
	padding: 25px 0 0;
	font-size: 14px
}
ol.commentlist li ol.childlist li {
	border-top: 1px solid #e7e7e7;
	margin: 25px 0 15px;
	font-size: 14px
}
.comments {
	float: left;
	width: 100%
}
ol li ol.childlist .comment-des {
	float: right;
	width: 88%
}
.avatar {
	float: left
}
.comment-des {
	float: right;
	width: 89%
}
.comment-des strong {
	float: left;
	color: #444;
	padding-right: 5px;
	font-size: 14px
}
.comment-des span {
	float: left;
	color: #888
}
.comment-by {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	color: #000
}
.comment-by span.reply {
	color: #777;
	float: right
}
.comment-by span.reply a {
	font-weight: 700;
	float: right;
	height: 17px;
	margin-left: 5px;
	font-weight: 400
}
.comment-by span.date {
	color: #888;
	padding-right: 7px;
	float: right
}
.comment-des p {
	line-height: 24px
}
.form_comment label {
	display: block;
	color: #676767;
	margin-top: 15px;
	padding-bottom: 4px
}
.form_comment label span {
	color: #ea1c1c
}
.form_comment input,
.form_comment textarea {
	width: 240px
}
.form_comment textarea {
	min-width: 97%;
	max-width: 97%;
	height: 160px
}
.prev,
.next {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 3px;
	display: block;
	font-family: fontawesome;
	color: #fff;
	font-size: 16px;
	height: 26px;
	width: 26px;
	color: #fff
}
.prev {
	background-color: #606060;
	display: block;
	float: left
}
.next {
	background-color: #606060;
	z-index: 6;
	display: block;
	float: right
}
.next:before {
	content: "";
	top: 4px;
	left: 11px;
	position: relative
}
.prev:before {
	content: "";
	top: 4px;
	left: 10px;
	position: relative
}
.prev:hover,
.next:hover {
	background-color: #2da0ce;
	color: #fff
}
.prev.off,
.next.off {
	background-color: #ccc
}
.pagination .prev,
.pagination .prev.off,
.pagination .next,
.pagination .prev.off {
	margin-top: -3px
}
.pagination {
	border-top: 1px solid #e7e7e7;
	display: block;
	margin: 25px 0 -5px;
	padding-top: 25px;
}
.pages {
	text-align: center
}
.pages a,
.pages span {
	color: #888;
	padding: 25px 8px
}
.pages a:hover {
	color: #444
}
a.current-page,
.pages span {
	color: #444;
	border-top: 3px solid #555;
}
.pages ul li {
	display: inline;
	padding: 0 2px
}
.project-nav {
	margin-top: -57px;
	float: right
}
.project-nav .next {
	float: right;
	margin-left: 3px
}
.project-nav .prev {
	float: right
}
.blog-sidebar,
.sidebar {
	margin: 30px 0 0
}
.widget {
	margin: 25px 0 0;
	line-height: 20px
}
.widget h5 {
	padding-bottom: 12px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px
}
.search input, .search select,.search textarea {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13px 15px 13px 39px;
	color: #888;
	position: relative;
	font-size: 13px;
}
.search input::-webkit-input-placeholder {
	color: #999;
}
.search {
	position: relative
}
.search i {
	position: absolute;
	z-index: 999;
	top: 15px;
	left: 14px;
	color: #aaa;
}
.search:focus {
	border: 1px solid #ddd
}
.categories li a {
	color: #888;
	display: block;
	padding: 9px 0;
	padding-left: 10px;
	border-bottom: 1px solid #e7e7e7
}
.categories li a:before {
	content: "";
	font-family: fontawesome;
	font-size: 16px;
	color: silver;
	margin-right: 10px
}
.categories li:first-child a {
	margin: -15px 0 0
}
.categories li:last-child a {
	border: 0
}
.categories li a:hover {
	color: #444
}
.latest-post-blog {
	margin: 0 0 20px;
	height: 65px
}
.latest-post-blog:last-child {
	margin-bottom: 5px
}
.latest-post-blog p,
.latest-post-blog a {
	margin: 0;
	color: #606060;
	line-height: 22px
}
.latest-post-blog span {
	color: #888;
	margin: 3px 0 0;
	display: block
}
.latest-post-blog img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #dedede;
	padding: 3px;
	height: 49px;
	width: 49px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#new-blog li {
	line-height: 21px;
	margin: 0 0 15px 34px
}
#new-blog li:before {
	content: "\f09e";
	font-family: fontawesome;
	position: absolute;
	font-size: 20px;
	color: #d0d0d0;
	margin-left: -32px;
}
#new-blog li:last-child {
	margin-bottom: 0
}
#new-blog li span a + a {
	color: #888;
}
#new-blog b a {
	color: #888;
	font-weight: 400
}
.flickr-widget-blog {
	margin-right: -12px;
	margin-top: 15px
}
.flickr-widget-blog img {
	display: block;
	width: 100%
}
.flickr-widget-blog a {
	float: left;
	width: 69px;
	height: 69px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #dedede;
	padding: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#google-map {
	position: relative;
	padding: 0;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden
}
.contact-details li {
	margin: 0 0 15px
}
.contact-details p {
	margin: -5px 0 0 20px;
	line-height: 18px
}
.contact-details li i {
	float: left;
	margin: 2px 0 0
}
.field textarea {
	max-width: 97%;
	min-width: 97%;
	height: 160px
}
.field:focus {
	border: 1px solid #ddd
}
.field label span {
	color: #ea1c1c
}
.field .validation-error,
.field .validation-error:focus {
	border: 1px solid #f2c4c2;
	background: #ffeceb;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.loading {
	background: url(../images/loader.gif) no-repeat 1px;
	height: 28px;
	width: 28px;
	display: none;
	float: left;
	margin: 5px
}
.success-message {
	display: none
}
.button {
	display: inline-block;
	font-weight: 700;
	cursor: pointer;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	*float: left;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3)
}
.button:active {
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .08)
}
.button.medium i {
	float: left;
	margin: 3px 6px 0 -5px
}
.button.small i {
	float: left;
	margin: 2px 5px 0 -3px
}
.button.medium {
	padding: 7px 14px;
	font-size: 14px
}
.button.small {
	padding: 6px 12px;
	font-size: 12px;
	line-height: 16px
}
input[type=button] {
	display: inline-block;
	font-weight: 700;
	cursor: pointer;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	*float: left;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
	padding: 7px 14px!important;
	font-size: 14px;
	width: auto!important;
	float: left
}
input[type=button]:active {
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .08)
}
.button.yellow,
input[type=button] {
	border: 1px solid #e6bd4c;
	background-image: -webkit-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-image: linear-gradient(to top, #FCCC73 0%, #FAE198 100%);
	background-color: #fccc73;
	color: #754c00;
	text-shadow: 1px 1px 0 #ffebb7;
	-webkit-filter: dropshadow(color=#ffebb7, offx=1, offy=1);
	filter: dropshadow(color=#ffebb7, offx=1, offy=1);
}
.button.yellow:hover,
input[type=button]:hover {
	background: #fbd684
}
.button.white {
	border: 1px solid #ddd;
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #f7f7f7;
	color: #444;
	text-shadow: 1px 1px 0 #fff;
	-webkit-filter: dropshadow(color=#ffffff, offx=1, offy=1);
	filter: dropshadow(color=#ffffff, offx=1, offy=1)
}
.button.white:hover {
	background: #fbfbfb
}
.button.black {
	border: 1px solid #464646;
	background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: linear-gradient(to top, #464646 0%, #656565 100%);
	background-color: #464646;
	color: #fff;
	text-shadow: 1px -1px 0 #444;
	-webkit-filter: dropshadow(color=#4444444, offx=1, offy=1);
	filter: dropshadow(color=#4444444, offx=1, offy=1)
}
.button.black:hover {
	background: #535353
}
.button.red {
	border: 1px solid #b23730;
	background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-image: linear-gradient(to top, #C74039 0%, #E35752 100%);
	background-color: #c74039;
	color: #fff;
	text-shadow: 1px -1px 0 #a43b37;
	-webkit-filter: dropshadow(color=#a43b37, offx=1, offy=1);
	filter: dropshadow(color=#a43b37, offx=1, offy=1)
}
.button.red:hover {
	background: #ce4640
}
.button.green {
	border: 1px solid #819633;
	background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-image: linear-gradient(to top, #8DA046 0%, #A3B951 100%);
	background-color: #8da046;
	color: #fff;
	text-shadow: 1px -1px 0 #77873b;
	-webkit-filter: dropshadow(color=#77873b, offx=1, offy=1);
	filter: dropshadow(color=#77873b, offx=1, offy=1)
}
.button.green:hover {
	background: #93a749
}
.button.blue {
	/* border: 1px solid #2890b9; */
	/* background-image: -webkit-linear-gradient(bottom, #027daf 0%, #33b2e4 100%); */
	/* background-image: -webkit-linear-gradient(bottom, #0aa7f7 0%, #0093de 100%); */
	/* background-image: linear-gradient(to top, #0aa7f7 0%, #0093de 100%); */
	background-color: #34b3e5;
	color: #fff;
	/* text-shadow: 1px -1px 0 #1c6396; */
	-webkit-filter: dropshadow(color=#1c6396, offx=1, offy=1);
	filter: dropshadow(color=#1c6396, offx=1, offy=1);
	transition:  .33s;
}
.button.blue:hover {
	background: #0093de;
}
#social a {
	width: 32px;
	height: 32px;
	margin: 0 9px 9px 0;
	display: block;
	float: left
}
#social a img {
	border: 0
}
blockquote {
	border-left: 4px solid #e7e7e7;
	padding-left: 20px;
	color: #888;
	line-height: 20px;
	margin: 5px 0 20px;
}
#breadcrumbs ul {
	float: right;
	font-size: 13px;
	margin-top: 5px;
	font-weight: 500
}
#breadcrumbs ul li {
	display: inline-block;
	color: #000;
	margin: 0 0 0 5px
}
#breadcrumbs ul li:after {
	content: "";
	font-family: fontawesome;
	font-size: 12px;
	color: #ccc;
	margin: 0 0 0 9px
}
#breadcrumbs ul li:last-child:after,
#breadcrumbs ul li:first-child:after {
	content: "";
	margin: 0
}
#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a {
	color: #666;
	font-weight: 600
}
#breadcrumbs ul li a:hover {
	color: #888
}
#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0
}
#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	color: #999;
	background: 0
}
#breadcrumbs ul li:last-child {
	padding: 0;
	background: 0
}
.acc-trigger {
	cursor: pointer;
	border: 1px solid #dedede;
	outline: 0;
	color: #888;
	margin: 10px 0;
	display: block;
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
	box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
	position: relative;
	overflow: hidden;
	border-radius: 3px
}
.acc-trigger a {
	display: block;
	color: #888;
	outline: 0;
	padding: 13px 15px;
	text-decoration: none;
	font-weight: 700
}
.acc-trigger a:before {
	content: "";
	font-family: fontawesome;
	font-size: 14px;
	font-weight: 400;
	color: #aaa;
	float: right;
	top: 0;
	right: 0;
	position: absolute;
	background: #fff;
	height: 100%;
	width: 46px;
	text-align: center;
	padding-top: 15px;
	border-left: 1px solid #dedede
}
.acc-trigger.active a:before {
	cursor: default;
	content: ""
}
.acc-trigger a:hover,
.acc-trigger.active a {
	color: #404040
}
.acc-container .content {
	padding: 2px 15px 5px;
	line-height: 24px
}
.content p {
	margin-bottom: 0
}
.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}
.tabs-nav li {
	float: left;
	line-height: 34px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 0 -1px
}
.tabs-nav li a {
	border-radius: 3px 3px 0 0;
	margin-right: 5px
}
.tabs-nav li a {
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #888;
	display: block;
	letter-spacing: 0;
	outline: 0;
	padding: 2px 18px;
	text-decoration: none
}
.tabs-nav li:first-child a {
	border-left: 1px solid #ddd
}
.tabs-nav li.active a {
	color: #0093de;
	font-weight: 700;
}
.tabs-nav li.active a i {
	opacity: .8;
}
.tabs-nav li i {
	opacity: .5;
	margin-right: 4px;
}
.tabs-nav li.active a,
.tabs-nav li a:hover {
	background: #fff;
	border-bottom: 2px solid #fff
}
.tabs-container {
	border: 1px solid #ddd;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 100%;
	line-height: 23px;
	border-radius: 0 3px 3px 3px
}
.tab-content {
	padding: 20px;
	overflow: hidden;
}
.list-1 li,
.list-2 li,
.list-3 li,
.list-4 li {
	list-style: none;
	margin: 7px 0;
	margin-left: 2px
}
.list-1 li:first-child,
.list-2 li:first-child,
.list-3 li:first-child,
.list-4 li:first-child {
	margin-top: 0
}
.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before {
	content: "";
	font-family: fontawesome;
	margin: 0 7px 0 0;
	position: relative;
	color: #2da0ce
}
.list-1 li:before {
	content: ""
}
.list-2 li:before {
	content: ""
}
.list-3 li:before {
	content: ""
}
.list-4 li:before {
	content: ""
}

table.standard-table, .job_page_content table {
	width: 100%;
	border-radius: 3px;
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	margin-bottom: 15px;
	table-layout: fixed;
	word-break: break-all;
	border-top: #e7e7e7 1px solid;
}
table.standard-table th,.job_page_content table th {
	border: 1px solid #ddd;
	border-right: 0;
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #f7f7f7;
	text-align: left;
	padding: 10px 15px;
	color: #444;
	vertical-align: top;
	font-size: 14px;
	font-weight: 700
}
table.standard-table th:first-child,.job_page_content table th:first-child {
	border-radius: 3px 0 0 0
}
table.standard-table td:last-child,.job_page_content table td:last-child {
	border-right: 1px solid #ddd
}
table.standard-table th:last-child,.job_page_content table th:last-child {
	border-radius: 0 3px 0 0;
	border-right: 1px solid #ddd
}
table.standard-table td,.job_page_content table td {
	padding: 10px 15px;
	border: #e7e7e7 1px solid;
	border-top: 0;
	border-right: 0;
}
table.standard-table tr:hover td,.job_page_content table tr:hover td {
	background-color: #fafafa
}
.notification {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 3px
}
.notification p {
	margin: 0
}
.notification span {
	font-weight: 700
}
.notification.success {
	background-color: #ebf6e0;
	color: #5f9025;
	border: 1px solid #b3dc82;
	padding: 14px 18px;
	background-image: -webkit-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
	background-image: linear-gradient(to top, #EBF6E0 0%, #F0FAE7 100%);
}
.notification.error {
	background-color: #ffe9e9;
	color: #de5959;
	border: 1px solid #fbc4c4;
	padding: 14px 18px;
	background-image: -webkit-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
	background-image: linear-gradient(to top, #FFE9E9 0%, #FFF2F2 100%);
}
.notification.warning {
	background-color: #fbfadd;
	color: #8f872e;
	border: 1px solid #ded58a;
	padding: 14px 18px;
	background-image: -webkit-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
	background-image: linear-gradient(to top, #FBFADD 0%, #FCFBE6 100%);
}
.notification.notice {
	background-color: #e9f7fe;
	color: #5091b2;
	border: 1px solid #b6d7e8;
	padding: 14px 18px;
	background-image: -webkit-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
	background-image: linear-gradient(to top, #E9F7FE 0%, #F2FAFE 100%);
}
.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
	padding: 0 14px;
	position: absolute;
	right: 0;
	top: 22px;
	display: block;
	height: 8px;
	weight: 8px
}
.notification.success .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat
}
.notification.error .close {
	background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat
}
.notification.warning .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat
}
.notification.notice .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat
}
.large-notice {
	background: #fcfcfc;
	border: 1px solid #e4e4e4;
	padding: 32px;
	border-radius: 3px
}
.large-notice h2 {
	margin-bottom: 10px;
	font-weight: 600
}
.large-notice p {
	font-size: 14px;
	color: #777
}
.tooltip {
	position: absolute;
	z-index: 1020;
	display: block;
	padding: 5px;
	font-size: 11px;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible
}
.tooltip.in {
	opacity: .8;
	filter: alpha(opacity=80)
}
.tooltip.top {
	margin-top: -2px
}
.tooltip.right {
	margin-left: 2px
}
.tooltip.bottom {
	margin-top: 2px
}
.tooltip.left {
	margin-left: -2px
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top: 5px solid #555;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #555
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #555;
	border-left: 5px solid transparent
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-right: 5px solid #555;
	border-bottom: 5px solid transparent
}
.tooltip-inner {
	max-width: 200px;
	padding: 4px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #555;
	border-radius: 3px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	padding: 2px
}
.popover.top {
	margin-top: -5px
}
.popover.right {
	margin-left: 5px
}
.popover.bottom {
	margin-top: 5px
}
.popover.left {
	margin-left: -5px
}
.popover-inner {
	width: 280px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 2px
}
.popover-title {
	padding: 11px 15px;
	line-height: 1;
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #f7f7f7;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
	font-size: 14px
}
.popover-content {
	padding: 14px;
	background-color: #fff
}
.popover-content p,
.popover-content ul,
.popover-content ol {
	margin-bottom: 0
}
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.team-name {
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 15px
}
.team-name span {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #888
}
.testimonials {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px;
	line-height: 24px
}
.testimonials_bg {
	background: url(../images/testimonials_bg.png) no-repeat;
	margin-top: -1px;
	display: block;
	width: 200px;
	height: 30px
}
.testimonials_author {
	color: #0093de;
	float: right;
	display: block;
	margin-top: -23px;
	margin-bottom: 20px
}
.testimonials_author span {
	color: #a0a0a0
}
.carousel-disabled,
.mr-rotato-disabled {
	background-color: #ccc!important;
	display: block;
	position: absolute;
	color: #fff
}
.mr-rotato-prev,
.mr-rotato-next,
.mr-rotato-disabled {
	margin-top: -58px;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: fontawesome;
	color: #fff;
	font-size: 16px;
	height: 26px;
	width: 26px
}
.mr-rotato-next {
	background-color: #606060;
	z-index: 6;
	display: block;
	position: absolute;
	right: 10px
}
.mr-rotato-prev {
	background-color: #606060;
	display: block;
	right: 38px;
	position: absolute
}
.mr-rotato-next:before {
	content: "";
	top: 4px;
	left: 11px;
	position: relative
}
.mr-rotato-prev:before {
	content: "";
	top: 4px;
	left: 10px;
	position: relative
}
.mr-rotato-prev:hover,
.mr-rotato-next:hover {
	background-color: #888;
	border-color: #888;
	color: #fff
}
.mr-rotato-prev:hover,
.mr-rotato-next:hover {
	background-color: #2da0ce
}
#footer {
	background: #383838;
	color: #a4a4a4;
	padding: 10px 0 40px;
	margin: 45px 0 0
}
#footer h5 {
	color: #fff;
	border-bottom: 1px solid #444;
	padding: 25px 0 8px;
	margin: 0 0 15px;
	font-weight: 700
}
.links-list li a {
	color: #a4a4a4;
	display: block;
	padding: 9px 0;
	padding-left: 10px;
	border-bottom: 1px solid #444;
	letter-spacing: 0.75em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.links-list li a:before {
	content: "";
	font-family: fontawesome;
	font-size: 16px;
	color: #666;
	margin-right: 10px
}
.links-list li a:hover {
	color: #ee9b11;
}
.links-list li:first-child a {
	margin: 0
}
.links-list li:last-child a {
	border: 0
}
.latest-post {
	margin-bottom: 20px;
	height: 60px
}
.latest-post p,
.latest-post a {
	margin: 0;
	color: #fff;
	line-height: 20px
}
.latest-post span {
	color: #707070;
	margin: 3px 0 0;
	display: block
}
.latest-post img {
	float: left;
	margin: 0 14px 10px 0;
	border: 4px solid #505050;
	height: 55px;
	width: 55px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.latest-post img:hover {
	border-color: #2da0ce
}
#twitter {
	font-size: 14px;
	float: left;
	display: block;
	color: #aaa
}
#twitter b a,
#twitter b a:hover {
	color: #707070
}
#twitter li {
	line-height: 21px;
	margin: 2px 0 12px 34px
}
#twitter li:before {
	content: "";
	font-family: fontawesome;
	position: absolute;
	font-size: 20px;
	color: #666;
	margin-left: -32px
}
#twitter li:last-child {
	padding: 0;
	margin: 0;
	margin-left: 34px
}
#twitter a {
	color: #fff
}
#twitter a:hover {
	color: #d4d4d4
}
#footer-bottom {
	background: #2c2c2c;
	min-height: 60px
}
#copyright {
	color: #777;
	margin: 0;
}
#copyright a,
#copyright span {
	color: #bbb
}
.social-icons li {
	display: inline;
	float: left;
	margin-right: 4px
}
.social-icons li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f2f2f2;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	overflow: hidden;
	border-radius: 3px
}
.social-icons li a i {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: absolute;
	z-index: 20
}
.social-icons li a:hover,
.social-icons li a i {
	color: #fff
}
.social-icons li a i {
	top: -30px;
	opacity: 0
}
.social-icons li a:hover i {
	top: 0;
	opacity: 1
}
.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
	font-family: fontello;
	font-size: 16px;
	line-height: 16px;
	color: #a0a0a0;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	position: absolute;
	z-index: 20
}
.twitter:before {
	font-size: 14px
}
.twitter i,
.twitter:before {
	margin: 13px 0 0 12px
}
.twitter:before {
	content: "\54";
	top: 0;
	opacity: 1
}
.twitter:hover:before {
	top: 30px;
	opacity: 0
}
.twitter:hover {
	background-color: #3bc1ed
}
.dribbble i,
.dribbble:before {
	margin: 13px 0 0 13px
}
.dribbble:before {
	content: "\44";
	top: 0;
	opacity: 1
}
.dribbble:hover:before {
	top: 30px;
	opacity: 0
}
.dribbble:hover {
	background-color: #ef5a92
}
.facebook i,
.facebook:before {
	margin: 13px 0 0 16px
}
.facebook:before {
	content: "\66";
	top: 0;
	opacity: 1
}
.facebook:hover:before {
	top: 30px;
	opacity: 0
}
.facebook:hover {
	background-color: #4a6d9d
}
.linkedin i,
.linkedin:before {
	margin: 13px 0 0 13px
}
.linkedin:before {
	content: "\4c";
	top: 0;
	opacity: 1
}
.linkedin:hover:before {
	top: 30px;
	opacity: 0
}
.linkedin:hover {
	background-color: #0b7bb5
}
.delicious i,
.delicious:before {
	margin: 13px 0 0 13px
}
.delicious:before {
	content: "\23";
	top: 0;
	opacity: 1
}
.delicious:hover:before {
	top: 30px;
	opacity: 0
}
.delicious:hover {
	background-color: #3274d1
}
.paypal i,
.paypal:before {
	margin: 13px 0 0 13px
}
.paypal:before {
	content: "\24";
	top: 0;
	opacity: 1
}
.paypal:hover:before {
	top: 30px;
	opacity: 0
}
.paypal:hover {
	background-color: #2e689a
}
.gplus i,
.gplus:before {
	margin: 13px 0 0 13px
}
.gplus:before {
	content: "\2b";
	top: 0;
	opacity: 1
}
.gplus:hover:before {
	top: 30px;
	opacity: 0
}
.gplus:hover {
	background-color: #d53824
}
.stumbleupon i,
.stumbleupon:before {
	margin: 13px 0 0 11px
}
.stumbleupon:before {
	content: "\2f";
	top: 0;
	opacity: 1
}
.stumbleupon:hover:before {
	top: 30px;
	opacity: 0
}
.stumbleupon:hover {
	background-color: #eb4924
}
.fivehundredpx i,
.fivehundredpx:before {
	margin: 13px 0 0 11px
}
.fivehundredpx:before {
	content: "\30";
	top: 0;
	opacity: 1
}
.fivehundredpx:hover:before {
	top: 30px;
	opacity: 0
}
.fivehundredpx:hover {
	background-color: #444
}
.pinterest i,
.pinterest:before {
	margin: 13px 0 0 15px
}
.pinterest:before {
	content: "\31";
	top: 0;
	opacity: 1
}
.pinterest:hover:before {
	top: 30px;
	opacity: 0
}
.pinterest:hover {
	background-color: #cb1f25
}
.forrst i,
.forrst:before {
	margin: 13px 0 0 15px
}
.forrst:before {
	content: "\3a";
	top: 0;
	opacity: 1
}
.forrst:hover:before {
	top: 30px;
	opacity: 0
}
.forrst:hover {
	background-color: #40833e
}
.digg i,
.digg:before {
	margin: 13px 0 0 12px
}
.digg:before {
	content: "\3b";
	top: 0;
	opacity: 1
}
.digg:hover:before {
	top: 30px;
	opacity: 0
}
.digg:hover {
	background-color: #205685
}
.spotify i,
.spotify:before {
	margin: 13px 0 0 13px
}
.spotify:before {
	content: "\3d";
	top: 0;
	opacity: 1
}
.spotify:hover:before {
	top: 30px;
	opacity: 0
}
.spotify:hover {
	background-color: #6ca405
}
.reddit i,
.reddit:before {
	margin: 13px 0 0 12px
}
.reddit:before {
	content: "\3e";
	top: 0;
	opacity: 1
}
.reddit:hover:before {
	top: 30px;
	opacity: 0
}
.reddit:hover {
	background-color: #404040
}
.appstore i,
.appstore:before {
	margin: 13px 0 0 14px
}
.appstore:before {
	content: "\41";
	top: 0;
	opacity: 1
}
.appstore:hover:before {
	top: 30px;
	opacity: 0
}
.appstore:hover {
	background-color: silver
}
.blogger i,
.blogger:before {
	margin: 13px 0 0 15px;
	font-size: 14px!important
}
.blogger:before {
	content: "\42";
	top: 0;
	opacity: 1
}
.blogger:hover:before {
	top: 30px;
	opacity: 0
}
.blogger:hover {
	background-color: #ff6501
}
.dribbble i,
.dribbble:before {
	margin: 13px 0 0 13px
}
.dribbble:before {
	content: "\44";
	top: 0;
	opacity: 1
}
.dribbble:hover:before {
	top: 30px;
	opacity: 0
}
.dribbble:hover {
	background-color: #ef5a92
}
.evernote i,
.evernote:before {
	margin: 13px 0 0 15px
}
.evernote:before {
	content: "\45";
	top: 0;
	opacity: 1
}
.evernote:hover:before {
	top: 30px;
	opacity: 0
}
.evernote:hover {
	background-color: #6bb130
}
.flickr i,
.flickr:before {
	margin: 13px 0 0 13px
}
.flickr:before {
	content: "\46";
	top: 0;
	opacity: 1
}
.flickr:hover:before {
	top: 30px;
	opacity: 0
}
.flickr:hover {
	background-color: #136dd5
}
.rss i,
.rss:before {
	margin: 13px 0 0 14px;
	font-size: 14px!important
}
.rss:before {
	content: "\52";
	top: 0;
	opacity: 1
}
.rss:hover:before {
	top: 30px;
	opacity: 0
}
.rss:hover {
	background-color: #fe8f00
}
.youtube i,
.youtube:before {
	margin: 13px 0 0 14px;
	font-size: 18px!important
}
.youtube:before {
	content: "\55";
	top: 0;
	opacity: 1
}
.youtube:hover:before {
	top: 30px;
	opacity: 0
}
.youtube:hover {
	background-color: #bf2f29
}
.vimeo i,
.vimeo:before {
	margin: 13px 0 0 13px;
	font-size: 14px!important
}
.vimeo:before {
	content: "\56";
	top: 0;
	opacity: 1
}
.vimeo:hover:before {
	top: 30px;
	opacity: 0
}
.vimeo:hover {
	background-color: #4c8ab0
}
.xing i,
.xing:before {
	margin: 13px 0 0 14px
}
.xing:before {
	content: "\58";
	top: 0;
	opacity: 1
}
.xing:hover:before {
	top: 30px;
	opacity: 0
}
.xing:hover {
	background-color: #036568
}
.yahoo i,
.yahoo:before {
	margin: 13px 0 0 11px
}
.yahoo:before {
	content: "\59";
	top: 0;
	opacity: 1
}
.yahoo:hover:before {
	top: 30px;
	opacity: 0
}
.yahoo:hover {
	background-color: #9251a2
}
.amazon i,
.amazon:before {
	margin: 13px 0 0 12px
}
.amazon:before {
	content: "\61";
	top: 0;
	opacity: 1
}
.amazon:hover:before {
	top: 30px;
	opacity: 0
}
.amazon:hover {
	background-color: #2f3842
}
.steam i,
.steam:before {
	margin: 13px 0 0 11px
}
.steam:before {
	content: "\62";
	top: 0;
	opacity: 1
}
.steam:hover:before {
	top: 30px;
	opacity: 0
}
.steam:hover {
	background-color: #383838
}
.dropbox i,
.dropbox:before {
	margin: 13px 0 0 13px
}
.dropbox:before {
	content: "\64";
	top: 0;
	opacity: 1
}
.dropbox:hover:before {
	top: 30px;
	opacity: 0
}
.dropbox:hover {
	background-color: #2c92dd
}
.github i,
.github:before {
	margin: 13px 0 0 13px
}
.github:before {
	content: "\67";
	top: 0;
	opacity: 1
}
.github:hover:before {
	top: 30px;
	opacity: 0
}
.github:hover {
	background-color: #5c7381
}
.lastfm i,
.lastfm:before {
	margin: 13px 0 0 11px
}
.lastfm:before {
	content: "\6c";
	top: 0;
	opacity: 1
}
.lastfm:hover:before {
	top: 30px;
	opacity: 0
}
.lastfm:hover {
	background-color: #d21309
}
.tumblr i,
.tumblr:before {
	margin: 13px 0 0 15px
}
.tumblr:before {
	content: "\74";
	top: 0;
	opacity: 1
}
.tumblr:hover:before {
	top: 30px;
	opacity: 0
}
.tumblr:hover {
	background-color: #3d658d
}
.wordpress i,
.wordpress:before {
	margin: 13px 0 0 14px
}
.wordpress:before {
	content: "\77";
	top: 0;
	opacity: 1
}
.wordpress:hover:before {
	top: 30px;
	opacity: 0
}
.wordpress:hover {
	background-color: #383838
}
.instagram i,
.instagram:before {
	margin: 13px 0 0 14px
}
.instagram:before {
	content: "\f31f";
	top: 0;
	opacity: 1
}
.instagram:hover:before {
	top: 30px;
	opacity: 0
}
.instagram:hover {
	background-color: #3f6f94
}
@font-face {
	font-family: fontello;
	src: url(../font/fontello.eot?31771571);
	src: url(../fonts/fontello.eot) format('embedded-opentype'), url(../fonts/fontello.woff) format('woff'), url(../fonts/fontello.ttf) format('truetype'), url(../fonts/fontello.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
.social-icons li i {
	font-family: fontello;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 16px;
	font-size: 16px;
	width: auto
}
.icon-delicious:before {
	content: '\23'
}
.icon-paypal:before {
	content: '\24'
}
.icon-gplus:before {
	content: '\2b'
}
.icon-stumbleupon:before {
	content: '\2f'
}
.icon-fivehundredpx:before {
	content: '\30'
}
.icon-pinterest:before {
	content: '\31'
}
.icon-forrst:before {
	content: '\3a'
}
.icon-digg:before {
	content: '\3b'
}
.icon-spotify:before {
	content: '\3d'
}
.icon-reddit:before {
	content: '\3e'
}
.icon-appstore:before {
	content: '\41'
}
.icon-blogger:before {
	content: '\42'
}
.icon-dribbble:before {
	content: '\44'
}
.icon-evernote:before {
	content: '\45'
}
.icon-flickr:before {
	content: '\46'
}
.icon-linkedin:before {
	content: '\4c'
}
.icon-rss:before {
	content: '\52'
}
.icon-twitter:before {
	content: '\54'
}
.icon-youtube:before {
	content: '\55'
}
.icon-vimeo:before {
	content: '\56'
}
.icon-xing:before {
	content: '\58'
}
.icon-yahoo:before {
	content: '\59'
}
.icon-amazon:before {
	content: '\61'
}
.icon-steam:before {
	content: '\62'
}
.icon-dropbox:before {
	content: '\64'
}
.icon-facebook:before {
	content: '\66'
}
.icon-github:before {
	content: '\67'
}
.icon-lastfm:before {
	content: '\6c'
}
.icon-tumblr:before {
	content: '\74'
}
.icon-wordpress:before {
	content: '\77'
}
.icon-linkedin-rect:before {
	content: '\f31b'
}
.icon-instagram:before {
	content: '\f31f'
}
.social-icons-footer {
	margin: 15px 0 0;
	float: right
}
.social-icons-footer li {
	display: inline;
	list-style: none;
	/* float: left; */
	padding: 0 5px;
	line-height: 30px;
	position: relative;
}
.social-icons-footer li a i {
	display: inline-block;
	padding-top: 5px;
	color: #606060;
	font-size: 18px;
	-webkit-transition: all 180ms ease-in-out;
	transition: all 180ms ease-in-out;
}
.social-icons-footer li a i:hover {
	color: #888
}
@media only screen and (min-width:1200px) {
	.flexslider.home {
		min-height: 500px
	}
}
@media only screen and (min-width:960px) and (max-width:1189px) {
	.flexslider {
		height: 345px
	}
	#portfolio-wrapper {
		min-height: 350px
	}
	.project .flexslider {
		min-height: 1px;
		margin-bottom: 20px
	}
	.post-title h2 a {
		/* padding-left: 180px */
	}
	.flickr-widget-blog a {
		width: 51px;
		height: 51px
	}
	.latest-post-blog,
	.latest-post {
		height: 85px
	}
}
@media only screen and (max-width:959px) {}
@media only screen and (min-width:768px) and (max-width:959px) {
	.slider_description {
		margin-top: 90px
	}
	.slider_description h2 {
		margin-bottom: 15px;
		font-size: 20px
	}
	.slider_description p {
		display: none
	}
	.slider_description h2 b {
		display: none
	}
	.client-logo img {
		width: 148px;
		height: auto
	}
	.post-title h2 a {
		/* padding-left: 145px */
	}
	.latest-post-blog,
	.latest-post {
		height: 125px
	}
	.flickr-widget-blog a {
		width: 55px;
		height: 55px
	}
	.avatar {
		height: 40px;
		width: 40px
	}
	.testimonials_author {
		display: none
	}
}
@media only screen and (max-width:767px) {
	.slider_description {
		display: none
	}
	#navigation {
		float: none
	}
	.js #nav {
		display: none
	}
	.js .selectnav {
		display: block
	}
	#backtotop a {
		display: none
	}
	.social-links {
		margin: -5px 0 20px;
		float: left
	}
	.info-box a {
		margin: 15px 0 0
	}
	.info-box p {
		margin: 10px 0 0
	}
	.post-content {
		margin: 0!important
	}
	.post-title h2 a {
		padding: 0
	}
	.post-date {
		text-align: left
	}
	.project .flexslider {
		margin-bottom: 20px
	}
	.mr-rotato-prev,
	.mr-rotato-next,
	.mr-rotato-disabled {
		margin-right: -10px
	}
	#breadcrumbs ul {
		float: left;
		margin-top: 5px
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.client-logo img {
		width: 139px;
		height: auto
	}
	.custom-slide {
		height: 270px
	}
	.avatar {
		height: 35px;
		width: 35px
	}
	.flickr-widget-blog a {
		width: 85px;
		height: 85px
	}
}
@media only screen and (max-width:479px) {
	.client-logo img {
		width: 149px;
		height: auto
	}
	.custom-slide {
		height: 193px
	}
	.avatar {
		height: 25px;
		width: 25px
	}
	.flickr-widget-blog a {
		width: 82px;
		height: 82px
	}
}
@media only screen and (max-width:769px) {
	#layerslider p.ls-l {
		display: none;
	}
}
.tab-img-box {
	float: left;
	margin-right: 20px;
	width: 240px;
	height: 160px;
	overflow: hidden;
	position: relative;
}
.tab-list-box h4 a {
	font-size: 15px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-list-box p a {
	display: block;
	color: #606060;
	overflow: hidden;
	height: 5em;
}
.tab-list-box ul li a {
	color: #0093de;
}
.tab-list-box ul li a:hover,
.tab-list-box p a:hover {
	color: #ee9b11;
}
.tab-list-box ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.social-icons-footer li a,
.social-icons-footer li {
	color: #777;
}
.social-icons-footer li a:hover {
	color: #888;
}
.login a.button.medium,.login [type="submit"].button.medium {
	display: inline-block;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 8px 14px;
	font-size: 16px;
	letter-spacing: 15px;
	text-indent: 15px;
	margin-right: 0;
	margin-bottom: 20px;
}
.login a.button.medium i {
	float: none;
}
.search.ex i {
	display: block;
	height: 100%;
	width: 45px;
	text-align: center;
	line-height: 45px;
	top: 0;
	left: 0;
	background-color: #f8f8f8;
	border: 1px solid #e0e0e0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px 0 0 2px;
}
.search.ex input {
	padding: 13px 15px 13px 55px;
}
.search.ex input::-webkit-input-placeholder {
	color: #888;
}
.search.ex input:-ms-input-placeholder {
	color: #888;
}
.search.ex input::-moz-placeholder {
	color: #888;
}
.social-login-separator {
	width: 100%;
	display: block;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 5px 0 10px;
	height: 1px;
}
.social-login-separator:before {
	width: 100%;
	content: "";
	height: 1px;
	display: block;
	background-color: #e0e0e0;
	position: absolute;
	top: 0;
}
.social-login-separator span {
	background-color: #fff;
	top: 0;
	position: absolute;
	line-height: 10px;
	top: -5px;
	margin-left: -25px;
	padding: 0 10px;
	color: gray;
}
.social-login-buttons .hs-login {
	border-color: #3b5998;
	color: #3b5998;
}
.social-login-buttons .hs-login:hover {
	background-color: #45b9f5;
	color: #fff;
}
.social-login-buttons a {
	display: inline-block;
	width: -webkit-calc(50% - 25px);
	width: calc(50% - 5px);
	text-align: center;
	border: 1px solid #333;
	color: #333;
	border-radius: 4px;
	margin-top: 10px;
	margin-right: 20px;
	font-size: 14px;
	padding: 9px 5px;
	max-width: 50%;
	-webkit-transition: .3s;
	transition: .3s;
}
.social-login-buttons a + a {
	margin-right: 0px;
}
.social-login-buttons .hs-register {
	border-color: #dd4b39;
	color: #dd4b39;
	background-color: #b9b9b9;
}
.social-login-buttons .hs-register:hover {
	background-color: #45b9f5;
	color: #fff;
}
#footer-bottom .container .eight.columns {
	width: 100%;
	text-align: center;
	float: none;
	display: block;
	padding: 15px 0;
}
#footer-bottom .container .eight.columns + .eight.columns {
	padding: 0 0 15px 0;
}
#footer-bottom .container .eight.columns .social-icons-footer {
	float: none;
	display: inline-block;
	margin: 0;
}
#footer .latest-post > p a {}
.links-list.letter-s li a {
	letter-spacing: 0;
}
.btn_wrapper.container {
	margin-top: 15px;
	z-index: 998;
	-webkit-transition: all .33s;
	transition: all .33s;
}
@media only screen and (min-width:992px) {
	.btn_wrapper.container {
		margin-top: 40px;
		margin-bottom: 20px;
	}
}
.btn_wrapper .columns {
	text-align: center;
	position: relative;
}
.btn_wrapper .columns .item-category {
	height: auto;
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	/* background-image: -webkit-linear-gradient(top,#2da0ce 0,#0876a2 100%); */
	/* background-image: linear-gradient(to bottom,#2da0ce 0,#0876a2 100%); */
	box-shadow: 0 7px 25px -13px rgba(0, 0, 0, 0.15);
	display: block;
	color: #fff;
	padding: 18px 0 28px;
	border: 1px solid #eee;
	/* margin: 7px 6px 20px 6px; */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s;
	transition: all .25s;
}
@media only screen and (max-width:481px) {
	.btn_wrapper .columns .item-category {
		/* width: 130px; */
	}
}
.btn_wrapper .columns .item-category:hover {
	background-image: none;
}
.btn_wrapper .columns .item-category .category-title {
	margin: 0 0 0;
}
.btn_wrapper .columns .item-category .category-title span {
	font-size: 15px;
	font-weight: 600;
	line-height: 18px;
	color: #606060;
}
.btn_wrapper .columns .item-category .total-jobs {
	opacity: 0.5;
	color: #606060;
	text-transform: capitalize;
}
.btn_wrapper .columns .item-category .category-icon {
	font-size: 48px;
	color: #0093de;
}
ul.client-logo {
	/* overflow:  hidden; */
	white-space: nowrap;
	padding: 2px;
	overflow-x: scroll;
}
ul.client-logo a {
	width: 180px;
	height: 70px;
	float: none;
	display: inline-block;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
}
ul.client-logo a img {
/* 注释部分是之前的一版 */
/* 	width: auto;
	height: auto;
	max-width: 160px;
	max-height: 60px;
	min-width: auto; */
	width: 90%;
	height: 85%;
	max-width: none;
	max-height: none;
	min-width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@-webkit-keyframes yy_scroll {
	100% {
		-webkit-transform: translate(-1288px);
		transform: translate(-1288px);
	}
}
@keyframes yy_scroll {
	100% {
		-webkit-transform: translate(-1288px);
		transform: translate(-1288px);
	}
}
ul.client-logo .yy_scroll {
	-webkit-animation: yy_scroll 60s infinite linear;
	animation: yy_scroll 60s infinite linear;
}
ul.client-logo:hover .yy_scroll {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
ul.client-logo {
	white-space: nowrap;
	padding: 2px;
	overflow-x: initial;
	overflow: hidden;
}
.item-category + .panel_box {
	position: absolute;
	left: 50%;
	bottom: 104px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 100vw;
	height: 0;
	overflow: hidden;
	text-align: left;
	z-index: -1;
	pointer-events: none;
}
.item-category + .panel_box .panel_cont {
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 86vw;
	max-width: 1180px;
	height: 400px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	padding: 20px 40px;
	border-radius: 6px;
	background-color: white;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate(-50%, 120%);
	-ms-transform: translate(-50%, 120%);
	transform: translate(-50%, 120%);
	pointer-events: auto;
}
.panel_cont h2 {
	margin-bottom: 15px;
}
.panel_cont > img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}
.panel_cont .panel_depth_01 {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0 20px 0 0;
	margin: 0 30px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
}
.panel_cont .panel_depth_01:last-of-type {
	border-right: none;
}
.panel_cont .panel_depth_01 > li {}
.panel_cont .panel_depth_01 > li h4 {
	padding: 6px 0;
	display: inline-block;
}
.panel_cont .panel_depth_01 > li h4 a {
	color: #404040;
}
.panel_cont .panel_depth_01 > li .panel_depth_02 {}
.panel_cont .panel_depth_01 > li .panel_depth_02 li {}
.panel_cont .panel_depth_01 > li .panel_depth_02 li a {
	display: inline-block;
	padding: 4px 0;
	color: #2da0ce;
}
.panel_cont .panel_depth_01 > li .panel_depth_02 li a:hover,
.panel_cont .panel_depth_01 > li h4 a:hover {
	text-decoration: underline;
}
.btn_wrapper .columns .item_btn_wrap {
	display: b;
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box {
	height: 600px;
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont {
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
@media only screen and (max-width:992px) {
	.btn_wrapper .columns .item_btn_wrap .panel_box,
	.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont {
		display: none !important;
	}
}

/*-no-hover-*/

.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont > h2 {
	/*transform: translateX(-50px);*/
	/*opacity: 0;*/
}
.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont > img {
	-webkit-transform: translateY(80px);
	-ms-transform: translateY(80px);
	transform: translateY(80px);
	opacity: 0;
}
.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont > .panel_depth_01:nth-of-type(1) {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}
.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont > .panel_depth_01:nth-of-type(2) {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}
.btn_wrapper .columns .item_btn_wrap .panel_box .panel_cont > .panel_depth_01:nth-of-type(3) {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}

/*-hover-*/

.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont > h2 {
	/*transform: translateX(0px);*/
	/*opacity: 1;*/
	/*transition: all .33s .33s;*/
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont > img {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-webkit-transition: all .33s .7s;
	transition: all .33s .7s;
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont > .panel_depth_01:nth-of-type(1) {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-webkit-transition: all .33s .3s;
	transition: all .33s .3s;
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont > .panel_depth_01:nth-of-type(2) {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-webkit-transition: all .33s .5s;
	transition: all .33s .5s;
}
.btn_wrapper .columns .item_btn_wrap:hover .panel_box .panel_cont > .panel_depth_01:nth-of-type(3) {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-webkit-transition: all .33s .7s;
	transition: all .33s .7s;
}
.social-login-buttons a {
	display: inline-block;
	/* width: 100%; */
	margin-right: 0px;
	max-width: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fbac33;
	color: white !important;
	border: none;
}
.social-login-buttons a i.fa {
	font-size: 20px;
	display: inline-block;
	width: 30px;
	vertical-align: middle;
}
@media only screen and (min-width:768px) {
	.yqlj {
		margin-top: -15px;
	}
	#footer {
		margin: 30px 0 0;
	}
}
.we-chat {
	width: 70px;
	margin-top: 15px;
	margin-left: 15px;
}
.we-chat p {
	text-align: center;
}
.latest-post a:hover {
	color: #ee9b11;
}
@media only screen and (max-width:767px) {
	.item_btn_wrap.four.columns {
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
		margin-top: 10px;
	}
	.item_btn_wrap.four.columns:nth-of-type(2n+1) {
		margin-right: 10px;
	}
}
.social-icons-footer li .we-chat {
	/*position:  absolute;*/
	/*bottom: 2em;*/
	/*left: -1em;*/
	box-shadow: 0 0 15px #555;
	/*opacity:  0;*/
	/*visibility:  hidden;*/
	-webkit-transition: all .25s;
	transition: all .25s;
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
	margin-left: 5px;
}

/*.social-icons-footer li:hover .we-chat {
	opacity:  1;
	visibility:  visible;
}*/

@media only screen and (max-width:768px) {
	.tabs-nav li {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tabs-nav li a {
		margin-right: 0px;
	}
	.tabs-container {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tab-img-box {
		width: 140px;
		height: 93px;
	}
	#footer-bottom #copyright span {
		display: block;
	}
	.social-icons-footer li:last-of-type {
		display: block;
	}
	.social-icons-footer li .we-chat {
		display: block;
		margin: auto;
	}
}

/*body.body-bg {
	background-image: url(../picture/body-bg.jpg);
	background-size: cover;
}*/

.post-desc.no_b_border {
	border-bottom: none;
}
.no_l_border {
	border-left: none;
	padding-left: 0;
}
.post-desc blockquote a {
	color: #888;
}
.post-desc blockquote a:hover {
	color: #0093de;
}
.left_wraper {
	float: left;
	width: 25%;
	padding-right: 3%;
}
.right_wraper {
	float: left;
	width: 70%;
}
.right_wraper blockquote {
	border-left: none;
	padding-left: 0;
}
.p_l_24 {
	padding-left: 24px;
	position: relative;
}
.post-title h2.p_l_24:after {
	content: "\f10d";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	top: 10px;
	left: 0;
}
@media only screen and (max-width:768px) {
	.left_wraper {
		width: 100%;
		margin-bottom: 3%;
	}
	.right_wraper {
		width: 100%;
	}
	.left_wraper a img {
		width: 100%;
	}
}
.page_content blockquote img {
	display: block;
	margin: 15px auto;
}
.page_content blockquote {
	line-height: 1.75;
}
.yy_center {
	    margin: auto !important;
    float: none !important;
    display: block !important;
}
.yy_right {
	    margin: auto;
	    float: right !important;
	    display: block !important;
}
#new-blog.sys_center li:before {
	content: "\f058";
}
#new-blog.sys_center li {
    line-height: 21px;
    margin: 0;
    margin-bottom: 12px;
    padding-left: 34px;
    box-sizing: border-box;
    float:  left;
    width: 50%;
}
.job_list_wrap {
	/* border-radius: 4px; */
	/* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); */
	margin-top: 30px;
}
.job_list_wrap li>a {
	display: block;
	padding: 30px;
	position:  relative;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: 15px;
	overflow:  hidden;
}
.job_list_wrap li:nth-of-type(2n)>a {
	/* background-color: #fafafa; */
}
.job_list_footer {
	margin-top: 5px;
	}
.job_list_footer li {
	
display:  inline-block;
	
margin-bottom: 3px;
	
margin-right: 14px;
	
color: #777;
}
@media only screen and (max-width:769px ) {
	.job_list_footer li {
	
display:  block;
}
}
.job_list_footer li i {margin-right: 5px;}
.job_list_wrap>ul>li>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    display: block;
    background: #66676b;
    transition: .33s;
    opacity: 0;
}
.job_list_wrap>ul>li>a:hover:before {
	opacity: 1;
	background: #34b3e5;
}
.job_page_wrap {
	margin-top: 30px;
}
.submit_wrap {
	    text-align: center;
	    margin-top: 15px;
}
	.submit_wrap>span a,.submit_wrap>span [color*="green"],.submit_wrap>span [color*="red"],.submit_wrap>span [color*="silver"] {
	    display: inline-block;
	    /* width: 100%; */
	    margin-right: 0px;
	    box-sizing: border-box;
	    background-color: #34b3e5;
	    color: white;
	    border: none;
	    cursor:  pointer;
	    border-radius: 4px;
	    padding: 6px 36px;
	    font-size: 15px;
	    transition: .33s;
}
.submit_wrap>span [color*="green"] {background-color: green;}
.submit_wrap>span [color*="red"] {background-color: red;}
.submit_wrap>span [color*="silver"] {background-color: silver;}
.submit_wrap>span a:hover {
	    background-color: #08c;
}
.no_icon .search.ex input, .no_icon .search.ex select,.no_icon .search.ex textarea {
    padding: 13px 15px 13px 15px;
}
.w50,.w100 {
	float: left;
	box-sizing:  border-box;
	padding: 0 10px;
}
.w50 {
	width: 50% !important;
}
@media only screen and (max-width:769px ) {
	.w50 {
	width: 100% !important;
}
}
.w100 {
	width: 100%;
}
.search select {
	max-height: 45px;
	padding: 13px 15px 13px 55px;
}
.search textarea {
	min-height: 80px;
}
.search input[type=file] {
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    padding: 12px 14px;
    outline: 0;
    font: 13px open sans, sans-serif;
    color: #888;
    margin: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    max-height: 45px;
}
.double_btn {
	text-align: center;
	margin-top: 15px;
}
.double_btn .button {
	
background-color: #34b3e5;
	
background-image: none;
	
text-shadow: none;
	
border:  none;
	
display:  inline-block;
	
padding: 6px 32px !important;
	
float: none;
}
.search.up_date input {
	display: inline-block;
	width: auto;
	float: left;
	margin: 0;
	margin-bottom: 20px;
	width: calc(100% - 120px);
	border-right: none;
}
.search.up_date input[type*="button"] {
	
padding: 13px 15px 13px 15px !important;
	
border:  none;
	
border-radius: 0;
	
background-image: none;
	
text-shadow: none;
	
color:  white;
	
background-color: #fbac33;
	
width: 10 !important;
}
.search.up_date input[type*="button"]:last-of-type {background-color: #34b3e5;}
.job_list_wrap>ul>li {
	position: relative;
}
.job_list_wrap>ul>li input+label {
	position: absolute;
	top: 10px;
	right: 10px;
	width:  20px;
	height: 20px;
	transition: .33s;
}
.job_list_wrap>ul>li input {
	display: none;
}
.job_list_wrap>ul>li input+label:after {
	content: "\f096";
	display: inline-block;
	font: normal normal normal 18px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #34b3e5;
}
.job_list_wrap>ul>li input:checked+label:after {
	content: "\f046";
}
.job_list_wrap>ul>li .edit_wrap {
	
position:  absolute;
	
bottom: 10px;
	
right:  10px;
}
.job_list_wrap>ul>li .edit_wrap a {
	display: inline-block;
	background-color: #34b3e5;
	color:  white;
	padding: 2px 6px;
	border-radius: 2px;
}

.job_list_wrap>ul>li .edit_wrap a:last-of-type {background-color: #ee9b11;}
.map_wrap {
	margin-top: 30px;
}
#map {
	height: 500px;
	border: 5px solid #ffffff;
	box-shadow: 0 0 25px -6px #ddd;
}
@media only screen and (max-width:769px ) {
	#map {
	height: 300px;
}
}
#map label,#map img {
	max-width: none !important;
}
.header_top {
	
background-color: #04b1f1;
}
.header_top_btn > a {padding: 6px;display:  inline-block;color: white;position:  relative;}
.header_top_btn > a+a:before {
	content: "";
	position: absolute;
	width:  1px;
	height:  10px;
	background-color: #ccc;
	left: -2px;
	top: 11px;
}
@media only screen and (max-width:768px ) {
	.columns.xs_hide {
		display: none;
	}

}
.search button {
	background-color: transparent;
	font-family: 'Microsoft YaHei', 'STHeiti', '宋体', 'arial';
	border: none;
	outline: none;
	position:  absolute;
	top: 2px;
	right: 3px;
	padding: 10px;
	font-size:  14px;
	color: #666;
	cursor:  p;
}
@media only screen and (min-width:768px ) {
	.bg_login {
	background-image: url(../images/bg_login.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 400px;
}
.one-third.column.yy_right {
	margin-top: 50px;
}
.no_icon .search.ex.half select {
    width: calc(50% - 10px);
    display: inline-block;
}
.no_icon .search.ex.half select:first-of-type {
    margin-right: 10px;
}
} 
.login_tips {
	
position: absolute;
	
right: 6px;
	
top: 2px;
	
font-size: 12px;
	
color: rgb(244, 67, 54);

}
.responsive16-9 {
	padding-bottom: 60%;
	overflow:  hidden;
}
.responsive16-9 img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	/* max-width: none; */
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.no_icon .search.ex >p {
	margin-bottom: 0;
}

.page_content blockquote img.fileico {
    display: inline;
    margin: auto;
	margin-right:4px;
}


.jobs_search {
	margin-top:30px;
}
.jobs_search h3 {
	margin-bottom:15px;
}
.jobs_search li:after {
	content:"";
	display: table;
    clear: both;
}
.jobs_search li>span {
	margin-bottom: 4px;
    display: inline-block;
}
.jobs_search li>div {
	
}
.jobs_search li>div select {
	padding: 13px 15px 13px 15px;
    max-height: 45px;
    width: 100%;
    max-width: 360px;
}
.jobs_search li>div input[type="submit"] {
	display: inline-block;
    text-align: center;
    padding: 8px 32px;
    color: white;
    background-color: #34b3e5;
    font-size: 16px;
    letter-spacing: 15px;
    text-indent: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
	border: none;
    outline: none;
	cursor: pointer;
}
.jobs_search li>div input[type="reset"] {
	display: inline-block;
    text-align: center;
    padding: 8px 32px;
    color: white;
    background-color: #b9b9b9;
    font-size: 16px;
    letter-spacing: 15px;
    text-indent: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: none;
    outline: none;
	cursor: pointer;
}