/*#########################################################################
#########################################################################
######################   ???? ????  #############################
#########################################################################
#########################################################################
*/
@font-face {
    font-family: 'a_futuraroundbold';
    src: url('../font/futura_2-webfont.eot');
    src: url('../font/futura_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/futura_2-webfont.woff') format('woff'),
         url('../font/futura_2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'a_futurarounddemiregular';
    src: url('../font/fut_rd-webfont.eot');
    src: url('../font/fut_rd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fut_rd-webfont.woff') format('woff'),
         url('../font/fut_rd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.shapka_byla_text { border: 0px solid #000;  padding: 5px; margin: 5px 0 5px 0; }
.shapka_byla_text p { padding: 0 !important; margin: 0 !important; /*font-size: 15px !important; background-color: #D9FFF4; */}
.div_content p { font-size: 14px; /*calc(10px + 1.2vw)!important*/ ; text-align: justify;}

.div_content h1 {/*font-size: calc(12px + 2.4vw);*/ text-align: center; color: MediumBlue /*#5167A9*/; font-family: a_futuraroundregular, Arial, Helvetica, sans-serif;}

.div_content h2 {/*font-size: calc(12px + 2.0vw);*/   text-align: center; color: MediumBlue /*#5167A9*/; font-family: a_futuraroundregular, Arial, Helvetica, sans-serif; }

.div_content h3 {color: MediumBlue /*#5F6DB1*/; font-family: a_futuraroundregular, Arial, Helvetica, sans-serif;}
.div_content h4 {color: MediumBlue /*#5F6DB1*/; font-family: a_futuraroundregular, Arial, Helvetica, sans-serif;}
}

@media (max-width: 400px) {
            .shapka_byla_text {
                width: 80% ;
            }   
}

.shapka_byla_text {
	text-align: justify;
	color: #000;  
	font-size: 14px;
}


article p,.shapka_byla_text p {
	text-align: justify;
	/*color: #000; */ 
	font-size: 14px;

}
@media (min-width: 600px) {
	article p,.shapka_byla_text p {
		font-size: 15px;
	} 
}

@media (min-width: 900px) {
	article p,.shapka_byla_text p {
		font-size: 16px;
	} 
}
/**********************************************************
***********************************************************
*****************  ?????????  *********************
*/

.man_woman_deti_glav_str {
text-align: center; 
padding: 0px; 
margin: 15px 0px 0px 0px; 
width: 98%;   
border: 1px solid black; 
background-color: #FFF; 
height: auto; 
font-size: calc(7px + 1.5vw);
font-family: Akrobat, Arial, Helvetica, sans-serif;
 border: 0px solid black;  
display: -webkit-flex; 
display: flex;
  justify-content: center;
-webkit-justify-content: center;
  align-items: center;
text-align: center; 
}


@media (min-width: 800px) {
	.man_woman_deti_glav_str {
		font-size: 18px;
	}   
}
.man_woman_deti_glav_str li {
text-align: center; 
padding: 1vw ; 
margin: 0 3px; 
width: 30%; 
border: 0px solid #C48FFF;
color: #9900CC;
list-style-type: none; 
background-color: #F2E8FD; 
}

.man_woman_deti_glav_str a {
  text-decoration:none; 
  color: inherit;
}
.man_woman_deti_glav_str a:hover {
    text-decoration: underline;
}


  figure, picture {margin: 0; padding: 0;}
  picture img {
  width: 100%;
  }
  figcaption {
    font-size: 13px;
    font-weight: bold;
    color: #1E3E7E;
  }

  .foto_30_right {
    float: right;
    margin: 1vw 0 1vw 2vw;
    width: 30%; 
  }

  .foto_40_right {
    float: right;
    margin: 1vw 0 1vw 2vw;
    width: 40%; 
  }

  .foto_50_right {
    float: right;
    margin: 1vw 0 1vw 2vw;
    width: 50%; 
  }

  .foto_30_left {
    float: left;
    margin: 1vw 2vw 1vw 0 ;
    width: 30%; 
  }

  .foto_40_left {
    float: left;
    margin: 1vw 2vw 1vw 0 ;
    width: 40%; 
  }

  .foto_50_left {
    float: left;
    margin: 1vw 2vw 1vw 0 ;
    width: 50%; 
  }

  .foto_left {
    float: left;
    margin: 1vw 2vw 1vw 0 ;
  }

/*  .foto_30 {
    width: 30%; 
  }

  .foto_40 {
    width: 40%; 
  }

  .foto_50 {
    width: 50%; 
  }
*/
  .foto_100 {
    width: 100%; 
  }

@media (min-width: 900px) {
  .foto_min900_100_right {
    width: 50%; 
    float: right; 
    margin: 1vw 0 0 2vw;
  }
}
@media (max-width: 400px) {
  .foto_max400_100 {
  width: 100%; 
  }
}
@media (max-width: 500px) {
  .foto_500_100 {
  width: 100%; 
  }
}

.foto_pohod { 
	position: relative;
}

.foto_pohod h2 { 
	position: absolute; margin: 1vw; bottom: 10px; right: 10px; color: #FFF !important;
}


@media (max-width: 900px) {
.foto_pohod h2 {
	font-size: 3.5vw;
 }
}
@media (max-width: 800px) {
.foto_pohod h2 {
	font-size: 4.6vw;
 }
}