@charset "utf-8";
/*-------------------------------------------------
 =  Table of Css
 1.Isotope 								
 2.General 							
 3.Header					
 4.Content home page1								
 5.Footer								
 6.About page 
 7.Portfolio page 3,4 Column		
 8.Contact-page 								
 9.home page 2								
 10.home page 3 							
 11.Blog						
 12.Sidebar						
 13.Single-post							
 14.Single-work					
-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; transition-property:transform, opacity; }
/*-------------------------------------------------*/
/* 2 General
/*-------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, blockquote, img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul { list-style: none; margin: 0; }
body {font-family:"微软雅黑"; font-size:12px;}
#container.boxed-style { max-width: 1230px; margin: 50px auto; overflow: hidden; position: relative; background: #fff; }
#container { max-width: 100%; margin: 0; overflow: hidden; position: relative; background: #fff; }
/*-------------------------------------------------*/
/* 3 Header
/*-------------------------------------------------*/


/************************************************************************Header css*****************************************************************/
.header_h{ min-height:99px; height:auto;}
.navbar-fixed-top { position: fixed; z-index: 9999999; }
#container.boxed-style .navbar-fixed-top { position: absolute;}
.navbar-fixed-top .navbar-inner { background: #ebebeb; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border: none; }
.navbar a.brand { padding: 10px 0; margin: 0; }
.cn_en{width:80px; float:right; height:22px; padding-top:5px; text-align:right;}
.nav-collapse { float: right; margin-top: 5px; }
.nav-collapse .nav > li > a { color: #000; font-size:14px; width:100px; text-align:center; padding:10px 0 !important; /* padding: 10px 19px; text-transform: uppercase; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; */ transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; -o-transition: all 0.17s linear; }
.nav-collapse .nav > li.drop > a { border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; }
.nav-collapse .nav > li.drop:hover > a { color: #fff; background:#0e56c9; }
.nav-collapse .nav > li { position: relative; }
.nav-collapse .nav > li > a:hover { color: #fff; background:#0e56c9; }
.dropdown { position: absolute; padding: 1px; left: 0; top: 100%; visibility: hidden; opacity: 0; background: #fff; width: 101px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.nav-collapse .nav > li.drop:hover .dropdown { visibility: visible; opacity: 1; }
.dropdown li { border-top: 1px solid #e7e7e7; }
.dropdown li:first-child { border-top: none; }
.dropdown li a { display: inline-block; color: #585858; font-size: 13px; padding: 7px 0; text-indent: 10px; width: 100%; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.dropdown li a:hover { color: #000; background: #ebebeb; }


/************************************************************************Banner css*****************************************************************/
#index-banner{ margin:90px 0 20px 0;}
#index-banner .carousel-caption { display: none; }
.banner-btn { display: block; width: 185px; height: 40px; border-radius: 5px; line-height: 40px; background-color: #b02d2e!important; margin-bottom: 16px; text-align: center; color: #fff; position: relative; }
.banner-btn:hover { background-color: #dd3435 !important; text-decoration: none; }
.banner-btn em { background: url(banner-btn-icon.png) right center no-repeat; height: 40px; padding-left: 30px;}

.banner_list { position: relative; height: 100%; width: 100%; overflow: hidden; margin: 0px auto; }
.banner_list li { position: absolute; width: 100%; left: 100%; overflow: hidden; display: block; height: 100%; background-position: center top; background-repeat: no-repeat; }
.banner_list li.active { left: 0px; z-index: 10; }
.banner_list li .text { position: absolute; top: 0px; left: 0px; padding-top: 112px; padding-left: 100px; }
.banner_list li .text span, .banner_list li .text a { display: block; color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
.banner_list li .text span.title { font-size: 52px; line-height: 60px; font-weight: bold; }
.banner_list li .text a { font-weight: bold; padding-left: 13px; }
.banner_list p.point_btn { width: 60%; position: absolute; bottom: 20px; left: 50%; margin-left: -30%; height: 12px; z-index: 11; text-align: center; }
.banner_list p.point_btn a { display: inline-block; width: 12px; height: 12px; background: url(point_btn.png) left -12px; margin-right: 13px; }
.banner_list p.point_btn a.on { background: url(point_btn.png) left 0px; }
.banner_list a.btn { display: block; height: 100px; width: 100px;/* background: #000;*/ top: 50%; margin-top: -50px; z-index: 5; position: absolute; display: none; z-index: 11; }
.banner_list a.btn.next { right: 0px; background: url(btn_next.png) right top; }
.banner_list a.btn.prev { left: 0px; background: url(btn_prev.png) left top; }
.container, [class*="col-"] { *padding-left: 0; *padding-right: 0;}

.banner-img-text { position: relative; top: 80px; left: 0; display: inline-block; }
.banner-btn { display: inline-block; width: 150px; height: 38px; padding: 0px; text-align: center; line-height: 36px; font-size: 18px; color: #FFF; /*background: rgba(0, 0, 0, 0.3); */border: 1px solid #fff; margin-top: 10px; /*background: #999\9; */}
.banner-btn { /*background: rgba(0, 0, 0, 0.3); */}
.banner-btn:hover { color: #FFF; text-decoration: underline;/* background: rgba(0, 0, 0, 0.2); */}
.group-index-banner .item { height: 500px !important;background: no-repeat center center;}

.container1{ padding:20px; width:120% !important;}

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;}
/*************首页banner部分滚动跟产品部分滚动冲突*****************/
/*.carousel-inner { position: relative; overflow: hidden; width: 100%; height:540px; }
.carousel-inner > .item { display: none; width:100%; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }*/
.carousel-control { position: absolute; top: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x;}
.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; }
.carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; left: 50%; top:95%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li, .carousel-indicators span { display: inline-block; width: 15px; height: 15px; margin: 1px 5px; text-indent: -999px; border: 1px solid #fff; border-radius: 15px; cursor: pointer; background:#eee;}
.carousel-indicators .active { margin: 0; width: 15px; height: 15px; background:#d10016;}
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }
.carousel-caption .btn { text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-prev,  .carousel-control .icon-next {width: 30px;height: 30px;margin-top: -15px;font-size: 30px;}
 .carousel-control .glyphicon-chevron-left,  .carousel-control .icon-prev {margin-left: -15px;}
 .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next {margin-right: -15px;}
 .carousel-caption {left: 20%;right: 20%;padding-bottom: 30px;}
 .carousel-caption {left: 0%\9;right: 0%\9;}
 .carousel-indicators {bottom: 20px;}
}
.carousel-caption { width: 100%; position: absolute; left: 0; top: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; padding-left: 0px; }
.carousel-control.left { /*left: 0px;*/ background: url(btn_prev.png) no-repeat left center; }
.carousel-control.right { right: 0px; background: url(btn_next.png) no-repeat right center; }

.innew{ background:#f7f7f7; margin-bottom:20px;}
.new_left_bg{ height:60px; line-height:60px; background:url(homepage_news_01.png) no-repeat left center; background-size: 100% 100%; font-size:16px; text-align:center;}
.new_right_bg{ height:60px; line-height:60px;}
.new_right_icon{ padding-top:18px;}
#myNews{ position: relative; }
myNews .left{right:0 !important; left:98%;}
#up_new,#down_new{display: inline-block; position: absolute; z-index:8; width:30px; height:18px; right:28px;}
#up_new {background: url('up.png') center center no-repeat; top:10px;}
#down_new { background: url('down.png') center center no-repeat; top:30px;}
/*.news-inner li{ height:60px; line-height:60px; overflow:hidden;}*/

/************************************************************************Products List css*****************************************************************/
.services { text-align: center; margin-bottom:10px; }
.services a { display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #c9c9c9; width: 150px; height: 150px; line-height:150px; font-size:20px; color:#000; font-weight:bold; text-align: center; padding: 0; margin-bottom: 26px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.services a:hover { border: 1px solid #02ab68;/* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); */color:#fff; text-decoration:none;}
.services a.responsive,.services a.support,.services a.builder,.services a.customizable{ background: #fafafa; }
.services a.responsive:hover,.services a.support:hover,.services a.builder:hover,.services a.customizable:hover{ background: #0f56c8; border: 1px solid #0f56c8;}
.services h2 { color: #000; font-size: 20px; font-weight: 300; line-height: inherit; margin-bottom: 20px; }
.services h2 span { color: #000; font-size: 20px; font-weight: 600; line-height: inherit; margin-bottom: 30px; }

/************************************************************************Products Show css*****************************************************************/
.recent-projects > h2, .team > h2, .contact-page > h2, .blog > h2, .single-work > h2, .about-us-section > h2 { color: #000; font-size:20px; font-weight:700; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; margin-bottom: 23px; }
.recent-projects > h2 span, .team > h2 span, .contact-page > h2 span, .blog > h2 span, .single-work > h2 span, .about-us-section > h2 span { display: inline-block; padding:0 15px 18px; border-bottom: 6px solid #ff9205; margin-bottom: -1px; }
.project-post { position: relative; overflow: hidden; margin-bottom: 22px; }
.project-post img { width: 96%; border:5px #f2f2f2 solid;}
#next-project, #prev-project { display: inline-block; position: absolute; width: 9px; height: 18px; top: -58px; }
#myCarousel { position: relative; }
#next-project { right: 0; background: url('next.png') center center no-repeat; }
#prev-project { right: 28px; background: url('prev.png') center center no-repeat;}

/************************************************************************About Us + Jobs + Message css*****************************************************************/
.team-member { margin-bottom: 30px; overflow: hidden; }
.team-member img{width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.team-member:hover img{transform:scale(1.1) rotate(0deg); -webkit-transform:scale(1.1) rotate(0deg); -moz-transform:scale(1.1) rotate(0deg); -o-transform:scale(1.1) rotate(0deg); -ms-transform:scale(1.1) rotate(0deg); }
.team-member div {position: relative; margin-top: -5px; padding: 12px 0px; }
.team-member div:after{position: absolute; content: ''; width: 32px; height: 61px; left: 124px; top: 0;}
.team-member div span{width:100%; float: left; margin: 9px 0; color: #000; font-size:18px; font-weight:bold;}
.team-member div p{ line-height:23px;}
ul.social-network { margin: 0; padding: 0; float: right; }
ul.social-network li {display: inline-block; float: left\0/; margin-left: 8px; }
ul.social-network li:first-child { margin-left: 0px; }
ul.social-network li a { display: inline-block; width: 38px; height: 38px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; margin-bottom: -5px; }
ul.social-network li a:hover { opacity: 0.8; }
.quote blockquote { padding: 22px 192px 33px 20px; background: #02ab68; line-height: 24px; font-weight: 300; overflow: hidden; margin-bottom: 32px; position: relative; }
.quote blockquote span { font-weight: 600; }
.quote blockquote img { float: left; margin-right: 24px; margin-top: 7px; }
.quote blockquote p { margin-top: 10px; color: #fff; font-size: 21px; }
.quote blockquote a { position: absolute; top: 22px; right: 22px; display: inline-block; padding: 12px 30px; background: #2b2b2b; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; border-radius: 8px; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
.quote blockquote a:hover { opacity: 0.8; }

.em{width:80px; float:left; line-height:28px; background:#0e56c9; text-align:center; margin-top:8px; color:#fff;}
.em a{ display:block; color:#fff;}
.em a:hover{ background:#ff9205;}

/************************************************************************Footer css*****************************************************************/
footer{background: #1d2325; }
.footer-widget{padding: 35px 0 0; }
.footer-widget h3{color: #fff; font-size: 17px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; border-bottom: 5px solid #010202; }
.footer-widget h3 span{display: inline-block; padding-bottom: 15px; border-bottom: 5px solid #ff9205; margin-bottom: -5px; }
.footer-widget p{color: #fff; font-size: 13px; line-height: 24px; margin-bottom: 15px; }
.text-widget p{margin-bottom:8px;}
.text-widget p a{color: #fff; }
.text-widget p a:hover{color:#ff0;}
.text-widget div span{display: block; color: #fff; font-size: 13px; line-height: 17px; }
.text-widget div{margin-bottom: 15px; }
.last-line { padding: 14px 0; background: #1d2325; border-top:1px #111617 solid;}
.last-line p { color: #fff; font-size: 13px; line-height: 20px; margin-top: 12px; text-align: center; }
.last-line a{ color:#fff;}
.last-line a:hover{ color:#ff0;}


/************************************************************************右侧浮动客服 css*****************************************************************/
.side{position:fixed;width:54px;height:275px;right:10px; /*top:65%;*/ bottom:20px; z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #eee;}
.side ul li .sidebox{position:absolute;width:54px;height:54px; line-height:54px; top:0; right:0; transition:all 0.3s;background:#b3b3b3;opacity:0.8;filter:Alpha(opacity=80); color:#fff; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#b3b3b3;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#b3b3b3;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/************************************************************************关于合佳 css*****************************************************************/
.about_member{ min-width:1200px !important;}
.about_menu{width:100%; height:40px; line-height:30px; font-size:14px; color:#08c;}
.about_menu a{ color:#08c;}
.about_menu a:hover{ color:#f00;}
.about_top{width:100%; height:45px; line-height:42px; font-size:22px; font-weight:bold; border-bottom:1px #ccc solid;}
.about_info,.about_info1{width:100%; padding:20px 0;}
.about_info p{ line-height:26px; text-indent:0 !important; padding-bottom:10px;}
.about_info1 img{ float:right; padding-bottom:20px;}
.about_info1 p{ line-height:26px; text-indent:0 !important; padding-bottom:10px;}

.red{ color:#f00; font-size:14px; font-weight:bold;}


/*-------------------------------------------------*/
/* 7. Portfolio page 3,4 Column
/*-------------------------------------------------*/
.projects-container { width: 1200px; }
.projects-container .project-post { max-width: 270px; margin-right: 30px; }
.projects-container.column-three .project-post { max-width: 370px; margin-right: 30px; }
.filter-items { margin-bottom: 23px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.filter-items li { float: left; margin-left: 25px; }
.filter-items li:first-child { margin-left: 0px; }
.filter-items li a { display: inline-block; color: #000; font-size: 15px; font-weight: 300; padding-bottom: 18px; border-bottom: 6px solid transparent; text-transform: uppercase; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.filter-items li a.active, .filter-items li a:hover { color: #02ab68; border-bottom: 6px solid #02ab68; }
.pagination-list { overflow: hidden; margin-bottom: 30px; }
.pagination-list li { float: left; margin-right: 6px; }
.pagination-list li a { display: inline-block; color: #fff; font-size: 13px; padding: 7px 12px; text-decoration: none; background: #74777b; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.pagination-list li a:hover { background: #02ab68; }
/*-------------------------------------------------*/
/* 8 Contact page
/*-------------------------------------------------*/

#map { width: 100%; height: 380px; margin-bottom: 30px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ }
.contact-page h3, .comments-section h2, .leave-comment h2 { color: #000; font-size: 20px; font-weight: 300; padding-bottom: 16px; border-bottom: 1px solid #e2e2e2; margin-bottom: 17px; }
.contact-page p { color: #585858; font-size: 14px; font-weight: 300; line-height: 21px; margin-bottom: 22px; }
.contact-info p img { margin-right: 10px; }
.contact-info p { margin-bottom: 10px; }
.contact-page p a { color: #585858; text-decoration: underline; }
#contact-form, #contact-form2 { padding-bottom: 50px; margin-bottom: 28px; }
#contact-form input[type="text"], #contact-form textarea, #contact-form2 input[type="text"], #contact-form2 textarea { color: #737373; font-size: 13px; border: 1px solid #cecece; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; width: 90%; padding: 9px 5%; margin: 0; margin-bottom: 10px; }
#contact-form textarea, #contact-form2 textarea { display: block; width: 97%; height: 77px; padding: 9px 1.5%; margin-bottom: 18px; }
#contact-form input[type="submit"], #contact-form2 input[type="submit"] { display: inline-block; float: right; color: #fdfdfd; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; padding: 15px 20px; background: #02ab68; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; border: none; }
#contact-form input[type="submit"]:hover, #contact-form2 input[type="submit"]:hover { opacity: 0.8; }
#contact-form .message { float: left; height:30px; font-size:12px; }
#contact-form .message.error { color:#eb2c06; }
#contact-form .message.success { color:#02ab68; }
/*-------------------------------------------------*/
/* 9 home page 2
/*-------------------------------------------------*/

.services-home2 article { overflow: hidden; border-bottom: 1px solid #f1f1f1; margin-bottom: 7px; }
.services-home2 article img { float: left; margin-right: 18px; margin-bottom: 12px; }
.services-home2 article h3 { color: #464646; font-size: 15px; font-weight: 700; line-height: inherit; text-transform: uppercase; margin: 0; margin-top: -3px; }
.services-home2 article span { color: #3c3c3c; font-size: 12px; display: block; line-height: 15px; margin: 0; }
.services-home2 p { color: #797979; font-size: 13px; line-height: 20px; margin-bottom: 40px; }
.testimonial { position: relative; margin-bottom: 30px; }
.testimonial > a { position: absolute; width: 33px; height: 33px; top: 0px; border: 1px solid #696969; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.testimonial > a:hover { opacity: 0.7; }
.testimonial > a#next-testimonial { right: 0; background: #4c4c4c url('next-testim.png') center center no-repeat; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -o-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; }
.testimonial > a#prev-testimonial { right: 40px; background: #4c4c4c url('prev-testim.png') center center no-repeat; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; }
.testimonial h2 { color: #000; font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 35px; margin-top: 10px; }
.testimonial ul { padding: 23px 21px; background: #f1f1f1; border: 1px solid #e8e8e8; }
.testimonial ul li blockquote { color: #6d6d6d; font-size: 16px; font-family: georgia; line-height: 23px; font-style: italic; margin-bottom: 14px; }
.testimonial ul li h4 { color: #484848; font-size: 17px; font-family: georgia; font-style: italic; font-weight: normal; margin: 0; margin-bottom: 2px; }
.testimonial ul li span { color: #02ab68; font-size: 11px; font-family: georgia; font-style: italic; margin: 0; }
ul.tab-list { overflow: hidden; }
ul.tab-list li { float: left; text-align: center; z-index: 100; cursor: pointer; margin-left: 6px; margin-left: 4px\0/; }
.tab-list li:first-child { margin-left: 0; }
.tab-list li a { display: inline-block; font-size: 13px; font-family: 'Noto Sans', sans-serif; font-weight: 700; color: #000; background: #eaeaea; text-transform: uppercase; padding: 24px 41px; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; }
.tab-list li a:hover { text-decoration: none; background: #02ab68; color: #fff; }
.ui-state-active a { background: #02ab68 !important; color: #fff !important; outline: none !important; text-decoration: none !important; }
.tab-content { padding: 18px 20px; margin-bottom: 30px; border: 1px solid #eaeaea; }
.tab-content p { color: #646464; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 20px; }
.accordion h2 { color: #000; font-size: 13px; font-family: 'Noto Sans', sans-serif; font-weight: 700; margin: 0; padding: 23px 22px; background: #eaeaea url('open.png') 95% center no-repeat; margin-top: 1px; cursor: pointer; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.accordion h2:first-child { margin-top: 0px; }
.accordion h2.active { color: #fff; background: #02ab68 url('close.png') 95% center no-repeat; }
.accordion div { padding: 12px 22px; border: 1px solid #e8e8e8; border-top: none; }
.accordion div.active { display: block; }
.accordion div p { color: #646464; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 20px; margin: 0; }
.accordion div p span { color: #000; font-weight: bold; }
/*-------------------------------------------------*/
/* 10 home page 3
/*-------------------------------------------------*/

.services-home3 h3 { color: #797979; font-size: 15px; font-family: 'Noto Sans', sans-serif; font-weight: 700; margin-bottom: 12px; }
.services-home3 img { margin-right: 15px; margin-bottom: -5px; }
.services-home3 p { color: #797979; font-size: 12px; font-family: 'Noto Sans', sans-serif; line-height: 18px; margin-bottom: 30px; }
.tabb-accord .recent-projects > h2 span { padding-bottom: 15px; }
.tabb-accord .recent-projects > h2 { margin-bottom: 20px; }
.tabb-accord .recent-projects > h2 { margin-bottom: 20px; }
.tabb-accord .recent-projects .project-post img { max-height: 245px; }
/*-------------------------------------------------*/
/* 11 Blog
/*-------------------------------------------------*/

.blog-post { position: relative; margin-bottom: 25px; }
.blog-post:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 15px; background: url('blog-backline.png'); }
.blog-post .post-date { position: absolute; background: #02ab68 url('calendar.png') center 13px no-repeat; top: 0; left: 0; width: 65px; padding: 42px 0 12px; text-align: center; border-right: 6px solid #fff; border-bottom: 6px solid #fff; z-index: 2; }
.blog-post .post-date span { display: block; color: #fbfbfb; font-size: 13px; font-family: 'Noto Sans', sans-serif; font-weight: 700; line-height: 14px; }
.blog-post .post-content > img { width: 100%; margin-bottom: 20px; }
.blog-post .post-content h1 { color: #1b1b1b; font-size: 22px; font-family: 'Noto Sans', sans-serif; font-weight: bold; margin: 0; margin-bottom: 7px; }
.blog-post .post-content h1 a { color: #1b1b1b; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.blog-post .post-content h1 a:hover { color: #02ab68; }
.blog-post .post-content p { color: #585858; font-size: 14px; font-family: 'Noto Sans', sans-serif; margin: 0; margin-bottom: 20px; line-height: 21px; }
.blog-tags { display: inline-block; background: #02ab68; padding: 19px 60px 19px 23px; position: relative; margin-bottom: 36px; }
.blog-tags ul li { display: inline-block; margin-left: 9px; }
.blog-tags ul li:first-child { margin-left: 0px; }
.blog-tags ul li:before { content: '/'; color: #028953; font-size: 12px; font-family: 'Noto Sans', sans-serif; margin-right: 12px; }
.blog-tags ul li:first-child:before { content: ''; margin: 0; }
.blog-tags ul li a { display: inline-block; color: #ffffff; font-size: 12px; font-family: 'Noto Sans', sans-serif; font-style: italic; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.blog-tags ul li a:hover { opacity: 0.7; }
.blog-tags a.read-more { position: absolute; width: 32px; height: 41px; top: 9px; right: 9px; background: #000 url('blog-arrow.png') center center no-repeat; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.blog-tags a.read-more:hover { opacity: 0.7; background: #000 url('blog-arrow.png') 12px center no-repeat; }
.blog-post iframe { width: 100%; height: 300px; margin-bottom: 20px; }
.pagination-list.blog-pagination a { border-radius: 3px; -wekit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; background: #f3f3f3; color: #000; }
.pagination-list.blog-pagination a:hover { color: #fff; }
/*-------------------------------------------------*/
/* 12 Sidebar
/*-------------------------------------------------*/

.widgets li.widget { padding: 15px; margin-bottom: 20px; border: 1px solid #dedede; }
.widgets li.widget h3 { color: #585858; font-size: 17px; font-family: 'Noto Sans', sans-serif; margin-bottom: 14px; font-weight: 700; }
#search-bar { margin: 0; position: relative; }
#search-bar input[type="text"] { color: #f1f1f1; font-size: 12px; font-family: 'Noto Sans', sans-serif; font-weight: 300; width: 100%; background: #353535; padding: 7px 0; text-indent: 8px; border: none; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border-radius: 4px; -wekit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
#search-bar input[type="submit"] { position: absolute; top: 0; right: 0; z-index: 2; padding: 0; width: 38px; height: 34px; border-top-right-radius: 4px; -wekit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -wekit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border: none; background: #02ab68 url('zoom-search.png') center center no-repeat; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
#search-bar input[type="submit"]:hover { opacity: 0.7; }
.recent-post-item { overflow: hidden; margin-bottom: 18px; }
.recent-post-item img { float: left; margin-right: 10px; }
.recent-post-item p { color: #353535; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 18px; }
.recent-post-item p a { color: #353535; }
.tag-list li { display: inline-block; margin-bottom: 10px; margin-right: 7px; }
.tag-list li a { display: inline-block; position: relative; background: #353535; color: #fff; font-size: 13px; font-family: 'Noto Sans', sans-serif; font-weight: 300; padding: 6px 34px 6px 9px; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.tag-list li a span { display: block; position: absolute; top: 0; right: 0; background: #02ab68; color: #fff; font-size: 13px; font-family: 'Noto Sans', sans-serif; font-weight: 300; padding: 6px 9px 6px 9px; z-index: 2; }
.tag-list li a:hover { opacity: 0.7; }
.tweet-widget .tweet-list li { margin-bottom: 10px; }
.tweet-widget .tweet-list li p { color: #353535; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 17px; }
.tweet-widget .tweet-list li p a { color: #34a6fe; }
.tweet-widget .tweet-list li span { display: block; color: #b0b0b0; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 17px; }
.sidebar .text-widget p { color: #585858; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 20px; }
/*-------------------------------------------------*/
/* 13 Single-post
/*-------------------------------------------------*/

.single-post .blog-tags { padding: 19px 23px; }
.comments-section h2, .leave-comment h2 { padding-bottom: 0; border-bottom: none; }
.comments-section { margin-bottom: 10px; }
.comment-content { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; }
.comment-item.depth { margin-left: 72px; }
.comment-item img { float: left; margin-right: 10px; }
.comment-content div { margin-left: 72px; }
.comment-item div h3 { color: #000; font-size: 14px; font-family: 'Noto Sans', sans-serif; line-height: 15px; margin: 0; }
.comment-item div h3 span.time { font-size: 11px; }
.comment-item div p { color: #7b7b7b; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 16px; margin: 0; }
.reply-comment { display: inline-block; margin-top: 3px; color: #fff; font-size: 11px; font-family: 'Noto Sans', sans-serif; padding: 3px 8px; background: #02ab68; text-decoration: none; border-radius: 3px; -wekit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.reply-comment { opacity: 0.8; }
/*-------------------------------------------------*/
/* 14 Single-work
/*-------------------------------------------------*/

.single-work .blog-post { padding-bottom: 10px; }
.what-we-do-widget ul { margin: 0; }
.what-we-do-widget ul li { padding-left: 20px; background: url('list-style.png') 3px center no-repeat; margin-bottom: 10px; }
.what-we-do-widget ul li a { display: inline-block; color: #2b2b2b; font-size: 13px; font-family: 'Noto Sans', sans-serif; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.what-we-do-widget ul li a:hover { color: #02ab68; }
.visit-project { display: inline-block; color: #fff; font-size: 13px; font-style: italic; font-family: 'Noto Sans', sans-serif; padding: 8px 18px; background: #02ab68; cursor: pointer; margin-bottom: 30px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.visit-project:hover { opacity: 0.8; color: #fff; text-decoration: none; }