/**
 * CSS
 * @version 0.5
 * @author Ozhan Binici
 * last update: 2025.03.26
 * 
 * Light
 * font-family: "new-frank", sans-serif;
 * font-weight: 300;
 * font-style: normal;
 * 
 * font-family: "new-frank", sans-serif;
 * font-weight: 300;
 * font-style: italic;
 * 
 * Regular
 * font-family: "new-frank", sans-serif;
 * font-weight: 400;
 * font-style: normal;
 * 
 * font-family: "new-frank", sans-serif;
 * font-weight: 400;
 * font-style: italic;
 * 
 * Medium
 * font-family: "new-frank", sans-serif;
 * font-weight: 500;
 * font-style: normal;
 * 
 * font-family: "new-frank", sans-serif;
 * font-weight: 500;
 * font-style: italic;
 * 
 * Bold
 * font-family: "new-frank", sans-serif;
 * font-weight: 700;
 * font-style: normal;
 * 
 * font-family: "new-frank", sans-serif;
 * font-weight: 700;
 * font-style: italic;
*/


::selection {
	background: #6FCFEB;
	color:#000000;
}

*:focus {
	outline:none;
}

:root {
	--screen-height:100vh;
	--screen-width:100vw;
}

@supports(height: 100dvh) {
	:root {
		--screen-height:100dvh;
	}
}
/*
@supports(width: 100dvw) {
	:root {
		--screen-width:100dvw;
	}
}
*/
sup {
	line-height:0.6em;
}

html {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	-webkit-overflow-scrolling:touch;
	font-size:1px;
}

body {
	width: 100%;
	max-width:none;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	background-color:#FFFDFB;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size: 23px;
	line-height: 32px;
	font-family: "new-frank", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	color: #000000;
	min-height: 100vh;
	min-height: var(--screen-height);
}


body.home,
body.iletisim {
	background-color:#6FCFEB;
}

#wrapper {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1680px;
	margin:0 auto;
}

/* COMMON ITEMS */

div {
	position:relative;
	display:block;
}

.container {
	width:100%;
	max-width:none;
	margin:0 auto;
}

.scaler {
	width:100%;
	max-width:none;
	margin:0px;
	padding:0px;
}

header {
	width: 240px;
	height:calc(100vh - 82px);
	height:calc(var(--screen-height) - 82px);
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 0px;
	left: 0px;
	background-color:transparent;
}


header > .container {
	padding:45px 0px 10px 5px;
	display:block;
}

header a#logo {
	width:153px;
	height:auto;
	display:block;
	flex-shrink:0;
	margin:0px;
	padding:10px;
	height:48px;
}

header a#logo img {
	width:100%;
	height:auto;
	display:block;
}

header nav {
	margin-top:40px;
}

header nav ol {
	display:block;
	width:100%;
}

header nav li {
	display:flex;
	width:100%;
	margin-bottom:5px;
	margin-left:4px;
}

header nav a {
	color:#000000;
	text-decoration:none;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	display:block;
	padding:0px 5px;
}

header nav a:hover {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:2px;
}


header nav a.active {
	color:#52ADCC;
}

body.iletisim header nav a.active {
	color:#FFFFFF;
}

header nav a.active:hover {
	text-decoration:none;
}

header form {
	position:relative;
	display:flex;
	margin-top:22px;
	margin-bottom:19px;
	padding:0px;
	height:30px;
	width:32px;
	padding-left:10px;
	transition-property:width;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}

header form.open {
	width:154px;
	padding-left:9px;
}

header form input[type="text"] {
	display:none;
	width:100%;
	height:auto;
	border-bottom:2px solid #000000;
	font-size:17px;
	line-height:25px;
	color:#000000;
	padding:0px 5px 0px 0px;
	background:transparent;
	margin:0px;
	margin-right:6px;
	letter-spacing:-0.015em;
}

header form input[type="text"]::placeholder {
	font-size:17px;
	line-height:25px;
	letter-spacing:-0.015em;
	color:rgba(0, 0, 0, 0.5);
}

header form.open input[type="text"] {
	display:block;
}


header form input[type="submit"] {
	position:absolute;
	top:0px;
	right:0px;
	
	background:url('/images/layout/metto-search-icon-rev.svg');
	background-repeat:no-repeat;
	background-size: 18px auto;
	background-position:center center;
	width:30px;
	height:30px;
	border:none;
	color:transparent;
	font-size:0;
	padding:0px;
	margin:0px;
	
	opacity:0.6;
	opacity:1;
	cursor:pointer;
}

header form input[type="submit"]:hover {
	opacity:1;
}

header a#lang-switch {
	color:#000000;
	text-decoration:none;
	font-size:18px;
	line-height:25px;
	font-weight:400;
	display:block;
	padding:0px 5px;
	margin-left:4px;
	width:36px;
}

header a#lang-switch:hover {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:2px;
}

.menu-toggle {
	position:absolute;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 40px;
	height: 30px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	top:20px;
	right:14px;
	right:19px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	transition: top .3s ease-out;
	cursor: pointer;
	display:none;
}

.menu-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 32px;
	background: #000000;
	border-radius: 0px;
	opacity: 1;
	left: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.menu-toggle span:nth-child(1) {
	top: 3px;
}

.menu-toggle span:nth-child(2), 
.menu-toggle span:nth-child(3) {
	top: 13px;
}

.menu-toggle span:nth-child(4) {
	top: 23px;
}

.expanded .menu-toggle span:nth-child(1),
.expanded .menu-toggle span:nth-child(4) {
	top: 13px;
	width: 0px;
	left: 50%;
	opacity:0;
}

.expanded .menu-toggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.expanded .menu-toggle span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
	background-color:transparent;
	outline: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	outline:none;
}

