body{font-family: 'geomanist-medium-webfont';font-size:16px; 

}

        @font-face {
	font-family: 'geomanist-medium-webfont';
	src: url('../fonts/geomanist-medium-webfont.eot');
	src: url('../fonts/geomanist-medium-webfont.eot') format('embedded-opentype'),
		url('../fonts/geomanist-medium-webfont.woff') format('woff'),
		url('../fonts/geomanist-medium-webfont.ttf') format('truetype'),
		url('../fonts/geomanist-medium-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}

     @font-face {
	font-family: 'geomanist-regular-webfont';
	src: url('../fonts/geomanist-regular-webfont.eot');
	src: url('../fonts/geomanist-regular-webfont.eot') format('embedded-opentype'),
		url('../fonts/geomanist-regular-webfont.woff') format('woff'),
		url('../fonts/geomanist-regular-webfont.ttf') format('truetype'),
		url('../fonts/geomanist-regular-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}


     @font-face {
	font-family: 'geomanist-bold-webfont';
	src: url('../fonts/geomanist-bold-webfont.eot');
	src: url('../fonts/geomanist-bold-webfont.eot') format('embedded-opentype'),
		url('../fonts/geomanist-bold-webfont.woff') format('woff'),
		url('../fonts/geomanist-bold-webfont.ttf') format('truetype'),
		url('../fonts/geomanist-bold-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}


.button-drop{ padding:1% 3%; border:1px solid #000; float:left; display:block; text-decoration:none; color:#000;}
.button-drop:hover{ text-decoration:none; color:#fff; background:#000; transition: all 0.6s ease 0s; opacity: 0.75;} 
.button-container{padding:15px 0; clear:both;}
.gap-btn{ margin-right:7px;}
.down-arrow{ width:17px; height:14px; background:url(../images/down-arrow.png) no-repeat; float:right; margin-top:4px;}
.horizontal{ list-style:none; padding:0; margin:0; clear:both; width:100%;}

.area_list{ list-style:none; padding:0; margin:0;}
.area_list li{ float:left; margin-right:4px;}
.area_list li a{ display:block; padding:5px 11px; margin-right:7px; text-decoration:none; font-weight:bold; color:#000;}
.area_list li a:hover{ background:#000; color:#fff; font-weight:bold; text-decoration:none;}
.demo .button{ padding:4px 14px;}
.button-drop:hover > .down-arrow{width:17px; height:14px; background:url(../images/down-arrow-active.png) no-repeat; float:right;}
.select{ color:#fff!important; background:#000;}
.demo .button:hover{ background:#000; color:#fff; transition: all 0.6s ease 0s; opacity: 0.75;}
.active-check{ background:#000!important; color:#fff;}
#button1{ text-decoration:none;}
ul.contributor-list {
list-style:none;
padding-left:0px;
margin-left:none;
}
ul.contributor-list li{
padding-left:none;
margin-left:none;
}
a.contributor {
cursor:pointer;
}
.hidden-article:not(:first-child) {
display:none;
}
	

.logo{ font-family: "geomanist-medium-webfont"; letter-spacing: 2px; font-size:3vw; padding:2.9vw 0 2.5vw 0;}
p{ margin-left: -15px;}
.logo a{ color:#000000; text-decoration:none;}
.logo a:hover{ text-decoration:none; color:#000000;}
.select > .down-arrow{width:17px; height:14px; background:url(../images/down-arrow-active.png) no-repeat; float:right;}
.about{}
.footer{ padding:15px 0; font-size:11px;}
.element-item img{ width:100%!important; }
#container {
  /* either of these will work for horizontal Isotope layouts */
  height: 80%;
  height: 480px;
}

.media-boxes-drop-down-menu li{ float:left;  margin-right:3px; margin-top:7px;}
.media-boxes-drop-down-menu-box{  width:vw; height:35px; float:left; position:absolute;}
.media-boxes-drop-down-menu > li > a{ display:block; background:#fff; color:#000;}
.media-boxes-drop-down-menu > li > a:hover{color:#fff!important; background:#000!important; display:block;}
.mob-about{ display:none;}



.filters-container{ position:relative;}
.media-boxes-container{ margin-top:37px;}
/* Portrait and Landscape */
@media only screen and (max-device-width:480px) {
.media-boxes-drop-down{ width:100%!important;}	  
.media-boxes-drop-down-header > a{ font-size:13px!important;}
.media-boxes-drop-down-menu-box{ top:178px;}
.media-boxes-container{ margin-top:90px;}
.filters-container .pull-right{ width:100%; font-size:16px; margin-bottom:10px;}
.media-boxes-search{ display:none;}
.logo{ text-align:center; font-size:22px;}
.about{ display:none;}
.about h3{ font-size:13px;}
.mob-about{ display:block; width:100%; text-align:center; padding:0 0 15px 0; font-size:11px;}
.footer{ text-align:center;}
}


.bor_button{ 
padding: 5px 0;
font-family:geomanist-medium-webfont; 
letter-spacing:2px;
width: auto;;
text-align: center;
color: #000;
border: 2px solid #000;
text-decoration: none;
display: block;
margin: 30px 0 30px 0;}

.link_a h4{ line-height:26px;}
.link_a a{ text-decoration:underline!important; color:#000; font-weight:bold!important;}
@media (max-width: 767px) {
  
  
.media-boxes-drop-down-menu-box {position:static !important; float:none !important;}
  }