@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..700&display=swap'); */


html, body{background: #2e5fff; color: #fff;}

body{font-family: /*"Sen",*/ sans-serif; font-size: 26px; line-height: 1.3em; font-weight: 300; letter-spacing: 0.05em;}


h1, h2{font-family: 'EB Garamond', serif; font-size: 70px; line-height: 1.15em;}
h2{font-size: 50px; margin-bottom: 50px;}
.wpfont{font-family: 'EB Garamond', serif;}



.overlay.loginpop .overlay_container{background-color: #F5F5F5; color: #000; border-radius: 25px; padding: 20px 20px 20px 30px;}
.overlay.loginpop .overlay_container .wrapper{margin-right: 30px;}
.overlay.loginpop hr{margin-top: 40px;}
.overlay.loginpop .register{font-size: 13px; line-height: 1.2em;}
.overlay.loginpop .main-img{
	background-image: url(/_images/dp_bg.png?v=1);
	background-size: cover;
	width: 300px;
	height: 500px;
	border-radius: 25px;
}




.page_nav{font-size: 30px;}
.page_nav ul li{transition: box-shadow .2s, transform .2s; background: #9DD0FF; padding: 10px 35px; margin: 0 15px 0 0; border-radius: 30px;}
.page_nav ul li.clear{visibility: hidden;}
.page_nav ul li:hover{box-shadow: 16px 10px 30px #0000008f; transform: scale(1.05);}
.page_nav ul li.on{background: #FA02FF; box-shadow: 16px 10px 30px #0000008f;}



.slider .slide{padding-bottom: 50px;}


.home_login{background: #59A23F; padding: 50px 0;}
.home_login .login{float: left; padding-right: 25px;}
.home_login .login img{height: 79px; transition: all .2s;}
.home_login .login img:hover{transform: scale(1.05); filter: drop-shadow(2px 0px 10px #6d40be);}
.home_login .newuser{float: left; padding-top: 10px; padding-left: 25px; border-left: 4px solid #D8D8D8;}



#header .logo,
#header .back{display: none;}
#header .menu .logo{display: block;}
#header .menu ul{backgorund: #000;}


#wrapper{min-height: calc(100% - 100px); margin-bottom: 100px;}

#ot_wrapper{background-image: linear-gradient(#2e5fff, #3ba0ff); height: 100%; overflow-x: hidden;}
/* body.start #ot_wrapper{background: #000;} */





/* #footer{border-width: 4px; border-color: rgb(255 255 255 / 40%);} */







			
/* 			.bgtrans{position: relative; height: 100px;} */








.wave {
	/*background: rgb(0 0 0 / 25%);*/ background: rgb(27 70 126);
	border-radius: 100%;
	position: absolute;
	width: 1000%;
	height: 12em;
	animation: wave 10s -3s linear infinite;
	transform: translate3d(0, 0, 0);
	top: -100px;
	left: -100%;
	z-index: -1;
}

.wave:nth-of-type(2) {
	bottom: -1.25em;
	animation: wave 18s linear reverse infinite;
	opacity: 0.8;
}

.wave:nth-of-type(3) {
	bottom: -2.5em;
	animation: wave 20s -1s reverse infinite;
	opacity: 0.9;
}

@keyframes wave {
	2%{transform: translateX(0);}
	25%{transform: translateX(-25%);}
	50%{transform: translateX(-50%);}
	75%{transform: translateX(-25%);}
	100%{transform: translateX(0);}
}








@media only screen and (max-width: 750px){
	.home_login .login, 
	.home_login .newuser{float: none;}
	.home_login .newuser{padding-left: 15; padding-top: 25; border: none;}
}