body.home .swiper {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

body.home .swiper.vertical {
	display:none !important;
}

main {
	width: 1440px;
	min-height: calc(100vh - 82px);
	min-height: calc(var(--screen-height) - 82px);
	min-height: var(--screen-height);
	height: auto;
	padding: 0px;
	position:relative;
}

main .container {
	display:flex;
	padding:0px;
	padding-top:127px;
	align-items:flex-start;
	flex-wrap:wrap;
}

body.home main {
	height:calc(100vh - 82px);
	height:calc(var(--screen-height) - 82px);
	height:var(--screen-height);
	/*overflow:hidden;*/
	min-height:auto;
}
body.home main .container {
	height:100%;
	padding:0px;
	display:block;
}
body.home main .container > picture,
body.home main .container .swiper {
	position:relative;
	display:block;
	width:calc(100% + 50vw - 840px);
	height:calc(100% + 82px);
	height:100%;
}


main .container > picture img,
body.home main .container .swiper picture img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
}

body.home main .container .swiper .swiper-slide.contain picture img {
	object-fit:contain;
}


main .text {
	width:360px;
	padding:10px 15px;
}

main .text.double {
	width:720px;
}

.text p {
	font-size:17px;
	line-height:25px;
	letter-spacing:-0.015em;
}

.text.highlighted p {
	font-size:18px;
	line-height:25px;
	letter-spacing:-0.015em;
}

.text p strong {
	font-weight:500;
}

.text p a {
	color:#000000;
	text-decoration:none;
}

.text p a:hover {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:2px;
}

main h3 {
	font-weight:500;
	font-size:18px;
	line-height:25px;
	margin-bottom:13px;
}

body.ara main h3 {
	margin-top:24px;
	color:#52ADCC;
	letter-spacing:-0.005em;
	margin-bottom:12px;
}

.text .search-result {
	padding-left:15px;
	width:100%;
	margin-bottom:5px;
	padding-left:0px;
}

.text .service {
	padding-left:0px;
	width:100%;
	margin-bottom:24px;
	padding-right:30px;
}

.text .service h4 {
	font-weight:700;
	font-size:17px;
	line-height:25px;
	margin-bottom:0px;
	letter-spacing:-0.015em;
}


.text .service a {
	letter-spacing:0em;
	letter-spacing:0.1em;
	font-size:13px;
	line-height:25px;
	font-weight:500;
	color:inherit;
}

.text .service a:hover {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:1px;
}

body.iletisim blockquote {
	font-size:17px;
	line-height:25px;
	font-weight:400;
	font-style:italic;
	letter-spacing:-0.02em;
	margin-top:22px;
}

body.iletisim blockquote strong {
	font-weight:500;
}

body.iletisim .text h5 {
	font-weight:500;
	font-size:13px;
	line-height:25px;
	letter-spacing:0.005em;
}

body.iletisim .text p + h5 {
	margin-top:22px;
}


body.ne-yapiyoruz main .text h3 {
	margin-top:1px;
	margin-bottom:12px;
}

body.metto .text h3 {
	font-weight:400;
}

body.metto .text h3 strong {
	font-weight:500;
}


body.iletisim main .text {
	padding-top:4px;
}

body.ara main .text {
	padding-top:7px;
	padding-bottom:24px;
}

body.metto main .text {
	padding-top:5px;
	padding-bottom:29px;
}

body main .text.highlighted, 
body.ne-yapiyoruz main .text.highlighted {
	padding-top:5px;
}

body.ne-yapiyoruz main .text {
	padding-top:4px;
	padding-bottom:4px;
}

.text.highlighted {
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 127px;
	/*padding-right:30px;*/
}

.text.highlighted p {
	line-height:26px;
	color:inherit;
}

.text.highlighted p strong {
	font-weight:500;
}

.text.highlighted p a {
	display:inline-block;
	color:inherit;
}

.text.highlighted p a:after {
	color:#000000;
	content:" →";
	display:inline;
}

.text.highlighted p a:hover:after {
	color:inherit;
}

body.metto main .container picture {
	width:360px;
	padding:11px 15px 10px 15px;
	align-self:center;
	align-self:flex-start;
}


main .posts {
	display:flex;
	flex-wrap:wrap;
	margin-top:11px;
	margin-top:-17px;
}

main .posts a.post {
	width:calc(25% - 20px);
	margin:11px 10px 19px 10px;
	color:#000000;
	align-self:flex-start;
	display:block;
	padding:5px;
	position:relative;
}

main .posts a.post .bg {
	position:absolute;
	z-index:-1;
	opacity:0;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	
	
	transition-property:opacity;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
}

main .posts a.post:hover .bg {
	opacity:0.1;
}

a.post h3 {
	letter-spacing:-0.015em;
	font-weight:400;
	padding-top:6px;
	margin-bottom:3px;
}

main .posts a.post h3:first-line {
	text-decoration:underline;
	text-underline-offset:-29px;
	text-decoration-thickness:4px;
}
main .posts a.post h5 {
	font-size:13px;
	line-height:20px;
	letter-spacing:0.005em;
	font-weight:500;
}


main .posts a.post p {
	font-size:17px;
	line-height:25px;
	letter-spacing:-0.015em;
	font-weight:400;
	margin-top:13px;
}

main .posts a.post p:after {
	content:" »";
	display:inline;
	color:#000000;
}


main div.post {
	padding-left:375px;
	padding-right:375px;
	margin-top:6px;
	margin-top:5px;
	margin-bottom:29px;
}

main div.post h1,
main div.post h3 {
	font-size:18px;
	line-height:25px;
	font-weight:400;
	letter-spacing:-0.015em;
	margin-bottom:13px;
}

main div.post h3 {
	font-size:17px;
	font-weight:600;
	letter-spacing:-0.015em;
	margin-bottom:0px;
}

main div.post h1 strong,
main div.post h3 strong {
	font-weight:500;
}

main div.post h3 strong {
	font-weight:600;
}

main div.post h1 a,
main div.post h3 a {
	color:inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 2px;
}

main div.post p {
	font-size:17px;
	line-height:25px;
	margin-bottom:13px;
	letter-spacing:-0.015em;
}

main div.post p a {
	color:#000000;
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:2px;
}

main div.post a[href^="#ref"],
main div.post a[href^="##ref"],
main div.post a[href^="#back-to-ref"] {
	font-size:9px;
	line-height:12px;
	letter-spacing:-0.015em;
	font-weight:bold;
	vertical-align:super;
	display:inline-block;
	color:#000000;
	text-decoration:none;
}

main div.post h4 a[href^="#ref"] {
	font-size:11px;
}

