* {
		font-family: 'PT Serif', serif; /*font-family: 'Merriweather', serif;*/
		letter-spacing: 0.2px;
		color: #222;
		font-size: 15px;
		box-sizing: border-box;
}
*, :after, :before {
    box-sizing: border-box;
}

body{background-color:#f4f4f4; padding:0; margin:0}

h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
	font-family: 'Francois One', sans-serif;
	font-weight:normal;
}
h2,h3,h4,h5{
}
a,a:hover{
	color: #444;
	text-decoration: none;
}
p a:hover{
	text-decoration:underline;
}
p{margin-top:0}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/**/
#menuToggle {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
	-webkit-user-select: none;
	user-select: none;
}
#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}
.iframe-container{
	position:relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 40px;
}
.iframe-container iframe{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}
#menuToggle span:first-child {
	transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #fff;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}
#menu {
	position: absolute;
	width: calc(100vw + 40px);
	margin: -100px 0 0 -90px;
	padding-top: 125px;
	padding-left: 100px;
	background: #ed1c24;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
#menu li {
	padding: 10px 0;
}
#menuToggle input:checked ~ ul {
	transform: none;
}
.sub-menu li {
	list-style-type: none; 
	
	
}

.sub-menu {
display: none;
margin: 0px 0 0 -41px;
padding-left: 40px;
background: #0000002e;
}

.item-submenu {
margin-bottom: -14px;
}

#menu a{
	font-family: 'Francois One', sans-serif;
	font-weight:normal;
	font-size: 18px;
	color: white;
	display:block;
	width: 100%;
}

#menu a li{
	font-family: 'Francois One', sans-serif;
	font-weight:normal;
	font-size: 18px;
	color: white;
	display:block;
	width: 100%;
}

/**/





.header{
	background-color: #ed1c24;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	padding: 0 20px;
}

.head{
	display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
	max-width:1140px;
    flex-direction: row;
	min-height: 41px;
	position:relative;
}

nav a{font-family: 'Francois One', sans-serif; }
nav a.dropbtn{word-break: break-all;}

.col-1{width: 16.66%;}
.col-2{width: 33.33%;}
.col-4{width: 66.66%;}

