body{
  padding: 0;
  margin: 0;
  font-family: Arial,helvetica;
  font-size: 14px;
  background: #EEEEEE;
  color: #333;
}

a{
  color: #333;
}
h1, h2, h3, h4, h5, h6{
  //color: #ffb503;
}

/*.header .mod-menu li.active{
  background: linear-gradient(to top, #7a7a7a, #cfcecb);
}
.header .mod-menu li.active a{
  color: #000;
}*/

.contact>div{
  display: none;
}


.content .but-download{
  margin-right: 60px;
  background: #00b7ff;
  background: linear-gradient(to top, #00b7ff, #8ad7f5);
  min-width: 180px;
  text-align: center;
	height: 45px;
	line-height: 45px;
  text-decoration: none;
  font-size: 18px;
  
  color: #444444;
  display: inline-block;
  padding: 0px 20px;
}

.blog-project-list{
  background: #fff;
  border-radius: 4px;
  border: solid 1px #AAAAAA;
  margin-bottom: 30px;
  padding: 20px;
  max-width: 1208px;
  margin: auto;
  
}

.blog-project-list .bl-list{
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}



.blog-project-list .blog-item{
  width: 300px;
  height: 300px;
  background: #000;
  border: 1px solid #fff;
}
.blog-project-list .item-image{
  width: 294px;
  margin: auto;
  height: 244px;
  margin-top: 4px;
  line-height: 420px;
  overflow: hidden;
  display: block;
  text-align: center;

}


.blog-project-list .blog-item img{
  max-width: 270px;
  height: auto;
  
  -moz-transition: max-width 0.6s ease-out ;
  -ms-transition: max-width 0.6s ease-out ;
  -o-transition: max-width 0.6s ease-out ;
  -webkit-transition: max-width 0.6s ease-out ;
  transition: max-width 0.6s ease-out ;
}

.blog-project-list .blog-item:hover img{
  max-width: 290px;
}

.blog-project-list a{
  color:#fff;
  text-decoration: none;
  font-size: 20px;
  -moz-transition: color 0.3s ease-out ;
  -ms-transition: color 0.3s ease-out ;
  -o-transition: color 0.3s ease-out ;
  -webkit-transition: color 0.3s ease-out ;
  transition: color 0.3s ease-out ;
}

.blog-project-list .blog-item:hover a{
  color:#ffb503;
  
}

.com-content-article__body{
  padding: 10px;
}

.com-content-article__body img{
  max-width: 100%;
}

@media(max-width: 960px){
  .blog-project-list .bl-list{
    justify-content: center;
  }
  .blog-project-list .blog-item{
    margin-bottom: 20px; 
  }
}