*{box-sizing: border-box; margin: 0; padding: 0;}
header{position: relative;}
body{background: #fff; font-family: Gotham;}
.mainWrapper{width: 1250px; margin: 0 auto; position: relative; display: block; margin-top: 50px;}
.bigTitle h2{color: #484848; font-size: 24px; font-weight: 700; margin-bottom: 5px; font-family: Gotham !important; border-bottom: 1px solid #767676; padding-bottom: 20px;}
.bigTitle span{color: #5d7f92; font-size: 13px; font-weight: 300;}
.press{display: inline-block; width: 180px; border-bottom: 10px solid #5d7f92; overflow: hidden; transition: .3s all ease-in;}
	.press img{width: 100%; background-size: cover; display: block;}
	.press:hover{cursor: pointer; opacity: .8;}
.pressWrapper{display: inline-block; width: 180px; min-height: 252px; margin: 20px 60px 5px 0px;}
	.pressWrapper h3{color: #484848; font-size: 17px; margin-top: 10px; font-weight: 700;}
	.pressWrapper h2{font-family: Gotham; color: #5d7f92; border-bottom: 2px solid #767676; font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px; font-weight: 600;}
.hideNews{display: none;}
.activeNews{display: block;}
.activeWrapper{display: inline-block; width: 100%; position: relative;}
.newsDetail{width: 50%; display: inline-block; left: 23%; position: absolute;}
	.newsDetail p{color: #000;}
	.newsDetail a{font-family: Gotham; font-size: 12px; color: #93a7b3}
.newsDetail .dowload-icon{position: absolute; left: 25%; top: 92%;}
.newsTitle{width: 20%; display: inline-block; position: absolute; top: 50%; transform: translateY(50%);}
	.newsTitle h3{color: #484848; font-size: 17px; margin-top: 10px; font-weight: 700;}
	.newsTitle h2{font-family: Gotham; color: #5d7f92; font-size: 12px; margin-top: 3px; font-weight: 600;}
.fancybox-inner .press{margin-left: auto; width: 200px; margin-right: auto; display: block;}
.fancybox-inner .overlayDate{text-align: center; margin-top: 3px;}
.fancybox-inner .overlayTitle{text-align: center; font-size: 20px; color: #5d7f92;}

#pressPage footer{position: relative;}
#pressPage.partners  footer{position:fixed !important; bottom: 0;}
.partnerSection{position: absolute; top: 75px; bottom: 100px;}

.downloadImage {display: block; width: 100%;}
	.downloadImage span{background-color: #484848; padding: 5px 11px; color: #fff; font-size: 13px; float: left; width: auto;}
	.downloadImage a{font-size: 13px; color: #5d7f92; margin-left: 10px; line-height: 25px;}

.imageWrapper{display: inline-block; width: 180px; min-height: 220px; margin: 20px 60px 5px 0px;}
	.imageWrapper img{width: 100%;}
	.imageWrapper h3{color: #484848; font-size: 17px; margin-top: 10px; font-weight: 700;}
	.imageWrapper h2{font-family: Gotham; color: #5d7f92; border-bottom: 2px solid #767676; font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px; font-weight: 600;}

#map-cover{background-color:#f1f1f1;}
	#map-cover .bgimage{background:url('../images/bg-lokasyon.jpg') center center no-repeat; background-size:cover; top:80px; left:27px; right:27px; bottom:27px; height:auto !important;}
#map-frame{position:relative;  width:100%; height:100%; display:block; }		
#map{width:100%; height:100%; display:block;}
.map-control-panel-div {width: 33.3333%; float: left;}
#map-control-panel{width: 30%; position: absolute; top: 0; left: 0; background-color: black; z-index: 1; overflow-y: scroll;}
	#map-control-panel ul {float: left; width: 80%; margin-left: 10%; margin-top: 30px;}
		#map-control-panel ul li {float: left; width: 100%; margin-bottom: 10px; font-size: 16px; color: #fff; font-family: "futura-pt-condensed", sans-serif;}
		#map-control-panel ul li.active a {color: #e31d1a;}
		#map-control-panel ul li a {font-size: 16px; color: #fff; font-family: "futura-pt-condensed", sans-serif;}
		#map-control-panel ul li:hover a {color: #e31d1a;}
#mapcontent2 {width: 340px; float: left; height: 270px; padding-left: 20px; padding-top: 20px; overflow: hidden;}
#mapcontent {width: 222px; float: left; height: 340px; padding-left: 20px; padding-top: 20px; overflow: hidden;}
	#mapcontent img {margin-bottom: 15px;}
	#mapcontent img.attachment-thumbnail{width:370px; height:215px;}
	#mapcontent h4 {color: #000000; font-family: "futura-pt"; font-weight: 700; font-size: 14px; line-height: 16px;}

.addresscontent {padding-top: 0; padding-left: 0; width: auto; height: auto;}
	.addresscontent h2 {line-height: 1.5; font-size: 23px; border: none; margin-bottom: 0; color: #5f7e91; padding-bottom: 0;}
	.addresscontent h3 {line-height: 1.5; font-size: 20px; color: #5d7f92; font-weight: 500;}
	.addresscontent p {font-size: 19px; color: #5d7f92; line-height: 25px; font-weight: 400;
		padding: 0 10px; padding-left: 0; padding-bottom: 5px; margin-bottom: 0 !important;}
	
	.addresscontent img{width: auto; height: auto; display: block; padding-bottom: 5px;}
	.addresscontent a{color: #484848;}
		.addresscontent a:hover{text-decoration: underline;}

.pressLazyLoad {
	display: none;
}
.load-more-button {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 13px 0 13px 30px;
	cursor: pointer;
	border: 3px solid #cbd5da;
	color: #fff;
	font-size: 18px;
	background: #7ba9b7; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#7ba9b7, #446478); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7ba9b7, #446478); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7ba9b7, #446478); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7ba9b7, #446478);
	outline: none;
}
.load-more-button span {
	display: inline-block;
	width: 41px;
	height: 100%;
	margin-left: 30px;
}
.load-more-button span:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #a6c4ce;
	position: absolute;
	top: 0;
	right: 41px;
}

@media (max-width: 474px){
	.mainWrapper{max-width: 100%;}
	.bigTitle{width: 100%; margin: 10px;}
		.bigTitle h1{font-size: 28px;}
		.bigTitle h2{font-size: 20px;}
		.bigTitle span{font-size: 10px;}
	.press{display: block; margin-left: auto; margin-right: auto; width: 100%; padding: 10px 20px; border: none;}
	.pressWrapper{width: 100%; display: block; margin: 10px auto 50px auto;}
		.pressWrapper h2{margin-left: 20px;}
    	.pressWrapper h3{margin-left: 20px;}
	.newsTitle{width: 100%; display: block; position: relative; margin: 20px;}
	.newsDetail{width: auto; margin: 30px 20px; text-align: justify; display: block; left: 0; position: relative;}
	.newsDetail .dowload-icon{top: 96%; right: 43%; left: auto;}
	.imageWrapper{width: 100%; display: block; margin: 10px auto 50px auto;}
		.imageWrapper img{width: 100%;}
		.imageWrapper h2{margin-left: 20px;}
    	.imageWrapper h3{margin-left: 20px;}
    .downloadImage span{width: auto; margin-left: 20px;}
}
@media (min-width: 475px) and (max-width: 768px){
	.mainWrapper{max-width: 100%; margin: 50px 10px 10px}	
	.press{display: inline-block; width: 100%; border-bottom: 10px solid #5d7f92; overflow: hidden;
	transition: .3s all ease-in;}
	.press img{width: 100%; background-size: cover; display: block;}
	.pressWrapper{display: inline-block; width: 36%; margin: 20px 20px 5px 20px;}
		.pressWrapper h3{font-size: 17px; margin-top: 10px;}
		.pressWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
	.newsTitle{width: 100%; display: block; position: relative; margin: 20px;}
	.newsDetail{width: auto; margin: 30px 20px; text-align: justify; display: block; left: 0; position: relative;}
	.newsDetail .dowload-icon{top: 91%;}
	.imageWrapper{display: inline-block; width: 25% !important; margin: 20px 20px 5px 20px;}
		.imageWrapper img{width: 100%;}	
		.imageWrapper h3{font-size: 17px; margin-top: 10px;}
		.imageWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
	.addresscontent {overflow: scroll;}
}
@media (min-width: 768px) and (max-width: 1000px){
	.mainWrapper{max-width: 100%; margin: 50px 10px 10px}
	.press{display: inline-block; width: 180px; border-bottom: 10px solid #5d7f92; overflow: hidden;
	transition: .3s all ease-in;}
	.press img{width: 100%; background-size: cover; display: block;}	
	.pressWrapper{display: inline-block; width: 25%; margin: 20px 60px 5px 0px;}
		.pressWrapper h3{font-size: 17px; margin-top: 10px;}
		.pressWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
	.imageWrapper{display: inline-block; width: 25%; margin: 20px 60px 5px 0px;}
		.imageWrapper img{width: 100%;}
		.imageWrapper h3{font-size: 17px; margin-top: 10px;}
		.imageWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
}
@media (min-width: 1000px) and (max-width: 1200px){
	.mainWrapper{max-width: 100%; margin: 50px 10px 10px}
	.press{display: inline-block; width: 180px; border-bottom: 10px solid #5d7f92; overflow: hidden;
	transition: .3s all ease-in;}
	.press img{width: 100%; background-size: cover; display: block;}	
	.pressWrapper{display: inline-block; width: 18%; margin: 20px 60px 5px 0px;}
		.pressWrapper h3{font-size: 17px; margin-top: 10px;}
		.pressWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
	.imageWrapper{display: inline-block; width: 18%; margin: 20px 60px 5px 0px;}
		.imageWrapper img{width: 100%;}
		.imageWrapper h3{font-size: 17px; margin-top: 10px;}
		.imageWrapper h2{font-size: 11px; line-height: 13px; margin-top: 3px; padding-bottom: 10px;}
}
@media (max-width: 768px){.imageWrapper{width: 100%;}}

@media (min-height: 800px){
	.partnerSection .mapSection{height: calc(100% - 200px);}
}

@media (max-height: 800px){
	.partnerSection .mapSection{height: calc(100% - 195px);}
}