.btn {
  font-weight: bold;
  text-transform: uppercase;
  display:inline-block;
}
.btn-group > .btn-default {
    color: #000;
    background: #fff;
	border: 0;    border-radius: 10px !important;
	margin-bottom: 2px;
}
.btn-group > .btn:first-child {border-radius:30px;}
.btn:hover {
  background: #183860;
  border-color:transparent;
  color:#fff;
}

.btn:active,
.btn.is-checked {
  background: #183860;
  color: #fff;
  border-color:transparent;
}
.btn-group {white-space:normal;}


.top-section {background: #f0f0f0; padding: 30px;margin-bottom: 1px;}
.top-section .span5,
.top-section .span5,
.top-section .span2 {padding:10px;}
.top-section .span12 {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.top-section span.btn{margin:5px 10px;text-shadow:none}

.top-section a {text-decoration:underline;}
.top-section a:hover {text-decoration:none;}

.filter-label {text-transform: uppercase; padding: 0 0 10px 0;}

/* --------------------------------------- */

.item .catItemImage {  overflow: hidden;max-height: 330px;}
.item {
  position: relative;
  flex-direction: column;
  display: flex;
  -webkit-filter:grayscale(50%);
  filter:grayscale(50%);
  line-height: 1.5;
}

.item:hover {background:#f5f5f5;-webkit-filter:grayscale(0%);}
.item:hover  img {-webkit-animation: zoom12 0.5s ease;animation-fill-mode: forwards;}

.top-section .g-block {    margin: 1rem;}

@media (max-width:84.99rem) {
	.projDec .catItemImageBlock {height:220px;}
}

@media (max-width:64.99rem) {
	.tablePortfolio h4 {font-size: 1rem;margin-top: 0;}
	.tablePortfolio .projDec .uslugaIcon {font-size:0.8rem; margin: -25px 0;}
	.projDec .uslugaIcon:before {    transform: scale(0.35);    width: 30px; height: 47px;}
	.projDec .catItemImageBlock {height:160px;}
}

@media (max-width:47.99rem) {
	.g-container {width:100%;}
	.g-container #g-mainbar {padding-top:0}
	.top-section .g-block {    margin: 1rem 0;}
	.tablePortfolio h4 {font-size: 1rem;margin-top: 0;}
	.tablePortfolio .projDec .uslugaIcon {font-size:0.8rem}
	#g-container-main .g-content {margin:0; padding:0}
	#k2Container {padding:0}
	.tablePortfolio .item .catItemImage {max-height:180px;}
	.tablePortfolio .projDec .moduleItemReadMore {margin-top:10px;}
	.projDec .catItemImageBlock {max-height:180px;height:180px}
	.top-section span.btn{padding: 5px 15px; margin: 5px 10px; margin-left: 3px!important;}
}
@media (max-width:29.99rem) {
	.tablePortfolio .catItemImageBlock,
	.tablePortfolio .catItemImageBlock * {width:100% !important;}
	.tablePortfolio .item .catItemImage {max-height:inherit;}
	.tablePortfolio .project {width:100%;}
	.tablePortfolio h4 	{font-size: 1.5rem;}
	.tablePortfolio .projDec .uslugaIcon	{font-size: 1.3rem;}
	.tablePortfolio .projDec .uslugaIcon {font-size:1rem; margin: -15px 0;}
	.projDec .uslugaIcon:before {    transform: scale(0.5);    width: 35px; height: 50px;}
	.tablePortfolio .projDec .moduleItemReadMore {margin-top:30px;}
	.tablePortfolio .modItemText > div {display: flex;}

}