.videodark{position:relative;overflow:hidden}
.fullscreen-bg__video{position:absolute;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.darkk{width:100%;height:100%;padding:0;margin:0;position:relative;background:rgba(24,26,34,.5);z-index:4}
.dark100{width:100%;height:100vh;min-height:700px;padding:0;margin:0;position:relative;background:rgba(24,26,34,.75);z-index:4}
@font-face{
	font-family:"Bold";
	src:url('../fonts/Bold.eot');
	src:url('../fonts/Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Bold.otf') format('opentype'),
	url('../fonts/Bold.svg'),
	url('../fonts/Bold.woff') format('woff'),
	url('../fonts/Bold.ttf') format('truetype');
}
@font-face{
	font-family:"DemiBold";
	src:url('../fonts/DemiBold.eot');
	src:url('../fonts/DemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DemiBold.otf') format('opentype'),
	url('../fonts/DemiBold.svg'),
	url('../fonts/DemiBold.woff') format('woff'),
	url('../fonts/DemiBold.ttf') format('truetype');
}
@font-face{
	font-family:"Regular";
	src:url('../fonts/Regular.eot');
	src:url('../fonts/Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Regular.otf') format('opentype'),
	url('../fonts/Regular.svg'),
	url('../fonts/Regular.woff') format('woff'),
	url('../fonts/Regular.ttf') format('truetype');
}
/* body */
html, body{
	font-family:"Regular";
	font-weight:normal;
	font-size:16px;
	text-indent:0;
	text-align:left;
	line-height:24px;
	width:100%;
	min-width:1240px;
	height:100%;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	background:#0a0a0a;
	-webkit-text-size-adjust:none;
	position:relative;
	cursor:default;
}
h2{font-size:1.8rem!important;line-height:1.2!important}
p{font-size:1.2rem!important;line-height:1.2!important}
@media all and (max-width:1260px){
	html, body{
		min-width:1010px;
	}
}
@media all and (max-width:1020px){
	html, body{
		min-width:710px;
	}
}
@media all and (max-width:720px){
	html, body{
		min-width:400px;
	}
	h2{font-size:1.6rem!important;line-height:1.2!important}
	p{font-size:1.0rem!important;line-height:1.2!important}
}
::-webkit-scrollbar{width:5px; height:5px;}
::-webkit-scrollbar-button{width:0; height:0; background:#ffffff; }
::-webkit-scrollbar-track{background:#ffffff;}
::-webkit-scrollbar-track-piece{background:#ffffff;}
::-webkit-scrollbar-thumb{background:#212121;}
::-webkit-scrollbar-corner{background:#ffffff;}
::-webkit-resizer{background:#ffffff;}
::selection{color:#212121; background:#F2C94C;}
::-moz-selection{color:#212121; background:#F2C94C;}
body img{border:none;}
a{text-decoration:none;} 
a:link{color:#ffffff;}
a:visited{color:#ffffff;}
a:hover{color:#ffffff;}
a:active{color:#ffffff;}

a:hover, a:not(:hover),
a:hover svg, a:not(:hover) svg,
a:hover span, a:not(:hover) span,
a:hover::before, a:not(:hover)::before,
a:hover::after, a:not(:hover)::after{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}

a.work:hover, a.work:not(:hover),
a.work:hover svg, a.work:not(:hover) svg,
a.work:hover span, a.work:not(:hover) span,
a.work:hover::before, a.work:not(:hover)::before,
a.work:hover::after, a.work:not(:hover)::after{
	-webkit-transition:All 1.5s ease;
	-moz-transition:All 1.5s ease;
	-o-transition:All 1.5s ease;
	-ms-transition:All 1.5s ease;
	transition:All 1.5s ease;
}


.clear{clear:both;}
ul{
	margin:0;
	padding:0;
}
ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}
/* page */
#page{
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.ua{
	display:none;
}
/* background */
.bg-w{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}
.bg-w::after{
	content:'';
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:rgba(24,26,34,.5);
	background:rgba(33,33,33,0.9);
	background:rgb(0 0 0 / 60%);
	position:fixed;
	top:0;
	left:0;
	z-index:3;
}
.bg-w::before{
	content:'';
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:url('../images/noise.png') repeat top center;
	-webkit-background-size:100px 100px;
	-moz-background-size:100px 100px;
	-o-background-size:100px 100px;
	background-size:100px 100px;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}
.bg{
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}
.bg span{
	width:70vmin;
	height:70vmin;
	border-radius:70vmin;
	backface-visibility:hidden;
	position:absolute;
	animation-name:move;
	animation-duration:200s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.bg span:nth-child(1){
	color:#F2C94C;
	top:35%;
	left:45%;
	animation-duration:100s;
	animation-delay:-90s;
	transform-origin:-23vw -12vh;
	box-shadow:100vmin 0 20vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(2){
	color:#56CCF2;
	top:20%;
	left:40%;
	animation-duration:200s;
	animation-delay:-50s;
	transform-origin:10vw -1vh;
	box-shadow:-100vmin 0 10vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(3){
	color:#56CCF2;
	top:30%;
	left:20%;
	animation-duration:60s;
	animation-delay:-60s;
	transform-origin:23vw 20vh;
	box-shadow:-100vmin 0 30vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(4){
	color:#F2C94C;
	top:20%;
	left:40%;
	animation-duration:80s;
	animation-delay:-80s;
	transform-origin:8vw 4vh;
	box-shadow:-100vmin 0 30vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(5){
	color:#F2C94C;
	top:60%;
	left:20%;
	animation-duration:60s;
	animation-delay:-20s;
	transform-origin:2vw -4vh;
	box-shadow:100vmin 0 20vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(6){
	color:#56CCF2;
	top:70%;
	left:80%;
	animation-duration:50s;
	animation-delay:-10s;
	transform-origin:-8vw -21vh;
	box-shadow:-100vmin 0 10vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(7){
	color:#F2C94C;
	top:20%;
	left:50%;
	animation-duration:120s;
	animation-delay:-70s;
	transform-origin:2vw -20vh;
	box-shadow:-100vmin 0 10vmin currentColor;
	opacity:0.1;
}
.bg span:nth-child(8){
	color:#56CCF2;
	top:40%;
	left:70%;
	animation-duration:60s;
	animation-delay:-50s;
	transform-origin:-22vw -20vh;
	box-shadow:-100vmin 0 20vmin currentColor;
	opacity:0.1;
}
@-webkit-keyframes move{
	100%{
		transform:translate3d(0, 0, 1px) rotate(360deg);
	}
}
@keyframes move{
	100%{
		transform:translate3d(0, 0, 1px) rotate(360deg);
	}
}
/* top */
.link{
	width:100%;
	padding:0;
	margin:0;
	position:absolute;
	top:-80px;
	left:0;
	z-index:auto;
}
#top-w{
	width:100%;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	border-bottom:1px solid rgba(255,255,255,0);
}
#top-w.fixed-top{
	position:fixed;
	border-top:none;
	background:rgb(2 2 2 / 80%);
	border-bottom:1px solid rgba(255,255,255,0.1);
	-webkit-transform:translate3d(0,0,0);
	-webkit-backdrop-filter:blur(10px);
	-moz-backdrop-filter:blur(10px);
	-o-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
#top{
	width:1180px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
#top-w #top{ padding:40px 0; }
#top-w.fixed-top #top{ padding:20px 0; }
#top-w:hover, #top-w:not(:hover),
#top:hover, #top:not(:hover){
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
#top a.logo{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0;
	color:#ffffff;
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
}
#top-w .buttons-box{
	padding:0;
	margin:0;
	position:absolute;
	top:40px;
	right:0;
	z-index:auto;
}
.menu-button,
.menu-button-close{
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
	margin:0;
	position:relative;
	float:right;
	cursor:pointer;
	box-sizing:border-box;
	display:none;
}
.menu-button span,
.menu-button-close span{
	position:absolute;
	height:1px;
	border-radius:0;
	background:#ffffff;
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}
.menu-button span:nth-of-type(1){
	width:100%;
	top:5px;
	left:0;
}
.menu-button span:nth-of-type(2){
	width:70%;
	top:13px;
	left:0;
}
.menu-button-close span:nth-of-type(1){
	width:24px;
	top:-10px;
	left:1px;
	-webkit-transform:translateY(20px) rotate(-45deg);
	transform:translateY(20px) rotate(-45deg);
}
.menu-button-close span:nth-of-type(3){
	width:24px;
	top:30px;
	left:1px;
	-webkit-transform :translateY(-20px) rotate(45deg);
	transform :translateY(-20px) rotate(45deg);
}
.lang-box{
	margin:0;
	position:relative;
	text-align:center;
	float:right;
}
.lang{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:20px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,1);
	cursor:pointer;
	float:left;
	position:relative;
}
.lang-active{ cursor:default; color:rgba(255,255,255,0.4); pointer-events:none; }
@media all and (min-width:1019px){
	.lang:hover{
		color:#F2C94C;
	}
	.lang-active:hover{
		color:rgba(255, 255, 255, 0.4);
	}
}
.lang::after{
	content:'';
	width:0;
	height:1px;
	padding:0;
	margin:0;
	background:#F2C94C;
	position:absolute;
	left:0;
	bottom:0;
	z-index:auto;
}
@media all and (min-width:1019px){
	.lang:hover::after{
		width:100%;
	}
	.lang-active:hover::after{
		width:0;
	}
}
.lang-line{
	width:20px;
	height:1px;
	padding:0;
	margin:10px 5px 0 5px;
	background:rgba(255,255,255,0.4);
	float:left;
}
.lang:hover, .lang:not(:hover),
.lang:hover::after, .lang:not(:hover)::after{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.strip{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#020202;
	position:fixed;
	left:0;
	top:-100%;
	z-index:1000;
}
.menu{
	width:50%;
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
	float:right;
}
.menu a{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0 40px 0 0;
	color:rgba(255,255,255,1);
	cursor:pointer;
	float:left;
	position:relative;
}
.menu a::after{
	content:'';
	width:0;
	height:1px;
	padding:0;
	margin:0;
	background:#F2C94C;
	position:absolute;
	left:0;
	bottom:0;
	z-index:auto;
}
@media all and (min-width:1019px){
	.menu a:hover{
		color:#F2C94C;
	}
	.menu a:hover::after{
		width:100%;
	}
}
@media all and (max-width:1260px){
	#top{width:960px}
	.menu a{margin:0 20px 0 0}
}
@media all and (max-width:1020px){
	#top{
		width:660px;
	}
	.menu-button,
	.menu-button-close{
		width:26px;
		height:20px;
		padding:0;
		margin:0 0 0 40px;
		position:relative;
		float:right;
		cursor:pointer;
		transition:all .4s;
		box-sizing:border-box;
	}
	.menu-button{
		display:block;
	}
	.menu{
		display:none;
	}
}
@media all and (max-width:720px){
	#top{
		width:360px;
	}
}
/* mobile-menu */
#mobile-menu-w{
	width:100%;
	height:100%;
	overflow:auto;
	padding:0;
	margin:0;
	position:fixed;
	left:0;
	top:0;
	z-index:86;
	display:none;
}
.strip-2{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#020202;
	position:fixed;
	left:0;
	top:-100%;
	z-index:1000;
}
#mobile-menu-w::-webkit-scrollbar{width:0; height:0;}
#mobile-menu-w .wrapper{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#212121;
	position:fixed;
	left:0;
	top:0;
	z-index:87;
}
#mobile-menu-w #mobile-menu{
	width:660px;
	padding:0;
	margin:140px auto 100px auto;
	position:relative;
	text-align:left;
	z-index:107;
}
#mobile-menu-w.fixed-top #mobile-menu{
	margin:120px auto 100px auto;
}
#mobile-menu-w:hover,  #mobile-menu-w:not(:hover),
#mobile-menu:hover, #mobile-menu:not(:hover){
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
#mobile-menu a{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:right;
	font-size:1.8rem;
	line-height:1.2;
	padding:0;
	margin:40px 0;
	color:rgba(255,255,255,1);
	cursor:pointer;
	position:relative;
	display:block;
}
@media all and (max-width:720px){
	#mobile-menu-w #mobile-menu{
		width:360px;
	}
}
@media all and (min-width:1019px){
	#mobile-menu-w{
		width:0;
		height:0;
		overflow:hidden;
		padding:0;
		margin:0;
		position:fixed;
		left:0;
		top:0;
		z-index:86;
		display:none;
	}
	#mobile-menu-w .wrapper{
		width:0;
		height:0;
		padding:0;
		margin:0;
		background:#212121;
		position:fixed;
		left:0;
		top:0;
		z-index:87;
	}
}
/* home */
#home-w{
	width:100%;
	height:100vh;
	padding:0;
	margin:0;
	position:relative;
}
#home{
    width:1180px;
    height:calc(100vh - 200px);
    padding:100px 0;
    margin:0 auto;
    position:relative;
    text-align:left;
    z-index:5;
    display:flex;
    flex-flow:row wrap;
    align-items:flex-end;
    align-content:flex-end;
    justify-content:space-between;
}
.left_50{width:50%;text-align:left;border-top:solid 2px #fff}
.right_50{width:50%;text-align:left;border-top:solid 2px #fff}
.text_top{
    font-family:"Regular";
    font-weight:normal;
    font-style:normal;
    font-size:1.2rem;
    line-height:1.2;
	padding:20px 0 0;
    margin:0;
    position:relative;
	color:#fff;
}
.text_bottom{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	font-size:1.8rem;
	line-height:1.2;
	padding:10px 0 0;
	margin:0;
	position:relative;
	color:#fff;
}
#home h1{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:60px;
	line-height:1;
	padding:0 0 20px 0;
	margin:0;
	position:relative;
	color:rgba(255,255,255,0.4);
}
#home h1 .color,#home h2 .color{
	color:rgba(255,255,255,1);
}
#home h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:34px;
	line-height:1.1;
	padding:0 0 20px 0;
	margin:0;
	position:relative;
	color:rgba(255,255,255,0.4);
}
#home .button{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:20px;
	padding:26px 30px 24px 30px;
	margin:20px 0 0 0;
	color:#ffffff;
	background:none;
	position:relative;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
#home .button svg{
	stroke:#ffffff;
}
@media all and (min-width:1019px){
	#home .button:hover{
		gap:20px;
		color:#212121;
		background:#F2C94C;
	}
	#home .button:hover svg{
		stroke:#212121;
	}
}
#home .button:hover, #home .button:not(:hover),
#home .button:hover svg, #home .button:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
#home p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:26px;
	max-width:350px;
	padding:0;
	margin:150px 150px 0 0;
	color:rgba(255,255,255,0.4);
	float:left;
}
#home p .color{
	color:rgba(255,255,255,1);
}
@keyframes rotate-ani{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes rotate-ani{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@media all and (max-width:1260px){
	#home{width:960px}
	.text_top{font-size:1.2rem}
	.text_bottom{height:80px}
	#home p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		max-width:350px;
		padding:0;
		margin:120px 60px 0 0;
		color:rgba(255,255,255,0.4);
		float:left;
	}
	#home p .color{
		color:rgba(255,255,255,1);
	}
}
@media all and (max-width:1020px){
	#home{width:660px}
	#home h1{
		font-size:50px;
		line-height:1;
	}
	#home h2{
		font-size:30px;
		line-height:1.1;
	}
	#home p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		max-width:460px;
		padding:0;
		color:rgba(255,255,255,0.4);
		float:left;
	}
	#home p.ph-1{ margin:60px 0 0 0; }
	#home p.ph-2{ margin:20px 0 0 0; }
	#home p .color{
		color:rgba(255,255,255,1);
	}
}
@media all and (max-width:720px){
	#home{width:360px;/*height:calc(100vh - 160px);padding:100px 0 60px*/}
	.left_50{width:100%}
	.right_50{width:100%;border-top:none}
	.text_top{font-size:1.0rem}
	.text_bottom{font-size:1.6rem;height:unset}
	#home h1{
		font-size:35px;
		line-height:1;
	}
	#home h2{
		font-size:25px;
		line-height:1.1;
		width:560px;
		max-width:100%;
	}
	#home p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		max-width:460px;
		padding:0;
		color:rgba(255,255,255,0.4);
		float:left;
	}
	#home p.ph-1{ margin:60px 0 0 0; }
	#home p.ph-2{ margin:20px 0 0 0; }
	#home p .color{
		color:rgba(255,255,255,1);
	}
}
/* work */
#work-w{
	width:100%;
	max-width:1920px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:#EEEEEE;
	z-index:5;
}
#work{
	width:1180px;
	padding:120px 0 120px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:6;
}
#work h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:54px;
	padding:0;
	margin:0;
	color:#212121;
	float:left;
}
#work p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:0 220px 0 0;
	max-width:460px;
	color:rgba(33,33,33,0.4);
	float:right;
}
#work p .color{
	color:rgba(33,33,33,1);
}
.works{
	width:100%;
	padding:0;
	margin:80px 0 0 0;
	position:relative;
	display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.works-block{
	display:none;
}
.works-block.active{
	display:block;
}
a.work{
	width:calc(50% - 30px);
	float:left;
	overflow:hidden;
	display:block;
	padding:0;
	margin:40px 0 0 0;
	position:relative;
	background:#ffffff;
	border:5px solid #ffffff;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
}
a.work img{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	display:block;
}
.work-info{
	width:calc(100% - 180px);
    padding:40px 120px 40px 60px;
	margin:0;
	position:absolute;
	bottom:-250px;
	left:0;
	z-index:10;
	background:rgb(2 2 2 / 80%);
	border-top:1px solid rgba(255,255,255,0.1);
	-webkit-transform:translate3d(0,0,0);
	-webkit-backdrop-filter:blur(10px);
	-moz-backdrop-filter:blur(10px);
	-o-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	display:block;
	text-align:left;
}
#fullstory-w #work{padding:160px 0 60px 0}
#fullstory-w #work h2{color:#fff}
#fullstory-w #work p{color:rgba(255,255,255,0.4)}
#fullstory-w #work p .color{color:rgba(255,255,255,0.4)}
#fullstory-w a.work{background:rgba(255, 255, 255, 0.1);border:5px solid rgba(255, 255, 255, 0.1)}
.navigation{margin:100px auto 0}
@media all and (min-width:1019px){
	a.work:hover .work-info{
		bottom:0;
	}
}
img:hover, img:not(:hover),
.work-info:hover, .work-info:not(:hover){
	-webkit-transition:All 0.7s ease;
	-moz-transition:All 0.7s ease;
	-o-transition:All 0.7s ease;
	-ms-transition:All 0.7s ease;
	transition:All 0.7s ease;
}
.work-title{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0;
	color:#ffffff;
	position:relative;
	display:block;
}
.work-description{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 80px;
	margin:20px 0 0 0;
	color:rgba(255,255,255,0.4);
	position:relative;
	display:block;
}
.work-description::after{
	content:'';
	width:60px;
	height:1px;
	padding:0;
	margin:0;
	background:rgba(255,255,255,0.4);
	position:absolute;
	left:0;
	top:10px;
	z-index:auto;
}
.work-location,
.work-type,
.work-year{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 80px;
	margin:10px 0 0 0;
	color:rgba(255,255,255,0.4);
	position:relative;
	display:block;
}
.work-info .color{
	color:rgba(255,255,255,1);
}
.arrow{
	content:'';
	width:60px;
	height:60px;
	padding:0;
	margin:0;
	background:rgba(255,255,255,0);
	border:1px solid rgba(255,255,255,0.1);
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-khtml-border-radius:100%;
	position:absolute;
	right:30px;
	bottom:calc(50% - 30px);
	z-index:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.arrow svg{
	stroke:#ffffff;
	width:14px;
	height:14px;
	stroke-width:1.5px;
}
@media all and (min-width:1019px){
	.arrow:hover svg{
		stroke:#F2C94C;
	}
	.arrow:hover{
		border:1px solid rgba(242, 201, 76, 0.4);
	}
}
.arrow:hover, .arrow:not(:hover),
.arrow:hover svg, .arrow:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.more-button{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:20px;
	width:320px;
	padding:26px 0 24px 0;
	margin:60px auto 0 auto;
	color:#ffffff;
	background:#212121;
	position:relative;
	cursor:pointer;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
.more-button svg{
	fill:#ffffff;
}
@media all and (min-width:1019px){
	.more-button:hover{
		color:#212121;
		background:#F2C94C;
	}
	.more-button:hover svg{
		fill:#212121;
		transform:rotate(180deg);
	}
}
.more-button:hover, .more-button:not(:hover),
.more-button:hover svg, .more-button:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
@media all and (max-width:1360px){
}
@media all and (max-width:1260px){
	#work{
		width:960px;
		padding:120px 0 120px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#work h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:42px;
		line-height:54px;
		padding:0;
		margin:0;
		color:#212121;
		float:left;
	}
	#work p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:0 90px 0 0;
		color:rgba(33,33,33,0.4);
		float:right;
	}
	#work p .color{
		color:rgba(33,33,33,1);
	}
	.works{
		width:100%;
		padding:0;
		margin:80px 0 0 0;
		position:relative;
	}
	.works-block{
		display:none;
	}
	.works-block.active{
		display:block;
	}
	a.work{
		width:calc(50% - 30px);
		overflow:hidden;
		display:block;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
		background:#ffffff;
		border:5px solid #ffffff;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.work-info{
		width:calc(100% - 180px);
		padding:40px 120px 40px 60px;
		margin:0;
		position:absolute;
		bottom:-250px;
		left:0;
		z-index:10;
		background:rgb(2 2 2 / 80%);
		border-top:1px solid rgba(255,255,255,0.1);
		-webkit-transform:translate3d(0,0,0);
		-webkit-backdrop-filter:blur(10px);
		-moz-backdrop-filter:blur(10px);
		-o-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);
		display:block;
		text-align:left;
	}
	.work-title{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		padding:0;
		margin:0;
		color:#ffffff;
		position:relative;
		display:block;
	}
	.arrow{}
	.more-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:320px;
		padding:26px 0 24px 0;
		margin:60px auto 0 auto;
		color:#ffffff;
		background:#212121;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
