.mobile{background:#ffffff; color:#666666; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.mobile:hover{background:#8FAD47; color:#ffffff; border:1px solid #cccccc;  text-decoration: none; padding: 4px;}
.mobileactive{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.web{background:#ffffff; color:#666666; border:1px solid #cccccc; text-decoration: none; padding: 4px 10px; }
.web:hover{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px 10px;}
.webactive{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px 10px; }
.cloud{background:#ffffff; color:#666666; border:1px solid #cccccc; text-decoration: none; padding: 4px; }
.cloud:hover{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px; }
.cloudactive{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none;padding: 4px;}
.all{background:#ffffff; color:#666666; border:1px solid #cccccc; text-decoration: none; padding: 4px 16px;}
.all:hover{background:#8FAD47; color:#ffffff!important; border:1px solid #cccccc; text-decoration: none!important;padding: 4px 16px; }
.allactive{background:#8FAD47; color:#ffffff!important; border:1px solid #cccccc; text-decoration: none!important; padding: 4px 16px; }

.webdesign{background:#F16358; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px; }
.webdesign:hover{background:#F16358; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px; opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.webdesignactive{background:#F16358; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}

.graphicdesign{background:#4DB07A; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.graphicdesign:hover{background:#4DB07A; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.graphicdesignactive{background:#4DB07A; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}

.webdevelopment{background:#9652AB; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.webdevelopment:hover{background:#9652AB; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.webdevelopmentactive{background:#9652AB; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}

.mobileapps{background:#F98412; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.mobileapps:hover{background:#F98412; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px; opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.mobileappsactive{background:#F98412; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}

.newsletter{background:#5388AA; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}
.newsletter:hover{background:#5388AA; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.newsletteractive{background:#5388AA; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px;}

.casestudies-all{background:#666666; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px 16px;}
.casestudies-all:hover{background:#666666; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding:4px 16px;opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5;	filter: alpha(opacity=50); width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.casestudies-allactive{background:#8FAD47; color:#ffffff; border:1px solid #cccccc; text-decoration: none; padding: 4px 16px;}


.toggle{display:show;}

@media (max-width: 767px) {
.toggle{display:none;}

}


.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
@media (max-width: 767px) {

.home .grigio .media-img img{
height:auto;
width:100% !important;
}
}