main div.post blockquote a[href^="#ref"] {
	font-size:8px;
}

main div.post figcaption a[href^="#ref"],
main div.post h6 a[href^="#ref"] {
	font-size:7px;
}

main div.post a[href^="#ref"]:hover,
main div.post a[href^="##ref"]:hover,
main div.post a[href^="#back-to-ref"]:hover {
	color:#000000 !important;
}

main div.post h4 {
	font-size:21px;
	line-height:27px;
	letter-spacing:-0.025em;
	font-weight:500;
	margin-bottom:22px;
}

main div.post #references {
	position:relative;
	display:block;
	width:100%;
	padding-top:44px;
}

main div.post #references:before {
	content:" ";
	display:block;
	width:108px;
	height:1px;
	background-color:#000000;
	position:absolute;
	top:28px;
	left:0px;
}

main div.post #references p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: -0.015em;
	margin-bottom: 0px;
	padding-left:24px;
	position:relative;
	width:100%;
	display:block;
}

main div.post #references a[href^="##ref"],
main div.post #references a[href^="#back-to-ref"] {
	width:24px;
	display:block;
	position:absolute;
	height:auto;
	top:3px;
	left:0px;
	overflow-wrap:anywhere;
}


main div.post p strong {
	font-weight:500;
}

main div.post .meta {
	position:relative;
	display:block;
	margin-bottom:22px;
}
main div.post .meta h5 {
	font-size:13px;
	line-height:21px;
	font-weight:600;
	letter-spacing:-0.015em;
}

main div.post .meta h5.authors {
	font-size:13px;
	line-height:23px;
	font-weight:600;
	letter-spacing:0.005em;
}

main div.post .meta h5.authors a {
	color:#000000;
}

main div.post .meta h5.authors a:hover {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:2px;
}

main div.post blockquote {
	font-size:15px;
	line-height:22px;
	letter-spacing:-0.015em;
	margin-bottom:16px;
	padding-left:40px;
	padding-right:50px;
	padding-top:8px;
	padding-bottom:9px;
}

main div.post blockquote strong {
	font-weight:500;
}

main div.post blockquote a {
	color:inherit;
	text-decoration: underline;
	text-underline-offset: 1px;
	text-decoration-thickness: 1px;
}

main div.post blockquote a:hover {
	color:#000000;
}

main div.post .share {
	position:absolute;
	bottom:-52px;
	left:-54px;
	width:29px;
	height:auto;
	padding:5px;
	display:block;
	cursor:pointer;
}

main div.work .share {
	position:relative;
	width:29px;
	height:auto;
	padding:5px;
	display:block;
	cursor:pointer;
	margin-left:-5px;
	margin-top:22px;
}

main div.post .share.open ul,
main div.work .share.open ul {
	display:flex;
}

main div.post .share svg,
main div.work .share svg {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

main div.post .share ul,
main div.work .share ul {
	position:absolute;
	display:none;
	flex-direction:column;
	top:32px;
	right:4px;
}


main div.work .share ul {
	flex-direction:row;
	top:5px;
	left:35px;
	width:100%;
}
main div.post .share ul li,
main div.work .share ul li {
	text-align:right;
}
main div.work .share ul li + li {
	margin-left:10px;
}
main div.post .share ul li a,
main div.work .share ul li a {
	color:#000000;
	text-decoration:none;
	font-size:17px;
	line-height:25px;
	display:block;
}
main div.work .share ul li a {
	font-size:15px;
	line-height:20px;
}
main div.post .share ul li a:hover,
main div.work .share ul li a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 2px;
}
main div.work .share ul li a:hover {
	text-underline-offset: 1px;
	text-decoration-thickness: 1px;
}
figure {
	width:100%;
	height:auto;
	margin-top:5px;
	padding-top:8px;
	margin-bottom:19px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

p:has(img) {
	margin-top:5px;
	padding-top:8px;
	margin-bottom:19px;
}

figure:has(img.left),
p:has(img.left) {
	margin-left:-375px;
	width:360px;
	float:left;
	padding:0 15px;
}

figure:has(img.full),
p:has(img.full) {
	margin-left:-375px;
	width:calc(100% + 390px);
	padding:5px 15px 0px 15px;
}

p:has(iframe){
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

p:has(iframe):after {
	content:" ";
	display:block;
	padding-top:56.25%;
}
p iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}


figure img,
p img {
	width:100%;
	height:auto;
	margin:0px;
	display:block;
}

img[imagesize="twoThirdSize"] {
	width:66.67%;
}

img[imagesize="halfSize"] {
	width:50%;
}

img.left[imagesize="twoThirdSize"] {
	margin-left:33.33%;
}
img.left[imagesize="halfSize"] {
	margin-left:50%;
}

figcaption,
.post h6 {
	font-size:13px;
	line-height:17px;
	font-weight:400;
	margin: 12px auto 0 auto;
	padding:0px;
	max-width:100%;
	color:#000000;
	letter-spacing:-0.015em;
	text-align:left;
}

.post h6 {
	margin-bottom:19px;
}

figcaption a,
.post h6 a {
	color:#000000;
	text-decoration: underline;
	text-underline-offset: 1px;
	text-decoration-thickness: 1px;
}

figure img.left + figcaption {
	text-align:right;
}

figure img.full + figcaption {
	width:330px;
	position:absolute;
	top:100%;
	left:15px;
}

figure img.full[imagesize="twoThirdSize"] + figcaption,
figure img.full[imagesize="halfSize"] + figcaption {
	width: auto;
	position: relative;
	top: auto;
	left: auto;
}


figure:has(img.inline[imagesize="twoThirdSize"]),
figure:has(img.inline[imagesize="halfSize"]),
figure:has(img.full[imagesize="twoThirdSize"]),
figure:has(img.full[imagesize="halfSize"]) {
	display:flex;
}

figure:has(img.inline[imagesize="twoThirdSize"]) figcaption,
figure:has(img.full[imagesize="twoThirdSize"]) figcaption {
	width:calc(33.33% - 12px);
	margin-left:12px;
	margin-top:auto;
	margin-bottom:-4px;
}

figure:has(img.inline[imagesize="halfSize"]) figcaption,
figure:has(img.full[imagesize="halfSize"]) figcaption {
	width:calc(50% - 12px);
	margin-left:12px;
	margin-top:auto;
	margin-bottom:-4px;
}

figure:has(img.left[imagesize="twoThirdSize"]) figcaption {
	width:66.67%;
	margin-left:33.33%;
}

figure:has(img.left[imagesize="halfSize"]) figcaption {
	width:50%;
	margin-left:50%;
}


main div.post .log-navigation,
main div.work .work-navigation {
	display:flex;
	width:100%;
	padding-top:40px;
}

main div.work .work-navigation {
	padding-top:58px;
}

main div.work > .work-navigation {
	display:none;
}
main div.post .log-navigation a,
main div.work .work-navigation a {
	font-size:13px;
	line-height:24px;
	letter-spacing:0.1em;
	color:#000000;
}

main div.post .log-navigation a.inactive,
main div.work .work-navigation a.inactive {
	opacity:0.5;
	pointer-events:none;
}

main div.post .log-navigation a:first-child,
main div.work .work-navigation a:first-child {
	margin-right:auto;
}



#work-filters {
	
	margin-top:-38px;
	position: -webkit-sticky;
	position: sticky;
	top: 89px;
	background-color:#FFFDFB;
	z-index:1;
	margin-left:5px;
	width:341px;
}