@media all and (max-width:1020px){
	#work{
		width:660px;
		padding:90px 0 90px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#work h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:42px;
		line-height:54px;
		padding:0;
		margin:0;
		color:#212121;
		float:none;
	}
	#work p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:20px 0 0 0;
		max-width:100%;
		color:rgba(33,33,33,0.4);
		float:none;
	}
	#work p .color{
		color:rgba(33,33,33,1);
	}
	.works{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
	}
	.works-block{
		display:none;
	}
	.works-block.active{
		display:block;
	}
	a.work{
		width:calc(100% - 10px);
		height:auto;
		overflow:hidden;
		display:block;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
		background:#ffffff;
		border:5px solid #ffffff;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.work-info{
		width:calc(100% - 140px);
        padding:40px 100px 40px 40px;
		margin:-100px 0 0 0;
		position:relative;
		bottom:auto;
		left:auto;
		z-index:10;
		background:rgba(255,255,255,1);
		border-top:1px solid rgba(33,33,33,0.1);
		-webkit-transform:translate3d(0,0,0);
		-webkit-backdrop-filter:blur(10px);
		-moz-backdrop-filter:blur(10px);
		-o-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);
		display:block;
		text-align:left;
	}
	.work-title{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		padding:0;
		margin:0;
		color:rgba(33,33,33,1);
		position:relative;
		display:block;
	}
	.work-description{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:14px;
		line-height:20px;
		padding:0 0 0 80px;
		margin:20px 0 0 0;
		color:rgba(33,33,33,0.4);
		position:relative;
		display:block;
	}
	.work-description::after{
		content:'';
		width:60px;
		height:1px;
		padding:0;
		margin:0;
		background:rgba(33,33,33,0.2);
		position:absolute;
		left:0;
		top:10px;
		z-index:auto;
	}
	.work-location,
	.work-type,
	.work-year{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:14px;
		line-height:20px;
		padding:0 0 0 80px;
		margin:10px 0 0 0;
		color:rgba(33,33,33,0.4);
		position:relative;
		display:block;
	}
	.work-info .color{
		color:rgba(33,33,33,1);
	}
	.arrow{
		background:rgba(33,33,33,1);
	}
	.more-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:320px;
		padding:26px 0 24px 0;
		margin:60px auto 0 auto;
		color:#ffffff;
		background:#212121;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
