body{margin: 0; padding: 0; font-family: 'Poppins', sans-serif; color: #000000; font-size: 1em}

body.menu-opened{overflow: hidden}
h1,h2,h3,h4,h5,h6,p{margin-top: 0;}

a{text-decoration: none; outline: none}
#header{height: 90px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: flex-end}
#header #phone{font-size: 1.25em; font-weight: 600; margin-right: 30px}
#header #lang{font-size: 1em; font-weight: 600;  border-left: 1px solid #ededed; height: 100%; display: inline-flex; align-items: center; }
#header #lang a{display:block; height: 100%; width:60px; display: flex; align-items: center; justify-content: center; color: #2d2b22; }

#header #phone a{color: #2d2b22}

#mobile-logo{display: none}

#menu-trigger{height: 100%; padding: 0 30px; display: flex; align-items: center; box-sizing: border-box; border-left: 1px solid #ededed; background: url(../img/header/menu-trigger.png) no-repeat center center #FFF; width:90px; position: relative; cursor: pointer}
#menu-trigger-close{background: url(../img/header/menu-trigger-close.png) no-repeat center center #FFF; width:90px; height: 90px; position: absolute; right: 0; top: 0;  opacity: 0; cursor: pointer; background-size: 25% 25%;}



.content{display: flex; flex-direction: row;}
.content .left-bar{width: 440px;}
.content .left-bar.pr{position: relative}
.content .left-bar.uzmanlik-alanlarimiz{background-color: #eeeeee}
.content .left-bar.h300{height: 18vw}
.content .right-bar{width: calc(100% - 440px);}

#home-content{ position: relative;  }

#home-outer{}

#home-image-wrapper{width:100%; height: 100%; position: relative;}
#home-image-wrapper img{  width: 100%; display: block; }

#hero-text {position: absolute; left: 0; transform: translateX(-50%) translateY(-50%); top:50%; background-color: rgba(41,94,164,.8); color: #FFF; max-width: 700px; display: flex; align-items: center; padding:20px 30px; box-sizing: border-box;}
#hero-text h1 {margin: 0; padding: 0; color: #FFF; font-size: 2.68vw; font-weight: 500; line-height: 120%;}



#menu{position: fixed; width: 0; height: 100%;  background: rgba(0,0,0,.5); z-index: 80; top: 0; right: 0; transition: all .4s cubic-bezier(.82,.22,.99,.86); overflow: hidden; }
#menu.opened{ width:100%; height: 100%; }
#menu.opened #menu-trigger-close{display: block; opacity: 1;}

#menu-wrapper{width:50%; position: absolute; right: 0;top: 0; height: 100%; background-color: #FFF; box-sizing: border-box; padding-top: 100px;}

#menu-content-wrapper{width:100%; height: 100%; box-sizing: border-box; overflow: auto}

#menu-content-wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#menu-content-wrapper::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

#menu-content-wrapper::-webkit-scrollbar-thumb {
	background-color: #4f4f4f;
}


#menu ul{margin: 0; padding: 0; margin-left: 80px;}
#menu ul li{margin: 35px 0; padding: 0; list-style: none; font-size: 26px; font-weight: 300; line-height: 100%; }
#menu ul li a, #menu ul li span{padding:3px 12px; color: #737374; }
#menu ul li a:hover{background:url(../img/header/menu-hover.png) repeat-x left bottom}

#menu-address{  width:100%; padding-left: 90px; font-size: 15px; color: #4f4f4f; box-sizing: border-box;}
#menu-address h2{border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 20px; color: #80cc2c; font-weight: 600; font-size: 26px;}
#menu-address-wrapper{display: flex; flex-direction: row; width:100%;}
.address-cell{margin-right: 70px; width:180px;}
.address-cell:last-child{margin-right: 0}
.address-cell strong{font-size: 16px;}
.address-cell a{text-decoration: underline; color: #4f4f4f}

#tarlan-baksi-logo{width:85%; margin: auto; max-width: 373px; display: block}
#tarlan-baksi-logo img{width: 100%; }

#home-quick-links{margin-top: -10px; z-index: 2; position: relative; margin-bottom: 20px;}
#home-quick-links ul{margin: 0; padding: 0; display: flex; flex-direction: row}
#home-quick-links ul li{margin: 0; padding: 0; list-style: none; margin-right: 10px; padding:25px 65px 0 30px; box-sizing: border-box; max-width: 280px; color: #FFF; font-size: 30px; font-weight: 600; background-repeat: no-repeat; background-position: left top; background-size: cover; position: relative; line-height: 100%;}
#home-quick-links ul li a{position: absolute; bottom: 0; right: 0; background:url(../img/home/more-link-bg.png) repeat-x; color: #FFF; font-size: 14px; padding: 22px; line-height: 0; padding-right: 50px;}
#home-quick-links ul li a::after{content: ''; position: absolute; width:11px; height: 9px; background: url(../img/home/more-link-arrow.png) no-repeat; right: 30px; top: 50%; transform: translateY(-50%)}
#home-quick-links ul li:nth-child(1){background-image: url(../img/home/uzmanlik-alanlarimiz.jpg); height: 186px; margin-top: -60px;}
#home-quick-links ul li:nth-child(2){background-image: url(../img/home/degerlerimiz.jpg); height: 177px;}
#home-quick-links ul li:nth-child(3){background-image: url(../img/home/ekibimiz.png); height: 245px; margin-top: -80px;}
#home-quick-links ul li:nth-child(4){background-image: url(../img/home/blog.png); height: 186px; margin-top: -33px; margin-right: 0}


#footer{background-color: #2d2b22; position: relative; height: 110px; padding-bottom: 20px; box-sizing: border-box; color: rgba(255,255,255,.4); font-size: 15px;}
#footer-content{display: flex; flex-direction: row; margin: 0 20px; align-content: space-around; justify-content: center; height: 100%; align-items: center; margin-bottom: 60px; position: relative}
#footer-content a{color: rgba(255,255,255,.4); text-decoration: underline}
.footer-item{margin:0 12.5px;}
.footer-item strong{color: #7ccd2a; font-size: 16px; font-weight: 600;}

.footer-mobile{display: none;}

a#map-link{text-decoration: none; background: url(../img/footer/konum.png) no-repeat 40px center; padding-left: 77px; color: #FFF; font-size: 14px; font-size: 500; height: 45px; display: flex; align-items: center; background-color: #38362c; padding-right: 40px;}

#social-items a{display: inline-block; width:30px; height: 30px; background: url(../img/footer/facebook.png) no-repeat center center; margin: 0 5px; background-size: contain}
#social-items a#linkedin-link{background-image: url(../img/footer/linkedin.png)}
#social-items a#twitter-link{background-image: url(../img/footer/twitter.png)}
#social-items a#instagram-link{background-image: url(../img/footer/instagram.png)}
#social-items a#gplus-link{background-image: url(../img/footer/google-plus.png)}
#social-items a#youtube-link{background-image: url(../img/footer/youtube.png)}
#footer-legal-text{position: absolute; bottom: -40px; width:100%; padding: 10px 0; box-sizing: border-box; color: #FFF; font-size: 12px; text-align: center; background-color:#7ccd2a }

.page-banner{position: relative} 
.page-banner img{width:100%; display: block} 
.page-banner #content-menu{position: absolute; left: -10px; bottom: 2.14vw; height: 4.76vw} 

#content-menu{ height: 100%; position: relative; z-index:5; }
#content-menu ul{margin: 0; padding: 0; display: flex; height: 100%;}
#content-menu ul li{margin: 0; padding: 0; list-style: none; height: 100%; background-color: #7dcd2a;}
#content-menu ul li a{ color: #FFF; display: flex; align-items: center; width:100%; height: 100%; box-sizing: border-box; padding: 0 1.96vw; font-size: 1.2vw; font-weight: 600; line-height: 100%;}
#content-menu ul li:nth-child(2) a{background-color: #4879bb}
#content-menu ul li:nth-child(3) a{background-color: #4f8224}
#content-menu ul li:nth-child(4) a{background-color: #d6c507}

#page-content-header{position: absolute; bottom: 2.14vw; background-color: #dddddd; left: 3.33vw; height: 4.76vw; z-index: 5; display: flex; flex-direction: row; }
#page-content-header.green{background-color: #7ccd2a;}
#page-content-header.blue{background-color: #4879bb;}
#page-content-header h1{margin: 0; font-size: 3vw; font-weight: 600; color: #2d2b22; transform: translateY(60%); position: relative; min-width: calc(21.7vw - 10px); box-sizing: border-box; padding-right:1.19vw; padding-left: 1.19vw; white-space: nowrap; line-height: 100%;}
#page-content-header h1.wrap{white-space: normal}

#page-image{width:100%}
#page-image img{width:100%; display: block}

.page-content{width: 100%; height: 100%; background-color: #eeeeee; box-sizing: border-box; padding: 40px 55px; }
.page-content.white-back{background-color: #FFF;}
.page-content.light-gray-back{background-color: #f4f4f4;}
.page-content.p0{padding: 0}
#hakkimizda{font-style: italic; max-width: 900px;}

#hakkimizda-icons{position: relative;}
#icons-right{display: flex; position: absolute; right: 0; align-items: center; top: 0;}
#icons-right img{display: block;}
#icons-right img{margin: 0 12px;}


.etkinlikler-item,.etkinlikler-item-detail{border-bottom:#ececec 1px solid; padding-bottom: 20px; margin-bottom: 20px; display: block;}
.etkinlikler-item h2,.etkinlikler-item-detail h2{color: #4f4f4f; font-size: 20px; margin: 0;}
.etkinlikler-item p,.etkinlikler-item-detail p{color: #4f8224; font-size: 12px; margin: 0; font-weight: 300; letter-spacing: 1.5px;}
.etkinlikler-item ul{margin: 0;}
.etkinlikler-item ul li{color: #4f8224; list-style: none; font-size: 12px; font-weight: 300px; padding: 5px;}
.etkinlikler-item ul li a{color: #4f8224;}


#etkinlikler h1{font-size: 26px; font-weight: 600; border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 20px;}

#event-media a{display: inline-block; margin-right:20px; max-width: 360px; } 
#event-media a img{width:100%; display: block;} 

#vizyon-misyon{max-width: 874px; display: flex; align-items:stretch;}
.vizyon-misyon-cell{width:50%; box-sizing: border-box; padding:40px 55px; font-style: italic; }
.vizyon-misyon-cell h2{color:#497abc; font-style: normal; font-size: 30px; font-weight: 600;}
.vizyon-misyon-cell h3{font-style: normal; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.vizyon-misyon-cell:first-child{background-color: #eeeeee;}
.vizyon-misyon-cell:last-child{padding-right: 0}
.vizyon-misyon-cell:last-child h2{color: #7dcd2a;}


#ekibimiz{padding: 50px 0}
ul#ekibimiz-list{margin: 0; padding: 0; margin-left: 3.3vw; margin-right: 2vw;}
ul#ekibimiz-list li{margin: 0; padding: 0; list-style: none; padding: 18px 25px; line-height: 100%;border:1px solid #fff; margin-bottom: 2px; }
ul#ekibimiz-list li:hover,ul#ekibimiz-list li.selected{border:1px solid #7ccd2a; border-radius: 5px;}
ul#ekibimiz-list li h3{font-size:1.19vw; color: #4f4f4f; font-weight: 600; }
ul#ekibimiz-list li p{font-size: 12px; font-weight: 300; color: #4f8224; letter-spacing: 1.5px;}
ul#ekibimiz-list li h3,ul#ekibimiz-list li p{margin: 0; padding: 0;}

#person-bio{font-style: italic}

#person-bio-header{display: flex; flex-direction: row; align-items: center}
#person-bio-header h2{background-color: #7ccd2a; color: #FFF; font-weight: 700; font-style: normal; padding: 11.5px 30px 11.5px 110px; margin-left: 120px; position: relative; max-height: 76px; margin-top: 100px; white-space: nowrap}
#person-bio-header img{position: absolute; left: -120px; bottom: 0}

#person-bio-header h2 small{font-size: 50%; display: block; font-weight: 300; letter-spacing: 1.5px;}

#person-bio-spot{max-width: 480px; box-sizing: border-box; font-weight: 300; font-size: 20px; padding:20px; border-left: 2px solid #a1a1a1; margin-left: 75px; font-size: 20px; font-style: italic; color: #4f4f4f; font-weight: 300}

#person-bio{padding: 15px; box-sizing: border-box; max-width: 900px;}


#uzmanlik-alanlarimiz-wrapper{display: flex; flex-direction: row; align-items: stretch; min-height: 500px; }
.uzmanlik-alanlarimiz-item{ width:33.33%; box-sizing: border-box; padding: 0 20px; background-color: #eeeeee; padding-bottom: 60px; position: relative;}
.uzmanlik-alanlarimiz-item:first-child{padding-left: 0}
.uzmanlik-alanlarimiz-item:nth-child(2){background-color: #f4f4f4;}

.uzmanlik-alanlarimiz-item h2{position:absolute; transform: rotateZ(-90deg) translateX(-100%); transform-origin: left top; text-align: right; margin: 0; padding: 0; color: #7ccd2a; font-size: 30px; line-height: 100%; font-weight: 600; padding-right: 65px; white-space: nowrap; }
.uzmanlik-alanlarimiz-item h2::after{content: ''; position: absolute; height: 100%; width:60px; background-color: #7ccd2a; right: 0; top: 0;}
.uzmanlik-alanlarimiz-desc{width:calc(100% - 45px); margin-left: 45px; font-size: 16px; font-weight: 300; padding-top: 90px;}

#uzmanlik-alanlarimiz-spot{padding-left: 3.3vw; padding-top: 100px; color: #868686; font-weight: 300; font-style: italic; font-size: 15px; padding-right: 20px;}

#degerlerimiz-wrapper{position: relative; }
#degerlerimiz-items-wrapper{position: absolute; top:45.5%; right: 0; width: 91.79vw; padding-top: 24.665%; background: rgba(72,121,187,.5); backdrop-filter: blur(10px); z-index: 6;color: #FFF; display: flex; flex-direction: row; align-items: stretch}
#degerlerimiz-image{width:100%; position: relative;}
#degerlerimiz-image img{display: block; width: 100%;}
#degerlerimiz-image img.m640{display: none}

#degerlerimiz-items{display: flex; height: 100%; top: 0; left: 0; width:100%; position: absolute;}
.degerlerimiz-item{max-width: 300px; box-sizing: border-box; font-weight: 300; font-size: 1.1vw; border-right: 1px dashed rgba(255,255,255,.2); padding: 2.38vw; display: flex; align-items: center; }
.degerlerimiz-item h2,.degerlerimiz-item p{margin-top: 0}
.degerlerimiz-item h2{font-size: 1.55vw; font-weight: 600; line-height: 100%; }
.degerlerimiz-item h2::first-letter{font-size: 230%; }