@charset "UTF-8";
/* CSS Document */
:root {
  color-scheme: dark light;
}

@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
html {font-size: 12px}
@font-face {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-style: normal;
    src:
        local("Ubuntu"), url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
}
h1 {
	font-family: 'Ubuntu', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-weight: 500;
	text-align: center;
    padding-bottom: 1%;
    line-height: 2rem;
    margin-top: 0;
    font-size: 2rem;
    
}
h2 {
	font-family: 'Ubuntu', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 1.75rem;
    line-height: 2rem;
	font-weight: 500;
    margin-top: 0;
    
 }
h3 {
	font-family: 'Ubuntu', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
    margin-top: 0;  
}
h4, h5, h6 {
	font-family: 'Ubuntu', Geneva, 'Arial', 'Helvetica', sans-serif;  
		font-size: 1.2rem;
		font-weight: 500;
    padding-bottom: 1%; padding-top: 1%;
}


body {
	color: dark-light (#FEFEFE; #000000);
    
    background-color: (#000000; #FEFEFE);
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

p {
    font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;  
}	
strong {
    font-weight: 500;
}
b {
	font-weight: 500;
}

a:link {
	color: #33CCCC;
	text-decoration: none;
	 transition: all .2s linear;
}
a:visited {
	color: #FF3366;
	text-decoration: none;
}
a:hover {
	color: #FFCCFF;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}
a:focus {
	color: #FF0000;
	text-decoration: underline;
}
.skip-link {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 10px 15px;
  color: #18191c;
  background: #10F3AF;
  transform: translateY(-100%);
}
.skip-link:focus {
  transform: translateY(20%);
}

td {
	padding: 1%;
}

ul {
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size:1.2rem;
	text-align: left;
  	list-style-type: square;
	list-style-position: outside;
}
ol {
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	list-style-type: decimal;
	list-style-position: outside;
    font-size:1.2rem; 
    text-align: left;
	}
nav ol, ul {font-size:1.2rem;
            line-height: 2rem;
}
pre {color:#FFF;
}

nav a span, div, p, h2, h3, h4, picture, img {padding: 1%;}

nav a span, div, p, h2, h3, h4 {line-height: 2rem;}


nav a div p {
            font-size: 1.2rem;
}

nav a div span {
                font-size: 1.2rem;
}
.nav ol, ul {font-size:1.2rem;
            line-height: 2rem;
}
.nav a span, div, p, h2, h3, h4, picture, img {padding: 1%;}
.nav a span, div, p, h2, h3, h4 {line-height: 2rem;}
.nav a div p {
            font-size: 1.2rem;
}
.nav a div span {
                font-size: 1.2rem;
}
.horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    
}
	
.temp-invisible {
display:none;
}
.redcolor {
	color: #FF0300;
}

.footer {
	padding: 1%;
	text-align: center;
}
	.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.alignecenter {
padding: 0px 0px 1%;
	text-align: center;
}
.left {
padding: 0px 0px 1%;
	text-align: left;
}
.right {
padding: 0px 0px 1%;
	text-align: right;
}
.justify {
padding: 0px 0px 1%;
	text-align: justify;
}
.invisible {
	display: none;
}
.aligneleftbold { text-align: left;
font-weight: 500;
}
.picturepadding {
	padding: 10px;
}
.poem {padding-left: 10%;
}
.tablepadding { 
    text-align: left;
	padding: 0px 1%;
	}
.smallletter {
	font-size: small;
	font-weight: 400;
	text-align: left;
	list-style-type: disc;
}
.smallletterlist2 {
	font-size: small;
	font-weight: normal;
	text-align: left;
	list-style-type: circle;
}
#wrapper
{
max-width: 900px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.wrapper
{
max-width: 900px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
#wrapper-950
{
max-width: 950px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.wrapper-900
{
max-width: 900px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}

article,aside,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
    display: block;
    
}

img, picture, embed, object, video {
  max-width: 100%;
  height: auto;
}


@media screen and (min-width:769px){
.mobile-carousel { display:none; }
.large-table { display:block; }
     .deskContent {display:block;}
    .phoneContent {display:none;}   
 }
@media screen and (min-width:1024px){
           input{
               font-size: 1rem;
               
               padding:2%;}
			   .mobile-carousel { display:none; }
.large-table { display:block; }
       .deskContent {display:block;}
    .phoneContent {display:none;} 
       }
@media screen and (min-width:1280px){
     input{
          font-size: 1.5rem;
          
          padding:2%;
}
.mobile-carousel { display:none; }
.large-table { display:block; }
     .deskContent {display:block;}
    .phoneContent {display:none;}   
    
.flex-container {
 
-webkit-justify-content: space-around;
        -webkit-flex-flow: row wrap;
display: flex;
justify-content: space-around;
    flex-flow: row wrap;
}    
 }
   @media screen and (max-width: 480px) and
   (orientation:landscape){
	body {font-size:1.2rem;} 
	ul {font-size:1.2rem; 
	list-style-type: disc;
	list-style-position: inside;
	}
	ol {font-size:1.2rem; 
	
	list-style-type: decimal;
	list-style-position: inside;
	}
	h1 {font-size:2rem; padding:1%;}
	h2 {font-size:1.2rem; padding:1%;}
	h3 {font-size:1.1rem; }
	h4 {font-size:1.0rem; } 
	nav a {font-size:1.1rem; }
       
     .nav a {font-size:1.1rem; }
       
	nav span {font-size:1.1rem; padding:1%;}
    .nav span {font-size:1.1rem; padding:1%;}   
       
       nav a h2, h3, h4 {padding-top:10%;
           padding-bottom: 10%;
line-height: 2rem;
}
              .nav a h2, h3, h4 {padding-top:10%;
           padding-bottom: 10%;
line-height: 2rem;
}
       
	#nav img {
	margin: 10px;
}
#nav a {font-size:1.1rem; }
nav a ol, ul {font-size:1.5rem;
            line-height: 2.5rem;
}
       .nav a ol, ul {font-size:1.5rem;
            line-height: 2.5rem;
}
nav div img {
	margin: 5px;
}
       .nav div img {
	margin: 5px;
}
nav div a {font-size:1.1rem; padding:1%;}
       .content-box {
  columns: 1 auto;
}
.nav div a {font-size:1.1rem; padding:1%;}
       .content-box {
  columns: 1 auto;
}	 
.mobile-carousel { display:block; }
.large-table { display:none; }
        input{
             font-size:1.5rem;

             padding:2%;
        }
		
		 div, tbody, tr, td, th 
 	{
	 display: block; 
	 }
	 
	 .picturepadding {
	padding: 1%;
	}
	.poem {padding-left: 10%;
	}
	.tablepadding { 
    text-align: left;
	padding: 0px 1%;
	}
	td {
	padding: 1%;
	}
	.footer {
	padding: 1% 0% 1%;
	text-align: center;
	}
	#wrapper
{
max-width: 95%;
margin: 0 auto;
margin-top: 1%;
margin-bottom: 1%;
}
       .wrapper
{
max-width: 900px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.video-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
       .deskContent {display:none;}
    .phoneContent {display:block;}

   }
   
   @media screen and (max-width: 480px) and
   (orientation:portrait){
	   body {font-size:1.2rem;} 
	  ul {font-size:1.0rem; 
	  list-style-type: square;
	list-style-position: inside;
	}
	ol {font-size:1.0rem; 
	list-style-type: decimal;
	list-style-position: inside;
	}
	h1 {font-size:2rem; padding:2%;
       line-height: 2.0rem;
       }
	h2 {font-size:1.75rem; padding:2%;
       line-height: 2.0rem;
       }
	h3 {font-size:1.5rem; padding:2%;
       line-height: 2.0rem;
       }
	h4 {font-size:1.2rem; padding:2%;
       line-height: 2.0rem;
       }
	nav a {font-size:1.2rem; padding:2%;}
       
       .nav a {font-size:1.2rem; padding:2%;}
       
	nav span {font-size:1.2rem; padding:2%;}
       .nav span {font-size:1.2rem; padding:2%;}
	#nav img {
	margin: 5px;
}
#nav a {font-size:1.1rem; padding:2%;}
       nav a ol, ul {font-size:1.2rem;
            line-height: 2.0rem;
}
nav div img {
	margin: 1px;
}
       .nav div img {
	margin: 1px;
}
nav div a {font-size:1.1rem; padding:2%;}
       .nav div a {font-size:1.1rem; padding:2%;}
       
	 nav a h2, h3, h4 {padding-top:2px;
         padding-bottom:2px;
line-height: 2.0rem;
}
       	 .nav a h2, h3, h4 {padding-top:2px;
         padding-bottom:2px;
line-height: 2.0rem;
}
 	 nav h3 a {padding-top:5px;
         padding-bottom:5px;
         line-height: 2.0rem;
}  
        	 .nav h3 a {padding-top:5px;
         padding-bottom:5px;
         line-height: 2.0rem;
} 
	nav img {
	margin: 1px;
}
       	.nav img {
	margin: 1px;
}
       .content-box {
  columns: 1 auto;
}
	   .mobile-carousel { display:block; }
		.large-table { display:none; }
        input{
             font-size:2.0rem;
			
             padding:2%;
        }
		 div, tbody, tr, td, th 
 	{
	 display: block; 
	 }
	 
	 .picturepadding {
	padding: 1%;
}
.poem {padding-left: 10%;
}
.tablepadding { 
    text-align: left;
	padding: 0px 1%;
	}
	td {
	padding: 1%;
	}
	.footer {
	padding: 1% 0% 1%;
	text-align: center;
	}
	#wrapper
{
max-width: 95%;
margin: 0 auto;
margin-top: 1%;
margin-bottom: 1%;
}
       .wrapper
{
max-width: 900px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.video-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
       .deskContent {display:none;}
    .phoneContent {display:block;}
}
@media screen and (max-width: 768px) {
	body {font-size:1.2rem;} 
	ul {font-size:1.2rem; padding:1%;
	list-style-type: square;
	list-style-position: inside;
	}
	ol {font-size:1.2rem; padding:1%;
	list-style-type: decimal;
	list-style-position: inside;
	}
	h1 {font-size:2rem; padding:1%;
    line-height: 2rem;
    }
	h2 {font-size:1.2rem; padding:1%;
    line-height: 2rem;
    }
	h3 {font-size:1.1rem; padding:1%;
    line-height: 2rem;
    }
	h4 {font-size:1.0rem; padding:1%;}
	nav a {font-size:1.1rem; padding:5%;}
	nav span {font-size:1.1rem; padding:5%;}
	#nav img {
	margin: 10px;
}
#nav a {font-size:1.1rem; padding:1%;}
    nav a ol, ul {font-size:1.5rem;
            line-height: 2.0rem;
}
    .content-box {
  columns: 1 auto;
}
.nav div img {
	margin: 1px;
}
nav div a {font-size:1.1rem; padding:1%;}
	nav span {font-size:1.1rem; padding:1%;}
	nav img {
	margin: 1px;
}
	   .mobile-carousel { display:block; }
		.large-table { display:none; }
.video-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
    .deskContent {display:none;}
    .phoneContent {display:block;}

.as-text img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width:100%;
}

 }
@media all and (min-width: 768px) {
    .deskContent {display:block;}
    .phoneContent {display:none;}
}

@media all and (max-width: 767px) {
    .deskContent {display:none;}
    .phoneContent {display:block;}
}
@media screen and (min-width:1024px){
    .content-box {
  columns: 2 auto;
}
}
@media screen and (min-width:1441px){
    .content-box {
  columns: 3 auto;
}
}