*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: manipulation; /* масштабирование при двойном тапе не происходит */
}
.header-account{
	display:flex;
	position:absolute;
	right:9.5vw;
	background:#ccc;
	height:3.5vw;
	padding:.5vw .5vw .5vw 1vw;
	border-radius:1vw;
	transition: .1s linear;
	cursor:pointer;
}
.header-account:hover{
	background:#bbb;	
}
.header-account-img{
	border-radius:1000vw;
	width: 3.5vw;
	height: 3.5vw;
	background-size: cover;
    background-position: center;
}
.header-account-text{
	margin-left:1vw;	
	padding-right:1.5vw;
	width:100%;
}
.header-account-name{
	margin-top:.1vw;
	font-size:1.4vw;
	font-weight:bold;
	color:black;
	width:100%;
	text-align:center;
}
.header-account-link{
	margin-top:-.3vw;
	color:#666;
	font-size:1.05vw;
	display:flex;
	width:100%;
	justify-content:center;
}
.account-link-icon{
	margin-top:.1vw;	
	margin-left:.2vw;
}
.reg-table td{
	position:relative;
	padding-left:.5vw;
	padding-right:.5vw;
}
.select-input{
	cursor:pointer;
	color: #757575;
}
.custom-select {
  	cursor: pointer;
}
.custom-select .options {
  	display: none;
  	position: absolute;
}
.custom-select.open .options {
	margin-top:.5vw;
  	display: block;
	z-index:110;
	background:#fff;
	padding:.5vw;
	border:1px solid black;
	width:15.55vw;
	border-radius:.5vw;
}
.option{
	border-radius:.3vw;
	padding:0vw .5vw 0vw .5vw;
}
.option:hover{
	background:#0067fc;
	color:#fff;
}
label.option:hover{
	background:#fff;
	color:#000;
}
.select-value{
	color:#757575;	
}
.custom-select2 {
  	cursor: pointer;
}
.custom-select2 .options2 {
  	display: none;
  	position: absolute;
	max-height:15vw;
	overflow-y:scroll;
	scrollbar-width:none;
}
.custom-select2.open .options2 {
	margin-top:.5vw;
  	display: block;
	z-index:110;
	background:#fff;
	padding:.5vw;
	border:1px solid black;
	width:40vw;
	border-radius:.5vw;
}
.select-value2{
	display:block;
	width:43vw;
	color:#757575;	
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.custom-select3 {
  	cursor: pointer;
}
.custom-select3 .options3 {
  	display: none;
  	position: absolute;
	max-height:15vw;
	overflow-y:scroll;
	scrollbar-width:none;
}
.custom-select3.open .options3 {
	margin-top:-19vw;
  	display: block;
	z-index:110;
	background:#fff;
	padding:.5vw;
	border:1px solid black;
	width:40vw;
	border-radius:.5vw;
}
.select-value3{
	display:block;
	width:15vw;
	color:#757575;	
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.country_chk{
	display:block;	
}
.custom-select4 {
  	cursor: pointer;
}
.custom-select4 .options4 {
  	display: none;
  	position: absolute;
	max-height:15vw;
	overflow-y:scroll;
	scrollbar-width:none;
}
.custom-select4.open .options4 {
	bottom:3vw;
  	display: block;
	z-index:110;
	background:#fff;
	padding:.5vw;
	border:1px solid black;
	width:22.2vw;
	border-radius:.5vw;
}
.select-value4{
	display:block;
	width:15vw;
	color:#757575;	
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.option-disabled{
	color: #757575;
}
.option-disabled:hover{
	background: #fff;
	color:#757575;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox.style-c {
	margin-top:.8vw;
  	display: inline-block;
  	position: relative;
  	padding-left: 2vw;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
.checkbox.style-c input {
  	position: absolute;
	left:.2vw;
	top:1.5vw;
  	opacity: 0;
  	cursor: pointer;
  	height: 1vw;
  	width: 1vw;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark {
  	background-color: #7000FE;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark:after {
  	opacity: 1;
}
.checkbox.style-c:hover input ~ .checkbox__checkmark {
  	background-color: #eee;
}
.checkbox.style-c:hover input:checked ~ .checkbox__checkmark {
  	background-color: #7000FE;
}
.checkbox.style-c .checkbox__checkmark {
  	position: absolute;
  	top: .5vw;
  	left:0vw;
  	height: 1.4vw;
  	width: 1.4vw;
  	background-color: #fff;
	border:.25vw solid #7000FE;
  	transition: background-color 0.25s ease;
  	border-radius: .3vw;
}
.checkbox.style-c .checkbox__checkmark:after {
  	content: "";
  	position: absolute;
  	left: .45vw;
  	top: .14vw;
  	width: .35vw;
  	height: .77vw;
  	border: solid #fff;
  	border-width: 0 .15vw .15vw 0;
  	transform: rotate(45deg);
  	opacity: 0;
  	transition: opacity 0.25s ease;
}
.checkbox__body{
	font-size:1.3vw;
	font-weight:500;
	color: black;
	margin-top: .6vw;
	margin-left:.7vw;
	font-family: "Montserrat";
}
.input_text{
	font-size:2vw;
	font-weight:500;
	margin-right:1.5vw;
}
.input{
	font-size: 3.8vh;
	font-family:"Nunito";
	padding:1.1vh 0vw .31vh 0vw;	
	border: none;
	border-bottom: 4px solid #007afc;
	outline:none;
	user-select:none;
	margin-top:1.1vh;
	width:100%;
}
.submit{
	margin-top:6.1vh;
	font-size:5.7vh;
	font-family:"Nunito";
	padding:.41vh 4vw .41vh 4vw;
	border-radius:.8vw;
	text-align:center;
	color: #fff;
	background: #0067FC;
	border:none;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	cursor:pointer;
	transition: .1s linear;
}
.submit:hover{
	background:	#025CDE;
}
.reg-img-container{
	position: relative;
	margin-left:3vw;
	margin-top:1vw;
	width:14vw;
	height:14vw;
}
.edit-img-container{
	margin-left:0vw;	
}
.reg-img-input{
	position:absolute;
	opacity:0;
}
.edit-img-input{
	position:absolute;	
}
.label{
	position:relative;
	font-family: "Montserrat";
	font-weight:600;
	font-size:1.1vw;
	background: #fff;
	border: .5vw solid #0067fc;
	color: #0067fc;
	width:14vw;
	height:2.2vw;
	padding:10.5vw 0vw 1.3vw 0vw;
	text-align: center;
	border-radius: 100vw;
	cursor: pointer;
	transition: .1s linear;
}
.user-label{
	border-radius: 100vw;
	background-size:cover;
	background-position:center;
	font-family:"Nunito";
	border: none;
	color:#036bfc;
	font-size:1.2vw;
	padding:10.5vw 0vw 1.3vw 0vw;
	filter:brightness(50%);
}
.mobile-unflex{
	display:flex;	
}
.select-icon{
	position:absolute; 
	right:1vw; 
	margin-top:-1.8vw; 
	font-size:1.3vw;	
}
.select-info{
	position:absolute; 
	color: green; 
	font-weight:500;	
	font-size:1.2vw;
}
.image-info{
	position:relative;
	margin-top:1vw;
	margin-left:2vw;
}
.mobile-info{display:none;}
.image-info-span{
	color:#036bfc;	
}
.img-icon-part1{
	position:absolute; 
	top:2.5vw; 
	font-size:6vw; 
	left: 3.5vw;	
}
.img-icon-part2{
	position:absolute; 
	top:7.05vw; 
	font-size:1.85vw; 
	left: 9.4vw;	
}
.main-img-part1, .main-img-part2{
	opacity:0.7;
	cursor: pointer;
}
.img-icon-text{
	position:absolute;
	top:10vw;
	left:3vw;
	font-family: "Nunito";
	font-weight:600;
	font-size:1.1vw;
	color: #fff;
	text-align: center;
	cursor: pointer;
	opacity:0.7;
}
.user-window-values{
	display:flex;	
}
.user-window{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.7);
	z-index:1000;
	padding:3vw 7vw 3vw 7vw;
}
.user-window-container{
	background:#fff;
	border-radius:1.5vw;
	width: 80vw;
	height:calc(100vh - 9vw);
	padding:1.5vw 3vw 1.5vw 3vw;
	overflow-y:auto;
	overflow-x:hidden;
}
.user-window-container::-webkit-scrollbar{
	display:none;
}
.user-window-title{
	font-size:3.5vw;
	font-weight:600;
	font-family:"Nunito";
	margin-bottom:2vw;
}
.user-window-close{
	position:absolute;
	width:2.5vw;
	height:2.65vw;
	padding:.425vw .5vw .425vw .5vw;
	text-align:center;
	right:24vw;
	top:5vw;
	font-size:2.5vw;
	z-index:1001;
	cursor:pointer;
	border-radius:100vw;
	transition:.1s linear;
}
.user-window-close:hover{
	background:rgba(0,0,0,0.2);	
}
.user-window-img{
	width:10vw;
	height:10vw;
}
.user-values-text{
	margin-left:2vw;
}
.user-value{
	font-size:1.7vw;
	font-family:"Nunito";
	width: 40vw;
}
.user-value-name{
	font-size:2.5vw;	
	font-weight:600;
	padding-bottom:.75vw;
}
.user-edit{
	position:relative;
	top:-.3vw;
	color:#fff;
	background:#036bfc;
	padding:.4vw .8vw .4vw .8vw;
	border-radius:.7vw;
	font-family:"Nunito";
	font-size:1.3vw;
	font-weight:500;
	margin-left:1.5vw;
	cursor:pointer;
	transition:.05s linear;
}
.user-edit:hover{
	background:#0154c7;	
}
.user-edit-icon{
	margin-left:.4vw;
	font-size:1.1vw;
}
.user-window-table{
	margin-left:2vw;
	width:47vw;
}
.user-change-btn{
	position:relative;
	margin-left:2vw;
	margin-top:1.5vw;
	background:#0067fc;
	color:#fff;
	font-family:"Nunito";
	font-size:1.5vw;
	padding:.5vw 1.5vw .5vw 1.5vw;
	text-align:center;
	cursor:pointer;
	border-radius:.75vw;
	border:none;
}
.user-change-btn:hover{
	background:#0154c7;	
}
.logout-btn{
	position:relative;
	margin-left:2vw;
	margin-top:1.5vw;
	background:#ff2c2c;
	color:#fff;
	font-family:"Nunito";
	font-size:1.85vw;
	width:12vw;
	padding:.5vw 0vw .5vw .5vw;
	text-align:center;
	cursor:pointer;
	border-radius:.75vw;
	border:none;
}
.logout-btn:hover{
	background:#da2828;
}
.change-btn-icon{
	margin-left:.25vw;
	font-size:1.4vw;
}
.logout-btn-icon{
	margin-left:.25vw;
	font-size:1.65vw;
}
.edit-cancel-btn{
	position:absolute;
	margin-left:calc(80vw - 9.5vw - 1.5vw);
	bottom:calc(6vw + 2.2vw + 1vw + 1.5vw);
	background:#bbb;
	color:#000;
	font-size:1.6vw;
	font-family:"Nunito";
	padding:.5vw 1vw .5vw 1vw;
	border-radius:.65vw;
	width:9.5vw;
	cursor:pointer;
	text-align:center;
	transition: .05s linear;
	display:none;
}
.edit-cancel-btn:hover{
	background:#9f9f9f;
}
.edit-apply-btn{
	position:absolute;
	right:37vw;
	bottom:calc(6vw + 2.2vw + 1vw + 1.5vw);
	background:#0067fc;
	color:#fff;
	font-size:1.6vw;
	font-family:"Nunito";
	padding:.5vw 1vw .5vw 1vw;
	border-radius:.65vw;
	cursor:pointer;
	text-align:center;
	transition: .05s linear;
	display:none;
	border:none;
}
.edit-apply-btn:hover{
	background:#0154c7;
}
.email-error{
	display:none;
	color:red;
	font-size:2.5vh;
}
.email-confirm{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:calc(100vw + 10px);
	height:100vh;
	background:rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.email-confirm-container{
	margin: 20vh 15vw 20vh 15vw;
	width:calc(70vw - 7vh);
	background:#fff;
	border-radius:1.5vw;
	font-family:"Nunito";
	padding:3.5vh;
	text-align:center;
}
.email-confirm-title{
	font-weight:600;
	font-size:6vh;
	text-align:left;
}
.email-confirm-text{
	margin-top:2vh;
	font-size:3vh;
	text-align:left;
}
.email-confirm-input{
	font-size:7vh;
	font-family:"Nunito";
	width:31vh;
	text-align:center;
	outline:none;
	user-select:none;
	border-radius:1vw;
	border: none;
	background:#ccc;
	margin-top:4vh;
	padding:0vh 2vh 0vh 2vh;
}
.email-confirm-input::-webkit-outer-spin-button,
.email-confirm-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.mail-submit{
	font-size:3vw;
	width:22vw;
	text-align:center;
	padding:1vh 5vh 1vh 5vh;
	transition:none;
}
.email-confirm-more{
	position:absolute;
	right:calc(15vw + 6.625vh);
	margin-top:calc(-1vh - 3vw);
	cursor:pointer;
	font-size:1.25vw;
}
.email-confirm-more:hover{
	color:#333;	
}
.mobileEmail-confirm-more{display:none;}
.forget-background{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:calc(100vw + 10px);
	height:100vh;
	background:rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.forget-container{
	display:block;
	margin: 20vh 15vw 20vh 15vw;
	width:calc(70vw - 7vh);
	background:#fff;
	border-radius:1.5vw;
	font-family:"Nunito";
	padding:3.5vh;
	text-align:center;
}
.forget-title{
	font-weight:600;
	font-size:6vh;
	text-align:left;
}
.forget-close{
	position:absolute;
	width:5.7vh;
	height:5.55vh;
	padding:.95vh .4vh 0vh .4vh;
	text-align:center;
	right:calc(15vw + 5vh);
	top:23.5vh;
	font-size:4.5vh;
	z-index:1001;
	cursor:pointer;
	border-radius:100vw;
	transition:.1s linear;
}
.main-close{
	padding: .475vh .4vh .475vh .4vh;	
}
.forget-close:hover{
	background:rgba(0,0,0,0.2);	
}
.forget-text{
	margin-top:2vh;
	font-size:3.5vh;
	text-align:left;
	word-break:break-word;
}
.forget-email-input{
	font-size:5vh;
	font-family:"Nunito";
	width:calc(40vw - 7vh);
	text-align:left;
	outline:none;
	user-select:none;
	border-radius:1vw;
	border: none;
	background:#ccc;
	margin-top:4vh;
	padding:1vh 2vh 1vh 2vh;
}
.forget-code-input{
	display:none;
	font-size:7vh;
	font-family:"Nunito";
	width:32vh;
	text-align:center;
	outline:none;
	user-select:none;
	border-radius:1vw;
	border: none;
	background:#ccc;
	margin-top:4vh;
	padding:0vh 2vh 0vh 2vh;
}
.forget-psw-input{
	display:none;
	font-size:5vh;
	font-family:"Nunito";
	width:calc(40vw - 7vh);
	text-align:left;
	outline:none;
	user-select:none;
	border-radius:1vw;
	border: none;
	background:#ccc;
	margin-top:4vh;
	padding:1vh 2vh 1vh 2vh;
}
.forget-code-input::-webkit-outer-spin-button,
.forget-code-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.forget-email-error{
	opacity:0;
	color:red;
	font-size:2.5vh;
	font-family:"Nunito";
}
.forget-email-submit{
	margin-top:3vh;
	font-size:5vh;
	width:31vh;
	text-align:center;
	padding:1vh 4vh 1vh 4vh;
	transition:none;
}
.forget-spinner {
	margin-top:1.2vh;
	margin-left:1vw;
  	width: 3vh;
  	height: 3vh;
  	border: .75vh solid #fff;
  	border-top-color: #3A8AFE;
  	border-radius: 50%;
  	animation: spin 1s linear infinite;
}
.login-spinner{
	margin-top:1.7vh;
	margin-left:1vw;
  	width: 3vh;
  	height: 3vh;
  	border: .75vh solid #fff;
  	border-top-color: #3A8AFE;
  	border-radius: 50%;
  	animation: spin 1s linear infinite;
}
.reg-spinner{
	margin-top:1.7vh;
	margin-left:1vw;
  	width: 3vh;
  	height: 3vh;
  	border: .75vh solid #fff;
  	border-top-color: #3A8AFE;
  	border-radius: 50%;
  	animation: spin 1s linear infinite;
}
.edit-spinner{
	margin-top:.2vw;
	margin-left:.85vw;
  	width: 1.15vw;
  	height: 1.15vw;
  	border: .35vw solid #fff;
  	border-top-color: #3A8AFE;
  	border-radius: 50%;
  	animation: spin 1s linear infinite;
}
.forget-confirm-more{
	position:absolute;
	right:calc(15vw + 6.625vh);
	margin-top:calc(-1vh - 3vw);
	cursor:pointer;
	font-size:1.25vw;
}
.forget-confirm-more:hover{
	color:#333;	
}
.mobile-display-block{
	display:none;	
}
.club-spinner{
	margin-top: 1vw;
    margin-left: calc(50% - 2vw);
    margin-bottom: 1vw;
    width: 4vw;
    height: 4vw;
    border: .45vw solid #fff;
    border-top-color: #999;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.news-fullImage-background{
	display:none;
	z-index: 1000;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    width: 100vw;
    height: 100vh;
    top: 0vw;
    left: 0vw;
}
.transition-preloader{
	margin: calc(50vh - 5.5vw) 44.5vw;
    width: 11vw;
    height: 11vw;
}
.transition-spinner{
	display: block;
    width: 10vw;
    height: 10vw;
    border: .5vw solid #036bfc;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
}
@media(orientation:portrait){
	.header-account{display:none;}
	.header-account-mobile{
		margin-top:0vh;
		right:calc(8vw + 5.5vh);
		height:5.75vh;
		padding:.75vh 1.25vh 1.75vh 1.25vh;
		border-radius:2vh;
		background:#fff;
		margin: 5vw;
	}
	.header-account-img{
		width: 5.75vh;
		height: 5.75vh;
	}
	.header-account-text{
		margin-left:1vh;	
		padding-right:1.5vw;
		font-family:"Nunito";
	}
	.header-account-name{
		margin-top:.6vh;
		font-size:2.4vh;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.header-account-link{
		margin-top:-.3vw;
		font-size:1.4vh;
	}
	.account-link-icon{
		margin-top:.1vw;	
		margin-left:.2vw;
	}	
	.mobile-unflex{
		display:block;	
	}
	.input{
		font-size: 2.8vh;
		padding:.5vh 0vh .15vh 0vw;	
		border-bottom: .5vh solid #007afc;
		margin-top:1.5vh;
	}
	.reg-table td{
		padding-left:.5vh;
		padding-right:.5vh;
	}
	.reg-table .input{
		font-size:2.05vh;	
	}
	.custom-select.open .options {
		margin-top:1vh;
		padding:1vw;
		border:.1vh solid black;
		width:38vw;
		border-radius:1vh;
	}
	.option{
		border-radius:.6vh;
		padding:0vw 1vh 0vw 1vh;
	}
	.custom-select2 .options2 {
		max-height:70vh;
	}
	.custom-select2.open .options2 {
		margin-top:-30vh;
		padding:1vw;
		border:.1vh solid black;
		width:80.2vw;
		border-radius:1vh;
	}
	.select-value2{
		width:76vw;
	}
	.custom-select3 .options3 {
		max-height:70vh;
	}
	.custom-select3.open .options3 {
		margin-top:-35.75vh;
		padding:1vw;
		border:.1vh solid black;
		width:80.2vw;
		border-radius:1vh;
	}
	.select-value3{
		width:36.5vw;
	}
	.select-icon{
		right:1vh; 
		margin-top:-2.1vh; 
		font-size:1.6vh;	
	}
	.custom-select4 .options4 {
		max-height:50vh;
	}
	.custom-select4.open .options4 {
		bottom:3vh;
		padding:1vw;
		border:.1vh solid black;
		width:38vw;
		border-radius:1vh;
	}
	.select-value4{
		width:36.5vw;
	}
	.spinner {
		margin-top:.75vh;
		margin-left:.75vh;
  		width: 1.5vh;
  		height: 1.5vh;
  		border: .5vh solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.login-spinner {
		margin-top:1vh;
		margin-left:.75vh;
  		width: 1.75vh;
  		height: 1.75vh;
  		border: .5vh solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.reg-spinner{
		margin-top:.75vh;
		margin-left:.75vh;
  		width: 1.75vh;
  		height: 1.75vh;
  		border: .5vh solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.select-info{
		font-size:1.65vh;
	}
	.image-info{
		width:90vw;
		text-align:center;
		margin-top:4.5vh;
		margin-left:0vw;
		padding:0vw 5vw 0vw 5vw;
	}	
	.mobile-info{display:block;}
	.desktop-info{display:none;}
	.image-info-span{
		font-size:2vh;	
	}
	.checkbox.style-c {
		margin-top:2.4vh;
  		padding-left: 2vh;
	}
	.checkbox.style-c input {
		left:.2vh;
		top:1.5vh;
  		height: 1vh;
  		width: 1vh;
	}
	.checkbox.style-c .checkbox__checkmark {
  		top: .5vh;
  		left:0vh;
  		height: 2.2vh;
  		width: 2.2vh;
		border:.35vh solid #7000FE;
  		border-radius: .6vh;
	}
	.checkbox.style-c .checkbox__checkmark:after {
  		left: .7vh;
  		top: .2vh;
  		width: .55vh;
  		height: 1.2vh;
  		border-width: 0 .25vh .25vh 0;
	}
	.checkbox__body{
		margin-top: .8vh;
		margin-left:2.5vh;
		font-size:1.7vh;
	}
	.reg-img-container{
		position:relative;
		left: calc(50vw - 8.75vh - 6vw);
		margin-top:2.5vh;
		width:17.5vh;
		height:17.5vh;
	}
	.label{
		position:relative;
		font-size:1.65vh;
		border: .63vh solid #0067fc;
		width:20vh;
		height:3.13vh;
		padding:14.75vh 0vh 2.08vh 0vh;
		border-radius: 100vh;
	}
	.label:hover{
		box-shadow: .0vh 0vh 0vh #999;	
	}
	.img-icon-part1{
		top:0vh;
		margin-top:3.13vh; 
		font-size:10vh; 
		left: 4.17vh;	
	}
	.img-icon-part2{
		margin-top:10.78vh; 
		top:0vh;
		font-size:3.09vh; 
		left: 13.83vh;	
	}
	.forget-label{
		font-size:1.8vh;
	}
	.email-error{
		font-size:1.65vh;	
	}
	.email-confirm{
		width:calc(100vw + 11px);
		height:100vh;
	}
	.email-confirm-container{
		margin: 10vh 10vw 20vh 10vw;
		width:calc(80vw - 6vh);
		border-radius:3vh;
		padding:3vh;
	}
	.email-confirm-title{
		font-size:3.5vh;
	}
	.email-confirm-text{
		margin-top:2vh;
		font-size:2.5vh;
		word-break: break-word;
	}
	.email-confirm-input{
		font-size:6vh;
		width:27vh;
		border-radius:1.5vh;
		margin-top:4vh;
		padding:0vh 2vh 0vh 2vh;
	}
	.mail-submit{
		margin-top:3vh;
		font-size:7.5vw;
		width:calc(80vw - 9vh);
		padding:1vh 1.5vh 1vh 1.5vh;
		border-radius:3vw;
	}
	.email-confirm-more{display:none;}
	.mobileEmail-confirm-more{
		display:block;
		position:relative;
		right:0;
		margin-top:1.5vh;
		text-align:center;
		font-size:2.2vh;
	}
	.email-spinner{
		margin-top:1.75vw;
		margin-left:3.5vw;
  		width: 5.5vw;
  		height: 5.5vw;
  		border: 1vw solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.forget-background{
		width:100vw;
	}
	.forget-container{
		margin: 10vh 10vw 10vh 10vw;
		width:calc(80vw - 6vh);
		border-radius:3vh;
		padding:3vh;
	}
	.forget-title{
		font-size:7vw;
		width:55vw;
	}
	.forget-close{
		width:8.2vw;
		height:8vw;
		padding:1.38vw .6vw 0vw .6vw;
		right:calc(10vw + 3vh);
		top:13vh;
		font-size:6.5vw;
	}
	.main-close{
		width:8.2vw;
		height:8vw;
		padding:.69vw .6vw .69vw .6vw;
		right:calc(10vw + 3vh);
		top:13vh;
		font-size:6.5vw;	
	}
	.forget-text{
		margin-top:2vh;
		font-size:2.5vh;
	}
	.forget-email-input{
		font-size:2.5vh;
		width:calc(80vw - 6vh);
		border-radius:1.5vh;
		margin-top:2vh;
		padding:1vh 2vh 1vh 2vh;
	}
	.forget-code-input{
		font-size:10vw;
		width:50vw;
		border-radius:1.5vh;
		margin-top:4vh;
		padding:0vh 2vh 0vh 2vh;
	}
	.forget-psw-input{
		font-size:2.5vh;
		width:calc(80vw - 10vh);
		border-radius:1.5vh;
		margin-top:2vh;
		padding:1vh 2vh 1vh 2vh;
	}
	.forget-email-error{
		font-size:1.75vh;
	}
	.forget-email-submit{
		margin-top:1.5vh;
		font-size:3vh;
		width:calc(80vw - 6vh);
		padding:1vh 0vh 1vh 0vh;
		border-radius:1.5vh;
	}
	.forget-spinner {
		margin-top:.65vh;
		margin-left:3vw;
  		width: 2vh;
  		height: 2vh;
  		border: .4vh solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.user-window{
		width:calc(100vw - 20vw);
		height:calc(100vh - 17vh);
		padding:10vh 10vw 7vh 10vw;
	}
	.user-window-container{
		border-radius:3vh;
		width: calc(80vw - 6vh);
		height:calc(100vh - 9vh - 7vh - 14vh);
		padding:3.5vh 3vh 3.5vh 3vh;
	}
	.user-window-title{
		font-size:5.5vw;
		margin-bottom:2vh;
	}
	.user-window-close{
		width:8.2vw;
		height:8vw;
		padding:1.38vw .6vw 0vw .6vw;
		right:calc(10vw + 3vh);
		top:13vh;
		font-size:6.5vw;
	}
	.user-window-img{
		width:25vw;
		height:25vw;
		margin-left: calc(40vw - 12.5vw - 3vh);
	}
	.user-window-values{
		display:block;	
	}
	.user-values-text{
		margin-left:0vw;
		margin-top:2vh;
	}
	.user-value{
		font-size:2vh;
		font-family:"Nunito";
		width: calc(80vw - 6vh);
	}
	.user-value-name{
		margin-top:2.5vh;
		font-size:3vh;	
		padding-bottom:.75vh;
	}
	.user-edit{
		position:relative;
		top:0vw;
		color:#036bfc;
		background:transparent;
		padding:.4vh .8vh .4vh .8vh;
		border-radius:.7vw;
		font-size:1.3vw;
		margin-left:0vh;
	}
	.user-edit:hover{
		background:transparent;	
	}
	.user-edit-icon{
		margin-left:0vw;
		font-size:2.5vh;
	}
	.user-change-btn{
		margin-left:0vw;
		margin-top:1.5vh;
		font-size:2.25vh;
		padding:.5vh 1.5vh .5vh 1.5vh;
		border-radius:1.1vh;
	}
	.logout-btn{
		margin-left:0vw;
		margin-top:1.5vh;
		font-size:2.25vh;
		width:15vh;
		padding:.5vh 1.5vh .5vh 1.5vh;
		border-radius:1.1vh;
	}
	.change-btn-icon{
		margin-left:.25vh;
		font-size:1.8vh;
	}
	.logout-btn-icon{
		margin-left:.25vh;
		font-size:1.9vh;
	}
	.edit-cancel-btn{
		margin-left:calc(80vw - 17.25vh);
		bottom:16vh;
		font-size:2.25vh;
		padding:.5vh 2vh .5vh 2vh;
		border-radius:1vh;
		width:unset;
	}
	.edit-apply-btn{
		right:calc(10vw + 15.25vh);
		bottom:16vh;
		font-size:2.25vh;
		padding:.5vh 2vh .5vh 2vh;
		border-radius:1vh;
	}
	.mobile-display-none{
		display:none;	
	}
	.mobile-display-block{
		display:block;	
	}
	.edit-spinner{
		margin-top:.45vh;
		margin-left:2vw;
  		width: 1.5vh;
  		height: 1.5vh;
  		border: .4vh solid #fff;
  		border-top-color: #3A8AFE;
  		border-radius: 50%;
  		animation: spin 1s linear infinite;
	}
	.user-label{
		position:relative;
		font-size:2.8875vw;
		border: none;
		width:35vw;
		height:5.4775vw;
		padding:25.8125vw 0vw 3.64vw 0vw;
		border-radius: 100vh;
	}
	.edit-img-container{
		position:relative;
		left: 0vw;
		margin-top:2.5vh;
		width:35vw;
		height:35vw;
		margin-left: calc(40vw - 17.5vw - 3vh);
	}
	.main-img-part1{
		top:0vh;
		margin-top:5.4775vw; 
		font-size:17.5vw; 
		left: 7.2975vw;	
	}
	.main-img-part2{
		margin-top:18.865vw; 
		top:0vh;
		font-size:5.4075vw; 
		left: 24.2025vw;	
	}
	.img-icon-text{
		position:absolute;
		top:25.2vw;
		left:7vw;
		font-size:2.8vw;
	}
	.user-window-table{
		margin-left:0vw;
		width:0vw;
	}
	.user-window-table td{
		padding-left:0vw;
	}
	.user-window-table .usereditinp{
		width: calc(40vw - 3.6vh);
	}
	.user-window-table .usereditinp_long{
		width: calc(80vw - 6.6vh);
	}
	.custom-select.open .usereditoptions{
		width: calc(40vw - 3.6vh - 2vw);	
	}
	.custom-select4.open .usereditoptions{
		width: calc(40vw - 3.6vh - 2vw);	
	}
	.custom-select2.open .usereditoptions_long{
		width: calc(80vw - 6.6vh - 2vw);
		margin-top: -18vh;
		max-height:60vh;
	}
	.custom-select3.open .usereditoptions_long{
		width: calc(80vw - 6.6vh - 2vw);
		margin-top: -24vh;
		max-height:60vh;
	}
	.usereditinp_long .select-value2{
		width: calc(80vw - 6.6vh - 2.1vh);
	}
	.usereditinp .select-value3, .select-value4{
		width: calc(40vw - 3.6vh - 2.1vh);	
	}
	.club-spinner{
		margin-top: 1vh;
    	margin-left: calc(50% - 2vh);
    	margin-bottom: 1vh;
    	width: 4vh;
    	height: 4vh;
    	border: .35vh solid #fff;
    	border-top-color: #999;
    	border-radius: 50%;
    	animation: spin 1s linear infinite;	
	}
	.transition-preloader{
		margin: calc(50vh - 5.6vh) calc(50vw - 5.6vh);
    	width: 11.2vh;
    	height: 11.2vh;
	}
	.transition-spinner{
		display: block;
    	width: 10vh;
    	height: 10vh;
    	border: .6vh solid #036bfc;
    	border-top-color: transparent;
    	border-radius: 50%;
    	animation: spin 1s linear infinite;
    	position: absolute;
	}
}