.news-item .contact-form {float:left; width:35%;}
.contact-form p.error {
  font-size:15px;  color:red;
}
.form-item {margin:0 0 8px 0; display:block;font-size:11px; line-height:18px;}
.form-item label {
    min-width: 60px;
    display: inline-block;
    position: relative;
}
.form-item input, .form-item select, .form-item textarea {
padding:7px 10px; border:1px solid #ccc; border-radius:5px; border:none;
font-size:15px; min-width:215px;
}
.form-item textarea {max-width:80%;}
.form-buttons input { padding:10px; border-radius:5px; background-color:#f1f1f1; border:none; }
.form-buttons input:active {color:#f1f1f1; background-color:#000;}
.form-item .error {color:red; font-size:12px;}

.form-item input:focus, .form-item select:focus, .form-item textarea:focus {
  border:1px solid #ccc;
  outline:none;
}

.isotope-grid {display:block; width:100%;padding:100px 0 40px 0;}
.isotope-grid .news-item { width: calc(25% - 27px); float: left; margin-bottom:50px; border-bottom:1px solid #d0d2d1; padding-bottom:20px; }
.isotope-grid .news-item img {max-width:100%;}
.isotope-grid .news-item .thumbnail {max-width:100%; width:100%;}
.isotope-grid .news-item .news-title {font-size:18px; line-height:22px; margin:15px 0;}
.isotope-grid .news-item .news-title a:link, .isotope-grid .news-item .news-title a:active, a:visited {
color:#000; text-decoration:none;
}
.isotope-grid .news-item .news-entry {}
.isotope-grid .news-item .news-entry p {font-size:14px; line-height:18px; margin:15px 0;}
.gutter-sizer {width:36px;}

@media screen and (max-width: 1024px) {
  .isotope-grid .news-item { width: calc(33.333333% - 24px);}
}
@media screen and (max-width: 768px) {
  .isotope-grid .news-item { width: calc(50% - 21px);}
}
@media screen and (max-width: 639px) {
  .isotope-grid .news-item { width: calc(100%);}
  .gutter-sizer {width:0px;}
}

@media only screen and (max-width: 768px){
   .news-grid .news-item .contact-form {
     padding: 0 20px;
     width: 100%;
     float: none;
     margin:20px 0;
   }
}


.news-title a {
	font: 500 16px/1.3em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	border-bottom: solid 3px transparent;
	text-decoration: none;
	font-weight: 700;
	background: none;
	padding: 0 0 6px;
	text-indent: 0;
	height: auto;
	width: auto;
	color: #000
}
.news-title a:hover {
	color: #ffe600;
} 

#newsform {
height:0px;
overflow:hidden;
max-height:0px;
transition:all ease .3s;
}

#newsform.open {
  height:auto;
max-height:2000px;
transition:all ease .3s;
}