#work-filters ul {
	display:flex;
	align-self: flex-start;
}

#work-filters li {
	position:relative;
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	padding:5px;
}

#work-filters li + li:before {
	content:"|";
	position:absolute;
	left:0px;
	top:9px;
}

#work-filters li + li {
	padding-left:7px;
}

#work-filters li a {
	display:block;
	padding:5px;
	color:#000000;
	letter-spacing:0.015em;
}

#work-filters li a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 2px;
}

#work-filters li.active a {
	color:#6FCFEB;
}

#work-filters li.active a:hover {
	text-decoration: none;
}


.works {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:0px;
	margin-bottom:0px;
	margin-top:-6px;
	margin-bottom:21px;
}

.works a.work {
	display:flex;
	width:calc(50% - 30px);
	margin:15px;
	position:relative;
	cursor:pointer;
}

.works a.work.hidden {
	display:none;
}

.works a.work picture {
	position:relative;
	display:block;
	width:calc(50% - 15px);
	height:330px;
	background-color:rgba(0,0,0,0.2);
	margin-right:auto;
	order:1;
}

.works a.work:nth-child(4n+3) picture,
.works a.work:nth-child(4n+4) picture {
	order:3;
	margin-left:auto;
	margin-right:0px;
}
.works a.work picture img {
	width:100%;
	height:auto;
	display:block;
}

.works a.work .card {
	width:calc(50% - 15px);
	height:330px;
	background-color:rgba(0,0,0,0);
	padding:20px;
	display:flex;
	align-items:flex-end;
	order:2;
	
	transition-property:width,padding,height;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
}

.works a.work:nth-child(2n+2) .card{
	align-items:flex-start;
}

