:root {
    --primary: #4361ee;
    --secondary: #3a0ca3;
    --accent: #4cc9f0;
    --light: #f8f9fa;
    --dark: #212529;
    --success: #4bb543;
}

.btn-none, .btn-none:focus, .btn-none:hover{padding: 0;margin: 0;outline: none;border:none;background:none;box-shadow: none;}

.mav-btn{
    outline: none;
    border-color: transparent;
	border-radius: 30px;
	padding: 10px 20px;
	transition: linear all 0.3s;
	line-height: 1;
	font-weight: normal;
	transition: linear all 0.3s;
	display: inline-block;
    font-weight: 600;
    /*background-color: var(--color-green-y);*/
    /*color: #fff;*/
    white-space: nowrap;
    vertical-align: middle;
}
.mav-btn:hover,.mav-btn:focus{
    /*background-color: var(--color-green);
    color: #fff;*/
}
.mav-btn-sm{
    font-size: 14px;
    padding: 8px 15px;
}
.mav-btn-o{
    background-color: #fff;
    /*border: 1px solid var(--color-green-y);
    color: var(--color-green);*/
    font-weight: normal;
}
.mav-btn-o:hover, .mav-btn-o:focus{
    /*background-color: #fff;
    color: var(--color-green-y);*/
}
.mav-btn-danger{
    background-color: var(--color-red-y);
}
.mav-btn-danger:hover,.mav-btn-danger:focus;{background-color: var(--color-red);}
.mav-btn-warning{
    background-color: #c98628;
}
.mav-btn-warning:hover,.mav-btn-warning:focus{background-color: #c98628;}
.mav-btn-danger-o{
    /*background-color: #fff;
    color: var(--color-red-y);
    border: 2px solid var(--color-red-y);*/
}
/*.mav-btn-danger-o:hover,.mav-btn-danger-o:focus{color: var(--color-red);border-color: var(--color-red);background-color: #fff;}
.mav-btn-default{
    font-weight: 500;
    border: solid 1px rgba(0, 0, 0, .12);
    color: var(--color-second);
    background: #fff;
}
.mav-btn-default:hover, .mav-btn-default:focus{color: var(--color-primary);background: #fff;}*/


.btn-primary{background-color: #77CCFC;color: #fff;border: 2px solid #77CCFC;}
.btn-primary-o{background-color: #fff;color: #232323;border: 2px solid #77CCFC;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus{}
.btn-primary-o:hover,.btn-primary-o:focus,.btn-primary-o:active,.btn-primary-o:active:focus{}

.mav-btn.btn-default{background-color: #F2F1ED;color: #232323;border: 2px solid #F2F1ED;}
.mav-btn.btn-default-o{background-color: #fff;color: #232323;border: 2px solid #F2F1ED;}
.mav-btn.btn-default:hover,.btn.mav-default:active,.btn.mav-default:focus{background-color: #F2F1ED;color: #232323;}
.mav-btn.btn-default-o:hover,.btn.mav-default-o:active,.btn.mav-default-o:focus{background-color: #F2F1ED;color: #232323;}


.winauth_loginsoc{
	display:flex;
    justify-content: center;
    text-align: center;
    gap: 20px;
    margin-bottom: 35px;
}
.winauth_login{
    border-top: 1px solid var(--color-black20);
    padding-top: 35px;
}
.mav_form_group .form-control{
    height: 50px;
    /*border-radius: 4px;*/
    border-color: var(--color-black20);
    margin: 0;
    transition: all linear 0.3s;
    background-color: transparent;
    position: relative;
    z-index: 2;
    box-shadow: none;
}
.mav_form_group .form-control:focus,.mav_form_group .form-control:active{box-shadow: none;}
.mav_form_group{
    margin-bottom: 30px;
    position: relative;
}
.mav_form_group label{
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 25px;
    display: inline-block;
    background-color: #fff;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 16px;
    color: var(--color-secondary);
    transition: all linear 0.2s;
}
.mav_form_group.active .form-control{
    border-color: var(--color-black50);
}
.mav_form_group.active label{
    top: -15px;
    z-index: 3;
}
.mw400{max-width: 400px;}
.mw600{max-width: 600px;}
.winauth_login_btn{
    width: 100%;
    margin: 15px 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.winauth_login_prbtn{
    color: var(--color-secondary);
}
.winauth_btnback{
    position: absolute;
    top: 10px;
    color: var(--color-secondary);
    left: 35px;
}
.winauth_tgqr{display: block; margin: auto;width: 170px;height: 170px;}
.winauth_subtlt{
    font-size: 16px;color: var(--color-second);padding-bottom: 25px;
}

/*********Модальные окна*****/

.mmodal{
	display: none;position: fixed;height: 100vh;width: 100vw;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;
}
.mmodal-o{
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
    align-items: center;
    justify-content: center;
}
.mmodal-bg{
	background: rgba(1, 16, 77, 0.5);
	position: absolute;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;
}
.mmodal.ajaxProgress{background-color: rgba(0, 0, 0, 0.75);}
.mmodal-content{
	position: relative;
	z-index: 2;
    margin: calc(var(--fixed-header-top-height) + 25px) auto 25px auto;
	border-radius: 3px;
	background: #fff; 
	padding: 0 40px 40px 40px;
	height: auto;
	min-height: 100px;
	max-height: calc(100vh - var(--fixed-header-top-height) - 50px);
	min-width: 350px;
}
@media (max-width: 600px){
	.mmodal-content{
        position: absolute;
        top: var(--fixed-header-top-height);
        bottom: 0;right: 0;left: 0;
        margin: 0;
        max-height: none;
        height: auto;
    }
}
.mmodal-head{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-top: 40px;
	height: 100px;
}
.mmodal-head-tlt{
	font-family: var(--ffamily-tlt);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/*height: 50px;*/
	font-weight: 800;
	font-size: 22px;
	margin: 0 40px 0 0;
}
.mmodal-content-scroll{
	height: auto;
	min-height: 100px;
	max-height: calc(100vh - 200px);
}
.mmodal-close{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	opacity: 0.5;
	transition: all 0.3s linear;
}
.mmodal-close > *{display: none;}
.mmodal-close:after {
	position: absolute;
	top: 19px;left: 5px;
	content: '';
	height: 2px;
	display: inline-block;
	width: 30px;
	background-color: #000;
	transform: rotate(45deg);
}
.mmodal-close:before {
	position: absolute;
	top: 19px;left: 5px;
	content: '';
	height: 2px;
	display: inline-block;
	width: 30px;
	background-color: #000;
	transform: rotate(-45deg);
}
.mmodal-close:hover{
	opacity: 1;
}
.mmodal-show{display: block;}

.loader {/*https://cssloaders.github.io/*/
	transform: rotateZ(45deg);
	perspective: 1000px;
	border-radius: 50%;
	width: 250px;
	height: 250px;
	color: #fff;
	margin: auto;
}
.loader:before,
.loader:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	transform: rotateX(70deg);
	animation: 1s spin linear infinite;
}
.loader:after {
	color: #FF3D00;
	transform: rotateY(70deg);
	animation-delay: .4s;
}
@keyframes rotate {
	0% {transform: translate(-50%, -50%) rotateZ(0deg);}
	100% {transform: translate(-50%, -50%) rotateZ(360deg);}
}
@keyframes rotateccw {
	0% {transform: translate(-50%, -50%) rotate(0deg);}
	100% {transform: translate(-50%, -50%) rotate(-360deg);}
}
@keyframes spin {
	0%,
	100% {box-shadow: .2em 0px 0 0px currentcolor;}
	12% {box-shadow: .2em .2em 0 0 currentcolor;}
	25% {box-shadow: 0 .2em 0 0px currentcolor;}
	37% {box-shadow: -.2em .2em 0 0 currentcolor;}
	50% {box-shadow: -.2em 0 0 0 currentcolor;}
	62% {box-shadow: -.2em -.2em 0 0 currentcolor;}
	75% {box-shadow: 0px -.2em 0 0 currentcolor;}
	87% {box-shadow: .2em -.2em 0 0 currentcolor;}
}
.no-selection {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
   

/*****************sprite*************************/
	.soc_sprite{background: url('images/soc_sprite.png?id=1') no-repeat;display: inline-block;}
	.soc_sprite_vk128{background-position: 0px 0px; height: 128px;width: 128px;}
	.soc_sprite_vk64{background-position: 0px 0px; height: 64px;width: 64px; height: 64px;width: 64px;background-size: auto 64px;}
	.soc_sprite_vk32{background-position: 0px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_vk16{background-position: 0px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_viber128{background-position: -128px 0px; height: 128px;width: 128px;}
	.soc_sprite_viber64{background-position: -64px 0px; height: 64px;width: 64px;}
	.soc_sprite_viber32{background-position: -32px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_viber16{background-position: -16px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_instagram128{background-position: -256px 0px; height: 128px;width: 128px;}
	.soc_sprite_instagram64{background-position: -128px 0px; height: 64px;width: 64px;}
	.soc_sprite_instagram32{background-position: -64px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_instagram16{background-position: -32px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_telegram128{background-position: 384px 0px; height: 128px;width: 128px;}
	.soc_sprite_telegram64{background-position: -192px 0px; height: 64px;width: 64px;background-size: auto 64px;}
	.soc_sprite_telegram32{background-position: -96px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_telegram16{background-position: -64px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_whatsapp128{background-position: -512px 0px; height: 128px;width: 128px;}
	.soc_sprite_whatsapp64{background-position: -256px 0px; height: 64px;width: 64px;}
	.soc_sprite_whatsapp32{background-position: -128px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_whatsapp16{background-position: -128px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_youtube128{background-position: -640px 0px; height: 128px;width: 128px;}
	.soc_sprite_youtube64{background-position: -320px 0px; height: 64px;width: 64px;}
	.soc_sprite_youtube32{background-position: -160px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_youtube16{background-position: -258px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_vkgroup128{background-position: -768px 0px; height: 128px;width: 128px;}
	.soc_sprite_vkgroup64{background-position: -384px 0px; height: 64px;width: 64px;}
	.soc_sprite_vkgroup32{background-position: -192px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_vkgroup16{background-position: -388px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_dzen128{background-position: -896px 0px; height: 128px;width: 128px;}
	.soc_sprite_dzen64{background-position: -448px 0px; height: 64px;width: 64px;}
	.soc_sprite_dzen32{background-position: -224px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_dzen16{background-position: -388px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_url128{background-position: -1024px 0px; height: 128px;width: 128px;}
	.soc_sprite_url64{background-position: -576px 0px; height: 64px;width: 64px;}
	.soc_sprite_url32{background-position: -256px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_url16{background-position: -388px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_email128{background-position: -1152px 0px; height: 128px;width: 128px;}
	.soc_sprite_email64{background-position: -512px 0px; height: 64px;width: 64px;background-size: auto 64px;}
	.soc_sprite_email32{background-position: -288px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_email16{background-position: -388px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_ya128{background-position: -1280px 0px; height: 128px;width: 128px;}
	.soc_sprite_ya64{background-position: -640px 0px; height: 64px;width: 64px;background-size: auto 64px;}
	.soc_sprite_ya32{background-position: -320px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_ya16{background-position: -160px 0px; background-size: auto 16px; height: 16px;width: 16px;}

	.soc_sprite_google128{background-position: -1408px 0px; height: 128px;width: 128px;}
	.soc_sprite_google64{background-position: -703px 0px; height: 64px;width: 64px;background-size: auto 64px;}
	.soc_sprite_google32{background-position: -352px 0px; background-size: auto 32px; height: 32px;width: 32px;}
	.soc_sprite_google16{background-position: -176px 0px; background-size: auto 16px; height: 16px;width: 16px;}