body {
 	font-family: open sans, Raleway, Arial, Verdana, Helvetica, microsoft yahei, Lato, sans-serif;
 	font-size: 14px;
 	color: #292929
 }
 
 ul,
 li {
 	list-style: none;
 	margin: 0;
 	padding: 0
 }
 
 a {
 	outline: 0!important;
 	color: #282828
 }
 
 a:hover,
 a:active {
 	color: #01a0e8;
 	text-decoration: none
 }
 
 .dark-title a {
 	color: #fff
 }
 
 .dark-title a:hover,
 .dark-title a:active {
 	color: #1cbac8
 }
 
 .text-center {
 	text-align: center
 }
 
 b,
 strong {
 	font-weight: 700
 }
 
 .top-bar .title-area .name h1 a {
 	padding: 0 2px
 }
 
 .logo-brand img {
 	max-height: 61px
 }
 
 .row,
 .contain-to-grid .top-bar {
 	max-width: 100%
 }
 
 .contain-to-grid {
 	height: 80px
 }
 
 .contain-to-grid .title-area,
 .contain-to-grid .title-area li,
 .contain-to-grid .title-area a,
 .top-bar {
 	height: 80px;
 	line-height: 80px
 }
 
 .contain-to-grid .top-bar-section li:not(.has-form) a:not(.button) {
 	height: 80px;
 	line-height: 80px
 }
 
 .contain-to-grid .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
 	height: auto;
 	line-height: 1.2;
 	padding-top: 10px;
 	padding-bottom: 10px
 }
 
 .contain-to-grid .top-bar-section .has-dropdown>a:after {
 	top: 2.87143rem
 }
 
 .top-bar .title-area .name h1 a {
 	font-size: 1rem
 }
 
 .title-area .name img {
 	max-height: 50px
 }
 
 #header-sec {
 	border-top: 6px #005032 solid
 }
 
 #header-sec.fixed {
 	border-top: 0
 }
 
 .contain-to-grid {
 	height: 86px
 }
 
 #navigation .menu1 {
 	color: #282828
 }
 
 #navigation .menu1:hover,
 #navigation .menu1:active {
 	color: #005032
 }
 
 .top-bar-section .right li .dropdown {
 	left: 0;
 	right: auto
 }
 
 .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
 	margin-top: -4px
 }
 
 .top-bar-section .right li .dropdown li .dropdown {
 	left: 100%;
 	right: auto
 }
 
 .color-white {
 	color: #fff
 }
 
 .modSectionHeader .special-title h2:after {
 	background: #f9ce06;
 	background: #ae173a;
 	margin: 15px auto 0
 }
 
 .modDefaultSlider .sequence {
 	height: 500px
 }
 
 .special-title a {
 	color: #333
 }
 
 .special-title a:hover,
 .special-title a:active {
 	color: #01a0e8
 }
 
 .section-padding {
 	padding: 40px 0
 }
 
 #index-widget-1 {
 	padding: 40px 0 25px
 }
 
 #index-widget-1 h3 {
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4
 }
 
 #index-widget-1 .modIconText .icon-text-circle i {
 	margin-bottom: 1.6rem
 }
 
 #index-portfolio {
 	background: #f5f5f5;
 	padding-bottom: 0
 }
 
 #index-portfolio .overlay {
 	background: rgba(0, 0, 0, .7)
 }
 
 .desc-p {
 	margin-bottom: 30px;
 	text-align: center
 }
 
 #index-service {
 	padding: 40px 0 30px
 }
 
 #index-service .iserv-text {
 	padding-top: 15px
 }
 
 #index-service .modIconText .icon-text-simple h3 {
 	line-height: 1.4;
 	padding-top: 5px
 }
 
 #index-parallax {
 	background-image: url(../images/bj01.jpg);
 	color: #fff
 }
 
 #index-news {
 	background: #f5f5f5;
 	padding-bottom: 10px
 }
 
 #index-news .modBlogPost .content {
 	padding: 20px 20px 15px
 }
 
 #index-news .iblog-title {
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap
 }
 
 #index-news .tags a {
 	font-style: normal
 }
 
 #index-news .desc {
 	color: #666
 }
 
 #index-news .modBlogPost .date {
 	letter-spacing: normal;
 	color: #666;
 	font-size: 13px
 }
 
 #index-client {
 	background-image: url(../images/customers-bg.jpg);
 	color: #fff;
 	padding: 40px 0
 }
 
 #index-client .slick-slide img {
 	margin: 0 10px;
 	max-width: 90%
 }
 
 #index-b-widget {
 	background: #fff;
 	padding: 40px 0 25px
 }
 
 #footer {
 	padding: 40px 0 30px
 }
 
 #footer-bottom {
 	background: #111;
 	text-align: center;
 	padding: 20px 0 18px;
 	color: #aaa
 }
 
 #footer-bottom a {
 	color: #aaa
 }
 
 #footer-bottom p {
 	margin-bottom: 0
 }
 
 .modCallToAction p {
 	font-style: normal
 }
 
 .modMilestone span {
 	font-size: 16px;
 	font-weight: 700
 }
 
 #footer h4 {
 	font-size: 19px;
 	font-weight: 700;
 	margin-bottom: 1.3rem
 }
 
 #footer .socials {
 	padding-top: 15px
 }
 
 #footer .links {
 	margin-bottom: 0
 }
 
 #footer .foot-nav ul li {
 	line-height: 2.4rem
 }
 
 #footer .f-contact {
 	line-height: 1.8
 }
 
 #footer .f-qrcode {
 	padding-top: 10px
 }
 
 #footer-bottom b {
 	color: #019fe7
 }
 
 #index-widget-1 .container,
 #index-service .container,
 #index-news .container,
 #footer .container {
 	padding-left: 2px;
 	padding-right: 2px
 }
 
 .noDis {
 	display: none
 }
 
 .search-tips {
 	color: red;
 	font-size: 16px;
 	text-align: center
 }
 
 .page-content {
 	line-height: 1.6
 }
 
 .page-content p {
 	margin-bottom: 0;
 	line-height: 1.6
 }
 
 .page-content h1,
 .page-content h2,
 .page-content h3,
 .page-content h4,
 .page-content h5,
 .page-content h6 {
 	margin: 0;
 	padding: 0;
 	line-height: 2
 }
 
 .search-tips {
 	color: red;
 	font-size: 16px;
 	text-align: center
 }
 
 em.error {
 	overflow: hidden;
 	zoom: 1;
 	background: url(../images/unchecked.gif) no-repeat 0 0;
 	padding-left: 19px;
 	color: red
 }
 
 em.success {
 	overflow: hidden;
 	zoom: 1;
 	background: url(../images/checked.gif) no-repeat 0 0;
 	padding-left: 19px;
 	color: red
 }
 
 .com-cnt table th {
 	font-weight: 700;
 	background: #f9f9f9
 }
 
 .com-cnt table th,
 .com-cnt table td {
 	border: 1px #eee solid;
 	padding: 6px 12px
 }
 
 .com-cnt img {
 	max-width: 100%
 }
 
 #pages {
 	clear: both;
 	padding: 10px 0;
 	text-align: center;
 	font: 12px microsoft yahei
 }
 
 #pages a {
 	display: inline-block;
 	padding: 0 8px;
 	height: 24px;
 	font-size: 12px;
 	line-height: 22px;
 	background: #fff;
 	border: 1px solid #e3e3e3;
 	text-align: center;
 	color: #333;
 	margin-right: -1px
 }
 
 #pages a.a1 {
 	padding: 0 12px;
 	height: 24px;
 	line-height: 22px;
 	margin-top: 0
 }
 
 #pages a:hover {
 	background: #f1f1f1;
 	color: #000;
 	text-decoration: none
 }
 
 #pages span {
 	display: inline-block;
 	padding: 0 8px;
 	height: 24px;
 	line-height: 22px;
 	background: #5a85b2;
 	border: 1px solid #5a85b2;
 	color: #fff;
 	text-align: center
 }
 
 .page .noPage {
 	display: inline-block;
 	padding: 0 12px;
 	height: 22px;
 	line-height: 22px;
 	border: 1px solid #e3e3e3;
 	text-align: center;
 	color: #a4a4a4
 }
 
 .pageright {
 	margin-right: 40px
 }
 
 @media(max-width:420px) {
 	#pages .prev,
 	#pages .next {
 		display: none
 	}
 }
 
 .inner-bg:before {
 	background-color: #000;
 	bottom: 0;
 	content: "";
 	display: inline-block;
 	left: 0;
 	opacity: .4;
 	position: absolute;
 	right: 0;
 	top: 0
 }
 
 .inner-bg {
 	padding: 50px 0;
 	position: relative
 }
 
 .modSectionHeader.big h2 {
 	color: #fff;
 	font-size: 3rem
 }
 
 .modSectionHeader.big h3 {
 	letter-spacing: normal;
 	color: #fff
 }
 
 .modSectionHeader.big h3 a {
 	color: #fff
 }
 
 .modSectionHeader.big h3 a:hover,
 .modSectionHeader.big h3 a:active {
 	color: #019fe7
 }
 
 .portfolio-item figure {
 	margin: 0
 }
 
 .nav-tabs {
 	border-bottom: 1px solid #ddd;
 	padding-bottom: 0;
 	min-height: 46px
 }
 
 .nav-tabs>li {
 	float: left;
 	margin-bottom: -1px
 }
 
 .nav-tabs>li>a {
 	display: block;
 	margin-right: 2px;
 	line-height: 1.428571429;
 	border: 1px solid transparent;
 	border-radius: 4px 4px 0 0;
 	padding: 12px 20px;
 	font-size: 14px
 }
 
 .nav-tabs>li>a:hover {
 	border-color: #eee #eee #ddd
 }
 
 .nav-tabs>li.active>a,
 .nav-tabs>li.active>a:hover,
 .nav-tabs>li.active>a:focus {
 	color: #555;
 	background-color: #fff;
 	border: 1px solid #ddd;
 	border-bottom-color: transparent;
 	cursor: default
 }
 
 .tabbable:after {
 	clear: both
 }
 
 .tab-content>.tab-pane {
 	display: none
 }
 
 .tab-content>.active {
 	display: block
 }
 
 .for-bottom-padding-no {
 	padding-top: 45px;
 	clear: both
 }
 
 .text-center {
 	text-align: center
 }
 
 .sidebar .widget:last-child {
 	margin-bottom: 0
 }
 
 .entry-header {
 	background: 0 0;
 	box-shadow: none;
 	padding-top: 0;
 	border: 0
 }
 
 .prolist-wrap .glass-animation img {
 	border: 1px #ededed solid
 }
 
 .s-contact {
 	color: #555;
 	line-height: 1.6
 }
 
 .sidebar .widget {
 	margin-top: 0
 }
 
 .entry-meta li:before {
 	margin: 0
 }
 
 #innerpage-wrap {
 	background: #fff;
 	padding: 45px 0;
 	clear: both
 }
 
 #innerpage-wrap .container {
 	padding-left: 2px;
 	padding-right: 2px
 }
 
 .breadcrumb-wrapper {
 	background: #f4f4f4;
 	padding: 30px 0
 }
 
 .breadcrumb-section .bc-cat {
 	padding-top: 16px;
 	position: relative;
 	top: 2px
 }
 
 .bcid-cat {
 	font-size: 16px;
 	font-weight: 700
 }
 
 .location {
 	text-align: right
 }
 
 .widget .tagcloud a,
 .tags-list a,
 .searchform #searchsubmit {
 	transition: all 500ms cubic-bezier(.23, 1, .32, 1)
 }
 
 .searchform {
 	overflow: hidden;
 	background-color: #f16543
 }
 
 .searchform ::-webkit-input-placeholder {
 	color: #fff
 }
 
 .searchform ::-moz-placeholder {
 	color: #fff
 }
 
 .searchform :-ms-input-placeholder {
 	color: #fff
 }
 
 .searchform input:-moz-placeholder {
 	color: #fff
 }
 
 .searchform #s,
 .searchform #searchsubmit {
 	color: #fff;
 	height: 48px;
 	border: 0;
 	background-color: #03a1e8;
 	margin-bottom: 0;
 	border-radius: 0
 }
 
 .searchform #s {
 	float: left;
 	width: 85%;
 	padding-left: 20px;
 	padding-right: 0
 }
 
 .searchform .screen-reader-text {
 	display: none
 }
 
 .searchform #searchsubmit {
 	float: right;
 	width: 15%;
 	padding-left: 0;
 	padding-right: 0;
 	background-image: url(../images/icon-lense.png);
 	background-repeat: no-repeat;
 	background-position: center center;
 	cursor: pointer
 }
 
 .searchform #searchsubmit:hover {
 	background-color: #373c40
 }
 
 .searchform {
 	background: 0 0;
 	border: 0
 }
 
 .searchform #s {
 	background: 0 0;
 	color: #444;
 	border: 1px #ddd solid;
 	border-right: 0
 }
 
 .searchform #searchsubmit {
 	background-color: #03a1e8
 }
 
 .searchform ::-webkit-input-placeholder {
 	color: #444
 }
 
 .searchform ::-moz-placeholder {
 	color: #444
 }
 
 .searchform :-ms-input-placeholder {
 	color: #444
 }
 
 .searchform input:-moz-placeholder {
 	color: #444
 }
 
 .widget ul li:before {
 	display: none
 }
 
 .widget-category ul li:before {
 	font-family: fontawesome;
 	content: "\f101";
 	padding-right: 17px
 }
 
 .sidebar .widget .title {
 	color: #525659;
 	text-transform: uppercase;
 	font-weight: 600
 }
 
 .sidebar .widget ul li {
 	border-bottom: 1px solid #d3dae0;
 	padding: 6px 0;
 	font-size: 14px;
 	color: #6e7375
 }
 
 .sidebar .widget ul li a {
 	color: #373c40;
 	color: #6e7375
 }
 
 .sidebar .widget ul li a:hover {
 	color: #f16543
 }
 
 .sidebar .widget ul li ul {
 	padding: 6px 0 0
 }
 
 .sidebar .widget ul li ul li:first-child {
 	border-top: 1px solid #dedede
 }
 
 .sidebar .widget ul li ul li:last-child {
 	border-bottom: 0;
 	padding-bottom: 0
 }
 
 .widget .title {
 	font-size: 20px;
 	line-height: 20px;
 	margin-bottom: 22px;
 	margin-top: 0
 }
 
 .widget ul {
 	list-style: none;
 	margin: 0
 }
 
 .widget ul li ul li:last-child {
 	border-bottom: 0;
 	padding-bottom: 0
 }
 
 .widget .gallery-post-slider ul li {
 	border: 0;
 	background: 0 0;
 	padding: 0
 }
 
 .widget .tabbed .tabs {
 	margin: 0;
 	padding: 0
 }
 
 .widget .tabbed .tabs li {
 	float: left;
 	list-style: none;
 	margin: 0;
 	background-image: none;
 	border: 0;
 	padding: 10px 1px;
 	width: 33.333%;
 	color: #878c90;
 	text-align: center;
 	cursor: pointer;
 	text-transform: uppercase;
 	font-size: 16px;
 	font-weight: 600;
 	border-right: 1px solid #d3dae0
 }
 
 .widget .tabbed .tabs li:last-child {
 	border-right: 0
 }
 
 .widget .tabbed .tabs li:hover,
 .widget .tabbed .tabs li.current {
 	color: #fff;
 	background-color: #f16543;
 	border-right: 1px solid #f16543;
 	border-bottom: 1px solid #f16543;
 	margin-bottom: -1px
 }
 
 .widget .tabbed .block {
 	margin: 0;
 	display: none
 }
 
 .widget .tabbed .block.current {
 	display: block;
 	padding: 22px 0 0;
 	border-top: 1px solid #d3dae0
 }
 
 .widget .tabbed .widget-list li {
 	background: 0 0;
 	border-bottom: 1px solid #e8e9ef;
 	padding: 0 0 20px;
 	margin-bottom: 25px;
 	line-height: 1
 }
 
 .widget .tabbed .widget-list li .link-read-more {
 	color: #f16543
 }
 
 .widget .tabbed .widget-list li .link-read-more:hover {
 	color: #373c40
 }
 
 .widget .tabbed .widget-list li .link-read-more:hover:after {
 	color: #373c40
 }
 
 .widget-list li {
 	overflow: hidden;
 	margin-bottom: 20px
 }
 
 .widget-list li:last-child {
 	border-bottom: 0
 }
 
 .widget-list li h5 {
 	margin: 0 0 9px;
 	line-height: 21px;
 	color: #a5aaae;
 	font-size: 13px;
 	font-weight: 400
 }
 
 .widget-list li figure {
 	float: left;
 	margin-right: 22px;
 	margin-bottom: 0
 }
 
 .widget-list li figure img {
 	width: 102px;
 	height: 104px
 }
 
 .widget-list li span {
 	display: inline-block;
 	font-size: 12px;
 	padding-left: 20px;
 	background-repeat: no-repeat;
 	background-position: left 3px;
 	text-transform: uppercase;
 	margin-bottom: 7px
 }
 
 .widget-list li .comments {
 	background-image: url(../images/icon-chat-3.png);
 	background-position: left 3px;
 	margin-right: 18px;
 	margin-bottom: 0
 }
 
 .widget-list li .author {
 	background-image: url(../images/icon-user.png);
 	background-position: left 3px;
 	padding-left: 17px
 }
 
 .widget-list li .link-read-more {
 	text-transform: uppercase;
 	font-size: 12px;
 	display: block
 }
 
 .widget-list li .link-read-more:after {
 	content: " \f101";
 	font-family: FontAwesome;
 	color: #f16543
 }
 
 .widget .tagcloud {
 	overflow: hidden;
 	margin-left: -4px;
 	margin-right: -4px
 }
 
 .widget .tagcloud a {
 	display: block;
 	float: left;
 	padding: 6px 15px;
 	color: #84898b;
 	background-color: #ecf0f3;
 	font-size: 14px;
 	margin: 4px;
 	text-decoration: none
 }
 
 .widget .tagcloud a:hover {
 	color: #fff;
 	background: #f16543
 }
 
 .glass-animation:hover .glass span {
 	-webkit-transition-delay: .2s;
 	transition-delay: 0s;
 	opacity: 1;
 	width: 30px;
 	height: 30px;
 	border-radius: 200px
 }
 
 .glass-animation:hover .glass span i {
 	right: -14px;
 	bottom: -7px;
 	-webkit-transition-delay: .2s;
 	transition-delay: .2s
 }
 
 .glass-animation:hover .background {
 	height: 100%;
 	width: 100%;
 	opacity: .7
 }
 
 .glass-animation .background {
 	transition: .3s all ease-in-out;
 	width: 100;
 	height: 100;
 	background: #f16543;
 	position: absolute;
 	right: 0;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	margin: auto;
 	opacity: 0
 }
 
 .glass-animation .glass {
 	display: block;
 	transition: .2s all ease-in-out
 }
 
 .glass-animation .glass>span {
 	opacity: 0;
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	margin: auto;
 	transition: .2s all ease-in-out;
 	-webkit-transition-delay: 0s;
 	transition-delay: 0s;
 	width: 200px;
 	height: 200px;
 	border-radius: 100px;
 	display: block;
 	border: 5px solid #fff
 }
 
 .glass-animation .glass>span i {
 	transition: .2s all ease-in-out;
 	-webkit-transition-delay: 0s;
 	transition-delay: 0s;
 	position: absolute;
 	right: -200px;
 	bottom: -200px;
 	display: inline-block;
 	width: 18px;
 	height: 5px;
 	background: #fff;
 	border-radius: 10px;
 	-ms-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg)
 }
 
 .breadcrumb-section {
 	background: url(../images/breadcrumb-bg.jpg) center top no-repeat;
 	background-size: cover;
 	padding: 52px 0 70px
 }
 
 .breadcrumb-section h1 {
 	margin-bottom: 0;
 	font-size: 35px;
 	color: #f9f9fa;
 	text-transform: uppercase;
 	font-weight: 700;
 	letter-spacing: .05em
 }
 
 .breadcrumb-section h1:after {
 	background: #ff7800;
 	height: 3px;
 	content: "";
 	display: block;
 	width: 100px;
 	margin: 15px 0 0
 }
 
 .breadcrumb {
 	background: 0 0;
 	border-radius: 0;
 	padding: 4px 0;
 	margin: 39px 0 0
 }
 
 .breadcrumbs:after {
 	height: 1px;
 	background: #fff;
 	content: "";
 	display: block;
 	margin: 0 0 0 115px;
 	opacity: .25
 }
 
 .bc-location {
 	margin-top: 39px;
 	color: #fff
 }
 
 .bc-location a {
 	color: #fff
 }
 
 .bc-location a:hover,
 .bc-location a:active {
 	color: #0093dd
 }
 
 .blog-article {
 	margin-bottom: 30px
 }
 
 .blog-article figure {
 	margin-bottom: 20px
 }
 
 .blog-article .format-icon {
 	left: 0
 }
 
 .blog-article p {
 	margin-bottom: 20px;
 	line-height: 24px
 }
 
 .blog-article blockquote p {
 	line-height: 32px
 }
 
 .blog-article .read-more-link {
 	text-transform: uppercase;
 	line-height: 23px;
 	color: #7d8489
 }
 
 .blog-article .read-more-link:after {
 	content: "\f101";
 	font-family: FontAwesome;
 	color: #f16543;
 	padding-left: 8px
 }
 
 .blog-article .read-more-link:hover {
 	color: #373c40
 }
 
 .blog-article .read-more-link:hover:after {
 	color: #373c40
 }
 
 .blog-article .post-meta {
 	color: #a5aaae;
 	font-size: 12px;
 	float: left;
 	width: 21.97402597402597%;
 	border-right: 2px solid #d7dee0;
 	margin: 0 30px 15px 0
 }
 
 .blog-article .post-meta a {
 	color: #a5aaae
 }
 
 .blog-article .post-meta a:hover {
 	color: #f16543
 }
 
 .blog-article .post-meta ul {
 	list-style: none;
 	margin: 0;
 	padding: 0 15px
 }
 
 .blog-article .post-meta ul li {
 	margin: 0 0 6px;
 	padding: 4px 0;
 	text-transform: uppercase;
 	background: 0 0;
 	font-size: 12px
 }
 
 .blog-article .post-meta ul li:before {
 	font-family: fontawesome;
 	padding-right: 17px;
 	font-size: 14px;
 	color: #8c9194
 }
 
 .blog-article .post-meta ul li.date:before {
 	content: "\f073"
 }
 
 .blog-article .post-meta ul li.comments:before {
 	content: "\f086"
 }
 
 .blog-article .post-meta ul li.tags:before {
 	content: "\f02b"
 }
 
 .blog-article .post-meta ul li.author:before {
 	content: "\f007"
 }
 
 .blog-article .post-summary {
 	padding-right: 10px
 }
 
 .blog-article .post-summary p {
 	margin-bottom: 10px;
 	line-height: 23px;
 	color: #666
 }
 
 .blog-article .post-content-wrapper {
 	padding: 15px 0 30px
 }
 
 .blog-article .post-meta ul li time {
 	background: 0 0;
 	margin-left: -3px
 }
 
 .portfolio-item,
 .gallery-item {
 	margin: 0 0 30px;
 	overflow: hidden
 }
 
 .portfolio-item .item-title {
 	font-size: 14px;
 	font-weight: 600;
 	margin-bottom: 4px;
 	color: #4f5458;
 	letter-spacing: normal;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	text-align: center
 }
 
 .portfolio-item time {
 	color: #687075
 }
 
 .portfolio-item span {
 	color: #f16543
 }
 
 .portfolio-item .square {
 	background-color: #bfc4c8
 }
 
 .related-projects .item .separator,
 .portfolio-item .separator {
 	margin: 30px 0 15px;
 	display: none
 }
 
 .portfolio-item figure {
 	margin-bottom: 22px;
 	position: relative
 }
 
 .portfolio-item .overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 100;
 	opacity: 0;
 	width: 100%;
 	height: 100%;
 	background-color: #f16543
 }
 
 .portfolio-item .overlay a {
 	opacity: .8;
 	filter: alpha(opacity=80);
 	display: block;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 40px;
 	height: 40px;
 	margin-top: -20px;
 	margin-left: -20px;
 	background: url(../images/icon-lense.png) no-repeat center center
 }
 
 .portfolio-item .overlay a:hover {
 	opacity: 1;
 	filter: alpha(opacity=100)
 }
 
 .our-work .gallery-item .inner-contents {
 	border-bottom: 1px solid #cad3db;
 	border-bottom: 0
 }
 
 .our-work .gallery-item {
 	margin-bottom: 24px
 }
 
 .our-work .gallery-item figure {
 	position: relative;
 	margin: 0 0 23px
 }
 
 .our-work .gallery-item figure:hover .gallery-btn {
 	opacity: 1
 }
 
 .our-work .gallery-item img {
 	padding: 0;
 	margin: 0;
 	max-width: 100%;
 	border: 1px #ededed solid
 }
 
 .our-work .gallery-item .gallery-btn {
 	position: absolute;
 	top: 45%;
 	left: 50%;
 	z-index: 200;
 	width: 160px;
 	margin: -22px 0 0 -79px;
 	opacity: 0;
 	padding: 10px 0;
 	text-align: center;
 	font-size: 14px;
 	font-weight: 700;
 	color: #fff;
 	border: 2px solid #fff;
 	background-color: #b3813c
 }
 
 .our-work .gallery-item .gallery-btn:hover {
 	color: #f16543;
 	background-color: #fff
 }
 
 .our-work .gallery-item .media-container {
 	position: absolute;
 	z-index: 100;
 	opacity: 0;
 	width: 100%;
 	height: 100%;
 	background-color: #b3813c
 }
 
 .our-work .gallery-item .item-title {
 	font-size: 15px;
 	font-weight: 600;
 	margin-top: 0;
 	margin-bottom: 0;
 	color: #61676c;
 	color: #282828;
 	padding-bottom: 0;
 	position: relative;
 	z-index: 999;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4;
 	text-align: center
 }
 
 .our-work .gallery-item p {
 	margin-bottom: 12px
 }
 
 .our-work .gallery-item p a {
 	color: #a1a9b0;
 	margin-right: 3px;
 	text-decoration: none
 }
 
 .our-work .gallery-item p a:hover {
 	color: #f16543
 }
 
 .sidebar .widget {
 	margin-bottom: 35px
 }
 
 .widget-list li .comments {
 	background: 0 0;
 	margin-right: 0;
 	padding-left: 0;
 	padding-top: 3px
 }
 
 .widget-list li figure {
 	margin: 0 15px 0 0
 }
 
 .widget-list li figure img {
 	width: 106px;
 	height: auto
 }
 
 .widget .tabbed .widget-list li {
 	padding: 0 0 15px;
 	margin-bottom: 15px
 }
 
 .widget .tabbed .widget-list li:last-child {
 	border-bottom: 0;
 	margin: 0;
 	padding: 0
 }
 
 .widget .widget-list {
 	padding-left: 0
 }
 
 .sidebar .widget ul li .s-desc {
 	margin-bottom: 8px;
 	line-height: 1.5
 }
 
 .blog-article {
 	float: left;
 	width: 100%
 }
 
 .blog-article figure {
 	float: left;
 	width: 250px;
 	margin-right: 15px;
 	margin-right: 20px;
 	margin-bottom: 10px;
 	margin-left: 0;
 	margin-top: 0
 }
 
 .blog-article .post-meta {
 	width: 125px;
 	margin: 0 30px 15px 0
 }
 
 .blog-article .post-meta ul {
 	padding: 0
 }
 
 h2.post-title {
 	font-size: 20px;
 	letter-spacing: normal;
 	margin-top: 0;
 	margin-bottom: 12px;
 	line-height: 1.4;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	font-weight: 700
 }
 
 .downlist-wrap .blog-article figure {
 	width: 220px;
 	margin-right: 25px
 }
 
 .download-wrap .d-content {
 	padding-top: 15px
 }
 
 .download-wrap .down-info li {
 	padding-bottom: 12px;
 	margin-bottom: 12px;
 	border-bottom: 1px #ddd solid
 }
 
 .blog-post-wrap .bp-desc {
 	text-align: center;
 	display: block;
 	margin: 20px 0;
 	font-size: 14px
 }
 
 .blog-post-wrap .bp-title {
 	margin-top: 0;
 	font-size: 23px;
 	letter-spacing: normal;
 	color: inherit;
 	text-align: center
 }
 
 .prolist-wrap .portfolio-item {
 	margin-bottom: 17px
 }
 
 .prolist-wrap .model {
 	margin-bottom: 5px;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4;
 	color: #666
 }
 
 .prolist-wrap .p-keyword {
 	color: #666;
 	margin-bottom: 0
 }
 
 #contact-form textarea {
 	height: 120px
 }
 
 .msg-title {
 	font-size: 22px;
 	text-align: center;
 	margin-bottom: 25px;
 	color: inherit
 }
 
 .add-msg-form .cf-column {
 	padding-bottom: 20px;
 	position: relative
 }
 
 .add-msg-form .cf-tarea {
 	clear: both
 }
 
 .add-msg-form input {
 	box-sizing: border-box;
 	padding: 0 15px;
 	border: 1px solid #ddd;
 	height: 40px;
 	line-height: 40px;
 	color: #444;
 	width: 100%;
 	margin-bottom: 0
 }
 
 .add-msg-form textarea {
 	box-sizing: border-box;
 	border: 1px solid #ddd;
 	color: #333;
 	min-height: 100px;
 	padding: 15px;
 	color: #444;
 	width: 100%;
 	margin-bottom: 0
 }
 
 .add-msg-form .submit-button {
 	box-sizing: border-box;
 	width: 100%;
 	line-height: 40px;
 	height: 40px;
 	float: right;
 	padding: 0 15px;
 	border: 0;
 	color: #fff;
 	position: relative;
 	background-color: #333;
 	cursor: pointer;
 	font-size: 14px
 }
 
 .add-msg-form .submit-button:hover,
 .add-msg-form .submit-button:active {
 	background-color: #d81919
 }
 
 .add-msg-form em {
 	position: absolute;
 	bottom: 0;
 	z-index: 1111;
 	float: left;
 	left: 20px
 }
 
 .product-show .ps-title {
 	font-size: 23px;
 	color: inherit;
 	margin-top: 0;
 	padding-bottom: 0;
 	margin-bottom: 0;
 	line-height: 1
 }
 
 .product-show .ps-desc {
 	display: block;
 	text-align: center;
 	margin: 17px 0 20px;
 	font-size: 14px
 }
 
 .product-show .product-gallery .owl-controls {
 	margin-top: 20px;
 	text-align: center
 }
 
 .product-gallery {
 	margin: 0 -15px
 }
 
 .product-gallery .item {
 	padding: 0 15px
 }
 
 .product-gallery img {
 	margin-bottom: 1px;
 	border: 1px #ededed solid
 }
 
 .proshow-tab {
 	margin-top: 15px;
 	padding-bottom: 25px;
 	padding-bottom: 0
 }
 
 .proshow-tab .nav-tabs li:after {
 	display: none
 }
 
 .proshow-tab .nav-tabs .active a {
 	color: #d4171e!important;
 	text-decoration: none
 }
 
 .proshow-tab .nav-tabs a {
 	color: #333!important
 }
 
 .proshow-tab .tab-content {
 	padding-top: 25px;
 	width: 100%;
 	float: left;
 	margin: 0
 }
 
 .proshow-tab .tab-pane {
 	margin-top: 0
 }
 
 #product-msg-form input[type=text],
 #product-msg-form input[type=password],
 #product-msg-form input[type=email],
 #product-msg-form input[type=tel],
 #product-msg-form input[type=number],
 #product-msg-form input[type=file],
 #product-msg-form input[type=url],
 #product-msg-form select,
 #product-msg-form textarea {
 	position: relative;
 	display: block;
 	width: 100%;
 	height: auto;
 	line-height: 24px;
 	padding: 12px 20px;
 	font-size: 13px;
 	color: #202020;
 	border: 1px solid #ddd;
 	background: #fff;
 	transition: all .5s ease;
 	-webkit-transition: all .5s ease;
 	-ms-transition: all .5s ease;
 	-o-transition: all .5s ease;
 	-moz-transition: all .5s ease
 }
 
 #product-msg-form input[type=text]:focus,
 #product-msg-form input[type=password]:focus,
 #product-msg-form input[type=email]:focus,
 #product-msg-form input[type=tel]:focus,
 #product-msg-form input[type=number]:focus,
 #product-msg-form input[type=file]:focus,
 #product-msg-form input[type=url]:focus,
 #product-msg-form select:focus,
 #product-msg-form textarea:focus {
 	border-color: #202020
 }
 
 #product-msg-form .cf-column {
 	margin-bottom: 18px
 }
 
 #product-msg-form #submit-btn {
 	display: inline-block;
 	background: #d4171e;
 	color: #202e31!important;
 	color: #fff!important;
 	border-radius: 6px;
 	padding: 12px;
 	border: 0;
 	cursor: pointer;
 	width: 100%
 }
 
 #product-msg-form #submit-btn:hover,
 #product-msg-form #submit-btn:focus,
 #product-msg-form #submit-btn:active {
 	background: #202e31
 }
 
 @media(max-width:990px) {
 	#innerpage-wrap {
 		padding: 30px 0 0
 	}
 	.sidebar .widget:last-child {
 		margin-bottom: 30px
 	}
 	.sidebar {
 		padding-top: 30px;
 		clear: both
 	}
 	.side-search .title {
 		display: none
 	}
 	.searchform #s {
 		width: 94%
 	}
 	.searchform #searchsubmit {
 		width: 6%
 	}
 	.blog-article .read-more-link {
 		display: none
 	}
 	.product-show .ps-desc {
 		margin: 12px 0 15px
 	}
 }
 
 @media(max-width:768px) {
 	.portfolio-item .item-title {
 		position: relative;
 		z-index: 999
 	}
 	.our-work .gallery-item .item-title {
 		position: relative;
 		z-index: 999
 	}
 	.searchform #s {
 		width: 92%
 	}
 	.searchform #searchsubmit {
 		width: 8%
 	}
 	.product-show .ps-title,
 	.blog-post-wrap .bp-title {
 		line-height: 1.6;
 		font-size: 18px;
 		margin: 0;
 		padding: 0;
 		font-weight: 700
 	}
 }
 
 @media(max-width:740px) {
 	.bcid-cat {
 		text-align: center;
 		margin-bottom: 15px
 	}
 	.location {
 		text-align: center;
 		line-height: 1.4
 	}
 	.side-news {
 		display: none
 	}
 	.searchform #s {
 		width: 90%
 	}
 	.searchform #searchsubmit {
 		width: 10%
 	}
 	.breadcrumb-section {
 		padding: 82px 0 40px
 	}
 	.breadcrumb-section .bc-cat {
 		text-align: center
 	}
 	.breadcrumb-section h1:after {
 		margin: 15px auto 0
 	}
 	.bc-location {
 		margin-top: 25px;
 		text-align: center
 	}
 	.breadcrumbs:after {
 		display: none
 	}
 }
 
 @media(max-width:480px) {
 	.searchform #s {
 		width: 85%
 	}
 	.searchform #searchsubmit {
 		width: 15%
 	}
 	.blog-article figure {
 		margin-right: 0;
 		width: 100%;
 		margin-bottom: 25px
 	}
 	.blog-article .entry-header {
 		clear: both
 	}
 	h2.post-title {
 		font-size: 17px;
 		margin-bottom: 14px
 	}
 	.blog-article .post-meta {
 		margin: 0 0 15px;
 		width: 100%;
 		border-right: 0
 	}
 	.blog-article .post-meta ul li:before {
 		padding-right: 10px
 	}
 	.blog-article .post-meta ul li {
 		float: left;
 		padding: 0;
 		margin: 0 12px 0 0
 	}
 	.blog-article .entry-content {
 		clear: both
 	}
 	.blog-article .post-summary p {
 		margin-bottom: 0
 	}
 	.proshow-tab .nav-tabs>li {
 		width: 100%
 	}
 	.proshow-tab .nav-tabs>li>a {
 		border-radius: 0
 	}
 	.proshow-tab .nav-tabs>li>a,
 	.proshow-tab .nav-tabs>li.active>a,
 	.proshow-tab .nav-tabs>li.active>a:hover,
 	.proshow-tab .nav-tabs>li.active>a:focus {
 		border: 1px #ddd solid;
 		margin-right: 0
 	}
 }
 
 @media(max-width:420px) {
 	.blog-article .post-meta ul li.author {
 		display: none
 	}
 	.prolist-wrap .model {
 		overflow-x: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		line-height: 1.4
 	}
 	.breadcrumb-section h1 {
 		font-size: 30px
 	}
 }
 
 @media(max-width:360px) {
 	.searchform #s {
 		width: 80%
 	}
 	.searchform #searchsubmit {
 		width: 20%
 	}
 	.prolist-wrap .portfolio-item {
 		width: 100%
 	}
 }
 
 @media(max-width:1440px) and (min-width:1200px) {
 	.searchform #s {
 		width: 82%
 	}
 	.searchform #searchsubmit {
 		width: 18%
 	}
 }
 
 @media(max-width:1200px) and (min-width:1040px) {
 	.searchform #s {
 		width: 78%
 	}
 	.searchform #searchsubmit {
 		width: 22%
 	}
 }
 
 @media(min-width:1410px) {
 	.container {
 		max-width: 1170px;
 		width: 1170px
 	}
 }
 
 @media(min-width:1570px) {
 	.container {
 		max-width: 1170px;
 		width: 1170px
 	}
 }
 
 @media(min-width:1890px) {
 	.container {
 		max-width: 1370px;
 		width: 1370px
 	}
 	#navigation .menu1 {
 		padding: 0 2.2rem
 	}
 	#navigation .active .menu1 {
 		padding: 0 2.9rem
 	}
 	#index-service .modIconText {
 		padding-bottom: 10px
 	}
 	#index-service .modIconText .icon-text-simple h3 {
 		font-size: 1.4rem
 	}
 	#index-service .modIconText .icon-text-simple p {
 		font-size: 1.2rem;
 		line-height: 1.6
 	}
 	#index-news .desc {
 		font-size: 13px
 	}
 	.f-about,
 	.f-about p {
 		line-height: 1.85
 	}
 }
 
 @media(max-width:1024px) {
 	body {
 		word-break: break-all;
 		word-wrap: break-word
 	}
 	.container {
 		max-width: 98%;
 		width: 98%
 	}
 	.columns {
 		padding-left: 15px;
 		padding-right: 15px
 	}
 	.top-bar .title-area {
 		width: 100%
 	}
 	.top-bar .title-area .name {
 		float: left;
 		width;
 		auto
 	}
 	.top-bar .title-area .name h1 a {
 		padding: 0
 	}
 	.top-bar .title-area .name h1 a img {
 		width: auto!important
 	}
 	.top-bar .toggle-topbar,
 	.top-bar-section {
 		display: none!important
 	}
 	#navigation .title-area {
 		position: relative
 	}
 	#navigation .mmenu-btn,
 	#navigation .mmenu-btn a {
 		line-height: 1.1;
 		height: auto
 	}
 	.mmenu-btn {
 		display: block;
 		cursor: pointer;
 		line-height: 1;
 		position: absolute;
 		top: 24px;
 		right: 0;
 		border: 1px #ddd solid;
 		border-radius: 5px;
 		padding: 7px 8px;
 		background: rgba(255, 255, 255, .9)
 	}
 	.mmenu-btn i {
 		font-size: 18px
 	}
 	#mmenu {
 		border-left: 1px #e5e5e5 solid
 	}
 	#mmenu .mmDiv {
 		padding-top: 20px
 	}
 	#mmenu .mm-title {
 		padding: 12px 0 11px
 	}
 	#mmenu .mm-search-form {
 		margin: 0
 	}
 	#mmenu .mm-search {
 		position: static;
 		padding-left: 0;
 		margin-top: 10px;
 		padding-right: 0;
 		margin-bottom: -17px
 	}
 	#mmenu .mm-search .side-mm-keyword {
 		max-height: 32px;
 		height: 32px;
 		padding: 0 16px
 	}
 	#mmenu .noblock {
 		display: inline!important;
 		padding: 10px
 	}
 	#mmenu .MMhead {
 		line-height: 2.8;
 		border-bottom: 1px #e5e5e5 solid;
 		margin: 0 -20px;
 		padding-left: 10px
 	}
 	#mmenu .MMhead a {
 		background: 0 0
 	}
 	#mmenu .mm-header .mm-title {
 		top: -10px;
 		font-size: 14px
 	}
 	#mmenu a {
 		color: #333;
 		font-size: 14px
 	}
 	#mmenu a:hover,
 	#mmenu a:active {
 		color: #af7f48
 	}
 	#mmenu .mm-listview>li>a,
 	#mmenu .mm-listview>li>span {
 		padding: 10px 10px 10px 20px
 	}
 	#index-service {
 		padding: 30px 0 20px
 	}
 	#index-service .iserv-img {
 		width: 100%;
 		margin-bottom: 25px;
 		text-align: center
 	}
 	#index-service .iserv-img img {
 		margin: 0 auto
 	}
 	#index-service .iserv-text {
 		width: 100%
 	}
 }
 
 @media(max-width:990px) {
 	.container {
 		max-width: 99%;
 		width: 99%
 	}
 	.foot-about {
 		width: 50%
 	}
 	.foot-contact {
 		width: 50%
 	}
 	.foot-nav,
 	.foot-qrcode {
 		display: none
 	}
 }
 
 @media(max-width:768px) {
 	.modDefaultSlider .sequence {
 		height: 65vh
 	}
 	#index-widget-1 h3 {
 		font-size: 1.3em
 	}
 	.iw4-item {
 		width: 50%;
 		float: left
 	}
 	#index-parallax {
 		display: none
 	}
 	.iblog-item {
 		width: 50%
 	}
 	#index-b-widget {
 		padding: 30px 0 25px
 	}
 	#footer-bottom b {
 		display: none
 	}
 }
 
 @media(max-width:740px) {
 	.modDefaultSlider .sequence {
 		height: 60vh
 	}
 	#index-service .modIconText .icon-text-simple h3 {
 		font-size: 1.2em
 	}
 	#index-portfolio .project-item {
 		width: 50%
 	}
 	#footer {
 		padding: 30px 0 20px
 	}
 	.foot-about {
 		width: 100%
 	}
 	.foot-contact {
 		display: none
 	}
 	.modSectionHeader.big h2 {
 		font-size: 2rem
 	}
 }
 
 @media(max-width:480px) {
 	.modDefaultSlider .sequence {
 		height: 55vh
 	}
 	.iw4-item {
 		width: 100%
 	}
 	#index-b-widget {
 		padding: 20px 0 15px
 	}
 }
 
 @media(max-width:420px) {
 	.modDefaultSlider .sequence {
 		height: 20vh
 	}
 	.modDefaultSlider .sequence .sequence-prev,
 	.modDefaultSlider .sequence .sequence-next {
 		top: 25%
 	}
 	#index-news,
 	#index-client {
 		display: none
 	}
 	#index-b-widget {
 		background: #f4f4f4
 	}
 }
 
 @media(max-width:360px) {
 	.modDefaultSlider .sequence {
 		height: 40vh
 	}
 	#index-portfolio .project-item {
 		width: 100%
 	}
 }
 
 .pagess {
 	clear: both;
 	margin: 20px;
 	overflow: hidden;
 	margin-left: 0;
 	text-align: center;
 	font-size: 12px
 }
 
 .pagess ul li {
 	display: inline-block;
 	border: 1px solid #ccc;
 	padding: 2px 9px;
 	margin: 0 3px;
 	line-height: 20px;
 	background: #fff;
 	color: #999
 }
 
 .pagess ul li:hover {
 	background: #ccc;
 	color: #fff;
 	border: 1px solid #ccc
 }
 
 .pagess ul li:hover a {
 	color: #fff
 }
 
 .pagess ul li.thisclass {
 	display: inline-block;
 	border: 1px solid #ccc;
 	padding: 2px 9px;
 	margin: 0 3px;
 	background: #ccc;
 	color: #fff
 }
 
 .pagess ul li.thisclass a {
 	color: #fff
 }
 
 .pagess ul li a {
 	display: block;
 	color: #999
 }
 
 .pagess ul li a:hover {
 	color: #fff
 }
 
 #imgsy img {
 	max-width: 100%!important;
 	height: auto!important
 }