@media all and (max-width:720px){
	#work{
		width:360px;
		padding:60px 0 60px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#work h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:38px;
		line-height:44px;
		padding:0;
		margin:0;
		color:#212121;
		float:none;
	}
	#work p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:20px 0 0 0;
		color:rgba(33,33,33,0.4);
		float:none;
	}
	#work p .color{
		color:rgba(33,33,33,1);
		display:inline-block;
		width:100%;
	}
	.works{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
	}
	.works-block{
		display:none;
	}
	.works-block.active{
		display:block;
	}
	a.work{
		width:calc(100% - 10px);
		height:auto;
		overflow:hidden;
		display:block;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
		background:#ffffff;
		border:5px solid #ffffff;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.work-info{
		width:calc(100% - 95px);
		padding:20px 80px 20px 15px;
		margin:-20px 0 0 0;
		position:relative;
		bottom:auto;
		left:auto;
		z-index:10;
		background:rgba(255,255,255,1);
		border-top:1px solid rgba(33,33,33,0.1);
		-webkit-transform:translate3d(0,0,0);
		-webkit-backdrop-filter:blur(10px);
		-moz-backdrop-filter:blur(10px);
		-o-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);
		display:block;
		text-align:left;
	}
	.work-title{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		padding:0;
		margin:0;
		color:rgba(33,33,33,1);
		position:relative;
		display:block;
	}
	.work-description{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:14px;
		line-height:20px;
		padding:0 0 0 40px;
		margin:20px 0 0 0;
		color:rgba(33,33,33,0.4);
		position:relative;
		display:block;
	}
	.work-description::after{
		content:'';
		width:20px;
		height:1px;
		padding:0;
		margin:0;
		background:rgba(33,33,33,0.2);
		position:absolute;
		left:0;
		top:10px;
		z-index:auto;
	}
	.work-location,
	.work-type,
	.work-year{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:14px;
		line-height:20px;
		padding:0 0 0 40px;
		margin:10px 0 0 0;
		color:rgba(33,33,33,0.4);
		position:relative;
		display:block;
	}
	.work-info .color{
		color:rgba(33,33,33,1);
	}
	.arrow{right:15px}
	.arrow svg{
		stroke:#ffffff;
		width:11px;
		height:11px;
		stroke-width:2px;
	}
	.more-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:100%;
		padding:26px 0 24px 0;
		margin:40px auto 0 auto;
		color:#ffffff;
		background:#212121;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
