@charset "utf-8";
/* CSS Document */

@media (max-width: 800px){

,
*::before,
*::after {
  box-sizing: border-box;
}

html{
	width: 100%;
	height: 100%;
}

body {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background:url(pics/bg.jpg) top center;
}

.b-page{
	display: none;
}

.m-page{
	display: block;
	padding:0px;
	margin: 0px;
}

.m-header{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: flex-start;
	gap: 10px;
	padding:10px;
	padding-right: 0px;
	background: radial-gradient(circle at 60% 40%, rgba(8,37,103,0.7), #082567);
}


.m-header-logo{
	display: flex;
	flex-direction: row;
	gap: 10px;
}


#mo-t1{ font-family:Adineue;color:#00e4ff;font-size:16px;line-height:1.2; }
#mo-t2{ font-family:Adineue;color:#00ffd8;font-size:27px;line-height:1.2; }	

@font-face {
    font-family: Gothic;
    src: url(gothic.ttf);
   } 
@font-face {
    font-family: Gill; /* Имя шрифта */
    src: url(gill.ttf); /* Путь к файлу со шрифтом */
   }
   
@font-face {
    font-family: Adineue; /* Имя шрифта */
    src: url(adineue.ttf); /* Путь к файлу со шрифтом */
   }   

@font-face {
    font-family: POne; /* Имя шрифта */
    src: url(poiretone.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family: PTSans; /* Имя шрифта */
    src: url(pt-sans.ttf); /* Путь к файлу со шрифтом */
   }


.m-header-table{
	display: flex;
	flex-direction: column;
	gap:10px;
	padding:5px;
	justify-content:center;
}

.mhr-col img{
	width: 170px;
}

.mhr-col ul{
	padding:0px;
	margin: 0px;
	list-style: none;
}

.m-header-nav-link{
	background: rgba(0,0,0,0.25);
	color:#fff;
	font-size: 12px;
	padding:10px 20px;
	margin:1px 0px;
	display:block;
	border-radius:50px 0px 0px 50px;	
	border:1px solid rgba(255,255,255,0.33);
}
.m-header-nav-link-w{
	background: #fff;
	color:#c00;
	font-weight: bold;
	font-size: 12px;
	padding:10px 20px;
	margin:2px 0px;
	display:block;
	border-radius:50px 0px 0px 50px;	
	border:1px solid rgba(255,255,255,0.33);
}
.mhr-col-logo{
	padding-left:10px;
}

.m-common-docs{
	
	padding:20px;
	padding-top: 30px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #c00;	
	gap: 30px;
}

a.mcd-row{
	color: #c00;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	gap:20px; 
	
}

.mcd-txt i{
	font-size: 24px;
	font-weight: bold;
}
.mcd-ico i{
	font-size: 32px;
}

.m-about{
	background: radial-gradient(circle at 50% 0%, rgba(8,37,103,0.7), #082567);
	color:#fff;
	padding:20px;
	padding-top:40px;
	clip-path: polygon(0 0, 50% 20px, 100% 0, 100% 100%,  0 100%);
	margin-top: 30px;
}

.ma-content-block{
	background: #fff;
	border-radius:0px 0px 50px 50px;
	padding:10px;
	padding-left: 30px;
	position: relative;
	color:#333;
}

.ma-content-block a{
	font-size: 14px;
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items:flex-start;
	gap: 20px;
	margin-bottom:20px;
	border-top: 1px dotted #999;
	padding-top: 10px;
}

.m-manuals{
	background: radial-gradient(circle at 60% 40%, rgba(3,128,156,1), #025669);
	padding: 30px 20px;
	color:rgba(255,255,255,0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mm-title{
	font-size: 24px;
}

.m-is-manuals-block{
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content:flex-start;
	align-items:flex-start;
	margin: 20px 0px;
}


.m-is-manuals-block a{
	font-size:14px;
}
.m-is-manuals-desktop{
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content:flex-start;
	align-items:flex-start;

}

.m-is-manuals{
	display: none;
	width: 100%;
	margin: 30px 0px;
}

a.is-links i{
	color: rgba(255,255,255,0.75);
}

a.m-idx-manual-button{
	padding:10px;
	border:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.7);
	background:rgba(255,255,255,0.1);
	border-radius:30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}
a.m-idx-manual-button:hover{
	border:1px solid rgba(255,255,255,0.7);
	color:rgba(255,255,255,0.7);
	background:rgba(0,0,0,0.2);
}

.m-vuzes{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	gap:10px;
}
.mv-row{
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content:space-between;
	align-items:center;
}

.m-footer{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: flex-start;
	gap: 10px;
	padding:10px;
	padding-right: 0px;
	background: radial-gradient(circle at 60% 40%, rgba(8,37,103,0.7), #082567);
	margin-top:50px;
}

.m-page-wrapper-mo{
	background:url(pics/m-mo-bg-1.jpg) center top no-repeat;
	background-size:cover;
	display: flex;
	flex-direction: column;
}

.m-mo-title{
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	font-size:32px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	letter-spacing:0.05em;
	margin:10px 0px;
}

.m-mo-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	padding:15px;
	gap:10px;
}

.m-mo-cl-title{
	display: flex;
}

.m-mo-cl-title a{
	color:#c00;
	letter-spacing:0.05em;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
	display:flex;
	width:100%;
	align-items:flex-end;
	font-size: 18px;
	background:linear-gradient(30deg, rgba(200,0,0,0.015), rgba(200,0,0,0.1));
	padding:10px;
	box-shadow:1px 1px 1px rgba(200,0,0,0.25);
}

.m-mo-cl-block{
	display: flex;
	flex-direction:column;
	padding:20px 0px;
	width: 100%;
	background:rgba(255,255,255,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
	padding:10px;
	border-left:5px solid #c00;
}

.m-mo-cl-content{ display: none;	}

.m-mo-cl-moysel{
	margin-bottom:30px;
}

.m-mo-cl-moysel select{
	font-size:22px;
	letter-spacing:0.2em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	padding:10px 20px;
}

.m-mo-dl-block{
	padding:10px;
	border-left: 1px dotted #009982;
	margin:20px 0px;
}

.m-mo-dl-title{
	color:#009982;
	font-size:16px;
	line-height:1.2;
	border-bottom: 1px dashed #009982;
	background:linear-gradient(30deg, rgba(0,153,130,0.075), rgba(0,153,130,0.25));
	display: flex;
	width:100%;
	padding:5px;

}
.m-mo-dl-title:visited{
		color:#009982;

}

.m-mo-dl-content{
	padding:10px;
	display: none;
}

.m-mo-dl-content ul{
	list-style: none;
}

.m-mo-dl-content a{
	color:#008a99
}

#m-mo-content{display: flex; width:100%; flex-direction: column; justify-content:center; align-items: center;}

		.minimal-loader {
            transform: translate(0%, -50%);
        }

        .square-spin {
            width: 50px;
            height: 50px;
            background: #4a6fa5;
            animation: spin 1.2s infinite ease-in-out;
        }

        @keyframes spin {
            0% {
                transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            }
            50% {
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            }
            100% {
                transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            }
        }

}