body {
    background-color: #DCDCDC;
	color:  #000;	
width: 98%;
overflow-x: hidden;
}

p {
    margin-top: 0em;
    padding-bottom: 0em;
   }

a {
    text-decoration: none;
color: #000;
}

a:hover,
a:focus,
a:active {
	color: #B20909;
}

video{
 background: #000;
text-align: center;
max-width: 85%;
height: auto;
}

.content {
width: 74%;
margin-left: 13%;
}


@media screen and (max-width:1600px) { 
.content {
width: 85%;
margin-left: 8%;
}}

@media screen and (max-width:1366px) { 
.content {
width: 90%;
margin-left: 5%;
}}


@media screen and (max-width:1280px) { 
.content {
width: 95%;
margin-left: 3%;
}}

@media screen and (orientation: portrait), (max-width:1024px) { 
.content {
width: 100%;
margin-left: 0%;
}}


.sitelogo{
margin-top: 3.5%;
background: url(style.img/site-logo.webp);
background-repeat: no-repeat;
height: auto;
width: 8em;
background-size: contain;
}

@media screen and (orientation: portrait), (max-width:1024px) { 
.sitelogo{display:none;}
}

.header {
display: flex;
justify-content: justify;
flex-direction: row;
flex-wrap: nowrap;
background-color: #fff;
/*
margin-left: 13%;
width: 74%;*/
min-height: 15em;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5em;
}

.textheader {
    font-family: Times New Roman, Arial;			
    font-weight: 700;
    font-size: 1.6em;
    padding-top: 4em;
text-align: center;
width: 95%;
}


a.textheader, a.textheader:visited, a.textheader:focus, a.textheader:hover, a.textheader:active {
    text-decoration: none;
    color: #336699;
}



.mainheader {
background-color: #fff;
/*
margin-left: 13%;
width: 74%;*/
height: 30vh;
background-repeat: no-repeat;
background-size: cover;
}

.maintextheader {
    font-family: Times New Roman, Arial;			
    font-weight: 700;
    font-size: 2.2em;
    padding-top: 1em;
text-align: center;
}


@media (max-width:1366px) { 
.maintextheader {
    font-size: 2em;
    padding-top: 0.5em;
}}


@media (max-width:1280px) { 
.maintextheader {
    font-size: 1.8em;
    padding-top: 0.5em;
}}

@media screen and (orientation: portrait), (max-width:1024px) { 
.maintextheader {
    font-size: 1.5em;
    padding-top: 0.8em;
    padding-left: 1.8em;

}}

a.maintextheader, a.maintextheader:visited, a.maintextheader:focus, a.maintextheader:hover, a.maintextheader:active {
    text-decoration: none;
    color: #336699;
}



.menuarea{
display: flex;
justify-content: justify;
flex-direction: row;
flex-wrap: wrap;
min-height: 2vh;
background: #fff;
line-height: 1.8em;
padding-top: 0.5em;
padding-left: 3em;
max-width: 95%;
}

.menuitem{
font-family: Arial;			
font-weight: none;
font-size: 1.3em;
color: #000;}

.menuitem a{
text-transform: uppercase;
text-decoration: none;
color: #000;
}

.menuitem a:hover{
background: #fff8dc;
}

.menuitem a:active{
color: #000;
background: #fff8dc;
}

.mainpagemenu{
text-indent: 0;
margin-top: 8em;
}

.mainpagemenu a{
text-decoration: none;
color: #000;
background: #e3e3e3;
font-family: Arial;
font-size: 1.5em;
line-height: 1.3em;
font-style: italic;
font-weight: 300;
}


.mainarea{
/*
margin-left: 13%;
width: 74%;*/
background: #fff;
}

.maintextarea{
}


.pagetitle {
color: #000;
text-align: center;
font-family: Times New Roman, Arial;			
font-weight: bold;
font-size: 2.4em;
padding-top: 1.2em;
margin-bottom: 0.7em;
}


.pagebody {

color: #000;
font-family: Book Antiqua;			
font-weight: normal;
text-align: justify;
font-size: 1.55em;
margin-top: 0.7em;
margin-bottom: 0em;
line-height: 1.5em;
text-indent: 1.5em;
padding-left: 2em;
padding-right: 2em;
height: 100%;
}

.muslist {
line-height: 0.5em;
}

.muslist p:first-letter
{
font-weight: bold;
font-size: 1.8em;
line-height: 0.5em;
}


.footer{
text-align: center;
font-family: Times New Roman;
font-size: 1.1em;
/*margin-left: 13%;
width: 74%;*/
background: #fff;
margin-top: -3vh;
padding-top: 5vh;
}

.goback {
text-align: right;
padding-right: 5%;
font-size: 130%;
font-weight: bold;
}

.goback img{
width: 5em;
}

.morethenfive{
width: 95%;
margin-left: 0%;
height: 100%;
}

.oneslide{
width: 35%;
margin-left: 32%;
height: 100%;}

.photoline{
max-width: 85%;
height: auto;
max-height: 15em;
margin-left: 0%;
}

.slick-slide{
padding-left: 0.5em;
padding-right: 0.5em;
opacity: 1;
}

.slick-prev::before,.slick-next::before{
font-size: 32px !important;
}

.slick-current {
opacity: 1;
}


.photoblock
{
display: flex;
max-width: 95%;
flex-shrink: 1;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
margin-left: 0;
}

.phototext{
width: 90%;
align-content: center;
text-align: center;
font-size: 75%;
text-wrap: wrap;
}

@media screen and (orientation: portrait) { 
.photoblock{
display: inline;
}

.photoline{
max-width: 85vw;
height: auto;
width: auto;
}

.phototext{
width: 75vw;
font-size: 110%;
}

}

@media screen and (max-width:1600px) { 
.photoblock{
width: 100%;
}



}


@media screen and (orientation: portrait), (max-width:1024px)  { 
.menuarea { display: none;}


.galleryline{width: 80vw;
margin-left: 0.2vw;
height: auto;
}


.header {
min-height: 4em;
}

.textheader {
display:block;
font-size: 1.5em;
text-align: center;
padding-top: 2%;
padding-left: 10%;
}
}

iframe {
width: 50vw !important;
height: 25vw !important;
}

/*Список в гл. стр. разделов */
.yearslist ul { margin: 0; text-indent: 0px; }
.yearslist li {
 list-style: none; background: url(/style/style.img/lists/custom1.svg) no-repeat 0 0.2em; background-size: 1em; padding-left: 0.2em; }


.paintcollage {
display: flex;
align-content: center;
align-items: stretch;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 1%;
width: 60%;
}

@media screen and (orientation: portrait), (max-width:1024px) { 

.paintcollage {
width: 100%;
}}

.paintcollage img {
height: auto;
width: auto;
float: left;
}

.paintcollageelem{
height: 8em;
padding-left: 0.7%;
}

.break-column {
width: 100%;
height: 0.5em;
}

.imgcaption {
text-align:center;
font-weight: bold;
font-size: 65%;
}