/* about-me */
#about-me-w,#fullstory-w{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
#about-me{
	width:1180px;
	padding:120px 0 120px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:6;
}
#fullstory{
	width:1180px;
	padding:160px 0 40px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:6;
}
#about-me h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:1.2;
	padding:0;
	margin:0;
	color:#ffffff;
	float:left;
}
#fullstory h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:1.2;
	padding:0 0 20px 0;
	margin:0;
	color:#ffffff;
	float:left;
}
.full_text{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	text-align:left;
	float:left;
}
.full_text iframe{width:100%;max-width:100%}
.text{
	width:550px;
	padding:0;
	margin:0 40px 0 0;
	position:relative;
	text-align:center;
	float:right;
}
#about-me h3{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:20px;
	line-height:28px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,1);
}
#about-me p,#fullstory p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0 0 20px 0;
	color:rgba(255,255,255,0.4);
}
#about-me p .color{
	color:rgba(255,255,255,1);
}
.numbers{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
.number{
	width:50%;
	padding:0;
	margin:60px 0 0 0;
	position:relative;
	text-align:center;
	float:left;
}
#about-me h5{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:50px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,1);
}
#about-me h6{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.0rem;
    line-height:1.2;
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.4);
}
@media all and (max-width:1260px){
	#about-me{width:960px}
	#fullstory{width:960px}
	#about-me h2,#fullstory h2{
		font-size:42px;
	}
	.text{
		width:550px;
		padding:0;
		margin:0;
		position:relative;
		text-align:center;
		float:right;
	}
	#about-me h3{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:20px;
		line-height:28px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
	.numbers{
		width:100%;
		padding:0;
		margin:0;
		position:relative;
	}
	.number{
		width:50%;
		padding:0;
		margin:60px 0 0 0;
		position:relative;
		text-align:center;
		float:left;
	}
	#about-me h5{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:50px;
		line-height:50px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
}
@media all and (max-width:1020px){
	#about-me{width:660px;padding:110px 0 110px 0}
	#fullstory{
		width:660px;
		padding:140px 0 40px 0
	}
	#fullstory-w #work{padding:140px 0 60px 0}
	#about-me h2,#fullstory h2{
		font-size:42px;
		float:none;
	}
	.text{
		width:100%;
		padding:0;
		margin:60px 0 0 0;
		position:relative;
		text-align:center;
		float:none;
	}
	#about-me h3{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:20px;
		line-height:28px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
	.numbers{
		width:100%;
		padding:0;
		margin:0;
		position:relative;
	}
	.number{
		width:50%;
		padding:0;
		margin:60px 0 0 0;
		position:relative;
		text-align:center;
		float:left;
	}
	#about-me h5{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:50px;
		line-height:50px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
	#about-me h6{
	}
}
@media all and (max-width:720px){
	.full_text iframe{height:300px}
	#about-me{width:360px;padding:60px 0}
	#fullstory{width:360px}
	#about-me h2,#fullstory h2{
		font-size:38px;
	}
	.text{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
		text-align:center;
		float:none;
	}
	#about-me h3{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:20px;
		line-height:28px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
	.numbers{
		width:100%;
		padding:0;
		margin:0;
		position:relative;
	}
	.number{
		width:50%;
		padding:0;
		margin:60px 0 0 0;
		position:relative;
		text-align:center;
		float:left;
	}
	#about-me h5{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:40px;
		line-height:40px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
	}
	#about-me h6{
	}
}
/* photo */
.photo{
	width:calc(100% - 40px);
	max-width:1920px;
	height:600px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:5;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
}
.photo-1{
	background:url('../images/photo-01.jpg') no-repeat center center #212121;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.photo-2{
	background:url('../images/photo-02.jpg') no-repeat center center #212121;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
@media all and (max-width:1360px){
	.photo{
		width:calc(100% - 20px);
		max-width:1920px;
		height:600px;
		overflow:hidden;
		padding:0;
		margin:0 auto;
		position:relative;
		z-index:5;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
}
@media all and (max-width:1260px){
}
@media all and (max-width:1020px){
	.photo{
		width:100%;
		max-width:1920px;
		height:500px;
		overflow:hidden;
		padding:0;
		margin:0 auto;
		position:relative;
		z-index:5;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
}
@media all and (max-width:720px){
}
/* steps */
#steps-w{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
#steps{
	width:1180px;
	padding:120px 0 120px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:6;
}
#steps h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:54px;
	padding:0;
	margin:0;
	color:#ffffff;
	float:left;
}
.steps{
	width:550px;
	padding:0;
	margin:-40px 40px 0 0;
	position:relative;
	text-align:center;
	float:right;
}
.step{
	width:100%;
	padding:0;
	margin:40px 0 0 0;
	position:relative;
}
#steps h3{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.3rem;
    line-height:1.2;
	padding:0;
	margin:0;
	color:rgba(255,255,255,1);
}
#steps p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:10px 0 0 0;
	color:rgba(255,255,255,0.4);
}
#steps p .color{
	color:rgba(255,255,255,1);
}
#steps p a,
#steps p .terms-button{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,1);
	position:relative;
	cursor:pointer;
}
#steps p a::after,
#steps p .terms-button::after{
	content:'';
	width:0;
	height:1px;
	padding:0;
	margin:0;
	background:#F2C94C;
	position:absolute;
	left:0;
	bottom:0;
	z-index:6;
}
@media all and (min-width:1019px){
	#steps p a:hover,
	#steps p .terms-button:hover{
		color:#F2C94C;
	}
	#steps p a:hover::after,
	#steps p .terms-button:hover::after{
		width:100%;
	}
}
@media all and (max-width:1260px){
	#steps{
		width:960px;
		padding:120px 0 120px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#steps h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:42px;
		line-height:54px;
		max-width:340px;
		padding:0;
		margin:0;
		color:#ffffff;
		float:left;
	}
	.steps{
		width:550px;
		padding:0;
		margin:-40px 0 0 0;
		position:relative;
		text-align:center;
		float:right;
	}
	.step{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
	}
	#steps h3{
	}
	#steps p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:10px 0 0 0;
		color:rgba(255,255,255,0.4);
	}
	#steps p .color{
		color:rgba(255,255,255,1);
	}
	#steps p a,
	#steps p .terms-button{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
		position:relative;
		cursor:pointer;
	}
	#steps p a::after,
	#steps p .terms-button::after{
		content:'';
		width:0;
		height:1px;
		padding:0;
		margin:0;
		background:#F2C94C;
		position:absolute;
		left:0;
		bottom:0;
		z-index:6;
	}
}
@media all and (max-width:1020px){
	#steps{
		width:660px;
		padding:110px 0 110px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#steps h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:42px;
		line-height:54px;
		max-width:100%;
		padding:0;
		margin:0;
		color:#ffffff;
		float:none;
	}
	.steps{
		width:100%;
		padding:0;
		margin:60px 0 0 0;
		position:relative;
		text-align:center;
		float:none;
		display:block;
	}
	.step{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
	}
	#steps h3{
	}
	#steps p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:10px 0 0 0;
		color:rgba(255,255,255,0.4);
	}
	#steps p .color{
		color:rgba(255,255,255,1);
	}
	#steps p a,
	#steps p .terms-button{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
		position:relative;
		cursor:pointer;
	}
	#steps p a::after,
	#steps p .terms-button::after{
		content:'';
		width:0;
		height:1px;
		padding:0;
		margin:0;
		background:#F2C94C;
		position:absolute;
		left:0;
		bottom:0;
		z-index:6;
	}
}
@media all and (max-width:720px){
	#steps{
		width:360px;
		padding:60px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#steps h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:38px;
		line-height:44px;
		max-width:100%;
		padding:0;
		margin:0;
		color:#ffffff;
		float:none;
	}
	.steps{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
		text-align:center;
		float:none;
		display:block;
	}
	.step{
		width:100%;
		padding:0;
		margin:40px 0 0 0;
		position:relative;
	}
	#steps h3{
	}
	#steps p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:10px 0 0 0;
		color:rgba(255,255,255,0.4);
	}
	#steps p .color{
		color:rgba(255,255,255,1);
	}
	#steps p a,
	#steps p .terms-button{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:16px;
		line-height:26px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
		position:relative;
		cursor:pointer;
	}
	#steps p a::after,
	#steps p .terms-button::after{
		content:'';
		width:0;
		height:1px;
		padding:0;
		margin:0;
		background:#F2C94C;
		position:absolute;
		left:0;
		bottom:0;
		z-index:6;
	}
}
/* contacts */
#contacts-w{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
#contacts{
	width:1180px;
	padding:120px 0 120px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:6;
}
#contacts h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:1.2rem!important;
	line-height:1.2!important;
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.4);
}
#contacts h3{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:1.8rem;
	line-height:1.2;
	padding:0;
	margin:20px 0 0 0;
	color:rgba(255,255,255,1);
}
#contacts h3 .color{
	color:rgba(255,255,255,0.4);
}
#contacts p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:30px;
	padding:0;
	margin:40px auto 0 auto;
	color:rgba(255,255,255,0.4);
}
#contacts p a{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:24px;
	line-height:30px;
	padding:0;
	margin:0;
	color:#F2C94C;
	position:relative;
}
#contacts p a::after{
	content:'';
	width:0;
	height:1px;
	padding:0;
	margin:0;
	background:#F2C94C;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
