.c-b { color:#fff; }
.c-999 { color:#999; }
.c-s { color:#000; }

#c-s {color:#000;}

.2s {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.yazi-bb{
color: #000;  font-family: 'Raleway', sans-serif;font-weight:300!important;  font-size:40px;text-align:center;line-height:85px;
}

.yazi-bbb{
color: #fff;  font-family: 'Raleway', sans-serif;font-weight:500!important;  font-size:50px;text-align:center;line-height:85px;
}

.yazi-b{
	color: #000;  font-family: 'Raleway', sans-serif;font-weight:400!important;  font-size:14px;text-align:center;line-height:25px;padding:0 10%
}

.yazi-bs{
	color: #fff;  font-family: 'Raleway', sans-serif;font-weight:500!important;  font-size:20px;text-align:center;line-height:45px;
}

.about{
margin:50px auto 0 auto!important;text-align:center!important;padding:0 14%;
}

.about2{
margin-bottom:50px;color: #fff;  font-family: 'Raleway', sans-serif;font-weight:500!important;  font-size:15px;line-height:30px;
}

.services{
color: #000;  font-family: 'Raleway', sans-serif;font-weight:400!important;  font-size:18px;text-align:center;line-height:45px;
}

.research{
color: #000;  font-family: 'Raleway', sans-serif;font-weight:300!important;  font-size:20px;text-align:center;line-height:32px; margin:50px auto 20px auto;height:120px;background:#f7f7f7
}

.vision{
color: #000;  font-family: 'Raleway', sans-serif;font-weight:300!important;  font-size:20px;text-align:center;line-height:32px; margin:30px auto 0px auto;height:40px;background:#f7f7f7
}

.pic-1{
text-align:center;padding-top:60px;
}

.pic-2{
margin-bottom:20px;padding:0 10px;
}

.bf7{
background:#f7f7f7;
}
.bff{
background:#fff;
}

.p020{
padding:0 20px;
}

.ptb{
padding-top:50px;padding-bottom:20px;text-align:center;
}

.f-logo{
margin:50px auto;text-align:center;font-size:20px;font-weight:300;color:#000;
}





.orta-resim {
       object-fit:cover;
    }
@media screen and (min-width: 300px) {
    .orta-resim {
       height:119px; width:158px;
    }
}
@media screen and (min-width: 360px) {
    .orta-resim {
       height:133px; width:177px;
    }
}
@media screen and (min-width: 384px) {
    .orta-resim {
       height:143px; width:189px;
    }
}
@media screen and (min-width: 568px) {
    .orta-resim {
       height:264px; width:352px;
    }
}
@media screen and (min-width: 768px) {
    .orta-resim {
       height:204px; width:271px;
    }
}
@media screen and (min-width: 888px) {
    .orta-resim {
       height:230px; width:306px;
    }
}
@media screen and (min-width: 992px) {
    .orta-resim {
        height:189px; width:252px;
    }
}
@media screen and (min-width: 1020px) {
    .orta-resim {
        height:189px; width:270px;
    }
}
@media screen and (min-width: 1200px) {
    .orta-resim {
		height:247px; width:329px;
    }
}



.orta-resim-div {
       overflow:hidden;
    }
@media screen and (min-width: 300px) {
    .orta-resim-div {
       height:749px!important;
    }
}
@media screen and (min-width: 360px) {
    .orta-resim-div {
       height:805px!important;
    }
}
@media screen and (min-width: 384px) {
    .orta-resim-div {
       height:845px!important;
    }
}
@media screen and (min-width: 768px) {
    .orta-resim-div {
       height:521px!important;
    }
}
@media screen and (min-width: 888px) {
    .orta-resim-div {
       height:573px!important;
    }
}
@media screen and (min-width: 992px) {
    .orta-resim-div {
      height:421px!important;
    }
}
@media screen and (min-width: 1020px) {
    .orta-resim-div {
       height:421px!important;
    }
}
@media screen and (min-width: 1200px) {
    .orta-resim-div {
       height:537px!important;
    }
}


.dil {
	width:48px;background-color: #008dc9; color: #FFF;font-size:13px;font-weight:500;padding:6px;margin:auto;text-align:center;border-radius: 5px;
}
.dil:hover {
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.24), 0 5px 10px 0 rgba(0,0,0,0.19);
}



.footer-ust-div {
       margin-top:100px;
    }
@media screen and (min-width: 768px) {
    .footer-ust-div {
       margin-top:100px;
    }
}
@media screen and (min-width: 1020px) {
    .footer-ust-div {
       
    }
}

.footer-ust-baslik {
       font-size:26px;font-weight:500;color:#000;line-height:45px;margin-bottom:25px;
    }
@media screen and (min-width: 630px) {
    .footer-ust-baslik {
       font-size:35px;font-weight:400;color:#000;line-height:45px;margin-bottom:30px;
    }
}
@media screen and (min-width: 1020px) {
    .footer-ust-baslik {
       font-size:40px;font-weight:300;color:#000;line-height:50px;margin-bottom:30px;
    }
}

.sustainability-baslik{
       font-size:40px;text-align:center;margin:80px auto 40px auto;color:#000;
    }
@media screen and (min-width: 1020px) {
    .sustainability-baslik {
       font-size:40px;text-align:center;margin:80px auto 80px auto;color:#000;
    }
}


.sustainability {
       padding:0 4% 0 4%;
    }
@media screen and (min-width: 1020px) {
    .sustainability {
       padding:40px 4% 0 4%;
    }
}