@charset "utf-8";
.clearfix{clear:both;}
.etkinlik_item{width:19%;float:left;background:#e74c3c;margin-right:5px;margin-bottom:10px;color:black;height:400px;}
.text_etkinlik{padding:20px;}
.etkinlik_item img {width:100%;}
.etkinlik_item h3 {text-align:center;}
.text_etkinlik h3 {text-align:left;}
.logo_ a img{width:300px;height:100px;}
.logo_ a img:hover{border:none;width:300px;height:100px;}
.sec2{float:right;width:30%;}
.sec1{width:67%;}
.menu_gen ul li a {display:block;padding:10px;background-color:#262626;color:white;color:white;font-weight:lighter;}
.menu_gen ul li a:hover {background:#e74c3c;}
.menu_gen ul {padding:0;margin:0;border-bottom: 3px solid #e74c3c;}
.menu_gen li {padding:0;margin:0;list-style-type:none;}
.footer_link_item{width:24%;float:left;margin-bottom:10px;}
.footer_link_item li {list-style-type:none;}
.footer_link_item a {font-size:14px;color:#c1c7cd;}
.footer_link_item h4 {font-size:17px;color:white;font-weight:lighter;}
.p_item{width:50%;border-right:1px solid lightgrey;float:left;padding:5px;}

.thumbnail3 {
  position: relative;
  width: 100%;
  height: 130px;
  overflow: hidden;
}
.thumbnail3 img {
  position: absolute;
  z-index:2;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.thumbnail4 img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail4 {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.thumbnail4 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail4 img.portrait {
  width: 100%;
  height: auto;
}


.thumbnail5 img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail5 {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.thumbnail5 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail5 img.portrait {
  width: 100%;
  height: auto;
}

.center-cropped {
  width: 114px;
  height: 70px;
  background-position: center center;
  background-repeat: no-repeat;
}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 100%;
	max-height: 100%;
	margin-top: 2%;
	
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

 
.thumb-wrap {
  width:70%;
  min-width:400px;
  margin:0 auto;
  font-size:100%;
  text-align: left;
}

.thumb-wrap:after {
  content:"";
  display:block;
  clear:both;
  height:50px;
}  
.thumb {
  width:100%;
  list-style:none;
  float:none;
  padding:0 0 2.5% 0;
  margin-top:5px;
}

.thumb li {
  width:30%;
  height:250px;
  display:inline-block;
  margin:2.5% 0 0 2.5%;
  position:relative;
}

.thumb li img {
  max-width:100%;
  float:left;
  border:4px solid #fff;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.thumb li {
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  -o-transition:all 1s ease;
  -ms-transition:all 1s ease;
  transition:all 1s ease;
}

.thumb li:hover {
  -moz-transform:scale(2.6) translate(50px, 38px);
  -webkit-transform:scale(2.6) translate(50px, 38px);
  -o-transform:scale(2.6) translate(50px, 38px);
  -ms-transform:scale(2.6) translate(50px, 38px);
  transform:scale(2.6) translate(50px, 38px);
  z-index:2;
}

.thumb li:nth-of-type(2):hover {
  -moz-transform:scale(2.6) translate(0, 38px);
  -webkit-transform:scale(2.6) translate(0, 38px);
  -o-transform:scale(2.6) translate(0, 38px);
  -ms-transform:scale(2.6) translate(0, 38px);
  transform:scale(2.6) translate(0, 38px);
}

.thumb li:nth-of-type(3):hover {
  -moz-transform:scale(2.6) translate(-50px, 38px);
  -webkit-transform:scale(2.6) translate(-50px, 38px);
  -o-transform:scale(2.6) translate(-50px, 38px);
  -ms-transform:scale(2.6) translate(-50px, 38px);
  transform:scale(2.6) translate(-50px, 38px);
}

.thumb li:nth-of-type(4):hover {
  -moz-transform:scale(2.6) translate(50px, -38px);
  -webkit-transform:scale(2.6) translate(50px, -38px);
  -o-transform:scale(2.6) translate(50px, -38px);
  -ms-transform:scale(2.6) translate(50px, -38px);
  transform:scale(2.6) translate(50px, -38px);
}

.thumb li:nth-of-type(5):hover {
  -moz-transform:scale(2.6) translate(0, -38px);
  -webkit-transform:scale(2.6) translate(0, -38px);
  -o-transform:scale(2.6) translate(0, -22px);
  -ms-transform:scale(2.6) translate(0, -38px);
  transform:scale(2.6) translate(0, -38px);
}

.thumb li:nth-of-type(6):hover {
  -moz-transform:scale(2.6) translate(-50px, -38px);
  -webkit-transform:scale(2.6) translate(-50px, -38px);
  -o-transform:scale(2.6) translate(-50px, -38px);
  -ms-transform:scale(2.6) translate(-50px, -38px);
  transform:scale(2.6) translate(-50px, -38px);
} 


/* ---------- CALENDAR ---------- */

.calendar {
	text-align: center;
}

.calendar header {
	position: relative;
}

.calendar h2 {
	text-transform: uppercase;
}

.calendar thead {
	font-weight: 300;
	text-transform: uppercase;
}

.calendar tbody {
	color: #7c8a95;
}

.calendar tbody td:hover {
	border: 2px solid #00addf;
}

.calendar td {
	border: 2px solid transparent;
	border-radius: 50%;
	display: inline-block;
	height: 1.3em;
	line-height: 1em;
	text-align: center;
	width: 2.5em;
}

.calendar .prev-month,
.calendar .next-month {
	color: #cbd1d2;
}

.calendar .prev-month:hover,
.calendar .next-month:hover {
	border: 2px solid #cbd1d2;
}

.current-day {
	background: #e74c3c;
	color: #f9f9f9;
}

.event {
	cursor: pointer;
	position: relative;
}

.event:after {
	background: #00addf;
	border-radius: 50%;
	bottom: .5em;
	display: block;
	content: '';
	height: .5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}

.event.current-day:after {
	background: #e74c3c;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}