body{margin: 0; padding: 0; font-family: 'Roboto'; color: #353a42; font-size: 20px;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body.body-mobile-menu{overflow: hidden;}
body.page-projeler,
body.page-etkinlikler{background: url("../img/projeler/page-bg.jpg") #f7f7f7 no-repeat right -10px top; }

#home{height: 100vh; width:100%; opacity: 0;transition: opacity .5s linear; min-height: 650px; max-height: 1080px;}
#home.loaded{opacity: 1}

#home-slider{width:100%; height: 100%;}
.home-slide-item{height: 100%; width:100%; position: relative; display: block;}
.bg-image{ height:100%;position: absolute; object-fit:cover; left: 50%; transform: translateX(-50%); top:0; width: 100%; }
h1,h2,h3,h4,h5,h6,p{margin-top: 0}

.container{width:1190px; margin: auto; box-sizing: border-box;}
.container.p20{padding: 0 20px}

.box{background-color: #FFF; box-shadow: 5px 6px 38px 0px rgba(0, 0, 0, 0.11);}

.bx-wrapper{width:100%;  margin: 0; padding: 0; border:none; box-shadow: none; height: 100% !important;}
.bx-viewport{width:100%; margin: 0; padding: 0; height: 100% !important;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 40px; text-align: center; padding-right: 0; box-sizing: border-box}
.bx-wrapper .bx-pager.bx-default-pager a{background-color: #FFF;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color: #db227c;}

.flickity-page-dots{bottom: 20px !important;}
.flickity-page-dots .dot{background-color: #FFF !important; opacity: 1 !important;}
.flickity-page-dots .dot.is-selected{background-color: #db227c !important}

.home-slide-item{position: relative; display: flex; align-items: center;}
.spot-mask{background: url("../img/home/spot-bg.png") repeat-y left top; background-size: 100%; width:100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0;}

.spot-content{position: absolute; width:calc(100% - 50px); left: 50px; z-index: 4; display: flex; align-items: stretch;  color: #FFF; font-size: 20px;}
.spot-logo{border-right:2px solid #db227c; padding-right:20px; margin-right: 30px; display: flex; align-items: center; }
.spot-logo img{width:100%; max-width: 250px;}

.spot-desc{max-width: 700px;}
.spot-desc h2{font-size: 250%;}

.spot-desc a{color: #FFF; text-decoration: none;}


#home-slider-item-cabacam-egitim-ve-destek-birimi .spot-desc{max-width: 500px;}
#home-slider-item-cabacam .spot-desc{max-width: 500px;}



#middle-band{background: url("../img/home/middle-band.jpg") repeat-y center top; padding: 6vw 0; padding-bottom: calc(6vw + 35px) }
#middle-band-content{background: url("../img/home/middle-band-content.jpg") no-repeat center right; background-size: cover; width:83%; margin-left: 17%; height: 500px; position: relative;}
#middle-text{position: absolute; color: #FFF; top: 0; max-height: 660px; width: 100%; display: flex; align-items: center; height: 100%;  width:100%; max-width: 720px; padding-left: 160px; box-sizing: border-box; font-size: 16px; }
#middle-text h1{font-size: 250%; font-weight: 600;}

#middle-band-caba-logo{position: absolute; left: -135px; top: 65px; width:205px;box-shadow: 11px 15px 84px 0px rgba(0, 0, 0, 0.19); background-color: #FFF; padding: 20px; box-sizing: border-box; }
#middle-band-caba-logo img{width:100%; display: block;}

.more-link{position: absolute; bottom: 0; background-color: #FFF; display: flex; border-radius: 40em; height: 70px; width:332px; color: #d61870; font-weight: bold; text-decoration: none; align-items: center; letter-spacing: 1px; transform: translateY(50%);box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.24); justify-content: center; font-size: 17px; letter-spacing: 0.14em }


#instagram-footer{background-color: #353a42; }

#instagram-footer #slider{margin-left: 17%; width:83%; box-sizing: border-box; position: relative;  transform: translateY(-1.82vw); display: flex}
#instagram-footer #slider a{margin-right: 20px;box-shadow: 14px 7px 16px 0px rgba(0, 0, 0, 0.29); display: block; width:calc(16.67% - 20px);  }

.post-image-wrapper{display: flex; height: 100%; align-items: center}

#instagram-footer #slider a img{display: block; width: 100%; object-fit: cover; height: 100%; }
#instagram-footer #slider a:first-child{position: absolute; transform: translateX(-100%); left: -20px; height: 100%; display: flex; justify-content: flex-end; box-sizing: border-box; padding: 10px; color: #FFF; text-decoration: none; font-size:16px; box-shadow: none; flex-direction: column; align-items: flex-start; line-height: 1.2; background-color: transparent;}
#instagram-footer #slider a:first-child img{width: auto; height: auto; display: block; margin-bottom: 5px;}


#header{background: url("../img/header/menu-bg.png") repeat-x left; background-size: auto 100%; position: absolute; left: 0; top: 0; width:100%; height: 235px; z-index: 3; transition: all .2s }
#header.white-page{background:none;  }



.social-media{width:32px; height: 35px; background-position: center center; background-repeat: no-repeat; display: block}

.social-media.instagram{background-image: url("../img/header/instagram.png")}
#header.white-page .social-media.instagram{background-image: url("../img/header/instagram-black.png")}
#header.menu-opened.white-page .social-media.instagram{background-image: url("../img/header/instagram.png")}
#header.mobile-menu-opened.white-page .social-media.instagram{background-image: url("../img/header/instagram.png")}

.social-media.facebook{background-image: url("../img/header/facebook.png")}
#header.white-page .social-media.facebook{background-image: url("../img/header/facebook-black.png")}
#header.menu-opened.white-page .social-media.facebook{background-image: url("../img/header/facebook.png")}
#header.mobile-menu-opened.white-page .social-media.facebook{background-image: url("../img/header/facebook.png")}


.social-media.youtube{background-image: url("../img/header/youtube.png")}
#header.white-page .social-media.youtube{background-image: url("../img/header/youtube-black.png")}
#header.menu-opened.white-page .social-media.youtube{background-image: url("../img/header/youtube.png")}
#header.mobile-menu-opened.white-page .social-media.youtube{background-image: url("../img/header/youtube.png")}

.social-media.twitter{background-image: url("../img/header/twitter.png")}
#header.white-page .social-media.twitter{background-image: url("../img/header/twitter-black.png")}
#header.menu-opened.white-page .social-media.twitter{background-image: url("../img/header/twitter.png")}
#header.mobile-menu-opened.white-page .social-media.twitter{background-image: url("../img/header/twitter.png")}
/* .bx-pager-link.active{display: none !important;} */

.social-media.acikacik{background-image: url("../img/header/btn_acikcik.png")}
#header.white-page .social-media.acikacik{background-image: url("../img/header/btn_acikcik.png")}
#header.menu-opened.white-page .social-media.acikacik{background-image: url("../img/header/btn_acikcik.png")}
#header.mobile-menu-opened.white-page .social-media.acikacik{background-image: url("../img/header/btn_acikcik.png")}

.acikacik{height: 100px !important; }



.social-media.bagis{background-image: url("../img/header/btn_bagisyap.png"); background-size: 100px; background-position: center 0;}
/* #header.white-page .social-media.bagis{background-image: url("../img/header/btn_bagisyap_v3-black.png")} */
#header.menu-opened.white-page .social-media.bagis{background-image: url("../img/header/btn_bagisyap_v3.png")}
#header.mobile-menu-opened.white-page .social-media.bagis{background-image: url("../img/header/btn_bagisyap_v3.png")}

.bagis{height: 100px !important;}
#caba-logo{position: absolute; left: 70px; top: 19px; width: 171px;}	
#caba-logo img{display: block; width: 100%; filter: brightness(100);}	
#header.white-page #caba-logo img{filter: brightness(1);}	

/* #caba-logo img.logo-black{display: none;}	

#header.white-page #caba-logo img{display: none;}	
#header.white-page #caba-logo img.logo-black{display: block;}	

#header.white-page.mobile-menu-opened #caba-logo img{display: block;}	
#header.white-page.mobile-menu-opened #caba-logo img.logo-black{display: none;}	

#header.white-page.menu-opened #caba-logo img{display: block;}	
#header.white-page.menu-opened #caba-logo img.logo-black{display: none;}	
 */


#footer{background-color: #353a42; padding: 30px 125px; font-size: 14px;}

#footer-left{width:380px; }
#footer-left a:not(.phone-link){display:block; padding:20px; line-height: 20px; font-size: 20px; font-weight: bold; background-color: #d61870; color: #FFF; text-decoration: none; text-align: center;margin-bottom: 20px;}
.phone-link{color:#FFF; text-decoration: none;}

#footer-left p{padding: 0 20px; color: #FFF; font-size: 16px; margin-bottom: 20px;}
#footer-left p.footer-tel{font-size:170%;}


#footer-right{float:right; text-align: right; color: rgba(255,255,255,.2); display: flex; align-items: flex-end; flex-direction: column; }
#footer-right img{margin-bottom:65px; display:block; filter: brightness(100); }

.content-page{padding-top: 235px; z-index: 2; position: relative; padding-bottom: 100px;}

.content-nav-bar{background-color: #d9d9d9; height: 40px;}
.content-nav-bar.top-nav-bar{background: transparent;}

.content-nav-bar .container{padding: 6px 20px; box-sizing: border-box; height: 100%;  }
.content-nav-bar .navigation{height: 100%;}
.content-nav-bar .navigation ul{height: 100%; margin: 0; padding: 0; display: flex;}
.content-nav-bar .navigation ul li{margin: 0; padding: 0; list-style: none;border-right:2px solid rgba(151,153,157,.2);  padding-right: 15px; margin-right: 15px; }

.navigation a{height: 100%; display:inline-flex; align-items: center;  color: #97999d; font-size:15px; text-decoration: none;line-height: 100%;}
.navigation a.active{opacity: .5}
.navigation ul li:last-child{border: none;}


.page-header{border-bottom:1px solid #cecece; margin-bottom: 50px; }

.page-header h1{font-size:112px; font-weight:600; letter-spacing: -2px; color: #353a42; line-height: 100%; margin-bottom: 20px; position: relative; display: inline-block}

.page-header h1 div{position: absolute; left: -10px; bottom: -10px; width:100%; height: 100%; z-index: -1; background: url("../img/pattern_01.png");  -webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text; -webkit-background-clip:text;}

.shadow-header div{position: absolute; left: -10px; bottom: 0; width:100%; height: 100%; z-index: -1; background: url("../img/pattern_01.png");  -webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text; -webkit-background-clip:text;}
.shadow-header{font-size: 60px; position: relative; display: inline-block; line-height: 70%;  font-weight: 600; letter-spacing: -0.03em}
.shadow-header small{display: block; font-size: 44.28%; letter-spacing: -0.01em}

.page-header p.spot{color: #353a42; font-size: 22px; max-width: 880px;}
#page-content{padding: 40px 0; line-height: 1.65}
#page-content .container.p0{padding: 0}

.projeler-spot-wrapper{margin-bottom: 1em}



#proje-content{display: flex; flex-direction: row; align-self: flex-start; line-height: 150%; margin-bottom: 45px;}
#proje-left{width:345px;}
#proje-right{width:calc(100% - 345px); box-sizing: border-box; padding: 0 20px; border-left: 2px solid #db227c; }

#proje-header-wrapper{position: relative;}

#proje-header-wrapper h1{font-size: 65px; font-weight: 600; position: absolute; bottom: 0; left: 0; line-height: normal}
#proje-content.layout-2 #proje-right{width: 100%; border-left: 0 none; padding-left: 0}
#proje-content.layout-2 #proje-header-wrapper h1{position: relative; padding-bottom: 0;}

#header-band-mask{position: absolute; bottom:8px; width:100%; height: calc(100% - 8px); background: url("../img/hakkimizda/header-mask.png") repeat-x bottom center; z-index: 2}

#hakkimizda-header-wrapper{position: absolute; bottom:30px; width:100%; color: #FFF; font-size: 65px; z-index: 3; left: 30px;}
#hakkimizda-header-wrapper h1{font-size: 65px; color: #FFF; margin-bottom: 0;}
#hakkimizda-header-wrapper .navigation{margin-bottom: 0}

#proje-hero-image{margin-bottom: 140px;}
#proje-hero-image.half-hero{padding-left:calc(100% - 950px); width: 100%; box-sizing: border-box; margin-bottom: 0; position: relative}
#proje-hero-image.m0{margin-bottom: 0;}
#proje-hero-image img{display: block; width:100%; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.4); 
}
#proje-header-detail{margin-bottom: 40px;}
#proje-header-detail small{font-size: 80%; font-weight: bold; color: rgba(53,58,66,.4); display: block; line-height: 100%;}
#proje-header-detail a{color: #db227c; text-decoration: none; font-weight: 700;}

#proje-sponsor{text-align: center; margin:30px 0; }
#proje-sponsor img{display: inline-block}

#proje-social-media{padding-left: 33px;}
#proje-social-media a{display: flex; background-color: #db227c; color: #FFF; margin-bottom: 12px; text-decoration: none; height: 75px; align-items: center; font-size:18px; font-weight: 700; }

.social-media-icon{height: 54px; width:85px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #FFF; margin-right: 20px;}

#cover-logo-wrapper{position: relative;}
#cover-logo-wrapper img{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; box-shadow: 11px 15px 84px 0px rgba(0, 0, 0, 0.19); }

#proje-footer{width:calc(1200px + ((100% - 1200px) /2)); margin-left: calc(((100% - 1200px) /2)); overflow-x: hidden; text-align: right }
#proje-footer img{ display: inline-block}

#proje-cover-logo{position: absolute; left: 0; top:50%;}



#hakkimizda-content{width:calc(100% - 301px); box-sizing: border-box; padding-right:40px; line-height: 150%; }
#hakkimizda-content h3{font-size: 30px; color: #86898e; line-height: 1.1}
#hakkimizda-eski-baskanlar{font-size: 25px; margin-bottom: 1em;}
#hakkimizda-eski-baskanlar div{padding:10px 0; }
#hakkimizda-eski-baskanlar div strong{color:#d61870; font-weight: bold; display: inline-block; margin-right: 25px;}

#hakkimizda-wrapper{display: flex; flex-direction: row; align-items: flex-start;  margin-bottom:35px;   }
#hakkimizda-yonetim-kurulu{padding-left:15px;border-left: 1px solid #ececec;  }
#hakkimizda-yonetim-kurulu h2{font-size: 30px; color: #d61870; }
#yonetim-kurulu-link{display: none;}

.yonetim-kurulu-item{display: flex; flex-direction: row; align-items: center;margin-bottom: 20px;}
.hakkimizda-alternative-link{display: flex; flex-direction: row; align-items: center;margin-bottom: 20px;}
a.hakkimizda-alternative-link{color: #353a42; font-size: 45px; text-decoration: none;}
a.hakkimizda-alternative-link .yonetim-kurulu-name{font-size: 45px; line-height: normal; font-weight: 600;}
a.hakkimizda-alternative-link small{color: #d61870; text-decoration: none;}
.yonetim-kurulu-name{height: 100%; display: flex; flex-direction: column; align-content: center;align-items: flex-start; padding-left: 15px; font-size: 25px; line-height: 120%;}
.yonetim-kurulu-name small{font-size: 20px; font-weight: 700; color: #d61870; }

#yonetim-kurulu-uyeler{padding-left: 15px; line-height: 140%;}
#yonetim-kurulu-uyeler p{padding-left: 10px;}
#yonetim-kurulu-uyeler p strong{margin-left: -10px; color: #d61870;}

.f65{font-size: 65px !important;}

.etkinlik-seperator{color: #db227c; margin: 0; padding-left: 60px; border-bottom: 1px solid #cecece; padding-bottom: 10px;}

#content-body h3{font-size: 35px; margin-top:50px; padding-left: 60px; color: rgba(53,58,66,.2); margin-bottom: 20px; }




.main-item{position: relative; margin-bottom: 95px;}


.main-item img{width:100%; display: block;}
.main-item.half-image img{max-width: 900px;}
.main-item.text-left.half-image img{margin-left: calc(100% - 900px);}

.description{right: 30px; width:100%; max-width: 500px; position: absolute; top:45px; display: flex;  height: 91.42%; box-sizing: border-box; align-items: center; }

.main-item.text-left.half-image .description{right: auto; left: 30px;}

.description img{width: auto !important; margin-left: 0 !important}
.description a{position: absolute; right:25px; bottom: 0; background-color: #d71e74; height: 60px; display: block; color: #FFF; text-decoration: none; width:150px; display: flex; align-items: center; justify-content: center; transform: translateY(50%); font-weight: 600;}


.main-item-image{padding: 0 25px;}
.main-item-image img{max-width: 176px !important;}
.main-item-desc{padding: 0 25px; border-left: 1px solid #e6e6e6; font-size: 17px; line-height: 1.47; }
.main-item-desc h2{font-size: 235%; line-height: 100%; letter-spacing:-0.03em}

.main-item.full-image .description{width:83.33%; right: 0; left: 8.34%; max-width:none; height: auto; top: auto; bottom: 0; transform: translateY(50%); padding:  20px 0;}

.main-item-desc.cabacam h2{color:#16aaa3;}
.main-item-desc.cabacam a{background-color:#16aaa3 !important;}

.main-item-desc.cocuk-ve-genclik-merkezi h2{color:#b2842c;}
.main-item-desc.cocuk-ve-genclik-merkezi a{background-color:#b2842c !important;}

.main-item-desc.yardimlar h2{color:#e10629;}
.main-item-desc.yardimlar a{background-color:#e10629 !important;}

.projeler-item.cabacam-kozalak .main-item-desc{padding-right: 90px;}

.main-item.full-image{margin-bottom: 165px;}
.main-item.full-image .description a{right: 0; bottom:auto; transform: translateX(50%) translateY(-50%); top: 50%;}
.main-item.full-image .main-item-desc{padding-right: 90px;}



.quote{position: relative;  width:100%; display: flex; align-items: center; padding: 80px 100px; box-sizing: border-box; margin-bottom: 30px; color: #353a42; }
.quote .quote-rect{position: absolute; z-index: -2; width:13px; height: 80%; top:10%; left: 50px; background: rgba(0,0,0,.1) }
.quote .quote-mask{position: absolute; z-index: -1; width:100%; height: 100%; left:0; top:0; background: url("../img/quote-mask.png");}

.quote .quote-content{letter-spacing:-0.04em; width:100%;font-size: 30px; font-style: italic; position: relative}
.quote .quote-content::after{content: ''; position: absolute; top: -50px; left: 0; width:47px; height: 37px; background: url("../img/quote-top-left.png") no-repeat left top; background-size: contain;}
.quote .quote-content::before{content: ''; position: absolute; bottom: -50px; right: 0; width:48px; height: 37px; background: url("../img/quote-bottom-right.png") no-repeat left top; background-size: contain;}


.quote .quote-author{text-align: right; font-size:66.67%; color: rgba(53,58,66,.45); font-style: normal; font-weight: 600;}

.projeler-spot-wrapper{display: flex;}
.projeler-spot-text{width:100%; padding-right: 20px; box-sizing: border-box;}
.projeler-supporter{width:50%; min-width: 560px; line-height: normal; }

.projeler-spot-wrapper.small .projeler-supporter{min-width: 414px;}

.projeler-spot-wrapper.text-right .projeler-spot-text{order:2; padding-right: 0; padding-left: 20px;}
.projeler-spot-wrapper.text-right .projeler-supporter{order:1}

.projeler-supporter-logo{position: relative; min-height: 128px; display: flex; align-items: center; justify-content: center ; position: relative; z-index: 2; transform: translateY(-25px);box-sizing: border-box; padding: 20px;}
.projeler-supporter-logo-wrapper h2{width:100%; display: flex; flex-direction: row; justify-content: space-between; padding: 0 15px; box-sizing: border-box; margin: 0; color: #efefef; font-size: 52px; font-weight: 900; position: relative; z-index: 1;}

.projeler-supporter-logo img{max-width: 70%;}

.projeler-supporter.yca h2{font-size: 40px;}
.projeler-supporter.yca .projeler-supporter-logo{transform: translateY(-15px)}

.projeler-supporter.cabacam-kozalak h2{font-size: 40px;}
.projeler-supporter.cabacam-kozalak .projeler-supporter-logo{transform: translateY(-15px)}

.projeler-supporter.cabacam-kozalak .projeler-supporter-logo img{transform: translateY(42px)}
.projeler-supporter.cabacam-kozalak .projeler-supporter-logo{padding: 0}
.projeler-supporter.bob .projeler-supporter-logo{padding: 0}


.projeler-supporter.bob .projeler-supporter-logo img{transform: translateY(42px)}

.projeler-supporter.cabacam-kozalak .projeler-supporter-logo{transform: translateY(-15px)}
.projeler-supporter.bob,.projeler-supporter.cabacam-kozalak{margin-bottom: 3em}

.projeler-spot-wrapper.small h2{font-size: 30px !important;}
.projeler-spot-wrapper.small .projeler-supporter-logo {transform: translateY(-11px) !important}


#yca-video-band{background: url("../img/projeler/yca/video-band.png") repeat-x center center; height: 475px; margin-bottom:108px; }
#yca-video-band .container{padding-left: 0; box-sizing: border-box;}

#video-wrapper{background: url("../img/projeler/yca/video_background.png?p=1") no-repeat center center;  display: flex; align-items: center; height: 475px;}
#video-container{max-width:850px; width:100%; height: 478px; margin: auto; position: relative;  margin-top: 50px; }
#video-container iframe,#video-container img{position: absolute; left:0; top: 0; width:100%; height: 100%;}

.yca-footer-content{display: flex; margin-bottom: 45px; background: url("../img/projeler/yca/content-bg.png") no-repeat -39px -113px; padding-top: 65px;}
.yca-footer-item{margin-right: 15px;}
.yca-footer-item.flex{ display: flex;}
.yca-footer-item:last-child{margin-right: 0;}
.yca-footer-text{width:315px; margin-right: 45px; padding-top: 30px;}

#yca-website-link{display: block; background: url("../img/projeler/yca/link-bar.png") no-repeat center center; width:100%; height:88px; }

.yardimlar-wrapper{display: flex; align-items: flex-start; margin-bottom: 1em;}
.yardimlar-left-items,.yardimlar-right-items{width:50%; padding: 0 25px; box-sizing: border-box;}
.yardimlar-left-items{transform: translateY(-50px)}
.yardimlar-item{margin-bottom:15px; }
.yardimlar-item strong{color: #e10629;}
.yardimlar-item .img{overflow: hidden}
.yardimlar-item img{display: block; width:100%; transition: all .4s ease-out}
.yardimlar-item:hover img{display: block; transform: scale(1.1)}
.yardimlar-item .spot{width:100%; padding: 45px; box-sizing: border-box; margin-bottom: 10px; position: relative;}
.yardimlar-item .spot::after{content: ''; position: absolute; background: url("../img/icon/plus.png") no-repeat center center; width:45px; height: 45px; background-size: contain; left: -18px; top:34px;}


.en-cok-senin-yemeklerini-ozledim-spot{display: flex; flex-direction: row; align-items: center;}

@media (max-width:1023px) {
    .social-media.bagis{background-position: 0px -100px !important}
}