button:focus,input:focus,textarea:focus{
	outline:none
}

.page_wrapper{
	min-height:100vh
}

.container{
	max-width:1200px;
	margin:auto;
	padding:0 30px
}

.container:after{
	content:" ";
	visibility:hidden;
	display:block;
	height:0;
	clear:both
}

@media (max-width: 500px){
	
.container{padding:0 15px}}

.index__intro_section{ 
	position: relative;
	height: 120px;
	background: transparent;
	margin-top: 50px;
}

.background{
	position:absolute;
	width:100%;
	overflow:hidden;
	height:100%;
	bottom:-1px;
	/*background-image: linear-gradient(to top, #fff 0%, #fff 0%);*/
}

.background--top{
	z-index:15;
	opacity:0.8
}

.background--mid{
	z-index:10;
	opacity:0.75
}

.background--bot{z-index:5}

.wave{
	position:absolute;
	left:0;
	width:200%;
	height:100%;
	background-repeat:repeat no-repeat;
	background-position:0 bottom;
	transform-origin:center bottom
}

.wave--top{background-size:50% 100px;}

@media (max-width: 1366px){ .wave--top{ background-size:50% 50px }}

.wave--mid{ background-size:50% 120px }

@media (max-width: 1366px){.wave--mid{ background-size:50% 60px }}

.wave--bot{ background-size:50% 100px }

@media (max-width: 1366px){.wave--bot{ background-size:50% 50px }}

/*@media (min-width: 993px){*/
	.state-animation .wave--top{ animation:move_wave 5s linear infinite }	
	.state-animation .wave--mid{ animation:move_wave 10s linear infinite }	
	.state-animation .wave--bot{ animation:move_wave 15s linear infinite }
/*}*/

@keyframes move_wave{
	0%{transform:translateX(0) translateZ(0) scaleY(1)}
	50%{transform:translateX(-25%) translateZ(0) scaleY(0.55)}
	100%{transform:translateX(-50%) translateZ(0) scaleY(1)}
}

.index__intro_content{
	position:relative;
	z-index:1000;
	max-width:762px;
	padding:0 30px;
	margin:auto;
	padding-top:120px;
	padding-bottom:276px
}


@media (max-width: 1366px){
	.index__intro_content{
		padding-top:60px;
		padding-bottom:170px
	}
}

@media (max-width: 500px){
	.index__intro_content{
		padding-top:30px;
		padding-bottom:120px
	}
}

.index__intro_logo_box{
	display:inline-block;
	margin-bottom:117px;
	transition:opacity 0.25s ease, transform 0.25s ease
}

.index__intro_logo_box:hover{opacity:0.8}

.index__intro_logo_box:active{transform:scale(0.98)}

@media (max-width: 1366px){
	.index__intro_logo_box{
		margin-bottom:60px
	}
}

.index__intro_title{
	margin-bottom:40px;
	font-family:"pn",Helvetica,Arial,sans-serif;
	font-weight:900;
	font-size:60px;
	color:white
}


@media (max-width: 1366px){
	.index__intro_title{
		font-size:40px;
		margin-bottom:25px
	}
}

@media (max-width: 500px){
	.index__intro_title{ font-size:20px }
	.index__intro_title br{ display:none }
}

.index__intro_subtitle{
	font-family:"pn",Helvetica,Arial,sans-serif;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	color:rgba(255,255,255,0.7);
	font-size:21px;
	line-height:1.4
}

@media (max-width: 1366px){	.index__intro_subtitle{ font-size:16px }}

@media (max-width: 500px){
	.index__intro_subtitle{ font-size:13px }
	.index__intro_subtitle br{ display:none }
}