.works a.work .card .inner {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	opacity:0.2;
	transition-property:opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

.works a.work:hover .card {
	width:calc(50% + 15px);
	padding-left:50px;
	
	width:calc(50% + 15px);
	padding-left:20px;
	padding-right:50px;
}

.works a.work:nth-child(4n+3):hover .card,
.works a.work:nth-child(4n+4):hover .card {
	padding-left:20px;
	padding-right:50px;
}

.works a.work:hover .card .inner {
	opacity:1;
}

.works a.work .card h3 {
	font-size:28px;
	line-height:33px;
	margin-top:auto;
	margin-bottom:0px;
	font-weight:400;
	letter-spacing:-0.01em;
}
.works a.work .card .services {
	margin-top:40px;
	margin-top:25px;
	display:flex;
	flex-wrap:wrap;
}

.works a.work .card .services li {
	font-size:14px;
	line-height:21px;
	margin-right:7px;
	letter-spacing:0.1em;
	display:flex;
}

.works a.work .card .services li span {
	margin-top:-1px;
}


div.work {
	display:flex;
	width:100%;
}
div.work .info {
	width:360px;
	margin-top:11px;
	margin-bottom:29px;
}

div.work .info .card {
	display:flex;
	flex-wrap:wrap;
	padding:0 23px 41px 23px;
}

div.work .info .card p {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	font-size:17px;
	line-height:25px;
	margin-bottom:14px;
	letter-spacing:-0.015em;
}

div.work p a {
	color:#000000;
	text-decoration:underline;
	text-underline-offset: 1px;
	text-decoration-thickness: 1.5px;
}

div.work .info .card p:last-child {
	margin-bottom:0px;
}

div.work .info .card .credits {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}
div.work .info .card .credits p strong {
	font-size:13px;
	line-height:18px;
	letter-spacing:0.035em;
	font-weight:500;
}

div.work .info .card h1 {
	margin-top:-5px;
	position:relative;
	display:block;
	width:100%;
	height:auto;
	font-size:22px;
	line-height:27px;
	letter-spacing:-0.014em;
	font-weight:400;
	margin-bottom:14px;
}
div.work .info .services-share-navigation {
	padding:24px 23px 0px 23px;
}
div.work .info .services {
	display:flex;
	flex-wrap:wrap;
}
div.work .info .services li,
div.work .info .services li a {
	font-size:13px;
	line-height:22px;
	letter-spacing:0.1em;
}

div.work .info .services li {
	margin-right:7px;
	display:flex;
}

div.work .info .services li span {
	margin-top:-1px;
}

div.work .info .services li a:hover {
	text-decoration: underline;
	text-underline-offset: 1px;
	text-decoration-thickness: 1px;
}


main div.work .medias {
	width:calc(100% - 390px);
	margin-top:11px;
	height:calc(100vh - 276px);
	height:591px;
	margin-left:auto;
	background-color:#000000;
	background-color:transparent;
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 138px;
	margin-right:0px;
	
	height:auto;
}




main div.work .medias .photos {
	/*position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	*/
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

main div.work .medias .photos picture {
	cursor:zoom-in;
	position:relative;
	display:block;
}

main div.work .medias .photos .swiper-slide picture.bordered:before,
.swiper-slide.border:before {
	content:" ";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:29px;
	height:29px;
	border-top:5px solid #000000;
	border-left:5px solid #000000;
	z-index:1;
}

main div.work .medias .photos .swiper-slide picture.bordered:after,
.swiper-slide.border:after {
	content:" ";
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:29px;
	height:29px;
	border-top:5px solid #000000;
	border-right:5px solid #000000;
	z-index:1;
}

main div.work .medias .photos .swiper-slide picture.bordered .bottom-borders,
.swiper-slide.border .bottom-borders {
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0px;
	width:100%;
}

main div.work .medias .photos .swiper-slide picture.bordered .bottom-borders:before,
.swiper-slide.border .bottom-borders:before {
	content:" ";
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:29px;
	height:29px;
	border-bottom:5px solid #000000;
	border-left:5px solid #000000;
}

main div.work .medias .photos .swiper-slide picture.bordered .bottom-borders:after,
.swiper-slide.border .bottom-borders:after {
	content:" ";
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:29px;
	height:29px;
	border-bottom:5px solid #000000;
	border-right:5px solid #000000;
}

main div.work .medias .thumbs {
	/*position:absolute;
	top:calc(100% + 30px);
	left:0px;
	width:100%;
	height:100px;
	*/
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:36px;
}

main div.work .medias .thumbs .swiper-slide {
	width:85px;
	height:85px;
	height:auto;
}
main div.work .medias .thumbs .swiper-slide.vertical {
	width:auto;
	height:85px;
	height:auto;
}

main div.work .medias .thumbs .swiper-slide.vertical picture img {
	width:auto;
	height:85px;
}

main div.work .medias .thumbs .swiper-slide picture {
	position:relative;
	width:auto;
	height:auto;
	opacity:0.5;
	cursor:pointer;

	transition-property:opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

main div.work .medias .thumbs .swiper-slide picture:hover {
	opacity:1;
}

main div.work .medias .thumbs .swiper-slide.swiper-slide-thumb-active picture {
	opacity:1;
}


main div.work .medias .thumbs .swiper-slide picture {
	opacity:1;
}

main div.work .medias .thumbs .swiper-slide picture {
	background-color:transparent;
	transition-property:background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

main div.work .medias .thumbs .swiper-slide picture img {
	transition-property:filter;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

main div.work .medias .thumbs .swiper-slide picture:hover,
main div.work .medias .thumbs .swiper-slide.swiper-slide-thumb-active picture {
	background-color:#6FCFEB;
}

main div.work .medias .thumbs .swiper-slide picture img {
	mix-blend-mode:screen;
	mix-blend-mode:darken;
	mix-blend-mode:multiply;
	
	filter: grayscale(1);
	
}

main div.work .medias .thumbs .swiper-slide picture:hover img,
main div.work .medias .thumbs .swiper-slide.swiper-slide-thumb-active picture img{
	filter: grayscale(1);
	/*filter:brightness(3) grayscale(1);*/
}


.swiper-slide {
	width:100%;
	height:100%;
	overflow:hidden;
}

.swiper-slide picture {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

.swiper-slide picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.swiper-slide picture.contain img {
	object-fit:contain;
}
.swiper-slide .image-holder {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
}

.swiper-slide .swiper-slide-caption {
	font-size:16px;
	line-height:20px;
	color:#FFFFFF;
    transform: rotate(270deg);
    transform-origin: left bottom 0;
	position:absolute;
	left:77px;
	bottom:30px;
}

.swiper-slide.dark .swiper-slide-caption {
	color:#000000;
}


footer {
	position:relative;
	display:flex;
	height:auto;
	width:240px;
	background-color:transparent;
	margin-top:-82px;
}


footer .container {
	padding:20px 5px;
}

footer .container .inner {
	display:flex;
	width:auto;
	padding-top:11px;
	padding-bottom:11px;
	margin:0px 0px 0px 8px;
}

footer p {
	font-size:13px;
	line-height:20px;
	letter-spacing:-0.015em;
	font-weight:300;
}

body .fancybox__container {
	--fancybox-bg: #FFFDFB;
}

body .fancybox__slide {
	padding:50px;
}

body .fancybox__nav {
	position:static;
}

body .f-button {
	background:#FFFFFF;
	color:#000000;
	box-shadow:none;
	border:0px;
	border-radius:0px;
	width:50px;
	height:50px;
}


body .f-button svg {
	stroke-width: 1px;
	stroke-linecap: square;
	stroke-linejoin: miter;
	filter:none;
	width:26px;
	height:26px;
}

body .f-button.is-prev svg,
body .f-button.is-next svg {
	display:none;
}

body .is-horizontal .fancybox__nav .f-button.is-next {
	right:0px;
}

body .is-horizontal .fancybox__nav .f-button.is-prev {
	left:0px;
}

body .f-button.is-prev,
body .f-button.is-next {
	font-family: "new-frank";
	font-size:25px;
}
body .f-button.is-prev:after {
	content: 'prev';
}

body .f-button.is-next:after {
	content: 'next';
}

body .fancybox__toolbar .fancybox__infobar {
	text-shadow:none;
	font-family: "new-frank";
	color:#000000;
	font-size:17px;
	line-height:25px;
	font-weight:400;
	padding:13px 18px;
	background-color:#FFFFFF;
	text-shadow:none;
}

body .fancybox__toolbar .fancybox__infobar span {
	padding:0px 2px;
}

body .f-button:hover:not([disabled]) {
	background:#FFFFFF;
	color:#6FCFEB;
}
body .fancybox__nav .f-button:after {
	content:"←";
	font-family: "new-frank";
	text-align:center;
	width:50px;
}
body .fancybox__nav .f-button.is-next:after {
	content:"→";
}


@media (max-width:1740px){
	#wrapper {
		width:1400px;
	}
	
	main {
		width:1200px;
	}
	
	body.iletisim main .container picture {
		width:600px;
	}
	
	body.home main .container > picture,
	body.home main .container .swiper {
		width:calc(50vw + 330px);
		width:calc(100% + 50vw - 700px);
	}
	
	body.metto main .container picture {
		width:300px;
	}
	
	
	main .text {
		width:300px;
		padding:10px 12.5px;
	}
	
	body.metto main .text {
		padding-top:5.5px;
	}
	
	body.ne-yapiyoruz main .text {
		padding-top:4.5px;
	}
	
	body.iletisim main .text {
		padding-top:4.5px;
	}
	
	body.ara main .text {
		padding-top:5.5px;
	}
	div.work .info .card h1 {
		margin-top:-5.5px;
	}
	main .container {
		padding-top:103px;
	}
	.text.highlighted {
		top:103px;
	}
	body.metto main .container picture {
		padding:10.5px 12.5px 10.5px 12.5px;
	}
	/*
	body.log main .container {
		transform:scale(0.83);
		transform-origin:top left;
		width:120%;
	}
	*/
	body.log main .container:has(div.post) {
		transform:scale(0.83);
		transform-origin:top left;
		width:120%;
	}
	#work-filters {
		width:283px;
		top:74px;
		top:48px;
		height:33px;
	}
	
	
	.works a.work picture {
		height:270px;
	}
	.works a.work .card {
		height:270px;
	}
	div.work .info {
		width:300px;
		margin-bottom:18px;
		margin-top:10.5px;
	}
	main div.work .medias {
		width:calc(100% - 325px);
	}
	
	main .posts a.post {
		margin-bottom:17px;
	}
	.scaler {
		transform:scale(0.83);
		transform-origin:top left;
		width:120%;
	}
	
	.card .scaler {
		transform-origin:bottom left;
	}
	.works a.work:nth-child(2n+2) .card .scaler {
		transform-origin:top left;
	}
	header {
		width:200px;
	}
	header .container {
		transform:scale(0.83);
		transform-origin:top left;
		padding-left:30px;
	}
	
	footer .container {
		transform:scale(0.83);
		transform-origin:bottom left;
		padding-left:30px;
	}
	
	main div.work .medias {
		top:81.5px;
		margin-top:10.5px;
	}
	main div.work .medias .thumbs {
		margin-bottom:30px;
	}
	.works a.work {
		margin:12.5px;
		width:calc(50% - 25px);
	}
	.works a.work picture,
	.works a.work .card {
		width:calc(50% - 12.5px);
		height:275px;
	}
	.works a.work .card {
		padding:16.67px;
	}
	
	.works a.work:hover .card {
		width:calc(50% + 12.5px);
	}
	
	.works a.work .card .inner {
		width:120%;
	}
	
	.works {
		margin-top:-3px;
		margin-bottom:18px;
		margin-top:8px;
		margin-top:-2px;
	}
	
	header .container {
		padding-top:25px;
	}
	
	header nav {
		margin-top:20px;
	}
	
	main .container {
		padding-top:71px;
		
	}
	.text.highlighted {
		top:71px;
	}
	
	main .posts {
		margin-top:-15.5px;
		padding-bottom:5px;
	}
	
	main div.post {
		margin-top:21.5px;
	}
	
	body main .text.highlighted, 
	body.ne-yapiyoruz main .text.highlighted{
		padding-top:5.5px;
	}
}
@media (max-width:1400px){
	#wrapper {
		width:1100px;
	}
	
	main {
		width:900px;
	}
	
	body.ne-yapiyoruz main .text:last-child {
		margin-left:300px;
		width:600px;
	}
	body.ne-yapiyoruz main .text:last-child .scaler {
		display:flex;
		flex-wrap:wrap;
	}
	body.ne-yapiyoruz main .text:last-child h3 {
		width:100%;
	}
	body.ne-yapiyoruz main .text:last-child .service {
		width:345px;
	}
	body.ne-yapiyoruz main .text:last-child .service:nth-child(2n+1) {
		padding-left:15px;
		padding-right:15px;
	}
	
	main .posts a.post {
		width:calc(33.33% - 20px);
	}
	main div.post {
		padding-right:10px;
	}
	
	.works a.work {
		width:calc(66.66% - 25px);
	}
	
	.works a.work:nth-child(3n+2){
		width:calc(33.34% - 25px);
	}
	
	.works a.work:nth-child(3n+2) picture{
		width:100%;
	}
	.works a.work:nth-child(3n+2) .card{
		position:absolute;
		top:calc(100% + 25px);
		width:100%;
		height:100%;
		transition-property: top, width, padding, height;
	}
	.works a.work:nth-child(3n+2):hover .card{
		padding-left:16.67px;
		padding-right:16.67px;
		top:100%;
		padding-top:20px;
		height:calc(100% + 25px);
		
	}
}
@media (max-width:1120px){
	main .text {
		padding:10px 15px;
	}
	.scaler {
		transform:none;
		width:100%;
	}
	header .container {
		transform:none;
		padding-left:5px;
	}
	footer .container {
		transform:none;
		padding-left:5px;
	}
	body.log main .container:has(div.post) {
		transform:none;
		width:100%;
	}
	.works a.work .card .inner {
		width:100%;
	}
	
	#wrapper {
		width:920px;
	}
	
	main {
		width:720px;
	}
	
	main .text {
		width:360px;
	}
	
	body.metto main .container picture {
		width:360px;
	}
	body.metto main .container picture {
		padding:12px 15px 10px 15px;
	}
	
	body.metto main .text:last-child {
		margin-left:50%;
	}
	
	body.ne-yapiyoruz main .text:nth-child(3) {
		margin-left:50%;
	}
	
	body.ne-yapiyoruz main .text:last-child {
		margin-left:50%;
		width:360px;
	}
	
	body.ne-yapiyoruz main .text:last-child .service {
		width:100%;
	}
	body.ne-yapiyoruz main .text:last-child .service:nth-child(2n+1) {
		padding-left:0px;
		padding-right:30px;
	}
	main .posts a.post {
		width:calc(50% - 20px);
	}
	main div.post {
		padding-left:10px;
	}
	figure:has(img.left), 
	p:has(img.left) {
		margin-left:0px;
		float:none;
		padding:0px;
	}
	
	img.left[imagesize="twoThirdSize"],
	figure:has(img.left[imagesize="twoThirdSize"]) figcaption,
	img.left[imagesize="halfSize"],
	figure:has(img.left[imagesize="halfSize"]) figcaption {
		margin-left:0px;
	}
	figure img.left + figcaption {
		text-align:left;
	}
	
	figure:has(img.full), 
	p:has(img.full) {
		margin-left:0px;
		width:100%;
		padding:0px;
	}
	
	figure img.full + figcaption {
		position:relative;
		display:block;
		width:100%;
		left:auto;
	}
	
	.works a.work {
		width:100%;
	}
	
	.works a.work picture, 
	.works a.work .card {
		height:100%;
	}
	
	.works a.work:nth-child(4n+3):hover .card, .works a.work:nth-child(4n+4):hover .card {
		padding-left:16.67px;
	}
	
	.works a.work:nth-child(3n+2) {
		width:100%;
	}
	
	.works a.work:nth-child(2n) picture {
		order:3;
		margin-left:auto;
		margin-right:0px;
	}
	
	
	.works a.work:nth-child(2n+1) picture {
		order:1;
		margin-left:0px;
		margin-right:auto;
	}
	
	.works a.work:nth-child(3n+2) picture {
		width:calc(50% - 12.5px);
	}
	.works a.work:nth-child(3n+2) .card {
		position:relative;
		top:auto;
		left:auto;
		width:calc(50% - 12.5px);
		height:auto;
	}
	
	.works a.work:nth-child(3n+2):hover .card {
		padding-left: 16.67px;
		padding-right: 16.67px;
		top:auto;
		padding-top: 16.67px;
		height: auto;
	}
	.works a.work:nth-child(2n):hover .card,
	.works a.work:nth-child(2n+1):hover .card {
		width: calc(50% + 12.5px);
	}
	
	.works a.work:nth-child(2n+1):hover .card {
		padding-right:calc(25px + 16.67px);
	}
	
	#work-filters {
		width:344px;
		height:auto;
	}
	
	div.work .info {
		width:360px;
	}
	
	main div.work .medias {
		width:calc(100% - 375px);
	}
	
	
	
	main .container {
		padding-top:86px;
	}
	
	.works {
		margin-top:-3px;
		margin-bottom:24px;
	}
	div.work .info {
		margin-top:12px;
	}
	div.work .info .card h1 {
		margin-top:-5.5px;
	}
	
	main div.work .medias {
		top:98px;
		margin-top:12px;
	}
	
	body.ne-yapiyoruz main .text {
		padding-top:5.5px;
	}
	
	.text.highlighted {
		top:86px;
	}
	div.work .info .services-share-navigation {
		padding-bottom:11px;
	}
	main div.post {
		margin-top:6.5px;
	}
	body main .text.highlighted, body.ne-yapiyoruz main .text.highlighted {
		padding-bottom:13px;
	}
}

@media (max-width:940px){
	#wrapper {
		width:90%;
	}
	
	main {
		width:calc(100% - 200px);
	}
	
	body.iletisim main .container picture {
		width:100%;
	}
	
	body.home main .container > picture,
	body.home main .container .swiper {
		width:calc(100% + 50px);
	}
	
	body.metto main .container picture {
		width:100%;
	}
	
	main .text {
		width:100%;
	}
	body.iletisim main .container, 
	body.metto main .container, 
	body.ne-yapiyoruz main .container {
		flex-wrap:wrap;
	}
	
	body.iletisim .text:nth-child(2){
		padding-top:12px;
	}
	
	body.metto main .text.highlighted, 
	body.ne-yapiyoruz main .text.highlighted {
		width:100%;
		margin-bottom:10px;
	}
	
	body.metto main .text.highlighted br, 
	body.ne-yapiyoruz main .text.highlighted br {
		display:none;
	}
	
	header .container {
		padding-top:20px;
	}
	body.metto main .text:last-child {
		margin-left:0px;
	}
	
	body.ne-yapiyoruz main .text:nth-child(3) {
		margin-left:0px;
	}
	
	body.ne-yapiyoruz main .text:last-child {
		margin-left:0px;
		width:100%;
	}
	
	main .container {
		padding-top:81px;
	}
	body main .text.highlighted, 
	body.ne-yapiyoruz main .text.highlighted {
		padding-top:6px;
	}
	main .posts a.post {
		width:calc(100% - 20px);
	}
	
	.works a.work picture {
		height:auto;
	}
	
	.works a.work .card {
		height:auto;
	}
	#work-filters {
		width:auto;
	}
	.works {
		margin-top:-2.5px;
	}
	.works a.work:nth-child(3n+2) {
		flex-wrap:nowrap;
		align-items:normal;
	}
	.works a.work:nth-child(3n+2):hover .card {
		height:auto
	}
	
	main div.work .medias {
		order:3;
		width:100%;
		height:auto;
		top:auto;
		position:relative;
	}
	
	main div.work .medias .photos {
		position:relative;
		width:100%;
		height:calc(50.625vw - 135px);
		height:calc(50.625vw - 142px);
		top:auto;
		left:auto;
	}
	
	main div.work .medias .thumbs {
		position:relative;
		width:100%;
		height:auto;
		top:auto;
		left:auto;
		margin-top:30px;
	}
	
	div.work {
		flex-wrap:wrap;
	}
	div.work .info {
		margin-top:11px;
		width:100%;
		order:2;
	}
	
	.works a.work {
		flex-wrap:wrap;
	}
	.works a.work picture,
	.works a.work:nth-child(2n) picture,
	.works a.work:nth-child(2n+1) picture {
		order:1;
		width:100%;
		margin:0px 0px 0px 0px;
	}
	
	.works a.work .card,
	.works a.work:nth-child(2n) .card,
	.works a.work:nth-child(3n+2) .card {
		order:2;
		width:100%;
	}
	
	.works a.work:nth-child(3n+2) {
		flex-wrap:wrap;
	}
	
	.works a.work:nth-child(2n+1):hover .card,
	.works a.work:nth-child(2n+2):hover .card {
		width:100%;
		padding-left:16.67px;
		padding-right:16.67px;
	}
	
	.text.highlighted {
		position:relative;
		top:auto;
	}
}



