html{overflow-x:hidden}
body{text-rendering:optimizeLegibility}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*,:after,:before{box-sizing:border-box}
body{background:#f5f5f5}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,td,th{font-weight:400;text-align:left}
blockquote:after,blockquote:before,q:after,q:before{content:""}
blockquote,q{quotes:"" ""}
a:focus{outline:dotted thin}
a:active,a:hover{outline:0}
a img{border:0}
img{max-width:100%;height:auto}
body{font-family:aktiv,sans-serif;color:#121212;line-height:1.5;font-weight:400;background-color:#fff}
p{font-size:16px;font-size:1.6rem;margin-bottom:2rem;font-family:aktiv,sans-serif}
strong{font-weight:700}
.left{float:left;}.right{float:right;}.clear{clear:both}
.mail{float:right;border-bottom:3px solid #121212;font-size:1.5rem;letter-spacing:-1px;margin-top:-10px;}
a{font-size:16px;font-size:1.6rem;color:#121212;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{-webkit-transition:all .3s ease;transition:all .3s ease}a:active{-webkit-transition:all .1s ease;transition:all .1s ease}a.link{font-weight:600;display:inline-block;margin:2.5% 0 0 0;padding:1rem 4rem;font-size:13px;font-size:1.3rem}a.details{border:1px solid #121212;color:#121212;margin-right:3%}a.details:hover{background-color:#121212;color:#fff}a.go{border:1px solid #121212;color:#121212}a.go:hover{background-color:#121212;color:#fff}a.cons{border:1px solid #bdbdbd;color:#bdbdbd;cursor:context-menu}h1,h2,h3,h4,h5,h6{font-family:aktiv,sans-serif;font-weight:400;-webkit-font-feature-settings:"onum";-moz-font-feature-settings:"onum";font-feature-settings:"onum"}h1{font-size:54px;font-size:5.4rem}h2{font-size:48px;font-size:4.8rem}h3{font-size:36px;font-size:3.6rem}h4{font-size:28px;font-size:2.8rem}h5{font-size:22px;font-size:2.2rem}h6{font-size:18px;font-size:1.8rem}@font-face{font-family:aktiv;src:url(../font/aktivgrotesk-light.eot);src:url(../font/aktivgrotesk-light.eot?#iefix) format("embedded-opentype"),url(../font/aktivgrotesk-light.woff2) format("woff2"),url(../font/aktivgrotesk-light.woff) format("woff"),url(../font/aktivgrotesk-light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:aktiv;src:url(../font/aktivgrotesk-regular.eot);src:url(../font/aktivgrotesk-regular.eot?#iefix) format("embedded-opentype"),url(../font/aktivgrotesk-regular.woff2) format("woff2"),url(../font/aktivgrotesk-regular.woff) format("woff"),url(../font/aktivgrotesk-regular.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:aktiv;src:url(../font/aktivgrotesk-medium.eot);src:url(../font/aktivgrotesk-medium.eot?#iefix) format("embedded-opentype"),url(../font/aktivgrotesk-medium.woff2) format("woff2"),url(../font/aktivgrotesk-medium.woff) format("woff"),url(../font/aktivgrotesk-medium.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:aktiv;src:url(../font/aktivgrotesk-bold.eot);src:url(../font/aktivgrotesk-bold.eot?#iefix) format("embedded-opentype"),url(../font/aktivgrotesk-bold.woff2) format("woff2"),url(../font/aktivgrotesk-bold.woff) format("woff"),url(../font/aktivgrotesk-bold.ttf) format("truetype");font-weight:700;font-style:normal}figure.shadow img{box-shadow:0 7px 10px rgba(0,0,0,.15),0 10px 50px rgba(0,0,0,.12)}
p.logo{float:left;}
p.email{text-align:right;font-size:18px;font-size:1.8rem;letter-spacing:-1px;padding-top:3rem;margin-bottom:0}
p.email:before{content:'';position:absolute;right:0;top:0;background-color:#121212;width:130px;height:20px}
p.city{text-align:right;font-weight:700;letter-spacing:-2px}
header.cover{padding-bottom:3%;border-top:3px solid #000;}header.cover:after,header.cover:before{content:'';display:table}header.cover:after{clear:both}header.cover .content{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0;position:relative;left:8.58333%}header.cover .content:after,header.cover .content:before{content:'';display:table}header.cover .content:after{clear:both}header.cover .content:last-child{margin-right:0}@media only screen and (max-width:1024px){header.cover .content{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0;position:relative;left:4.29167%}header.cover .content:after,header.cover .content:before{content:'';display:table}header.cover .content:after{clear:both}header.cover .content:last-child{margin-right:0}}header.cover aside{float:left;clear:none;width:31.33333%;margin-left:0;margin-right:3%;margin-top:12%;text-align:right}header.cover aside:after,header.cover aside:before{content:'';display:table}header.cover aside:after{clear:both}header.cover aside:last-child{margin-right:0}@media only screen and (max-width:768px){header.cover aside{margin-top:12%;float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}header.cover aside:after,header.cover aside:before{content:'';display:table}header.cover aside:after{clear:both}header.cover aside:last-child{margin-right:0}}header.cover aside h4{font-size:24px;font-size:2.4rem;font-weight:700;letter-spacing:-1px}header.cover aside p{padding:3% 0 0 3%}@media only screen and (max-width:768px){header.cover aside p{padding-left:0}}header.cover aside p a{padding:4px 0;font-weight:600;letter-spacing:-1px;border-bottom:1px solid #121212}
main.title{float:left;clear:left;margin-top:3%;text-align:left;width:50%;margin-left:0;margin-right:auto}
main.titles{clear:both;margin-top: 7%;clear: none;text-align: center;width: 70.66667%;margin-left: auto;margin-right: auto;}
main.title-page{float:left;clear:left;margin-top:3%;text-align:left;width:100%;margin-left:0;margin-right:auto}

.posts{float:right;width:40%;margin-top:2%;text-align:left;}
.posts h1{padding:2rem 0 0;font-size:4rem;position:relative;font-weight:700;letter-spacing:-4px}
.posts ul{float:left;padding-top:2%;}
.posts ul li a{color: #969696;font-size:1.7rem;border-left:2px solid #446CB3;padding-left:5px;}
.posts ul li a:hover{color:#446cb3;}

.yazilar{float:left;padding-top:2%;}
.yazilar li a{color: #969696;font-size:1.9rem;border-left:2px solid #446CB3;padding-left:5px;line-height: 1.9;}
.yazilar li a:hover{color:#446cb3;}



.close{float:right;background: #fff;padding:10px;margin:20px;color:#000;}
.close:hover{opacity: 0.6;}
#menu ul{width:40%;margin:10% auto 0 auto;text-align: center;}
#menu ul li a{color:#fff;padding:15px 0;font-size:4rem;opacity: 0.8;}
#menu ul li a:hover{opacity: 1;text-shadow: -1px 1px 3px #fff;}

#menuopen{position: absolute;border-color: #000 transparent transparent transparent;border-style: solid;border-width: 20px;width: 0px;height: 0px;margin:0 auto;width:3%;left:45%;}
.menuopens{position: absolute;z-index:1000;width:50px;height:20px;right:10%;}
#menu{display: none;float:left;position: fixed;width:100%;height:100vh;background: #000;z-index: 1000;
    -webkit-animation: fadeInFromNone 0.3s ease-out;
    -moz-animation: fadeInFromNone 0.3s ease-out;
    -o-animation: fadeInFromNone 0.3s ease-out;
    animation: fadeInFromNone 0.3s ease-out;}

#menuopen:hover #menu{display: block;}
@media only screen and (max-width:768px){
	main.title{float:left;clear:none;text-align:center;width:100%;margin-left:0;margin-right:3%}
	main.titles{margin-top: 4%;clear: none;text-align: center;width: 100%%;margin-left: auto;margin-right: auto;}
	main.title:after,main.title:before{content:'';display:table}
	main.title:after{clear:both}
	main.title:last-child{margin-right:0}
	main.titles h1{padding:2rem 0 0;font-size:3rem;position:relative;font-weight:700;letter-spacing:-4px}
	.posts{width: 100%;}main.titles{clear:both;}
}
main.title h1{padding:2rem 0 0;font-size:4rem;position:relative;font-weight:700;letter-spacing:-4px}
main.title-page h1{padding:2rem 0 0;font-size:4rem;position:relative;font-weight:700;letter-spacing:-4px}
main.titles h1{padding:2rem 0 0;font-size:8rem;position:relative;font-weight:700;letter-spacing:-4px}
@media (min-width:1275px) and only screen{main.title h1{font-size:7.2rem}}
@media (min-width:768px) and (max-width:1275px){main.title h1{font-size:5rem}}

@media only screen and (max-width:420px){main.titles{clear:both;}.menuopens{right:5%;}main.title h1{font-size:56px;font-size:5.6rem}main.titles h1{padding:2rem 0 0;font-size:5rem;position:relative;font-weight:700;letter-spacing:-4px}
#menu ul{width:100%;margin:25% auto 0 auto;}#menu ul li a{font-size:4rem;}}
main.title h2{text-align:justify;font-size:22px;font-size:2.2rem;color:#969696;letter-spacing:-1.6px;padding-left:5px}
main.title-page h2{text-align:justify;font-size:22px;font-size:2.2rem;color:#969696;letter-spacing:-1.6px;padding-left:5px}
@media only screen and (max-width:420px){
main.title h2{font-size:18px;font-size:1.8rem}
main.title-page h2{font-size:18px;font-size:1.8rem}
}
section.portfolio{padding-top:6%;float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0;position:relative;left:8.58333%}
section.portfolio:after,section.portfolio:before{content:'';display:table}section.portfolio:after{clear:both}
section.portfolio:last-child{margin-right:0}

@media only screen and (max-width:1024px){

section.portfolio{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0;position:relative;left:4.29167%}
section.portfolio:after,section.portfolio:before{content:'';display:table}
section.portfolio:after{clear:both}
section.portfolio:last-child{margin-right:0}
}
section.portfolio h2{text-align:center;font-size:56px;font-size:5.6rem;font-weight:700;letter-spacing:-4px}
section.portfolio h5 p{font-size:1em;position:relative;padding-left:40px;color:#969696;padding-top:1rem;font-weight:500;letter-spacing:-2px}
section.portfolio h5 p:before{content:'';position:absolute;left:0;bottom:15px;width:32px;height:2px;background-color:#969696}
section.portfolio h5 p:last-child{right:10px;}
section.portfolio h5 p.right:before{content:'';position:absolute;left:-20px;bottom:15px;width:0;height:0;background-color:#969696}
article.showcase{margin:9% 0}
article.showcase:after,article.showcase:before{content:'';display:table}
article.showcase:after{clear:both}
article.showcase figure{font-size:0;margin:0 6% 0 0;float:left;clear:none;text-align:inherit;width:64.66667%}
article.showcase figure:after,article.showcase figure:before{content:'';display:table}article.showcase figure:after{clear:both}article.showcase figure:last-child{margin-right:0}@media only screen and (max-width:768px){article.showcase figure{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}article.showcase figure:after,article.showcase figure:before{content:'';display:table}article.showcase figure:after{clear:both}article.showcase figure:last-child{margin-right:0}}article.showcase figure a{font-size:0}article.showcase main{float:left;clear:none;text-align:inherit;width:29.33333%;margin-left:0;margin-right:6%}article.showcase main:after,article.showcase main:before{content:'';display:table}article.showcase main:after{clear:both}article.showcase main:last-child{margin-right:0}@media only screen and (max-width:768px){article.showcase main{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}article.showcase main:after,article.showcase main:before{content:'';display:table}article.showcase main:after{clear:both}article.showcase main:last-child{margin-right:0}}article.showcase main h3{font-size:24px;font-size:2.4rem;font-weight:700;letter-spacing:-1px;margin-bottom:6%}@media only screen and (max-width:768px){article.showcase main h3{margin:6% 0 3%}}.project-info{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0;position:relative;left:8.58333%}.project-info:after,.project-info:before{content:'';display:table}.project-info:after{clear:both}.project-info:last-child{margin-right:0}@media only screen and (max-width:1024px){.project-info{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0;position:relative;left:4.29167%}.project-info:after,.project-info:before{content:'';display:table}.project-info:after{clear:both}.project-info:last-child{margin-right:0}}.project-info h1{font-size:72px;font-size:7.2rem;font-weight:300;letter-spacing:-2px}@media only screen and (max-width:420px){.project-info h1{font-size:48px;font-size:4.8rem}}.info{margin:3% 0}.info:after,.info:before{content:'';display:table}.info:after{clear:both}.info p{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%;margin-bottom:1rem}.info p:after,.info p:before{content:'';display:table}.info p:after{clear:both}.info p:last-child{margin-right:0}@media only screen and (max-width:420px){.info p{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.info p:after,.info p:before{content:'';display:table}.info p:after{clear:both}.info p:last-child{margin-right:0}}.fields{margin:3% 0}.fields p.field-items span{padding:0 2rem;font-weight:500}.fields p.field-items span:first-child{padding-left:0}@media only screen and (max-width:420px){.fields p.field-items span{display:block;padding:0}}.project-showcase{text-align:center}.project-showcase figure.details{float:left;clear:none;text-align:inherit;width:83.33333%;position:relative;left:8.58333%;margin:6% 0}.project-showcase figure.details:after,.project-showcase figure.details:before{content:'';display:table}.project-showcase figure.details:after{clear:both}.project-showcase figure.details:last-child{margin-right:0}@media only screen and (max-width:1024px){.project-showcase figure.details{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0;position:relative;left:4.29167%}.project-showcase figure.details:after,.project-showcase figure.details:before{content:'';display:table}.project-showcase figure.details:after{clear:both}.project-showcase figure.details:last-child{margin-right:0}}.personal{float:left;clear:none;text-align:inherit;width:83.33333%;position:relative;left:8.58333%;margin:12vh 0}.personal:after,.personal:before{content:'';display:table}.personal:after{clear:both}.personal:last-child{margin-right:0}@media only screen and (max-width:1024px){.personal{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0;position:relative;left:4.29167%}.personal:after,.personal:before{content:'';display:table}.personal:after{clear:both}.personal:last-child{margin-right:0}}.personal figure{float:left;clear:none;text-align:inherit;width:29.33333%;margin-left:0;margin-right:6%}.personal figure:after,.personal figure:before{content:'';display:table}.personal figure:after{clear:both}.personal figure:last-child{margin-right:0}@media only screen and (max-width:420px){.personal figure{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.personal figure:after,.personal figure:before{content:'';display:table}.personal figure:after{clear:both}.personal figure:last-child{margin-right:0}}.personal-info{float:left;clear:none;text-align:inherit;width:64.66667%;margin-left:0;margin-right:6%}.personal-info:after,.personal-info:before{content:'';display:table}.personal-info:after{clear:both}.personal-info:last-child{margin-right:0}@media only screen and (max-width:420px){.personal-info{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.personal-info:after,.personal-info:before{content:'';display:table}.personal-info:after{clear:both}.personal-info:last-child{margin-right:0}}.personal-info h1{font-size:72px;font-size:7.2rem;font-weight:300;letter-spacing:-2px;margin-bottom:3%}@media only screen and (max-width:420px){.personal-info h1{font-size:48px;font-size:4.8rem}}

#lists{width:100%; content: "";
    display: table;text-align:center;margin:0px auto 0 auto;}
#lists ul li{float:left;margin:0 20px 0 0;}
#lists ul li a{color:#000;text-decoration:underline;font-family:aktiv,sans-serif;font-size:2rem;letter-spacing:2px;}
#lists ul li a:hover{color:#969696;}
    @-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}