@media all and (min-width:1019px){
	#contacts p a:hover{
		color:#F2C94C;
	}
	#contacts p a:hover::after{
		width:100%;
	}
}
.buttons{
	display:inline-block;
	margin:60px auto 0 auto;
}
.button-box{
	float:left;
}
a.tg-button,
a.wa-button{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:20px;
	width:320px;
	padding:26px 0 24px 0;
	margin:0 5px;
	position:relative;
	cursor:pointer;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
a.tg-button{
	color:#ffffff;
	background:#56CCF2;
}
a.wa-button{
	color:#ffffff;
	background:#25D366;
}
a.tg-button svg,
a.wa-button svg{
	fill:#ffffff;
}
@media all and (min-width:1019px){
	a.tg-button:hover,
	a.wa-button:hover{
		color:#212121;
		background:#F2C94C;
	}
	a.tg-button:hover svg,
	a.wa-button:hover svg{
		fill:#212121;
	}
}
.tg-button:hover, .tg-button:not(:hover),
.tg-button:hover svg, .tg-button:not(:hover) svg,
.wa-button:hover, .wa-button:not(:hover),
.wa-button:hover svg, .wa-button:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
@media all and (max-width:1260px){
	#contacts{
		width:960px;
		padding:120px 0 120px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#contacts h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:1.2rem!important;
		line-height:1.2!important;
		padding:0;
		margin:0;
		color:rgba(255,255,255,0.4);
	}
	a.tg-button,
	a.wa-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:320px;
		padding:26px 0 24px 0;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
@media all and (max-width:1020px){
	#contacts{
		width:660px;
		padding:110px 0 110px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#contacts h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:1.2rem!important;
		line-height:1.2!important;
		padding:0;
		margin:0;
		color:rgba(255,255,255,0.4);
	}
	a.tg-button,
	a.wa-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:320px;
		padding:26px 0 24px 0;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
@media all and (max-width:720px){
	#contacts{
		width:360px;
		padding:60px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:6;
	}
	#contacts h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:1.2rem!important;
		line-height:1.2!important;
		padding:0;
		margin:0;
		color:rgba(255,255,255,0.4);
	}
	#contacts p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:30px;
		padding:0;
		margin:40px auto 0 auto;
		color:rgba(255,255,255,0.4);
	}
	#contacts p a{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:20px;
		line-height:30px;
		padding:0;
		margin:0;
		color:#F2C94C;
		position:relative;
	}
	.buttons{
		width:100%;
		display:inline-block;
		margin:30px auto 0 auto;
	}
	.button-box{
		width:100%;
		float:none;
		display:inline-block;
	}
	a.tg-button,
	a.wa-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:100%;
		padding:26px 0 24px 0;
		margin:10px 0 0 0;
		position:relative;
		cursor:pointer;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