@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
	header nav li {
		margin-left:3.5px;
	}
	
	header a#lang-switch {
		margin-left:3.5px;
	}
	
	header nav a:hover {
		text-decoration-thickness:1.5px;
	}
	
	header form input[type="text"] {
		border-bottom:1.5px solid #000000;
	}
	
	header a#lang-switch:hover {
		text-decoration-thickness:1.5px;
	}
	
	main .text p a:hover {
		text-decoration-thickness:1.5px;
	}
	
	main .posts a.post:hover h3 {
		text-decoration-thickness:1.5px;
	}
	
	main div.post .share ul li a:hover,
	main div.work .share ul li a:hover {
		text-decoration-thickness: 1.5px;
	}
	
	main .posts a.post.c3:hover p,
	main .posts a.post.c4:hover p {
		text-decoration-thickness: 1.5px;
	}
	main div.post p a {
		text-decoration-thickness:1.5px;
	}
	
	#work-filters li a:hover {
		text-decoration-thickness: 1.5px;
	}
	
	#work-filters li + li:before {
		top:8.5px;
	}
	
	main .text .service a:hover {
		text-decoration-thickness:1.5px;
	}
	
	div.work .info .services li a:hover {
		text-underline-offset: 1.5px;
		text-decoration-thickness: 1.5px;
	}
	
	main div.work .share ul {
		top:5.5px;
	}
	
	main div.work .share ul li a:hover {
		text-underline-offset: 1.5px;
		text-decoration-thickness: 1.5px;
	}
	
	main div.post h1 a {
		text-decoration-thickness: 1.5px;
	}
	
	main div.post h3 a {
		text-decoration-thickness: 1.5px;
	}
	
	main div.post blockquote a {
		text-underline-offset: 1.5px;
		text-decoration-thickness: 1.5px;
	}
	
	body .f-button svg {
		stroke-width: 1.5px;
	}
	
	div.work p a {
		text-underline-offset:2.5px;
		text-decoration-thickness:1.5px;
	}
	
	figure {
		margin-top:6.5px;
	}
	p:has(img) {
		margin-top:6.5px;
	}
}



