/*
 Theme Name: Simay Demirel
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Simay Demirel

 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 100vh; */
    overscroll-behavior: none;
    font-weight: normal;
    overflow: auto;
}

html * {
    /* overscroll-behavior: none; */
}

body {
    margin: 0px;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 0px !important;
font-family: 'Times';
		font-size: 16px;
	line-height: 21px;
}
:root {
    --true-vh: 1vh;
}
body *,span, a,p {
    text-size-adjust: none;
}

h1 {
}

.mobile {
    display: none !important;
}

html::-webkit-scrollbar, body::-webkit-scrollbar{
    display: none;
}

html, body {
    -ms-overflow-style: none;
}

header {
    width: 100%;
    z-index: 3;
    opacity: 1;
}

html, body {
    -ms-overflow-style: none;
}

html.home_html {
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body * {
    outline: none;
}

div, ul, li, header, footer, a, figure, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#primary {
    min-height: 100vh;
    position: relative;
}

ol, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

b, strong, h1, h2, h3, h4, h5, h6, label {
    font-weight: normal;
    /* margin: 0; */
}

textarea, input[type="text"], input[type="button"], input[type="submit"], input, button {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

a {
    color: #580013;
}

b, strong {
}

.custom_clear::after {
    clear: both;
    display: block;
    content: '';
}

a {
    text-decoration: none
}

header {
}

.body *, body, a, label {
}
#content,#colophon {
    transition: opacity .25s ease;
    transition: opacity var(--duration-default,.25s) ease
}

.website_unloading #content, .website_unloading #colophon {
    opacity: 0
}

.first_load #content, .first_load #colophon {
    opacity: 0
}

.home_container{
	height:100%;
	overflow:hidden;
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	background: white;
}
.main_website_container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    cursor: none;
}
.main_website_container .website_slider {
}

.main_website_container .website_slider:after, .main_website_container .website_slider:before {
    position: absolute;
    z-index: 100;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    padding: 10px;
    /* pointer-events: none; */
    -moz-transition: opacity .1s linear 0s;
    -ms-transition: opacity .1s linear 0s;
    -o-transition: opacity .1s linear 0s;
    transition: opacity .1s linear 0s;
    cursor: pointer;
}

.already_interact .main_website_container .website_slider:after, .already_interact .main_website_container .website_slider:before {
    opacity: 0;
}

.main_website_container .website_slider:after, .main_website_container .website_slider:before {
    opacity: 0;
}

.main_website_container .website_slider:after {
    right: 0;
}

.main_website_container .website_slider:before {
    left: 0;
}

.main_website_container .website_slider .website_slider_wrapper {
    cursor: none;
}

.main_website_container .website_slider .website_slider_wrapper .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*-moz-transition: color .1s linear 0s;
	-ms-transition: color .1s linear 0s;
	-o-transition: color .1s linear 0s;
	transition: color .1s linear 0s;
	
    -moz-transition: background-color .3s linear 0s;
    -ms-transition: background-color .3s linear 0s;
    -o-transition: background-color .3s linear 0s;
    transition: background-color .3s linear 0s;
	 */
    pointer-events: none;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    opacity: 0;
    pointer-events: none;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.contain_image {
    background-size: contain;
    background-repeat: no-repeat
}

.main_website_container .website_slider .website_slider_wrapper .slide.playing_video .slide_image {
   /* background-image: none !important;*/
}

.main_website_container .website_slider .website_slider_wrapper .slide.playing_video .slide_image video {
    opacity: 1 !important;
}