/* bottom */
#bottom-w{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
#bottom{
	width:1180px;
	padding:30px 0 30px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:5;
	border-top:1px solid rgba(255,255,255,0.1);
}
.social{
	padding:0;
	margin:0;
	position:relative;
	float:left;
}
.links{
	padding:0;
	margin:0;
	position:relative;
	float:right;
}
.social a{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0 40px 0 0;
	color:rgba(255,255,255,1);
	float:left;
	position:relative;
}
.links a,
.links .terms-button{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:1.2rem;
    line-height:1.2;
	padding:0;
	margin:0 0 0 40px;
	color:rgba(255,255,255,1);
	float:left;
	position:relative;
	cursor:pointer;
}
.social a::after,
.links a::after,
.links .terms-button::after{
	content:'';
	width:0;
	height:1px;
	padding:0;
	margin:0;
	background:#F2C94C;
	position:absolute;
	left:0;
	bottom:0;
	z-index:auto;
}
@media all and (min-width:1019px){
	.social a:hover,
	.links a:hover,
	.links .terms-button:hover{
		color:#F2C94C;
	}
	.social a:hover::after,
	.links a:hover::after,
	.links .terms-button:hover::after{
		width:100%;
	}
}
.terms-button:hover, .terms-button:not(:hover),
.terms-button:hover::before, .terms-button:not(:hover)::before,
.terms-button:hover::after, .terms-button:not(:hover)::after{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
@media all and (max-width:1260px){
	#bottom{
		width:960px;
		padding:30px 0 30px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
		border-top:1px solid rgba(255,255,255,0.1);
	}
}
@media all and (max-width:1020px){
	#bottom{
		width:660px;
		padding:30px 0 30px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
		border-top:1px solid rgba(255,255,255,0.1);
	}
	.social{
		padding:0;
		margin:0;
		position:relative;
		float:left;
	}
	.links{
		padding:0;
		margin:0;
		position:relative;
		float:right;
	}
	.social a{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		padding:0;
		margin:0 20px 0 0;
		color:rgba(255,255,255,1);
		float:left;
		position:relative;
	}
	.links a,
	.links .terms-button{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		padding:0;
		margin:0 0 0 20px;
		color:rgba(255,255,255,1);
		float:left;
		position:relative;
		cursor:pointer;
	}
}
@media all and (max-width:720px){
	#bottom{
		width:360px;
		padding:30px 0 30px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
		border-top:1px solid rgba(255,255,255,0.1);
	}
	.social{
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		float:none;
	}
	.links{
		width:100%;
		padding:30px 0 0 0;
		margin:30px 0 0 0;
		position:relative;
		float:none;
		border-top:1px solid rgba(255,255,255,0.1);
		display:flex;
		justify-content:center;
		align-items:center;
		gap:20px;
		text-align:center;
	}
	.social a{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:1.0rem;
		line-height:1.2;
		padding:0;
		margin:0 5px;
		color:rgba(255,255,255,1);
		float:none;
		display:inline-block;
		position:relative;
	}
	.links a,
	.links .terms-button{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:1.0rem;
		line-height:1.2;
		padding:0;
		margin:0;
		color:rgba(255,255,255,1);
		float:none;
		position:relative;
		cursor:pointer;
	}
}
/* footer */
#footer-w{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
#footer{
	width:1180px;
	padding:60px 0 100px 0;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:5;
	border-top:1px solid rgba(255,255,255,0.1);
}
.pf-1{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.4);
	float:left;
}
.pf-2{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.4);
	float:right;
}
@media all and (max-width:1260px){
	#footer{
		width:960px;
		padding:60px 0 100px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
	}
}
@media all and (max-width:1020px){
	#footer{
		width:660px;
		padding:60px 0 100px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
	}
}
@media all and (max-width:720px){
	#footer{
		width:360px;
		padding:60px 0 100px 0;
		margin:0 auto;
		position:relative;
		text-align:center;
		z-index:5;
	}
	.pf-1{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:14px;
		line-height:20px;
		padding:0;
		margin:0;
		color:rgba(255,255,255,0.4);
		float:none;
	}
	.pf-2{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:14px;
		line-height:20px;
		padding:0;
		margin:20px 0 0 0;
		color:rgba(255,255,255,0.4);
		float:none;
	}
}
/* terms */
.terms-w{
	width:100%;
	height:100%;
	overflow:auto;
	padding:0;
	margin:0;
	position:fixed;
	left:0;
	top:0;
	z-index:106;
	display:none;
}
.terms-w::-webkit-scrollbar{width:0; height:0;}
.terms-w .wrapper{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#212121;
	position:fixed;
	left:0;
	top:0;
	z-index:107;
}
.close-w{
	padding:0;
	margin:0;
	outline:none;
	position:absolute;
	top:0;
	right:0;
	z-index:207;
}
.close{
	width:54px;
	height:54px;
	overflow:hidden;
	float:right;
	padding:0;
	margin:0;
	cursor:pointer;
	outline:none;
	position:absolute;
	top:23px;
	right:23px;
	z-index:207;
	background:rgba(255,255,255,0.05);
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-khtml-border-radius:100%;
}
.close::after{
	content:'';
	position:absolute;
	width:24px;
	height:1.5px;
	background:#ffffff;
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:26px;
	left:15px;
	z-index:208;
}
.close::before{
	content:'';
	position:absolute;
	width:24px;
	height:1.5px;
	background:#ffffff;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:26px;
	left:15px;
	z-index:208;
}
@media all and (min-width:1019px){
	.close:hover{
		background:#F2C94C;
	}
	.close:hover::before,
	.close:hover::after{
		background:#212121;
	}
}
.close:hover, .close:not(:hover),
.close:hover::before, .close:not(:hover)::before,
.close:hover::after, .close:not(:hover)::after{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.terms{
	width:970px;
	padding:100px;
	margin:100px auto;
	position:relative;
	text-align:left;
	z-index:107;
	border:5px solid rgba(255,255,255,0.1);
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
}
.terms h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:54px;
	padding:0;
	margin:0;
	color:#ffffff;
}
.terms-text{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	text-align:left;
}
.terms h3{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:20px;
	line-height:28px;
	padding:0;
	margin:40px 0 0 0;
	color:rgba(255,255,255,1);
}
.terms p{
	font-family:"Regular";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:20px 0 0 0;
	color:rgba(255,255,255,0.4);
}
.terms p .color{
	color:rgba(255,255,255,1);
}
.terms .back-button{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:20px;
	padding:26px 30px 24px 30px;
	margin:40px 0 0 0;
	color:#ffffff;
	background:none;
	position:relative;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
.terms .back-button svg{
	stroke:#ffffff;
}
@media all and (min-width:1019px){
	.terms .back-button:hover{
		gap:20px;
		color:#212121;
		background:#F2C94C;
	}
	.terms .back-button:hover svg{
		stroke:#212121;
	}
}
.terms .back-button:hover, .terms .back-button:not(:hover),
.terms .back-button:hover svg, .terms .back-button:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
@media all and (max-width:1260px){
	.terms{
		width:750px;
		padding:100px;
		margin:100px auto;
		position:relative;
		text-align:left;
		z-index:107;
		border:5px solid rgba(255,255,255,0.1);
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.terms h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:42px;
		line-height:54px;
		padding:0;
		margin:0;
		color:#ffffff;
	}
}
@media all and (max-width:1020px){
	.terms{
		width:530px;
		padding:60px;
		margin:80px auto;
		position:relative;
		text-align:left;
		z-index:107;
		border:5px solid rgba(255,255,255,0.1);
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.terms h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:38px;
		line-height:44px;
		padding:0;
		margin:0;
		color:#ffffff;
	}
}
@media all and (max-width:720px){
	.close{
		width:54px;
		height:54px;
		overflow:hidden;
		float:right;
		padding:0;
		margin:0;
		cursor:pointer;
		outline:none;
		position:absolute;
		top:30px;
		right:30px;
		z-index:207;
		background:rgba(255,255,255,0.05);
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		-khtml-border-radius:100%;
	}
	.terms{
		width:290px;
		padding:30px;
		margin:40px auto;
		position:relative;
		text-align:left;
		z-index:107;
		border:5px solid rgba(255,255,255,0.1);
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
	}
	.terms h2{
		font-family:"Bold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:30px;
		line-height:38px;
		max-width:220px;
		padding:0;
		margin:0;
		color:#ffffff;
	}
	.terms h3{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:17px;
		line-height:27px;
		padding:0;
		margin:30px 0 0 0;
		color:rgba(255,255,255,1);
	}
	.terms p{
		font-family:"Regular";
		font-weight:normal;
		font-style:normal;
		text-align:left;
		font-size:15px;
		line-height:25px;
		padding:0;
		margin:20px 0 0 0;
		color:rgba(255,255,255,0.4);
	}
	.terms .back-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		padding:26px 30px 24px 30px;
		margin:30px 0 0 0;
		color:#ffffff;
		background:none;
		position:relative;
		cursor:pointer;
		border:1px solid rgba(255,255,255,0.1);
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:inline-flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
/* portfolio page */
#portfolio-page-w{
	width:calc(100% - 40px);
	padding:100px 20px;
	margin:0 auto;
	position:relative;
	z-index:10;
	text-align:center;
}
#portfolio-page-w h2{
	font-family:"Bold";
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-size:50px;
	line-height:54px;
	padding:0;
	margin:60px auto 40px auto;
	max-width:1180px;
	color:rgba(255,255,255,1);
	display:block;
}
#portfolio-page-w h2 span{
	color:rgba(255,255,255,0.4);
}
.portfolio-page{
	width:calc(100% - 10px);
	max-width:1910px;
	overflow:hidden;
	padding:0;
	margin:40px auto 0 auto;
	position:relative;
	z-index:10;
	background:rgba(255,255,255,0.2);
	border:5px solid rgba(255,255,255,1);
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
.portfolio-page img{
	width:1920px;
	padding:0;
	margin:0;
	position:relative;
	display:block;
}
#portfolio-page-w a.back-button{
	font-family:"DemiBold";
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:16px;
	line-height:20px;
	width:calc(100% - 2px);
	max-width:318px;
	padding:26px 0 24px 0;
	margin:60px auto 0 auto;
	color:#ffffff;
	background:none;
	position:relative;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-khtml-border-radius:14px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
#portfolio-page-w a.back-button svg{
	stroke:#ffffff;
}
@media all and (min-width:1019px){
	#portfolio-page-w a.back-button:hover{
		gap:20px;
		color:#212121;
		background:#F2C94C;
	}
	#portfolio-page-w a.back-button:hover svg{
		stroke:#212121;
	}
}
#portfolio-page-w a.back-button:hover, #portfolio-page-w a.back-button:not(:hover),
#portfolio-page-w a.back-button:hover svg, #portfolio-page-w a.back-button:not(:hover) svg{
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	-ms-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
@media all and (max-width:1360px){
	#portfolio-page-w{
		width:calc(100% - 20px);
		padding:100px 10px;
		margin:0 auto;
		position:relative;
		z-index:10;
		text-align:center;
	}
}
@media all and (max-width:1260px){
	.portfolio-page img{
		width:1560px;
		padding:0;
		margin:0;
		position:relative;
		display:block;
	}
	#portfolio-page-w h2{
		font-size:42px;
		line-height:54px;
		margin:60px auto 40px auto;
		max-width:960px;
	}
}
@media all and (max-width:1020px){
	.portfolio-page img{
		width:1076px;
		padding:0;
		margin:0;
		position:relative;
		display:block;
	}
	#portfolio-page-w h2{
		font-size:42px;
		line-height:54px;
		margin:40px auto 20px auto;
		max-width:660px;
	}
}
@media all and (max-width:720px){
	.portfolio-page img{
		width:720px;
		padding:0;
		margin:0;
		position:relative;
		display:block;
	}
	#portfolio-page-w h2{
		font-size:38px;
		line-height:44px;
		margin:40px auto 20px auto;
		max-width:360px;
	}
	#portfolio-page-w a.back-button{
		font-family:"DemiBold";
		font-weight:normal;
		font-style:normal;
		text-align:center;
		font-size:16px;
		line-height:20px;
		width:calc(100% - 2px);
		max-width:358px;
		padding:26px 0 24px 0;
		margin:60px auto 0 auto;
		color:#ffffff;
		background:none;
		position:relative;
		cursor:pointer;
		border:1px solid rgba(255,255,255,0.1);
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		-khtml-border-radius:14px;
		display:inline-flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
}
@media all and (max-width:560px){
	.portfolio-page img{
		width:540px;
		padding:0;
		margin:0;
		position:relative;
		display:block;
	}
}
/* animation */
.a1{
	opacity:0;
	transition:all 1.5s;
	transform:translate(0, 40px);
}
.a1.visible{
	opacity:1;
	transform:translate(0, 0);
}
.a2{
	opacity:0;
	transition:all 1.5s;
	transform:translate(40px, 0);
}
.a2-2{
	opacity:0;
	transition:all 1.5s;
	transform:translate(40px, 0);
}
.a2-2.visible,
.a2.visible{
	opacity:1;
	transform:translate(0, 0);
}
.a3{
	opacity:0;
	transition:all 1.5s;
	transform:translate(-40px, 0);
}
.a3-2{
	opacity:0;
	transition:all 1.5s;
	transform:translate(-40px, 0);
}
.a3-2.visible,
.a3.visible{
	opacity:1;
	transform:translate(0, 0);
}
.a4{
	opacity:0;
	transition:all 1.5s;
	transform:translate(0, -40px);
}
.a4.visible{
	opacity:1;
	transform:translate(0, 0);
}
.a5{
	opacity:0;
	transition:all 1.5s;
	transform:translate(0, 100px);
}
.a5-2{
	opacity:0;
	transition:all 1.5s;
	transform:translate(0, 100px);
}
.a5-2.visible,
.a5.visible{
	opacity:1;
	transform:translate(0, 0);
}
/* end */