html,
body
{
	margin: 0;
	padding: 0;
}
body
{
	
	background: #fff;
	background-image: url('img/_back5.jpg');
	background-position: center;
	font-family: arial;
	font-size: 14px;
	line-height: 19px;
	margin: 0;

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


.header {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide62.jpg') no-repeat center;
}		


.header_2 {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide62.jpg') no-repeat center;
}	

.header_3 {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide64.jpg') no-repeat center;
}

.header_4 {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide62.jpg') no-repeat center;
}	

.header_5 {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide63.jpg') no-repeat center;
}	

.menu-container_5 {
    width: 90%;
    max-width: 1050px;
    margin: 0px auto;
    background: #5c5950;
    bottom: -175px;
    position: relative;

}





.container
{   box-sizing: border-box;
	width: 80%;
	max-width: 1000px;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;
}		

.main_text
{
	width: 100%;
	padding: 0px 0 0px 0;
	margin:0;
}		


.rubrika, .rubrika_photo, .rubrika_stih
{
     font-family: Arial; 
     FONT-SIZE: 13px; 
     padding:1px 7px 1px 5px;
     margin:0;
     color:#fff;
     display: inline-block;
     }
     
.rubrika {background: #712828;}    
.rubrika_photo {background: #712828;}      
.rubrika_stih {background: #712828;}     
     
.rubrika:hover, .rubrika_photo:hover, .rubrika_stih:hover 
{background: #635a57;}

a.rubrika, a.rubrika_stih, a.rubrika_photo {COLOR: #fff; TEXT-DECORATION: none; background: none; border:none;}
a.rubrika:hover, a.rubrika_stih:hover, a.rubrika_photo:hover {COLOR: #fff;}

.rubrika3 
{
     font-family: Arial; 
     FONT-SIZE: 13px; 
     padding: 2px 10px 2px 10px;
     margin:0;
     background: #615850;
     display: inline-block;
     color:#fff;
     }
     
.top_statyi
{
    margin: 0;
    padding-bottom: 0;
    border-bottom: 6px solid #dbd3ba;

    text-align: left;
}


table
{
	font-size: 15px;
}


p::selection {
   color: #fff;
   background-color: #495a5c; 
}


a
{
	color: inherit;
}


h1 
{
     font-family: 'Roboto Slab',  serif; 
     FONT-SIZE: 21px; 
     line-height: 22px;
     font-weight: 700;
     text-align: left;
     color: #000;
     padding:0px;
     margin:11px 0 3px 0;
     letter-spacing: 0px;
     max-width: 60%;
     }     
     
h2 
{
     letter-spacing: 0px;
     color: #644f1f;
     padding-top:10px;
     font-family: 'Roboto Slab', Georgia; 
     FONT-SIZE: 15px; 
     font-weight: 700;
     color: #000;
     padding: 10px 0 0px 0;
     
     }         
     

h3 
{
     font-weight: 700;
     padding:0;
     FONT-SIZE: 14px; 
          margin:0 0 15px 0;
     }  

     
.stat {MARGIN: 0px;}
     
     
     
.autor 
{
     font-family: 'Times New Roman', serif; 
     FONT-SIZE: 15px; 
     color: #63635b;
     padding-top:5px;
     margin:0px 0 5px 0;
     text-align: left;
     max-width: 70%;
          }     
          
.podzag 
{
     font-family: 'Roboto Slab',  serif; 
     font-style: normal;
     FONT-SIZE: 12px; 
     line-height: 22px;
     font-weight: 400;
     text-align: left;
     color: #45423c;
     padding:0px;
     margin:0px 0 3px 0;
     letter-spacing: 0px;
     max-width: 60%;
     text-transform: uppercase;
     }               
          
          
.top_social
{
float:right;
   position:relative;   
   margin:-35px 0 0 0 ;
 }          
 
.bottom-social
{
   margin: 15px 0;
 }      

     

A {TEXT-DECORATION: underline}
A:hover {COLOR: #AD2C06; TEXT-DECORATION: none}

A.book {text-decoration: none; }
A.book:hover {COLOR: #000;TEXT-DECORATION: none;}

.body6:first-letter {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 0px;
    padding: 0px;
    float: left;
    color:#5f5e4f;
    color:#000;
    background-color: #fff;
    FONT-FAMILY: 'Roboto Slab', times new roman, georgia, Lucida Sans Unicode;     
    border-bottom: none;
    text-transform: uppercase;
    line-height: 28px;
    
}

.allbody
{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 0px;
    padding: 0px;
    float: left;
    color:#5f5e4f;
    color:#000;
    background-color: #fff;
    FONT-FAMILY: 'Roboto Slab', times new roman, georgia, Lucida Sans Unicode;     
    border-bottom: none;
    text-transform: uppercase;
    line-height: 28px;
    
}


.ist {FONT-SIZE: 11px; MARGIN-bottom: 20px; COLOR: #000000; TEXT-INDENT: 0px; FONT-FAMILY: 'Roboto Slab',Times new roman;}

.otstup  {
    margin:0px; 
    margin-left: 25%;
	   }
.strofa  {
    margin-top:10px; 
    margin-left: 25%;
	   }

.diff {
	background:#EDE9D8;
	font-style:italic;
	padding: 0 15px;
	font-size: 0.85rem;
	margin-left:15px;
	}

.page:hover
{
	position: relative;
	z-index: 2;
}


.soderj
{
color: #664d4d;
font-size: 14px;
margin: 15px 0 25px 40px;
}

.soderj2
{
color: #664d4d;
font-size: 14px;
margin: 10px 0px 0px 40px;
}

.epigraf  { 
    font-style: italic;
    margin:0;
    text-align: left;
    margin-left:70%;
	   }

.document  { 
    margin: 0px;
    FONT-SIZE: 14px;
    line-height: 17px;
    FONT-FAMILY: Courier New,Times new roman;
background: #EBE9E2;
padding: 0px 25px 0px 25px;
	   }
	   
.pismo  { 
    border-left:16px solid #EBE9E2;
    margin: 0 0px;
    FONT-SIZE: 14px;
    line-height: 19px;
    FONT-FAMILY: Arial;
    font-style: italic; 
    padding: 0px 25px 0 25px;
}

.prim  { 
    margin: 10px 0 10px 0;
    FONT-SIZE: 13px;
    FONT-FAMILY: 'Roboto Slab', Times new roman;
   	   }
   	   
.prim p { 
    margin:5px;
   	   }   	   
   	   
.str_prosy   { 
padding: 0px 20px 25px 20px;
	   }
	   
	   
.scrollup{
width:40px;
height:40px;
opacity:0.5;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
} 

.comment {
 background-color:#fff; 
 padding:0 0 8px 0; 
}	   
	   
/*============================================================== ÏÎÈÑÊ============================================================== */     	  
.poisk {
   float:right;   
   position:relative;   
   margin:5px 0 0 0 ;
   padding: 5px 20px 5px 5px;
   
}
.poisk input {
  width: 100%;
  height: 24px;
  padding-left: 5px;
  border:none;
  border-bottom: 1px solid #998873;
  outline: none;
  background: #5c5950;
  color: #fff;
  }
.poisk button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 29px;
  height: 24px;
  border: none;
  background: #5c5950;
  border-radius: 0 0px 0px 0;
  cursor: pointer;
}
.poisk button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 14px;
  color: #fff;
}

form {
  position: relative;
  width: 170px;
  margin: 0 auto;
} 

input::-webkit-input-placeholder {
  color: #d2c9b3;
  font-family: 'Roboto Slab', serif;
  text-transform:uppercase;
}
input:-moz-placeholder {
  color: #d2c9b3;
  font-family: 'Roboto Slab', serif;
}
input:-ms-input-placeholder {
  color: #d2c9b3;
  font-family: 'Roboto Slab', serif;
}







   	   
/*============================================================== Ñ Ò È Õ È============================================================== */   	   
.poetry_page
{
    padding: 15px 0px 35px 0px;
}

h4 
{
     font-family: 'Roboto Slab', Georgia; 
     FONT-SIZE: 15px; 
     font-weight: 700;
     color: #000;
     padding: 90px 0 15px 0;
     margin:0px; 
     margin-left: 25%;
     }    

.first 
{
     font-family: 'Roboto Slab', Georgia; 
     FONT-SIZE: 15px; 
     font-weight: 700;
     color: #000;
     padding: 20px 0 15px 0;
     margin:0px; 
     margin-left: 25%;
     }   
     
.varstih {
     margin:0px; 
     margin-left: 25%;
     margin-top:20px;
	padding: 7px 10px;
	width: 50%;
	border: 0px solid #fff;
	border-bottom:0px dashed #c0c0c0;
	background-color: #F0F1EF;
	font-family: Arial, Tahoma; 
    FONT-SIZE: 12px; 

}
   	   
	   
/*============================================================== ÏÈÑÜÌÀ============================================================== */
.divider2 {
    margin: 30px 0;
	padding: 0px;
	height: 1px;
	border: 0px solid #fff;
	border-top:2px solid #998877;
	background: none;
	}
	
.pismo2  { 
    border-bottom:0px dashed #c0c0c0;
    margin: 0 0px;
    FONT-SIZE: 14px;
    line-height: 19px;
    FONT-FAMILY: arial, 'Roboto Slab', Arial;
    font-style: normal; 
    padding: 10px 45px 10px 45px;
}	
	
.pismo3  { 
    border-bottom:0px dashed #c0c0c0;
    margin: 0 0px;
    FONT-SIZE: 14px;
    line-height: 19px;
    FONT-FAMILY: Arial;
    font-style: normal; 
    padding: 0px;
}		


/*============================================== VIDEO============================================== */

@media screen and (max-width:768px){iframe, object, embed{width:100%;height:320px}}@media screen and (max-width:640px){iframe, object, embed{width:100%!important;height:300px}}@media screen and (max-width:480px){iframe, object, embed{width:100%;height:auto}}@media screen and (max-width:320px){iframe, object, embed{width:100%;height:auto}}

/*============================================================== ÔÎÒÎ============================================================== */

.top_social_photo
{
float:right;
   position:relative;   
   margin:0px 0 0 0 ;
 }      

.h1ph
{
font-family: 'Roboto Slab', serif;
margin: 5px 0 0px 0;
text-align: left;
FONT-SIZE: 17px;
text-transform: _uppercase;

}

.podpisi_k_foto 
{
padding: 0px 0 0px 0; 
  font-size: 12px;
MARGIN: 5px 0 5px 0; 
text-align:center;
FONT-FAMILY: 'Roboto Slab', courier new, serif;
line-height: 16px;
}

.pkfd
{
padding: 0px 0 15px 0; 
  font-size: 12px;
MARGIN: 0; 
text-align:center;
FONT-FAMILY: 'Roboto Slab', courier new, serif;
line-height: 16px;
}



.text_k_foto 
{
padding: 0px 0 8px 0; 
font-size: 12px;
line-height: 18px;
MARGIN: 0px 0 0 0; 
COLOR: #000000; 
FONT-FAMILY: 'Roboto Slab', serif;
}

.foto_page
{
    padding: 10px 0px 10px 0px;
	justify-content: center;
}

.nav_foto 
{
padding: 3px 0 0 0; 
  font-size: 12px;
MARGIN: 0px 0 0 0; 
COLOR: #9c9170; 
TEXT-INDENT: 0px; 
FONT-FAMILY: 'Roboto Slab', serif;
display: inline-block;
text-transform:uppercase;
}



.nav_foto a
{
text-decoration:none;
COLOR: #000;
}

.nav_foto a:hover
{
text-decoration:underline;
COLOR: #cf4b1c;
}


.autor_foto
{
font-family: 'Roboto Slab',  'Times New Roman';
margin: 5px 0 5px 0;
text-align: left;
color: #000;
FONT-SIZE: 13px;
line-height: 18px;
}



/*=================================================== */
.autgr {
	justify-content: center;
	text-align: center;
	padding: 10px 0;
	margin-bottom:0px;
}  


.foto_wrap {
	display: flex;
	justify-content: center;
	padding: 10px 0 10px 0;
	margin-bottom:0px;
}

.img-container {
  max-width: 900px;
	margin-right: 10px;
}

.img-container_30 {
  max-width: 900px;
	margin-right: 30px;
}


.img-container img {
  max-width: 100%;
}

.img-container:last-child {
	margin-right: 0;
}

.img-container img {
	display: block;
	padding:0px;
}

.img-container2 {
  max-width: 100%;
  padding: 0;

}

.img-container2 img {
  max-width: 100%;
}

.img-container2 img {
	display: block;
	padding:0px;
}


.desc {

	FONT-FAMILY: 'Roboto Slab';
	font-size: 12px;
	margin: 0; 
	padding: 6px;
	text-align: center; }


.desc2 {

	FONT-FAMILY: 'Roboto Slab';
	font-size: 12px;
	margin: 0 0 10px 0; 
	padding: 6px;
	text-align: center; }



/*============================================================== FOOTER============================================================== */

.footer {
    width: 100%;


}		

.footer_cont
{
	box-sizing: border-box;
	width: 90%;
	padding: 0px 0 20px 0;
	margin: 0 auto;
	font-family: arial;
	color:#cac4b5;
	font-size: 12px;
	line-height: 17px;
	max-width: 1050px;
	background: #706f6f;
}

.td_text {
   padding: 15px 0 0 25px;
   vertical-align:top;
}

.td_cpr {
   padding-top: 15px;
   padding-right: 25px;
   width:60%;
   vertical-align:top;
}

.td_counter {
   padding-top: 15px;
   width:88px;
   vertical-align:top;
}

.contact{
color:#cac4b5;
font-size: 14px;
}


A.footer {TEXT-DECORATION: none}
A.footer:hover {COLOR: #f1ae06; TEXT-DECORATION: underline}

/*==========================================Ö È Ò À Ò Û============================================================= */




blockquote {
color: #231E28;
padding: 6px 6px 6px 10px;
border-left:9px solid #998877;
position: relative;
background:#f6f2eb;
font-family: 'Arial', sans-serif;
font-weight: 400;
margin:7px 0px 7px 0px;
text-align:left;
}
blockquote p {
font-size: 13px;
line-height: 18px;
margin: 5px 0 0 0;  
}

.bibleo  {
color: #000;
padding: 2px 6px 3px 10px;
border-left:2px solid #c0c0c0;
background:#fff;
margin:7px 27px 7px 10px;
}
/*==================================================== ìóçûêà============================================================== */

a.music {cursor:hand;cursor: pointer; COLOR: #391d15; text-decoration: underline}
a.music:active {cursor:hand;cursor: pointer; COLOR: #c0c0c0; TEXT-DECORATION: none}
a.music:hover {cursor:hand;cursor: pointer; COLOR: #68828a; TEXT-DECORATION: none}

.muse {
  margin:0 auto;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fit, 210px minmax(500px, 1fr));
  padding:25px 0 25px 0;
  }
.mus_t {
  padding: 0 0 10px 20px;
  FONT-SIZE: 13px;
  line-height: 17px;
  FONT-FAMILY: 'Roboto Slab', Arial;
 }  
   
.mus_t2 {
  FONT-SIZE: 13px;
  line-height: 17px;
  FONT-FAMILY: 'Roboto Slab', Arial;
  border-left: 12px #e3e2df solid;  
  padding-left: 20px;
  background: #e1dcd2;
 }  
 
 
.artst {
border-right: 2px #aea07f solid;
 padding: 0px 10px;
 } 
  
.disc {
border-right: 2px #aea07f solid;
 background: #e3e2df;
 padding: 20px 10px;
 }   
 
.playerfix {
    position: fixed; 
    bottom:0px !important;
    padding: 0px; 
    background: #505a5b; 
    border-top: 2px solid #fff; 
    width:100%;
    text-align:center;
    z-index: 9999; 
   } 
 
 

@media(max-width: 500px) {
.muse {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
  }
.disc {
 background:none;
 }    
.mus_t2 { 
 background:none;
 }
.mus_t {
  padding: 0 0 0px 10px;
 }  .kart {
  width: 100%
} 
 
}

/*==================================================== ÕÐÎÍÈÊÀ============================================================== */

.chronics {
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 10px;
FONT-FAMILY: arial; 
FONT-SIZE: 14px;
line-height: 17px;
vertical-align:top;
}

.data_chronics
{
   float:left; 
   font-weight: 700;
   FONT-FAMILY: arial, georgia, verdana; 
   FONT-SIZE: 12px; 
   background: #EBE9E2;
   margin: 0 15px 4px 0px;
   padding: 5px 5px 5px 15px;
   width: 85px;
}




/*==================================================== Êàðòèíêè============================================================== */



img {
  height: auto;
  max-width: 100%;
  padding-bottom:0px;
  margin:0;
}


.left_img {
  float: left;
  margin: 17px 15px 5px 0;
}

figure {
  text-align: center;
  FONT-FAMILY: 'Roboto Slab', 'Underdog', Courier New, serif;
  font-weight:400;
  font-size: 12px;
  line-height: 16px;
  text-indent: 0;
  border: 0px #c0c0c0 solid;
  padding: 0.5em;
}



.levo {
  float: left;
  width: 25%;
  margin: 5px 15px 5px 0;
  border: 0px #c0c0c0 solid;
}

.levo12 {
  float: left;
  width: 12%;
  margin: 5px 15px 5px 0;
  border: 0px #c0c0c0 solid;
}

.levo18 {
  float: left;
  width: 18%;
  margin: 5px 15px 5px 0;
  border: 0px #c0c0c0 solid;
}

.levo35 {
  float: left;
  width: 35%;
  margin: 5px 15px 5px 0;
  border: 0px #c0c0c0 solid;
}

.pravo {
  float: right;
  width: 25%;
  margin: 5px 0px 5px 15px;
  border: 0px #c0c0c0 solid;
}
.pravo35 {
  float: right;
  width: 35%;
  margin: 5px 0px 5px 15px;
  border: 0px #c0c0c0 solid;
}

.sered85 {
  width: 85%;
  margin: 0 auto;
}


.sered70 {
  width: 70%;
  margin: 0 auto;
}

.sered55 {
  width: 55%;
  margin: 0 auto;
}

.sered45 {
  width: 45%;
  margin: 0 auto;
  
}

.sered35 {
  width: 35%;
  margin: 0 auto;
  
}

figcaption {
text-align: center;
}


.chron {
  border: 0px #c0c0c0 solid;
  margin: 0 auto;
  width: 250px;
  float:left;
  font-size: 12px;
  line-height: 14px;
  padding:0 12px 0 0;
  display:inline-box;
}

.chron2 {

  width: 120px;
  border: 0px #c0c0c0 solid;
  margin: 0 auto;
  padding:0 12px 0 0;
  float:left;
  font-size: 12px;
  line-height: 14px;
}

.chroncaption {
width: 250px;
  font-style: italic;
  font-size: smaller;
 float:left;
 padding-top:15px;
}

img.scaled {
  width: 100%;
}

/*===========================================================ÌÅÍÞ====================================================== */

.menu-container {
    width: 90%;
    max-width: 1050px;
    margin: 0px auto;
    background: #5c5950;
    bottom: -135px;
    position: relative;

}
.menu-mobile:after {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 28px;
    line-height: 30px;
    padding: 0;
    color: #FFF;
    float: right;
    position: relative;
    transform: translateY(-25%);
}
.menu-dropdown-icon:before {
    content: "\f078";
    font-family: "FontAwesome";
    display: none;
    cursor: pointer;
    float: right;
    padding: 10px 20px;
    margin: 10px;
    color: #FFF;
    font-size: 1px;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
     display: flex;    
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
    
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    background: #5c5950;
    padding: 0;
    margin: 0;
    transition: .2s ease-in-out;
}



.menu > ul > li:last-child {
  flex-grow: 1; 
  text-align: right;
}



.menu > ul > li a,
.menu-mobile {/*========== Îñíîâíûå ïóíêòû ìåíþ========= */
    text-decoration: none;
    padding: 14px 14px;
      display: table;
        color: #fff;
    font-size: 13px;
    text-transform:uppercase;
    letter-spacing: 0px;
    line-height: 14px;
    font-family: 'Roboto Slab', serif;
    transition: .2s ease-in-out;
    font-weight:400;

}
.menu-mobile {
    display: none;
}
.menu > ul > li:hover {
    background: #d9d8d6;
}
.menu > ul > li:hover a {
    color: #000;
}

.menu > ul > li:hover:last-child {
    background:none;
}


.menu > ul > li > ul {
    display: none;
    width: 300px;
    background: #f7f6f4;
    padding: 8px 15px 10px 17px;
    position: absolute;
    z-index: 99;
    left: 10;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
    
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: block;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: none;
    float: none;
   
}
.menu > ul > li > ul > li a {/*========== ÎÑÍÎÂÍÎÉ ÑÏÈÑÎÊ========= */
    padding: 3px 0 3px 0;
    font-size: 14px;
    font-family: georgia;
    display: block;
    text-transform:none;
}
.menu > ul > li > ul > li a:hover {
    color: #d2872e;
    text-decoration: underline;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0 0 0 30px;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: block;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: none;
    width: 100%;
    margin: 0;
}
.menu > ul > li > ul > li > ul > li a {/*========== âòîðîñò. ÑÏÈÑÎÊ========= */
    border: 0;
    padding: 2px;
    font-size: 12px;
    display:block;
}
.menu > ul > li > ul > li > ul > li a:hover {
    text-decoration: underline; 
    color: #d2872e;
}
.menu > ul > li > ul.normal-sub {/*========== áåç âòîðîñò. ñïèñêà========= */
    width: 300px;
    left: auto;
    padding-left: 17px;
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 5px 0 1px 0;
    font-size: 14px;
    }


/*=================================================== ÌÎÁÈËÜÍÀß ÂÅÐÑÈß================================================== */

@media only screen and (max-width: 800px) {
 

.poisk {
   float:left;   
   position:relative;   
   margin:5px 0 0 5px ;
   padding: 5px 20px 5px 5px;
   
}

   .menu-container {
        width: 100%;
    }
    
    .container
{
	box-sizing: border-box;
	width: 95%;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
}

    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        background: #ebe7da;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }
   
    .menu > ul > li a {
        padding: 7px 5px 7px 15px;
        width: 100%;
        display: block;
        color: #000;
    }
    .menu > ul > li > ul {
        position: relative;
                width: 100%;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
        
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
    }
     
    .menu > ul > li > ul:not(.normal-sub) > li {
        margin-top: 3px;
    }  
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
         
    }
    

    .menu .show-on-mobile {
        display: block;
    }
    
  .footer_cont
{
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	font-family: arial;
	color:#cac4b5;
	font-size: 12px;
	line-height: 17px;

}	  

h1 
{max-width: 100%;}   

.soderj
{margin: 15px 0 25px 10px;}

.menu_bottom {width: 40%;}

.search {width: 50%;}   

.copir_bottom {width: 100%;}

.otstup  {
    margin:0px; 
    margin-left: 10px;
	   }
.strofa  {
    margin-top:10px; 
    margin-left: 10px;
	   }	
	
 h4 
{
     margin:0px; 
     margin-left: 5px;
     } 
.first 
{
     margin:0px; 
     margin-left: 5px;
     }  	
	
.header {
    height: 190px;
    width: 100%;
    background: #fff url('img/slide7.jpg') no-repeat center;
}	
	
	
.varstih {
     margin:10px 0 0 5px; 
}
	
.td_hard_img, .td_light_img {
display: none;
}

.pismo2  { 
    padding: 10px 0px;
}	
.soderj
{
margin: 15px 0 25px 0px;
}

.soderj2
{
margin: 10px 0px 0px 0px;
}
.img-container_30 {
margin-right: 10px;
}   
	
	
	
}