body {
 	font-family: open sans, roboto condensed, Arial, Verdana, Helvetica, Lato, sans-serif;
 	font-size: 14px
 }
 
 	.dnimg{
		width: 240px;
	}
 

 .c-content-feature-3 img{
	width: 30px;
	border-radius: 5px; 
	margin-right: 10px;
 }

 ul,
 li {
 	list-style: none;
 	margin: 0;
 	padding: 0
 }

 a {
 	outline: none !important;
 	color: #333;
 	color: #3f444a
 }
 
 a:hover,
 a:active {
 	color: #fb894d
 }

 .dark-title a {
 	color: #fff
 }

 .dark-title a:hover,
 .dark-title a:active {
 	color: #fb894d
 }

 .c-layout-header .c-quick-search>.form-control {
 	font-size: 15px
 }

 .c-layout-header.c-layout-header-5 .c-navbar .c-navbar-wrapper {
	 box-shadow: 2px 2px 50px #000000 inset;
	border-radius: 5px;
 	background: rgba(47, 53, 59, .8)
 }

 .c-layout-header .c-brand .c-desktop-logo {
 	padding: 15px
 }

 .c-layout-header-2 .c-brand {
 	margin: 6px 0 5px
 }

 #navigation .dropdown-menu a {
 	font-size: 13px
 }

 .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
 	padding: 19px 22px 16px;
 	font-size: 14px
 }

 .c-layout-header-2 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
 	padding: 21px 15px 19px;
 	min-height: 70px
 }

 .c-layout-header-2 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-btn-icon {
 	margin: 10px 5px 8px
 }

 .c-layout-header-2 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-quick-sidebar-toggler {
 	padding: 28px 0 30px 15px
 }

 .c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu.c-menu-type-classic {
 	width: 170px;
 	min-width: 170px
 }

 .c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu.c-menu-type-classic .dropdown-menu {
 	width: 170px;
 	min-width: 170px
 }

 #index-mobile .cbp-caption-defaultWrap {
 	border: 1px #ededed solid;
	border-radius: 5px;
 }

 #index-mobile .link-title {
 	margin: 16px 0 0;
 	font-weight: 700;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4
 }

 .cover-title {
 	color: #fff
 }

 .cover-desc {
 	color: #f8f8f8
 }

 #index-widget-4w .c-caption img {
 	width: 100%
 }

 .c-content-person-1 .c-body .c-head .c-name {
 	font-size: 18px;
 	margin-bottom: 5px
 }

 #our-services {
 	padding-top: 50px
 }

 .c-content-box.c-size-md {
 	padding: 45px 0;
	transition: all 0.1s ease 0s;
 }

 .c-content-feature-2 {
 	padding: 28px;
	border-radius: 5px;
	/* box-shadow: 0px 0px 20px #f5f5f5 inset; */
 }

 .c-content-feature-2 .c-title {
 	font-size: 17px
 }

 .c-content-feature-2 p {
 	font-size: 14px
 }

 #our-services .c-theme {
 	background: 0 0
 }

 #our-services .c-theme i {
 	font-size: 52px
 }

 #index-widget-4w .c-content-person-1 .c-body .c-head .c-name {
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4;
 	display: block;
 	float: none
 }

 #index-about {
 	padding: 40px 0
 }

 #index-about .c-content-list-1>li {
 	font-size: 14px
 }

 #index-brand {
 	padding: 55px 0
 }

 .c-content-accordion-1 .panel>.panel-heading>.panel-title>a {
 	padding: 28px 30px 24px
 }

 #index-blog {
 	padding: 40px 0
 }

 #index-blog .item {
 	padding: 0 15px
 }

 .c-content-title-1>h3.c-font-uppercase {
 	font-size: 22px
 }

 .c-content-blog-post-card-1-slider .owl-controls {
 	margin-top: 10px
 }

 .c-content-blog-post-card-1.c-option-2 .c-body {
 	padding: 20px 0 15px
 }

 .c-content-blog-post-card-1 .c-body .c-title {
 	font-size: 14px;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4
 }

 .c-content-title-1>p {
 	font-size: 14px
 }

 .c-content-feature-5 .c-photo {
 	width: 420px;
 	right: 45px;
	border-radius: 10px;
 }

 .c-content-client-logos-1 .c-img-pos {
 	max-width: 100%;
 	left: 0;
 	margin: 0
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container {
 	margin-bottom: 30px
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post {
 	padding: 10px 0;
 	border-bottom: none
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-img {
 	width: 90px;
 	height: auto;
 	margin-right: 15px;
 	margin-top: 0
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-content>.c-text {
 	margin-bottom: 0
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-img img {
 	border-radius: 5px;
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-content>.c-post-title {
 	margin-top: 0
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links>li>a {
 	color: #a4aeb8
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address {
 	color: #a4aeb8
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-content>.c-post-title a {
 	color: #a4aeb8
 }

 .c-postfooter a {
 	color: #b7b9bb
 }

 .c-postfooter a:hover,
 .c-postfooter a:active {
 	color: #e8340e
 }

 #footer-sec .c-blog .c-post-title {
 	font-size: 14px;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	line-height: 1.4
 }

 #footer-sec .c-blog .c-text {
 	font-size: 13px
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1>h3 {
 	font-size: 20px
 }

 .c-layout-footer.c-layout-footer-3 .c-prefooter {
 	padding: 40px 0 10px
 }

 #footer-sec .c-address li {
 	padding-bottom: 5px
 }

 .noDis {
 	display: none
 }

 .page-content {
 	line-height: 1.6;
	color: #000;
	font-family: 'Arial';
 }

/*  .page-content p {
 	margin-bottom: 0
 } */

 .search-tips {
 	color: red;
 	font-size: 16px;
 	text-align: center
 }

 em.error {
 	overflow: hidden;
 	zoom: 1;
 	background: url("../images/unchecked.gif"
 		/*tpa=http://demo45.admin868.com/skin/images/unchecked.gif*/
 		) no-repeat 0 0;
 	padding-left: 19px;
 	color: red
 }

 em.success {
 	overflow: hidden;
 	zoom: 1;
 	background: url("../images/checked.gif"
 		/*tpa=http://demo45.admin868.com/skin/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%;
	border-radius: 5px;
	box-shadow: 0px 3px 3px #d6d6d6;
 }

 #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: 26px;
 	background: #fff;
 	/* border: 1px solid #e3e3e3; */
 	text-align: center;
 	color: #333;
 	margin-right: -1px;
	border-radius: 4px;
 }

 #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: #e5340e;
 	border: 1px solid #e5340e;
 	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
 	}
 }

 .side-form .btn {
 	padding: 9px 6px 9px 10px
 }

 .side-form .keyword {
 	height: 42px
 }

 .fancybox-overlay {
 	z-index: 1020
 }

 .fancybox-opened,
 .fancybox-wrap {
 	z-index: 80301
 }

 .feedback-wrap .fbk-desc {
 	margin: 30px 0
 }

 .feedback-wrap #submit-btn {
 	width: 100%
 }

 .sidebar .widget:last-child {
 	margin-bottom: 0
 }

 .entry-header {
 	background: 0 0;
 	box-shadow: none;
 	padding-top: 0;
 	border: none
 }

 .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: 40px 0;
 	clear: both
 }

 .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: none;
 	background-color: #e8340e;
 	background-color: #27a8b4;
 	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"
 		/*tpa=http://demo45.admin868.com/skin/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: none
 }

 .searchform #s {
 	background: 0 0;
 	color: #444;
 	border: 1px #ddd solid;
 	border-right: none
 }

 .searchform #searchsubmit {
 	background-color: #27a8b4
 }

 .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;
 	font-size: 19px;
 	border-bottom: none
 }

 .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: none;
 	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: none;
 	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: none
 }

 .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: none
 }

 .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"
 		/*tpa=http://demo45.admin868.com/skin/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"
 		/*tpa=http://demo45.admin868.com/skin/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;
 	font-weight: 400
 }

 .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: rgba(0, 0, 0, 0.5);
 	position: absolute;
 	right: 0;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	margin: auto;
 	opacity: 0;
	border-radius: 5px;
 }

 .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"
 		/*tpa=http://demo45.admin868.com/skin/images/breadcrumb-bg.jpg*/
 		) center top no-repeat;
 	background-size: cover;
 	padding: 102px 0 70px
 }

 .breadcrumb-section h1 {
 	margin-bottom: 0;
 	font-size: 35px;
 	color: #fff;
 	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: #d6d6d6;
 }

 .blog-article {
 	margin-bottom: 30px
 }

 .blog-article .entry-content {
 	margin-bottom: 0;
 	padding-bottom: 0
 }

 .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;
 	padding-bottom: 28px;
 	position: relative;
 	z-index: 999
 }

 .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-style: normal
 }

 .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-top: 0;
 	margin-bottom: 5px;
 	color: #4f5458;
 	letter-spacing: normal;
 	overflow-x: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	padding-bottom: 0;
 	position: relative;
 	z-index: 999;
 	line-height: 1.4
 }

 .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: 0 0 22px;
 	position: relative
 }

 .portfolio-item .glass-animation a {
 	position: static
 }

 .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"
 		/*tpa=http://demo45.admin868.com/skin/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: none
 }

 .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;
	border-radius: 5px;
	box-shadow: 0px 3px 3px #d6d6d6;
 }

 .widget .tabbed .widget-list li {
 	padding: 0 0 15px;
 	margin-bottom: 15px
 }

 .widget .tabbed .widget-list li:last-child {
 	border-bottom: none;
 	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: 0;
 	margin-right: 25px;
 	margin-bottom: 10px
 }

 .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;
 	font-weight: 700;
 	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;
 	line-height: 1;
 	padding: 0
 }

 .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
 }

 .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
 }

 .add-msg-form ::-webkit-input-placeholder {
 	color: #444
 }

 .add-msg-form ::-moz-placeholder {
 	color: #444
 }

 .add-msg-form :-ms-input-placeholder {
 	color: #444
 }

 .add-msg-form input:-moz-placeholder,
 .add-msg-form textarea:-moz-placeholder {
 	color: #444
 }

 .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
 }

 .product-gallery .owl-item {
 	padding: 0 !important
 }

 .proshow-tab {
 	margin-top: 20px;
 	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;
	    font-weight: bold;
 }

 .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
 }

 .proshow-tab .n-content {
 	line-height: 1.6;
	color: #000;
	font-family: 'Arial';
 }

 #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;
 	float: none
 }

 #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: none;
 	cursor: pointer;
 	width: 100%;
 	font-size: 15px
 }

 #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 0;
 		width: 100%;
 		border-right: none
 	}

 	.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
 	}

 	.cbp-panel {
 		max-width: 1170px
 	}
 }

 @media(min-width:1890px) {
 	.container {
 		max-width: 1370px;
 		width: 1370px
 	}

 	.cbp-panel {
 		max-width: 1370px
 	}

 	.ia-content {
 		line-height: 1.8
 	}
 }

 @media(max-width:1024px) {
	 
	 	.dnimg{
		width: 160px;
	}
	 
	 .china-map{
		 display: none;
	 }
	 
 	body {
 		word-break: break-all;
 		word-wrap: break-word
 	}

 	.container {
 		max-width: 98%;
 		width: 98%
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
 		padding: 19px 5px 16px
 	}
 }

 @media(max-width:990px) {
 	.container {
 		max-width: 99%;
 		width: 99%
 	}

 	.c-layout-header.c-layout-header-default-mobile {
 		background: rgba(47, 53, 59, .8)
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-navbar-wrapper {
 		background: 0 0
 	}

 	.c-layout-header.c-layout-header-5 {
 		margin: 20px 0
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-brand {
 		margin: 15px 0 15px 5px
 	}

 	#navigation .fa {
 		display: none
 	}

 	.c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-layout-header-5.c-mega-menu-shown .c-mega-menu {
 		top: 50px
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-brand>.c-search-toggler {
 		margin-top: 0
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu {
 		padding: 5px 0 0
 	}

 	.c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.dropdown-menu.c-menu-type-classic {
 		width: 100%
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
 		padding: 19px 22px 16px
 	}

 	.c-layout-header.c-layout-header-5 .c-navbar .c-brand>.c-hor-nav-toggler {
 		margin-top: -1px;
		border-radius: 5px;
 	}

 	.c-content-box.c-size-md {
 		padding: 35px 0
 	}

 	.tp-banner {
 		max-height: 80vh !important
 	}

 	#our-services {
 		padding: 35px 0 20px
 	}

 	#index-about .ia-clients {
 		display: none
 	}

 	#index-blog {
 		padding: 35px 0
 	}

 	.c-content-blog-post-card-1-slider .owl-controls {
 		margin-top: 0
 	}

 	#index-brand {
 		padding: 35px 0
 	}

 	.c-content-feature-5 .c-photo {
 		display: block;
 		margin: 25px auto;
 		width: auto;
 		max-width: 60%
 	}

 	#footer-sec .c-prefooter {
 		display: none
 	}
 }

 @media(max-width:768px) {
 	.tp-banner {
 		max-height: 70vh !important
 	}

 	#index-widget-4w {
 		padding: 35px 0 5px
 	}

 	.iw4-item {
 		width: 50%;
 		margin-bottom: 19px
 	}

 	.c-content-person-1 .c-body .c-position {
 		overflow-x: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		line-height: 1.4;
 		display: block;
 		float: none
 	}

 	.c-content-feature-3>p {
 		font-size: 15px
 	}

 	.copy-support {
 		display: none
 	}

 	.c-layout-go2top {
 		bottom: 60px
 	}
 }

 @media(max-width:740px) {
 	.tp-banner {
 		max-height: 65vh !important
 	}

 	.c-content-feature-3 {
 		margin-bottom: 0
 	}

 	.c-content-feature-3-grid>.c-title {
 		font-size: 2.2em
 	}

 	.c-content-person-1 .c-body .c-head .c-name {
 		font-size: 15px
 	}

 	.c-content-person-1 .c-body .c-position {
 		font-size: 13px
 	}

 	.c-content-blog-post-card-1.c-option-2 .c-body p {
 		margin-bottom: 0
 	}
 }

 @media(max-width:480px) {
 	.tp-banner {
 		max-height: 60vh !important
 	}

 	.c-content-person-1 .c-body {
 		padding: 20px 0 0
 	}

 	#index-blog {
 		padding: 35px 0 20px
 	}
 }

 @media(max-width:420px) {
 	.tp-banner {
 		max-height: 55vh !important
 	}

 	#index-model,
 	#index-about {
 		display: none
 	}
 }

 @media(max-width:360px) {
 	.tp-banner {
 		max-height: 50vh !important
 	}

 	.iw4-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
 }
 .tagsNav h3{
	border-bottom: 1px solid #d3dae0!important;
    margin-bottom: 10px;
    padding-bottom: 12px;
  }
 .tagsNav a{
	margin: 0 10px 10px 0;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 #ccc;
    display: inline-block;
    vertical-align: top;
 }