*{margin:0;padding:0;border:0;box-sizing:border-box;border-collapse:collapse;font-family:'Rethink Sans',sans-serif;font-size:20px}
@keyframes fadein{from{opacity:0} to{opacity:1}}
@-moz-keyframes fadein{from{opacity:0} to{opacity:1}}
@-webkit-keyframes fadein{from{opacity:0} to{opacity:1}}
@-ms-keyframes fadein{from{opacity:0} to{opacity:1}}
@-o-keyframes fadein{from{opacity:0} to{opacity:1}}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:#333}
::-webkit-scrollbar-thumb:hover{background:#444}
html{
	height:100%;
	overflow:hidden
}
body{
	height:100%;
	margin:0;
	overflow-x:hidden;
	overflow-y:scroll;
	perspective:1px;
	transform-style:preserve-3d;
	padding:0
}
p,
p span{font-weight:300;font-size:16px}
p{margin:14px 30px 0 22px}
a{text-decoration:none;cursor:pointer}
div.clear{clear:both}
#imza{
	position:absolute;
	z-index:99;
	right:11vw;
	top:0px;
	width:125px
}
header{
	position:relative;
	width:100vw;
	min-height:100vh;
	transform-style:inherit;
	padding:30vw 0 5vw;
	background-image:url(../../gallery/artworks/0067_r_50x65_tUyb_2022.jpg),url(../../gallery/artworks/0067_r_50x65_tUyb_2022.jpg);
	background-size:cover,cover;
	transform-origin:center center 0,center center 0;
	transform:translateZ(-1px) scale(2)
}
.main{
	position:absolute;
	z-index:2;
	overflow:hidden;
	width:100vw;
	margin-top:0%;
	background:rgb(245,235,200)
}
section1{margin:100px 200px auto}
section1 .DocumentBody .Container{display:block;width:100%;text-align:center}
section1 .links{
	position:relative;
	width:100vw;
	height:45px;
	margin-top:40px;
	text-align:right;
	color:black
}
section1 .links .container{position:relative}
section1 .links .container .instagram{
	display:inline-block;
	background-image:url("../picts/logo-instagram.png")!important;
	background-repeat:no-repeat!important;
	background-position:left center!important;
	background-size:40px 40px!important;
	height:45px;
	margin:0 24px;
	padding-left:47px
}
section1 .links .container div div{display:table;height:100%}
section1 .links .container div div div{display:table-row}
section1 .links .container div div div div{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	color:black
}
section2{width:100%;text-align:center}
section2 .siteLegal{margin:10px 10px 10px 10px;font-size:12px;color:black}
@media only screen and (max-width:991px){
	header img{width:30%}
	header p{width:90%;margin:auto}
	.work img{margin:2%;width:90%}
	section1{margin:130px 0 40px 12px}
	section1 .links .container{margin-right:12px}
	section1 .links .container .instagram div{display:none}
	section1 p{width:90%}
	.work2 img{margin:2}
}
@media only screen and (max-width:425px){
	#imza{right:0}
}
/*<Menu1*/
				.main nav{
					position:relative;
					margin:0;
					text-align:center
				}
				.main nav .container{
					position:relative;
					display:inline-block;
					padding:20px 11px 10px 11px
				}
				.main nav .container:hover{
					box-shadow:rgba(0,0,0,.01) 0px 20px 25px -5px,rgba(0,0,0,.04) 0px 10px 10px -5px;
					transition:all ease .1s
				}
				.main nav .container a,
				.main nav .container a span{
					margin:0 5px;
					background:none;
					font-size:15px;
					color:#8a4813;
					cursor:pointer
				}
				.main nav .container a{text-decoration:none}
				.main nav .container a:link{color:#8a4813}
				.main nav .container a:visited{color:#8a4813}
				.main nav .container a:hover{transition:all ease .1s;color:#471e00}
				.main nav .container a:active{color:#471e00}
/*
.main nav{
	position:fixed;
	z-index:99;
	width:100%;
	background:#242526
}
.main nav .wrapper{
	position:relative;
	max-width:1300px;
	padding:0px 30px;
	height:70px;
	line-height:70px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.main nav .wrapper .nav-links{display:inline-flex}
.main nav .wrapper .nav-links li{list-style:none}
.main nav .wrapper .nav-links li a{
	color:#f2f2f2;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	padding:9px 15px;
	border-radius:5px;
	transition:all .3s ease
}
.main nav .wrapper .nav-links li a:hover{background:#3A3B3C}
.main nav .wrapper .nav-links .mobile-item{display:none}
.main nav .wrapper .nav-links .drop-menu{
	position:absolute;
	background:#242526;
	width:180px;
	line-height:45px;
	top:85px;
	opacity:0;
	visibility:hidden;
	box-shadow:0 6px 10px rgba(0,0,0,.15)
}
.main nav .wrapper .nav-links li:hover .drop-menu,
.main nav .wrapper .nav-links li:hover .mega-box{
	transition:all .3s ease;
	top:70px;
	opacity:1;
	visibility:visible
}
.drop-menu li a{
width:100%;
display:block;
padding:0 0 0 15px;
font-weight:400;
border-radius:0px;
}
.mega-box{
position:absolute;
left:0;
width:100%;
padding:0 30px;
top:85px;
opacity:0;
visibility:hidden;
}
.mega-box .content{
background:#242526;
padding:25px 20px;
display:flex;
width:100%;
justify-content:space-between;
box-shadow:0 6px 10px rgba(0,0,0,.15);
}
.mega-box .content .row{
width:calc(25% - 30px);
line-height:45px;
}
.content .row img{
width:100%;
height:100%;
object-fit:cover;
}
.content .row header{
color:#f2f2f2;
font-size:20px;
font-weight:500;
}
.content .row .mega-links{
margin-left:-40px;
border-left:1px solid rgba(255,255,255,.09);
}
.row .mega-links li{
padding:0 20px;
}
.row .mega-links li a{
padding:0px;
padding:0 20px;
color:#d9d9d9;
font-size:17px;
display:block;
}
.row .mega-links li a:hover{
color:#f2f2f2;
}
.wrapper .btn{
color:#fff;
font-size:20px;
cursor:pointer;
display:none;
}
.wrapper .btn.close-btn{
position:absolute;
right:30px;
top:10px;
}

@media screen and (max-width:970px){
.wrapper .btn{
display:block;
}
.wrapper .nav-links{
position:fixed;
height:100vh;
width:100%;
max-width:350px;
top:0;
left:-100%;
background:#242526;
display:block;
padding:50px 10px;
line-height:50px;
overflow-y:auto;
box-shadow:0px 15px 15px rgba(0,0,0,.18);
transition:all .3s ease;
}


#menu-btn:checked ~ .nav-links{
left:0%;
}
#menu-btn:checked ~ .btn.menu-btn{
display:none;
}
#close-btn:checked ~ .btn.menu-btn{
display:block;
}
.nav-links li{
margin:15px 10px;
}
.nav-links li a{
padding:0 20px;
display:block;
font-size:20px;
}
.nav-links .drop-menu{
position:static;
opacity:1;
top:65px;
visibility:visible;
padding-left:20px;
width:100%;
max-height:0px;
overflow:hidden;
box-shadow:none;
transition:all .3s ease;
}
#showDrop:checked ~ .drop-menu,
#showMega:checked ~ .mega-box{
max-height:100%;
}
.nav-links .desktop-item{
display:none;
}
.nav-links .mobile-item{
display:block;
color:#f2f2f2;
font-size:20px;
font-weight:500;
padding-left:20px;
cursor:pointer;
border-radius:5px;
transition:all .3s ease;
}
.nav-links .mobile-item:hover{
background:#3A3B3C;
}
.drop-menu li{
margin:0;
}
.drop-menu li a{
border-radius:5px;
font-size:18px;
}
.mega-box{
position:static;
top:65px;
opacity:1;
visibility:visible;
padding:0 20px;
max-height:0px;
overflow:hidden;
transition:all .3s ease;
}
.mega-box .content{
box-shadow:none;
flex-direction:column;
padding:20px 20px 0 20px;
}
.mega-box .content .row{
width:100%;
margin-bottom:15px;
border-top:1px solid rgba(255,255,255,.08);
}
.mega-box .content .row:nth-child(1),
.mega-box .content .row:nth-child(2){
border-top:0px;
}
.content .row .mega-links{
border-left:0px;
padding-left:15px;
}
.row .mega-links li{
margin:0;
}
.content .row header{
font-size:19px;
}
}
nav input{
display:none;
}

/*>Menu1*/
/*<Modal*/
#divModalBG,
#divModalFG{
	display:none;
	position:fixed;
	padding-top:100px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto
}
#divModalBG{z-index:100;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.9)}
#divModalFG{z-index:101;background-color:rgb(0,0,0);cursor:pointer}
#divModalCaption{
	position:absolute;
	left:0;
	right:0;
	bottom:2%;
	display:block;
	text-align:center;
	color:#ccc;
	padding:2px 10px;
	font-size:11px;
	/*height:150px;
	animation-name:zoom;
	animation-duration:.6s*/
	background-color:rgb(0,0,0);background-color:rgba(0,0,0,.9);
	opacity:0;
	animation:fadeinout 4s linear forwards
}
@keyframes zoom{from{transform:scale(0)} to{transform:scale(1)}}
@keyframes fadeinout{0,10%,90%,100%{opacity:0} 11%,89%{opacity:1}}
#divModalClose{
	position:absolute;
	top:12px;
	right:30px;
	color:#f1f1f1;
	font-size:36px;
	font-weight:bold;
	transition:.3s
}
#divModalClose:hover,
#divModalClose:focus{
	color:#bbb;
	text-decoration:none;
	cursor:pointer
}
@media only screen and (max-width:700px){
	#divModalContent{width:100%}
}
/*>Modal*/