.header.sec{background-color:#fff; border-bottom: 1px solid #d5d5d5; margin-bottom: 30px; padding: 8px 20px;}

.vol-link, .support-link {position:relative; bottom: -32px; display:flex; }
.vol-link{justify-content:flex-start}
.support-link{justify-content:flex-end}
.superman-box{overflow:hidden; height: 70px;}
.support-link {display:flex; justify-content: flex-end;}
.vol-link a, .support-link a{display:block; height: 100%; text-align:center;}
.vol-link a span, .support-link a span{font-size: 16px; line-height: 23px; color: #0076f9; font-family: 'Francois One', sans-serif;}
.balik-box{overflow:hidden; height: 70px;}
.balik-box img{margin-top: -61px;}
.logo-center{display: flex; flex-direction: row;}
.logo-center h1{
	display: flex;
    justify-content: center;
	width: 50%; text-align:center; position:relative; bottom: -17px;
	min-height: 92px;
}
.logo-center h1 a{position:absolute}
.logo-center h1 img{position:relative; z-index:5}
/*.logo-center h1 a:after{content:""; display: block; width: 100%; height: 1px; background-color:#fff; position:relative; z-index: 0; bottom: 20px }*/
.logo-center .anons{width: 25%; display:flex; align-items: center;}
.logo-center .anons a{color:#a2a2a2; font-family: 'Francois One', sans-serif; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; text-align:center;}
.logo-center .anons a:hover{text-decoration:underline}
.logo-center .anons:nth-child(2){justify-content: flex-end;}

.lan-menu{
	display: flex;
	align-items: stretch;
}

.lan-menu > ul, .social-menu > ul, .main-menu > ul{
	display: flex;
    flex-direction: row;
}

.lan-menu a{color:#fff; font-size: 13px; letter-spacing: 0.6px; display:flex; align-items:center; padding: 0 8px; }
.lan-menu li{margin-right: 8px; line-height: 100%; display:flex;  align-items: stretch;}
.lan-menu a:hover{color: #ffde00;}
.lan-menu a.selected{color: #ffde00;}

.social-menu{
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

.social-menu li {display:flex; align-items:stretch;}
.social-menu a{display:flex; align-items:stretch; padding: 0 7px;}
.social-menu a:hover{}
.social-menu li a i{color:#fff;line-height: 100%;align-self:center; font-size: 16px;}
.social-menu li a:hover i{color: #ffde00}

.main-menu > ul{
	align-items: center;
    justify-content: center;
}
.main-menu{
		background-color: #92278f;
	position: relative;
    z-index: 50;

}
.main-menu a{font-size: 15px; letter-spacing: 1px;}

.dropbtn {
  color: white;
  padding: 10px;
  font-size: 18px;
  border: none;
  display: block;

}


.dropdown {
  position: relative;
  flex-grow: 1;
  margin: 0;
}
.dropdown:first-child a{padding-left:15px;}

.dropdown-content {
  display: none;
  position: absolute;
  color: black;
  padding: 8px 0;
  background-color: #ffde00;
  text-transform: uppercase;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ffde00; color:#ed1c24;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #ffde00; color:#ed1c24;}

.dropbtn.selected { color:#ffde00;}

.support .dropbtn{padding: 10px; color:#ed1c24}
.dropdown.support{background-color: #ffde00;}
.dropdown.support:hover .dropbtn {background-color: #ffde00; color:#ed1c24}


.dropdown.search a i{color:#fff; font-size: 18px;}

@font-face {
	font-family:'Neubau-Bold';
	src: url('../fonts/Neubau-Bold_gdi.eot');
	src: url('../fonts/Neubau-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Neubau-Bold_gdi.woff') format('woff'),
		url('../fonts/Neubau-Bold_gdi.ttf') format('truetype'),
		url('../fonts/Neubau-Bold_gdi.otf') format('opentype'),
		url('../fonts/Neubau-Bold_gdi.svg#Neubau-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}

/*projeler*/



section{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	margin-bottom: 130px;
	padding: 0 20px;
}
.section-title{font-family: 'Francois One', sans-serif; font-size: 32px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; color:#92278f; margin-bottom: 15px;}

h4 {margin-bottom: 15px; font-size: 19px;}


/*PROJECTS*/
.projects{
	display: flex;
    position:relative;
    justify-content: center;
    width: 100%;
	max-width:1140px;
    flex-direction: row;
	flex-flow: row wrap;
}



.project{display:flex; width: 66.66%; /*padding:10px;*/ margin-bottom: 20px; flex-direction: column;}
.project.opened{width: 66.66%;}
.project header{background-color: #e0e0e0; padding:20px; cursor:pointer; position:relative}

.project header::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  content: "\f070";
  position:absolute; right: 10px; top: 10px;
}
.project.opened header::before { content: "\f06e";}
.project.opened .project-content{display:flex;}

.project header h3{font-size: 24px; line-height:27px; color:#92278f; letter-spacing:0.3px; position:relative}
.project header h3 img{
    max-width: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.project header h3 .project-web{display: inline-block; vertical-align: middle; font-size: 10px; line-height: 10px; letter-spacing: 0.2px; text-transform: uppercase; background-color: #92278f; color:#fff; padding:2px 5px;}
.project header .infos{margin-bottom:5px}
.project header .info{font-size: 13px; color:#444; display: inline-block;}
.project header .info a{letter-spacing: 0.3px; font-size: 13px; color:#444;}
.project header .info .title{letter-spacing: 0.3px; letter-spacing: 0.5px; color:#7d7d7d; font-size: 10px;}
.project .project-content{display:none; background-color:#fff;  position:relative;}


.project .project-content .content{padding: 20px; width: 75%;}
.project .project-content p{font-size: 15px; line-height:24px; margin-bottom: 11px;}
.project .project-content img{width:100%; margin-bottom: 5px;}
.shadow-box{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);}
.project .project-content figure{margin:0; margin-bottom: 15px; }
.project .project-content figure figcaption{font-size: 10px; font-style:italic}
.project .others{width: 25%; padding: 20px;}
.project .project-content .figureCon{display:flex; flex-direction: row; align-items: stretch; justify-content:space-between; width: 100%;}
.project .project-content .figureCon figure{width:20%;}
.project .project-content figure.in{position:absolute; width: 25%; right:0; padding:0 20px;}


.project .content-list{list-style-type:circle; margin-bottom: 15px; list-style-position: inside;}
.project .content-list li{font-size: 14px; line-height: 22px;}

/*PROJECTS end*/

.yayinlar h3{
	font-family: 'Francois One', sans-serif;
	font-weight: normal;
    font-size: 32px;
	line-height: 48px;
	padding: 0 20px;
    background-color: #92278f;
	color: #fff;
    margin-bottom: 16px;
}

.yayinlar{
	display: flex;
    position:relative;
    justify-content: center;
    width: 100%;
	max-width:1140px;
    flex-direction: row;
	flex-flow: row wrap;
}

.yayinCon{
	display: flex;
    position:relative;
	flex-flow: row wrap;
	width: 100%;
	align-items: stretch;
    justify-content: flex-start;
	margin-bottom: 16px;
}

.yayinlar article{width: 16.66%; padding: 15px; }
.yayinlar article img{width:100%;}

/**/
article ul {list-style-type: circle; margin-bottom: 15px;}
article ul li{margin-bottom: 10px}
/**/

/**/
#supporters td{width: 33%}
#supporters td img{ width: calc(100% - 10px);}
/**/

/*GONULLULUK*/

.gonulluluk{
	display: flex;
    position:relative;
    justify-content: flex-start;
    width: 100%;
	max-width:1140px;
    flex-direction: row;
	flex-flow: row wrap;
}
.gonulluluk p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
}
nav.subContentMenu{
    padding-top: 32px;
    width: 16.66%;
	text-transform: uppercase;
	/*background-color: #e0e0e0;*/
	/*border-left: 2px solid #92278f;
	padding-left: 10px;*/
}
nav.subContentMenu h3{
	font-size: 18px;
	line-height: 18px;
	font-family: 'Francois One', sans-serif;
	font-weight: normal;
    margin-bottom: 18px;
	color: #444;
}
nav.subContentMenu ul{margin-bottom: 20px;}
nav.subContentMenu li{line-height: 16px; margin-bottom: 6px;}
nav.subContentMenu a{font-size: 16px; letter-spacing: 0.3px; color:#696969}
nav.subContentMenu a:hover{color: #92278f;}

nav.subContentMenu a.active{color: #92278f;}

.box-list.wide{
	display:grid;
	width: 83.33%;
	padding: 40px;
	grid-template: auto / auto auto auto auto;
	grid-gap: 20px;
	background-color: #fff;
}
.gonulluluk .box-list.wide article{
	background-color: #2196F3;
	padding: 0;
	background-size: cover;
	background-position: center;
	position:relative;
}
.gonulluluk .box-list.wide article a.title{color: #92278f; display:block; position:Absolute; z-index: 5; width: 100%; height: 100%; font-size: 32px; line-height: 36px; font-family: 'Francois One', sans-serif; padding: 20px; }
.gonulluluk .box-list.wide article h3{height: 100%; width: 100%;
	position:absolute;
	z-index:4; background-color: #fff; opacity: 0.7;
}



.gonulluluk .program{width: 66.66%; 
	display: flex;
	flex-direction: column;
}
.gonulluluk .program.wide{width: 83.33%}
.gonulluluk .program.fotograf{
	background-image: url(/images/fotograf-1.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}
.gonulluluk .program.fotograf p{display:inline; background-color:#f4f4f4; padding:2px; font-family: 'Francois One', sans-serif; margin-left: 20px;}
.gonulluluk .program.fotograf article:not(.project) h3{color:#f4f4f4; padding: 10px; background-color:#92278f; margin-left: -40px; padding-left: 40px;}
.gonulluluk .program.fotograf article:not(.project) h4{color:#444; padding: 10px; width: 50%; margin-top: 40px; margin-bottom: 40px; background-color:#f4f4f4}
.gonulluluk .program.fotograf article{background:none; width:66%}
.gonulluluk .wide article:not(.project) figure.top{width: 33.33%}
.gonulluluk .wide article:not(.project) figure.in{width: calc(33.33% - 40px)}

.gonulluluk .program figure .figureThumbs{
	display: flex;
	
}
.gonulluluk .program figure .figureThumbs img{}

.gonulluluk .program .project{
	width: 100%;
}

.gonulluluk article:not(.project) figure.top{
	display: inline-block;
    float: right;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: -40px;
    width: calc(50% + 40px);
}

.gonulluluk article:not(.project) figure.in{
	display: inline-block;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    width: calc(50%);
}


.gonulluluk article:not(.project) .text-box.in{
	background-color: #e0e0e0;
	padding: 20px 20px 0 20px; font-size: 13px;
	display: inline-block;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
	width: 25%;
	color: #92278f;
}
.gonulluluk article:not(.project) .text-box.in a{color: #92278f; font-weight: 600; font-size: 12px; line-height: 18px;}
.gonulluluk article:not(.project) .text-box.in p{color: #92278f; font-weight: 600; font-size: 12px; line-height: 18px; }
.gonulluluk article:not(.project) .text-box.out{
	background-color: #92278f;
	color: #fff;
	padding: 20px 20px 0 20px; font-size: 12px;
	display: inline-block;
    float: right;
	position:absolute;
	right: 0;
    margin-left: 20px;
    margin-bottom: 10px;
	width: 16.66%;
}
.gonulluluk article:not(.project) .text-box.out a{color: #fff; font-size: 12px; line-height: 18px;}
.gonulluluk article:not(.project) .text-box.out p{color: #fff; font-size: 12px; line-height: 18px; }


.gonulluluk article.thumb-list:not(.project) {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    padding: 40px 40px 40px 40px;
}
.thumb-list a {
    display: block;
    width: 12.5%;
    /* background-color: #efefef; */
    /*margin-bottom: 20px;*/
    font-size: 14px;
    padding-right: 5px;
}
.thumb-list a span{display:none}
.thumb-list a img {
    width: 100%;
}


.gonulluluk aside {padding-left: 40px; /*background-color: #92278f;*/}

.gonulluluk figure{margin:0; margin-bottom: 15px; }
.gonulluluk figure img{width:100%}
.gonulluluk figcaption{font-size: 10px; font-style:italic}



.gonulluluk article:not(.project){padding: 0 40px 40px 40px; background-color:#fff; }
.gonulluluk article:not(.project) p.imp{font-size: 16px; font-style: italic; line-height: 22px; font-weight: 600; color: #92278f}
.gonulluluk article:not(.project) h3.ser {
	margin-left: -40px;
    background-color: #92278f;
	color: #fff;
	padding-left: 40px;
	padding-top: 40px;
}
.gonulluluk article:not(.project) h3 {
    font-family: 'Francois One', sans-serif;
    font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	color: #92278f;
    margin-bottom: 16px;
	padding-top: 20px;
}

/*gonullu öyküleri için*/
.gonulluluk .oyku{width: 66.66%; }

#gonulluler{ }

#gonulluler ul {
   
}
#gonulluler ul li {
	width: 100%;
    /*width: 75px;
    height: 92px;
    margin-left: 22px;
    margin-bottom: 22px;*/
	font-size: 15px;
    line-height: 21px;
	background: none !important;
}
#gonulluler ul li a {
	font-family: 'Francois One', sans-serif;
    display: block;
    color: #909090;
    font-size: 14px;
    line-height: 16px;
    /*height: 92px;
    padding-top: 20px;
    padding-left: 7px;
    padding-right: 8px;*/
}
#gonulluler ul li a:hover {
    color: #92278f;
}
#gonulluler ul li a.active{
    color: #92278f;
}
/*gonullu öyküleri için END*/

/*GONULLULUK end*/


/**/

.duyurular{
	display: flex;
    position:relative;
    justify-content: flex-start;
    width: 100%;
	max-width:1140px;
    
	flex-flow: row wrap;
}
.duyurular .box-list.wide{
	    display: grid;
    grid-template-columns: 25% 25% 25% 25%;

	grid-gap:0;
    width: 83.33%;
    padding: 30px;
    /*display: flex;
	flex-flow: row wrap;*/
    background-color: #fff;
}

.duyurular .box-list.wide article{
	/*width: 31%;*/
	padding: 10px;
	background-size: cover;
	background-position: center;
	position:relative;
	min-height: 210px;
}
.duyurular .box-list.wide article a.title{display:block; position:inherit; z-index: 5; width: 100%; height: 100%;}
.duyurular .box-list.wide article a.title span{color: #92278f; display:inline-block; font-size: 18px; line-height: 23px; font-family: 'Francois One', sans-serif; background-color:#fff;}
.duyurular .box-list.wide article h3{height: auto; width: auto; font-size: 13px; line-height: 23px;
	position:inherit;
}
.duyurular .box-list.wide article img{width: 100%}
/**/

/* FOOTER */
footer#footer{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    overflow: hidden;
    background-color: #2273AB;
    height: 80px;
}

footer#footer #footerContainer {
    position: relative;
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
	margin-top: -22px;
	max-width:1140px;
    flex-direction: row;
}

footer#footer div {
    float: left;
}
#gemiBalik {
    width: 180px;
    position: absolute;
    top: -70px;
    right: 0;
}
#foot {
    width: 100%;
}
#ln {
    margin-top: 40px;
}
#foot a, #foot span, #foot p {
    font-family: 'Francois One', sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    text-align: right;
    color: #fff;
	margin-bottom:0;
    margin-top: 40px;
}
#dalga {
    width: 100%;
    margin-top: -35px;
    position: absolute;
}

.acik{width: 150px; margin-right: 75px; margin-top: 15px; }
.copyright{font-family: 'Francois One', sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    text-align: right;
    color: #fff;

}
/* FOOTER end*/


/**/
.gonullu-linkler .year-label{font-weight:bold; font-size: 16px}
.gonullu-linkler a{font-weight:bold; line-height: 22px;}
.gonullu-linkler a:hover{text-decoration:underline}
.gonullu-linkler a:nth-child(4n-1){color: #ed1c24}
.gonullu-linkler a:nth-child(4n-2){color: #92278f}
.gonullu-linkler a:nth-child(4n-3){color: #4f7a00}
.gonullu-linkler a:nth-child(4n){color: #0076f9}

.uye-listesi span{font-weight:bold; line-height: 22px;}
.uye-listesi span:nth-child(4n-1){color: #ed1c24}
.uye-listesi span:nth-child(4n-2){color: #92278f}
.uye-listesi span:nth-child(4n-3){color: #4f7a00}
.uye-listesi span:nth-child(4n){color: #0076f9}
/**/


/*DESTEK KUTU*/

.destek-kutu{float:left; background-position:top center; width:220px; height:290px; padding:20px; background-repeat:no-repeat; background-color:#ddd; margin-bottom:20px; margin-right:20px;}
.destek-kutu h4{font-size:21px; line-height:28px; margin-bottom:20px; color:#fff; font-style:italic}
.destek-kutu p{font-size:15px; line-height:22px; color:#000; font-style:italic; margin-bottom:0; padding-top:20px; display:block;}
.destek-kutu a{font-size:13px; line-height:22px; color:#B20815; text-decoration:underline;}
.destek-kutu a:hover{color:#000}

.destek-kutu.gonullu{background-image:url('http://www.tarlabasi.org/images/ana-sayfa-gonullu-th.jpg'); background-color:#ff8715; margin-right:20px}
.destek-kutu.gonullu p{color:#fff}
.destek-kutu.gonullu a{color:#000}

.destek-kutu.cga-rehber{background-image:url('http://www.tarlabasi.org/images/cga-rehber-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.cga-rehber p{color:#fff}
.destek-kutu.cga-rehber a{color:#000}

.destek-kutu.kent{background-image:url('http://www.tarlabasi.org/images/cocuklarin-kenti-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.kent p{color:#fff}
.destek-kutu.kent a{color:#000}

.destek-kutu.rapor-2019{background-image:url('http://www.tarlabasi.org/images/rapor-2019-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.rapor-2019 p{color:#fff}
.destek-kutu.rapor-2019 a{color:#000}

.destek-kutu.rapor-2020{background-image:url('http://www.tarlabasi.org/images/rapor-2020-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.rapor-2020 p{color:#fff}
.destek-kutu.rapor-2020 a{color:#000}

.destek-kutu.rapor-giz{background-image:url('http://www.tarlabasi.org/images/ttm-giz-proje-rapor-2020-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.rapor-giz p{color:#fff}
.destek-kutu.rapor-giz a{color:#000}

.destek-kutu.yuzkadin{background-image:url('http://www.tarlabasi.org/images/yuz-kadin-ana-sayfa-th.jpg'); background-color:#90268f; margin-right:20px}
.destek-kutu.yuzkadin p{color:#fff}
.destek-kutu.yuzkadin a{color:#000}



/**/


/**/



@media only screen and (max-width: 768px) {
	
	.acik{margin:0; width: auto;}
	#foot .copyright{    float: none;
        color: #000;
    width: 100%;
    text-align: center;
    padding-left: 20px;}
	#gemiBalik{display:none}
	#foot #ln{margin-top: 30px}
    footer#footer div {
        float: none;
    }
    #foot {
        width: 100%;
        text-align: center;
    }

	/*destek kutu*/
	.destek-kutu{margin-right:20px; margin-top:20px}
	.destek-kutu{margin-right:0; margin-bottom:0; width:100%; padding:0; position:relative; height:250px}
	.destek-kutu p, .destek-kutu p + a, .destek-kutu h4{width:100%; text-align:center; padding-top:10px; padding-bottom:10px;}
	.destek-kutu p{position:absolute;bottom:30px; font-size:13px; line-height:18px}
	.destek-kutu a:nth-child(3){position:absolute; bottom:10px; font-size:12px; line-height:18px; width:100%; text-align:center; padding-top:10px; padding-bottom:10px;}
	.destek-kutu h4{font-size:18px; line-height:24px}

	/**/
	#menuToggle {display:block}
	.main-menu {display:none}
	.logo-center .anons{}
	.logo-center h1{width: 50%; bottom:-25px}
	.logo-center.col-4{width: 100%; padding: 10px 0}
	.vol-link, .support-link{display:none}
	.subContentMenu{display:none}
	.gonulluluk .program{width: 100%}
	.section-title{font-size: 28px; text-align:center}
	section{padding: 0}
	#supporters td {
		width: 50%;
	}
	.gonulluluk article:not(.project) figure.in {
		display: inline-block;
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
		width:100%;
	}
	.gonulluluk article:not(.project) figure.top {
		display: inline-block;
		float: left;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 10px;
		margin-right:0;
		width: calc(100%);
	}
	.gonulluluk article:not(.project) .text-box.in {
		padding: 20px 20px 0 20px;
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	.project .project-content{display: flex;}
	.gonulluluk .oyku{width: 100%}

	.gonulluluk .program.wide{width: 100%}

	.project, .project.opened{width: 100%}
	.yayinlar article{width: 50%}

	.program.atolyeler{}

	.gonulluluk .wide.atolyeler article:not(.project) figure.top {width: 100%;}
	.gonulluluk .program.fotograf article {width: 100%;}
	.gonulluluk .program.fotograf article:not(.project) h4{width: 100%; padding:0;}
	.box-list.wide.atolyeler{width: 100%; display:block}
	.gonulluluk .box-list.wide.atolyeler article{width: 100%; height: 100px; margin-bottom:20px}

	.gonulluluk .istatistik article:not(.project){padding:0}

	#slideshow-inner{width:100% !important}

	

	.duyurular .wide article:not(.project) figure.top {width: 100%;}
	.duyurular .box-list.wide article{width: 100%; margin-bottom:20px}
	.duyurular .box-list.wide{width: 100%; grid-template-columns: 50% 50%;}

	header .header:not(.sec){
		position: fixed;
		z-index: 150;
		top: 0;
		width: 100%;
	}
	header .header.sec{margin-top:41px}

	footer{width: 100%;}

	hr{margin:0; border:none}

	#menu li {
		padding: 0;
	}
	#menu{
		    width: calc(100vw + 80px);
			margin: -100px 0 0 -80px;
			padding-top: 100px;
			padding-left: 75px;
			overflow-y: scroll;
			scroll-behavior: smooth;
			height: calc(100vh + 100px);
	}
	.item-submenu {
		margin-bottom: 0px;
	}
    #menu a{padding: 10px 0;}
	.sub-menu li{padding:0}

	.lan-menu.col-1{width:auto}
	.social-menu.col-1{width:auto}
	.kutular{width: 100%}

}