@font-face {
 font-family: 'open_sansextrabold';
 src: url('../fonts/opensans-extrabold.eot');
 src: url('../fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold.woff') format('woff'), url('../fonts/opensans-extrabold.ttf') format('truetype'), url('../fonts/opensans-extrabold.svg#open_sansextrabold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'open_sanslight';
 src: url('../fonts/opensans-light.eot');
 src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light.woff') format('woff'), url('../fonts/opensans-light.ttf') format('truetype'), url('../fonts/opensans-light.svg#open_sanslight') format('svg');
 font-weight: normal;
 font-style: normal;
}
.pi-section-dark h1, .pi-section-dark .h1, .pi-section-dark h2, .pi-section-dark .h2, .pi-section-dark h3, .pi-section-dark .h3, .pi-section-dark h4, .pi-section-dark .h4, .pi-section-dark h5, .pi-section-dark .h5, .pi-section-dark h6, .pi-section-dark .h6 {
	color:#000;
	font-family: 'open_sanslight';
}
.pi-timeline-date {
	color: #21252b;
	font-family: 'open_sansextrabold';
	font-size:54px;
}
.pi-timeline-item-date span:last-child {
	color: #333;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	top: 1px;
}
.jus {
	color:#000;
	font-family: 'open_sanslight';
}
.ltx {
	font-size: 27px;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	top: 4px;
}
.pi-timeline-item-date span:first-child {
	color: #21252b;
	font-family: 'open_sansextrabold';
}
.pi-weight-700 {
	font-weight: 300;
}
.xtc {
	color: #444;
	font-size: 34px;
	line-height: 19px;
	position: relative;
	left: -75px;
}
.mft {
	left:-25px;
}
.nyir {
	color:#999;
}
.flow {
	color:#999;
	font-size:12px;
}
.mcf {
	color: #999;
	display: block;
	left: 0px;
	position: relative;
	top: 0px;
}
.arajanlats {
	font-size: 12px;
	line-height: 12px;
}
.ghz {
	font-size: 22px;
	position: relative;
	top: -15px;
}
h6, .h6 {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.ajn {
	padding:0px;
}
.ajn:hover {
	padding:0px;
	opacity:0.7;
}
.tajekoztato {
	font-size: 11px;
	position: relative;
	margin: -15px 0px 5px 0px;
}
.tajekoztato a {
	color:#333 !important;
	font-weight:bold;
}
.tajekoztato2 {
	font-size: 12px;
	position: relative;
	margin: -15px 0px 5px 0px;
}
.tajekoztato2 a {
	color:#333 !important;
	font-weight:bold;
}
.tajekoztato3 {
	font-size: 12px;
	position: relative;
	margin: 10px 0px 14px 0px;
}
.tajekoztato3 a {
	color:#333 !important;
	font-weight:bold;
}
 @media (min-width: 10px) and (max-width: 767px) {
.ae {
 position:relative;
 margin-bottom:30px;
}
}
 @media (min-width: 10px) and (max-width: 800px) {
 .xtc {
 color: #444;
 font-size: 21px;
 line-height: 19px;
 position: relative;
 left: -19px;
}
}
.pi-social-icons-simple.pi-small a {
	font-size: 13px;
	height: 34px;
	line-height: 34px;
	width: auto;
	padding: 0px 7px 0px 7px;
}
.tajekoztato {
	font-size: 12px;
	position: absolute;
	margin: -4px 0px 0px 0px;
	left: 90px;
}
.w20{
	float:left;
	width:25%;
	height:auto;
	padding:1px;
}

@media (max-width: 575px) {
.w20 {
    float: left;
    width: 15%;
    height: auto;
    padding: 1px;
}
}
@media (max-width: 360px) {
 .tajekoztato {
 font-size: 11px;
 position: relative;
 margin: -15px 0px 10px 0px;
 left: 0px;
}