@media (max-width:600px){
	figure:has(img.left), p:has(img.left) {
		max-width:none;
	}
	
	.text .service,
	.text .search-result {
		padding-left:0px;
	}
	main div.post blockquote {
		padding-left:30px;
		padding-right:20px;
	}
	
	.works a.work .card {
		padding:20px;
	}
	.works a.work .card .services {
		margin-top:15px;
	}
	#wrapper {
		width:calc(100% - 10px);
		width:100%;
	}
	
	main {
		width:100%;
		padding:0px 5px;
	}
	
	header {
		width:100%;
		height:68px;
		min-height:auto;
		overflow:hidden;
		z-index:2;
		background-color:#FFFDFB;
		
	}
	
	
	
	header.expanded,
	body.home header,
	body.iletisim header {
		background-color:#6FCFEB;
	}
	
	header.expanded {
		height:353px;
	}
	
	header .container {
		padding-top:10px;
	}
	
	header .container {
		padding:10px 5px 10px 10px;
	}
	
	main .container {
		padding-top:24px;
	}
	
	.menu-toggle {
		display:block;
	}
	
	body.home main {
		height:calc(100vh - 68px);
		height:calc(var(--screen-height) - 68px);
		padding:0px;
	}
	
	body.home header.expanded + main {
		height:calc(100vh - 401px);
	}
	
	body.home main .container > picture,
	body.home main .container .swiper {
		height:100%;
	}
	
	footer .container {
		padding:10px 10px 10px 10px;
	}
	
	figure.left {
		max-width:none;
	}
	
	body.home main .container > picture,
	body.home main .container .swiper {
		width:100%;
	}
	
	main div.post .share {
		bottom:12px;
		left:auto;
		right:-2px;
	}
	
	main div.post .share ul,
	main div.work .share ul {
		padding:5px;
		right:-1px;
		background-color:#FFFDFB;
	}

	#work-filters {
		width:100%;
		top:68px;
	}
	
	.works {
		margin-top:40px;
	}
	
	header.expanded + main #work-filters {
		top:353px;
	}
	
	header nav a.active {
		color:#FFFFFF;
	}
	
	body.isler main.no-padding-mobile {
		padding:0px;
	}
	/*
	main div.work .medias {
		margin-top:0px;
		}*/
	main div.work .medias .photos {
		height:56.25vw;
		/*height:100vw;*/
	}
	div.work .info .card {
		padding-left:20px;
		padding-right:20px;
	}
	
	body.home footer {
		display:none;
	}
	
	body.isler main .container {
		padding-top:0px;
	}
	
	main div.work .medias {
		order:3;
		margin-top:20px;
	}
	
	div.work .info {
		margin-top:10px;
	}
	
	main div.work .work-navigation {
		display:none;
	}
	main div.work > .work-navigation {
		display:flex;
		order:4;
		width:100%;
		padding:40px 20px 20px 20px;
	}
	/*
	div.work .info .card h1{
		margin-top:10px;
	}*/
	
	main div.work .medias .thumbs {
		margin-top:20px;
		width:calc(100% - 40px);
	}
	
	body.metto main .text.highlighted, 
	body.ne-yapiyoruz main .text.highlighted {
		padding-top:0px;
	}
	
	footer {
		margin-top:-10px;
	}
	
	.text .service {
		padding-right:0px;
	}
	
	main div.post {
		margin-top:0px;
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	
	main div.post p {
		width:100%;
	}
	
	figure:has(img.left), p:has(img.left) {
		width:100%;
	}
	
	.works a.work:hover .card,
	.works a.work:nth-child(2n+1):hover .card, 
	.works a.work:nth-child(2n+2):hover .card {
		padding:20px;
	}
	
	main div.work .share ul {
		top:0px;
	}
}



@media (hover:none) {
	.works a.work .card .inner {
		opacity:1;
	}
}

@media screen and (orientation:portrait) {
	body.home .swiper.horizontal {
		display:none !important;
	}
	body.home .swiper.vertical {
		display:block !important;
	}
}

@media (min-width:2000px){
	main > .container.expand {
		width:calc(50vw + 550px);
	}
	
	main > .container.expand div.work .medias {
		height:calc(28.125vw + 90px);
	}
}