/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(http://fonts.gstatic.com/s/droidsans/v7/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}






a {
						color: #178c49;
					}

					h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
						color: #178c49;
					}

					h3 {
						color: #178c49;
					}

					div.closeGhost a:hover {
						color: #178c49;
					}

					.ssPort input[type='text']:focus, .ssPort input[type='text'].untouched:focus, .ssPort input[type='text'].touched {
						color: #178c49 !important;
					}

					.sideSearchPort button:hover, .onSideSearch button:hover {
						background-color: #178c49;
					}

					.boldTags a:hover, .widget_tag_cloud a:hover {
						background-color: #178c49;
					}
					
					#wp-calendar th {
						background-color: #178c49;
					}					

					#wp-calendar a:hover {
						color: #178c49;
					}

					.btBox.widget_pages a:hover {
						color: #178c49;
					}

					.btBox.widget_pages a:before {
						color: #178c49;
					}

					.widget_rss ul li a.rsswidget {
						color: #178c49;
					}

					li.recentcomments a {
						color: #178c49;
					}

					li.recentcomments a:first-child:hover {
						color: #178c49;
					}

					.widget_recent_entries ul li a:hover {
						color: #178c49;
					}

					.widget_bt_recent_comments h5 a:hover {
						color: #178c49;
					}

					.btBox .recentTweets li p.posted {
						color: #178c49;
					}

					.btBox .recentTweets li a {
						color: #178c49;
					}

					.breadCrumbs ul li a:hover {
						color: #178c49;
					}

					p.comment-notes:before {
						color: #178c49;
					}

					input[type='submit'] {
						color: #178c49;
					}

					input[type='submit']:hover {
						background-color: #178c49;
					}

					.aaAvatar:before {
						background-color: #178c49;
					}

					.commentsBox h4:after {
						color: #178c49;
					}

					.vcard h5 a:hover {
						color: #178c49;
					}

					.vcard .posted:before {
						color: #178c49;
					}

					.commentTxt p.edit-link, .commentTxt p.reply {
						color: #178c49;
					}

					.commentTxt p.edit-link a, .commentTxt p.reply a {
						color: #178c49;
					}

					.comment-navigation span {
						color: #178c49;
					}

					.comment-navigation a:hover {
						color: #178c49;
					}

					.comment-navigation a:before, .comment-navigation a:after {
						color: #178c49;
					}

					.boldArticleBody ul li:before, .boldArticleBody ol ul li:before, .boldArticleBody ul ol ul li:before {
						color: #178c49;
					}

					.boldArticleBody table caption {
						background-color: #178c49;
					}

					span.enhanced.colored {
						color: #178c49;
					}

					span.enhanced.ring {
						background-color: #178c49;
					}

					.menuHolder .menuPort ul li a:after {
						background-color: #178c49;
					}

					.ico.white a:before {
						color: #178c49;
					}

					.ico.accent a:before, .iconsToggler {
						background-color: #178c49;
						box-shadow: 0 0 0 0 #178c49 inset;
					}

					.ico.accent a:hover:before, .iconsToggler:hover, .shown .iconsToggler {
						background-color: #178c49;
					}

					.ico.accent a:hover:before, .iconsToggler:hover, .shown .iconsToggler {
						color: #178c49;
					}

					.btFooterMenu ul li a:hover {
						color: #178c49;
					}

					.widget_categories ul li a:hover, .widget_archive ul li a:hover {
						background-color: #178c49;
					}

					p.boldSuperTitle {
						color: #178c49;
					}

					.boldBtn.accent a, .boldBtn.accent button {
						background-color: #178c49;
					}

					.boldBtn.accent a:hover, .boldBtn.accent button:hover {
						color: #178c49;
					}

					.boldBtn.btnAccent a, .boldBtn.btnAccent button {
						background-color: #178c49;
					}

					.boldBtn.btnGray a:hover, .boldBtn.btnGray button:hover {
						background-color: #178c49;
					}

					.portfolioItem dl.articleMeta dd {
						color: #178c49;
					}

					.btProgressContent .btProgressAnim {
						background-color: #178c49;
					}

					.btTestimony h4 {
						color: #178c49;
					}

					.psCats ul li a:after, .btCatFilter span:after {
						background-color: #178c49;
					}

					.psCats ul li a:hover, .psCats ul li a.active, .btCatFilter span.active, .btCatFilter span:hover {
						color: #178c49;
					}

					.psBtn a {
						background-color: #178c49;
					}

					.tabsHeader li span:before {
						background-color: #178c49;
					}

					.tabsVertical .tabAccordionTitle span:before {
						background-color: #178c49;
					}

					.tabsVertical .tabAccordionTitle.on:before {
						background-color: #178c49;
					}

					.boldArticle.articleListItem header h2 a:hover {
						color: #178c49;
					}

					a.boldArticleComments:after {
						color: #178c49;
					}

					p.boldContinue a:hover {
						color: #178c49;
					}

					.boldPhotoBox blockquote, .wBoldLink {
						background-color: #178c49;
					}

					.paging a:hover:after {
						background-color: #178c49;
					}

					input.wpcf7-submit {
						background-color: #178c49;
					}
					.ico a:hover:before {
						box-shadow: 0 0 0 0.9em #178c49 inset;
						color: #fff;
					}
					.ico.white a:hover:before {
						box-shadow: 0 0 0 0.9em #178c49 inset;
					}
					.ico a:before, .iconsToggler {
						box-shadow: 0 0 0 0 #178c49 inset;
					}
					.bottomDash .dash {
						border-bottom: 5px solid #178c49;
					}
					.topDash .dash {
						border-top: 5px solid #178c49;
					}
					.slick-center .tcItem span {
						box-shadow: 0 0 0 4px #178c49 inset;
					}
					.btBox h4 span {
						box-shadow: 0 -4px 0 0 #178c49 inset;
					}
					.ui-slider .ui-slider-handle {
						background: #178c49;
					}
					.btQuoteTotalCalc {
						color: #178c49;
					}
					.btQuoteTotal {
						border-bottom: 4px solid #178c49;
					}
					.btPriceTable .ptHeader {
						color: #178c49;
					}
					p.ptPrice {
						background-color: #178c49;
					}
					.ptSticker span {
						border: 2px solid #178c49;
					}
					.btPriceTable .ptHeader h3:before {
						background-color: #178c49;
					}
					span.closeSearch {
						color: #178c49;
					}
					.ptFooter a:hover {
						background-color: #178c49;
					}
					input[type="text"]:focus, input[type="email"]:focus, textarea:focus, .fancy-select .trigger.open {
						box-shadow: 5px 0 0 #178c49 inset;
					}
					a.ui-datepicker-prev, a.ui-datepicker-next {
						background-color: #178c49;
					}
					.ui-slider .ui-slider-handle.ui-state-active {
						background-color: #178c49;
					}

					.portfolioItem .header .socialRow a {
						background-color: #178c49;
					}
					
					.bpgPhoto:hover .btShowTitle {
						background-color: #178c49;
					}
					
					.boldInfoBarMeta p strong {
						color: #178c49;
					}
					
					.fullScreen .boldSubTitle.boldArticleMeta a:before {
						background-color: #178c49;
					}
					
					.fullScreen .boldSubTitle.boldArticleMeta a.boldArticleCategory:hover {
						color: #178c49;
					}
					
					.fullScreen .boldSubTitle.boldArticleMeta a.boldArticleComments:after {
						color: #178c49;
					}
					
					.portfolioItem .header .socialRow a {
						border: 1px solid #178c49;
						box-shadow: 0 0 0 0 #178c49 inset;
					}
					
					.portfolioItem .header .socialRow a:hover {
						background-color: #178c49;
						color: #178c49;
					}

					.btContactFieldMandatory.btContactFieldError input, .btContactFieldMandatory.btContactFieldError .trigger {
						border: 1px solid #178c49;
					}

					.btSubmitMessage {
						color: #178c49;
					}
					
					@media all and (max-width: 1200px) {
						.menuTrigger:before {
							color: #178c49 !important;
						}
						.menuOn .menuTrigger {
							background-color: #fff !important;
						}
						.menuPort {
							background-color: #178c49 !important;
						}
						.subToggler {
							color: #178c49 !important;
						}
					}

					.bpgPhoto .bpbItem .btImage {
						background-color: #178c49;
					}
				
				body { 
					font-family:"Droid Sans", arial, tahoma;
				}
				h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
					font-family: "Roboto Slab";
				}

				div.closeGhost a {
					font-family: "Roboto Slab";
				}

				input[type="text"], input[type="email"], input[type="password"], textarea, .fancy-select .trigger {
					font-family: "Roboto Slab";
				}

				.btBox .recentTweets li a {
					font-family: "Roboto Slab";
				}

				input[type="submit"] {
					font-family: "Roboto Slab";
				}

				.boldArticleBody ul ol li:before {
					font-family: "Roboto Slab";
				}

				.boldArticleBody code {
					font-family: "Roboto Slab";
				}

				.boldArticleBody address {
					font-family: "Roboto Slab";
				}

				.boldArticleBody blockquote {
					font-family: "Roboto Slab";
				}

				.menuHolder .menuPort ul li a {
					font-family: "Roboto Slab";
				}

				.menuHolder .menuPort ul ul li a {
					font-family: "Roboto Slab";
				}

				.ico a {
					font-family: "Roboto Slab";
				}

				.btFooterMenu ul li a {
					font-family: "Roboto Slab";
				}

				.copyLine {
					font-family: "Roboto Slab";
				}

				.brTxt .posted, .ppTxt .posted {
					font-family: "Roboto Slab";
				}

				.widget_categories ul li a, .widget_archive ul li a {
					font-family: "Roboto Slab";
				}

				.boldSubTitle, .bgiTxt .boldArticleMeta {
					font-family: "Roboto Slab";
				}

				p.boldSuperTitle {
					font-family: "Roboto Slab";
				}

				.psCats ul li, .btCatFilter span {
					font-family: "Roboto Slab";
				}

				.btShowTitle strong {
					font-family: "Roboto Slab";
				}

				.btShowTitle span a {
					font-family: "Roboto Slab";
				}

				.tabsHeader li span {
					font-family: "Roboto Slab";
				}

				p.boldContinue {
					font-family: "Roboto Slab";
				}

				.paging a {
					font-family: "Roboto Slab";
				}

				p.bgiCat {
					font-family: "Roboto Slab";
				}

				.tilesWall.classic p.bgiCat {
					font-family: "Roboto Slab";
				}

				.btGridShare a:before {
					font-family: "Roboto Slab";
				}
				
				
				