.main_website_container .website_slider .website_slider_wrapper .slide.playing_video .slide_image.fix_video video {
    width: 100%;
    height: auto;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.right_image {
    background-position: center right;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.right_image video {
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.left_image {
    background-position: center left;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.left_image video {
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image video {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
    background-color: transparent;
}

.main_website_container .project_detail {
    top: 0;
    position: absolute;
    /*-moz-transition: color .1s linear 0s;
	-ms-transition: color .1s linear 0s;
	-o-transition: color .1s linear 0s;
	transition: color .1s linear 0s;
	 */
    opacity: 0;
    left: 0;
    padding: 0.5271vw 0.6976vw;
    -moz-transition: opacity .1s linear 0s,color .1s linear 0s;
    -ms-transition: opacity .1s linear 0s,color .1s linear 0s;
    -o-transition: opacity .1s linear 0s,color .1s linear 0s;
    transition: opacity .1s linear 0s,color .1s linear 0s;
    text-align: left;
    font-family: 'ABC Marist Unlicensed Trial Book';
    letter-spacing: -0.014em;
    line-height: 0.786vw;
    transition-delay: 0s;
	
}
.main_website_container .project_detail:not(.has_url),.main_website_container .project_detail:not(.has_url) label{
	cursor:text
}
.main_website_container .current_slide  .project_detail{
	pointer-events:all;
}
.main_website_container .project_detail label {
    /* text-transform: uppercase; */
    display: inline-block;
    /* margin-right:8px */
    display: block;
    /* font-size: 15px; */
    /* font-family: 'Waldenburg Halbfett'; */
    /* letter-spacing: -0.01em; */
    line-height: 0.9647vw;
}

.main_website_container .current_slide .project_detail {
    opacity: 1
}

.main_website_container .website_slider .website_slider_wrapper .slide.current_slide .slide_image {
    opacity: 1;
    pointer-events: all;
}

.main_website_container .website_slider .website_slider_wrapper .slide .slide_image.portrait_square_video {
    height: 100vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.cursor {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    -moz-transition: color .1s linear 0s;
    -ms-transition: color .1s linear 0s;
    -o-transition: color .1s linear 0s;
    transition: color .1s linear 0s;
    /* color: #abb8c3; */
    /* mix-blend-mode: exclusion; */
}

.cursor label {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    text-align: center;
    width: 11px;
    display: block;
    -moz-transition: transform .35s linear;
    -ms-transition: transform .35s linear;
    -o-transition: transform .35s linear;
    transition: transform .35s linear;
}
.left_side .cursor label {
	transform: translate(-50%,-50%) rotate(180deg) ;
}
.cursor label svg{
	    -moz-transition: transform .35s linear;
	    -ms-transition: transform .35s linear;
	    -o-transition: transform .35s linear;
	    transition: transform .35s linear;
	    transform: rotate(45deg);
}
.cursor label span {
    margin-right: .8vw;
    display: inline-block
}

.cursor_visible .cursor {
    opacity: 1;
}
.home_typing_loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ececec;
	z-index:20;
    transition: opacity .9s linear;
    transition: opacity var(--duration-default, .9s) linear;
}
.remove_intro .home_typing_loader{
	opacity:0;
	pointer-events:none;
}
.home_typing_loader .home_typing_loader_text{
	position:absolute;
	top:50%;
	left: calc(50% - (152.36px / 2));
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	text-align: left;
	transition: opacity .4s linear;
	transition: opacity var(--duration-default,.4s) linear
}
.remove_intro .home_typing_loader_text{
	opacity:0;
	pointer-events:none;
}
.about_btn:before{
	content:'About';
}
.open_about .about_btn:before{
	content:'Close';
}
.website_menu{
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    z-index: 11;
    height: 21px;
    width: 100%;
    pointer-events: none;
}
.website_menu .website_name{
    position: absolute;
    left: 24px;
}
.website_menu .about_btn{
    left: 450px;
    position: absolute;
    cursor: pointer;
    pointer-events: all;
}
.about_container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(50px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s linear;
    transition: opacity var(--duration-default, .5s) linear;
}
.open_about .about_container{
	opacity:1;
	pointer-events: all;
}
.about_container .about_container_wrapper {}

.about_container .about_container_wrapper .about_menu {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%, -50%);
    width: 50%;
    padding

    padding: 24px;
    padding: 24px;
}
.about_container .about_container_wrapper .about_menu.custom_clear {}
.about_container .about_container_wrapper .about_menu .about_link {
}
.about_container .about_container_wrapper .about_menu .instagram_link {}
.about_container .about_container_wrapper .about_menu .instagram_link a {}
.about_container .about_container_wrapper .about_menu .email_link {
    right: 24px;
    position: absolute;
    top: 24px;
}
.about_container .about_container_wrapper .about_menu .email_link a {}

.about_container .about_container_wrapper .about_content {
    position: absolute;
    bottom: 0;
    width: 0;
    right: 0;
    width: 50%;
    padding: 12px;
}
.about_container .about_container_wrapper .about_content .about_content_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.about_container .about_container_wrapper .about_content .about_content_items.custom_clear {}
.about_container .about_container_wrapper .about_content .about_content_items .about_content_item {
    padding: 12px;
    position: relative;
}
.about_container .about_container_wrapper .about_content .about_content_items .services_item {
    padding-bottom: 40px;
}
.about_container .about_container_wrapper .about_content .about_content_items .projects_item {
    padding-bottom: 40px;
}
.about_container .about_container_wrapper .about_content .about_content_items .clients_item {}
.about_container .about_container_wrapper .about_content .about_content_items .porfolio_item  .about_content_item_text {}

.about_container .about_container_wrapper .about_content .about_content_items .about_content_item .about_content_item_title {
    text-transform: uppercase;
    margin-bottom: 9px;
    font-size: 12px;
}
.about_container .about_container_wrapper .about_content .about_content_items .about_content_item.porfolio_item .about_content_item_text {
    position: absolute;
    bottom: 12px;
    right: 12px;
    text-transform: uppercase;
}

.about_container .about_container_wrapper .about_content .about_content_items .projects_item .about_content_item_text .about_content_item_text_link {
    margin-top: 1px;
}
.about_container .about_container_wrapper .about_content .about_content_items .projects_item .about_content_item_text .about_content_item_text_link a {}
.about_container .about_container_wrapper .about_content .about_content_items .projects_item .about_content_item_text .about_content_item_text_link a span {
	display:inline-block;
	width: 11px;
	-moz-transition: transform .35s linear;
	-ms-transition: transform .35s linear;
	-o-transition: transform .35s linear;
	transition: transform .35s linear;
	display: inline-block;
	vertical-align: -0.1vw;
}

.about_container .about_container_wrapper .about_content .about_content_items .projects_item .about_content_item_text .about_content_item_text_link a span svg{
	display:block;
	width:100%;
	height:auto;
}
.about_container .about_container_wrapper .about_content .about_content_items .about_content_item .about_content_item_text p:last-child{
	margin-bottom:0;
}
.about_container .about_container_wrapper .about_content .about_content_items .about_content_item .about_content_item_text p{
	margin:0;
}
.main_about_text{
    position: absolute;
    right: 0;
    width: 50%;
    padding: 24px;
}
.main_about_text p{}
.main_about_text p:first-child{
	margin-top:0
}
@media (orientation: landscape) {
	.about_container .about_container_wrapper .about_content .about_content_items .about_content_item .about_content_item_text{
		display:block!important
	}
}