.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}
.tp-caption a:hover{color:#ffa902}

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}






/* home cases */


.succeed_title {
	text-align: center;
	padding-top: 55px;
}
.success_text {
	color: #222222;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-top: 12px;
}
.portfolio-grid {
	width: 100%;
	margin-top: 20px;
}
.thumbnail img.cases_img {
	width: 100%;
}
.thumbnail {
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
	width: 24%;
	width: 23.49%\9;
	margin: 0.5%;
}

.thumbnail a.thumbnail_a {
	cursor: url('../images/index201601/more.cur'), crosshair;
	cursor: url('../images/index201601/cases_shi.png') 40 40, crosshair;
	filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
}

.thumbnail a.thumbnail_a:hover {
	cursor: url('../images/index201601/more.cur'), crosshair;
	cursor: url('../images/index201601/cases_shi.png') 40 40, crosshair;
	filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;
}
.projectinfo {
	position: absolute;
	z-index: 2;
	top: -60px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(126,127,115);
	background: rgba(126,127,115,0.4);
	height: 0\9;
}
.thumbnail .meta {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
}
.thumbnail .meta h4 {
	font-size: 20px;
	padding-left: 2%;
	font-weight: bold;
	width: 90%;
}
.thumbnail .meta h4 a {
	color: #000;
        font-size: 20px;
        font-weight: bold;
}
.thumbnail .meta .fr {
	width: 38%;
	text-align: right;
}
.thumbnail .meta .fr a {
	display: inline-block;
	padding: 0px 2px;
	padding-right: 12px;
	width: 20px;
	height: 60px;
}
.thumbnail .meta .fr a.cases_a_pc {
	background: url(../images/cases_ico_pc_b.png) no-repeat center;
}
.thumbnail .meta .fr a.cases_a_phone {
	background: url(../images/cases_ico_phone_b.png) no-repeat center;
}
.thumbnail:hover .meta {
	background-color: #02796A;
}
.thumbnail:hover .meta h4 a {
	color: #fff;
font-size: 20px;
        font-weight: bold;
}
.thumbnail:hover .meta .fr a.cases_a_pc {
	background: url(../images/cases_ico_pc_w.png) no-repeat center;
}
.thumbnail:hover .meta .fr a.cases_a_phone {
	background: url(../images/cases_ico_phone_w.png) no-repeat center;
}
.btn_cases_more {
	border: 1px solid #15909c;
	margin: 50px auto;
	text-align: center;
	width: 120px;
}
.btn_cases_more a {
	line-height: 36px;
	color: #15909c;
	font-size: 12px;
	font-family: "ËÎÌå";
	width: 120px;
	height: 36px;
	display: block;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.btn_cases_more a:hover {
	background-color: #15909c;
}
.btn_cases_more a:hover {
	color: #fff;
}
/* home solutions */
.home_solutions {
	background: url(../images/solutions_bg.jpg) no-repeat top center;
	height: 707px;
}
.home_solutions_title {
	text-align: center;
	padding-top: 55px;
}
.home_solutions_text {
	color: #222222;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-top: 12px;
}
.home_solutions_list {
	width: 1200px;
	margin: 30px auto;
	overflow: hidden;
}
.home_solutions_list_inner {
	width: 1400px;
}
.home_solutions_list dl {
	float: left;
	width: 204px;
	margin-right: 63px;
	padding: 25px;
	text-align: center;
	padding-top: 54px;
	padding-bottom: 35px;
	position: relative;
	z-index: 3;
}
.home_solutions_list dt {
	z-index: 1;
	position: relative;
	margin-left: 32px;
}
.home_solutions_list dd.bg {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.home_solutions_list dd.t {
	line-height: 30px;
	height: 30px;
	margin: 16px 0px;
	z-index: 1;
	position: relative;
}
.home_solutions_list dd.t a {
	color: #000000;
	font-size: 18px;
	transition-delay: 0.2s;
}
.home_solutions_list dd.spec {
	color: #666666;
	font-size: 12px;
	font-family: "ËÎÌå";
	line-height: 24px;
	width: 204px;
	z-index: 1;
	position: relative;
	transition-delay: 0.2s;
}
.home_solutions_list dl:hover {
}
.home_solutions_list dl:hover dd.t a {
	color: #fff;
}
.home_solutions_list dl:hover dd.bg {
	height: 370px;
}
.home_solutions_list dl:hover dd.spec {
	color: #fff;
}
dl.solu_dl_0 dd.bg {
	background-color: #2eafbb;
}
dl.solu_dl_1 dd.bg {
	background-color: #5ea927;
}
dl.solu_dl_2 dd.bg {
	background-color: #1a8fd1;
}
dl.solu_dl_3 dd.bg {
	background-color: #b57dd1;
}
dl.solu_dl_0 dt a {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/s_1.png) no-repeat 0 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	;
	transition-delay: 0.3s;
}
dl.solu_dl_0:hover dt a {
	background: url(../images/s_1.png) no-repeat 0 -140px;
}
dl.solu_dl_1 dt a {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/s_2.png) no-repeat 0 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	;
	transition-delay: 0.3s;
}
dl.solu_dl_1:hover dt a {
	background: url(../images/s_2.png) no-repeat 0 -140px;
}
dl.solu_dl_2 dt a {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/s_3.png) no-repeat 0 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	;
	transition-delay: 0.3s;
}
dl.solu_dl_2:hover dt a {
	background: url(../images/s_3.png) no-repeat 0 -140px;
}
dl.solu_dl_3 dt a {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/s_4.png) no-repeat 0 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	;
	transition-delay: 0.3s;
}
dl.solu_dl_3:hover dt a {
	background: url(../images/s_4.png) no-repeat 0 -140px;
}
.btn_solutions_more {
	width: 120px;
	height: 36px;
	border: 1px solid #555;
	margin: 50px auto;
	text-align: center;
}
.btn_solutions_more a {
	line-height: 36px;
	color: #555;
	font-size: 12px;
	font-family: "ËÎÌå";
	width: 120px;
	height: 36px;
	display: block;
	stransition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.btn_solutions_more a:hover {
	background-color: #555;
}
.btn_solutions_more a:hover {
	color: #fff;
}


.test-table{
    width: 100%;
    text-align: center;
    margin-top:20px;
    margin-bottom: 50px;
    line-height: 30px;
    border-spacing: 2px;
    border-collapse: separate;
}
.test-table tr td{
    padding: 5px 0;
}
.test-table tr:first-child td{
    /*border-right: 2px solid #fff;*/
}
.test-table tr:first-child td:last-child{
    border-right:none; 
}



a.sort:link, a.sort:active, a.sort:visited	{ font-weight: bold; font-size: 20px; text-decoration:none;color:#000000; }
a.sort:hover	{ font-weight: bold; font-size: 20px;  text-decoration:none;color:#279901;}



.btText {
	
	font-size: 16px;
	
}