body 
{background:#fff; 
margin: 0;
padding:0;
font: 16px/24px Arial, Tahoma, sans-serif;
color: #272727;
}
h2 { font: normal 1.2em Tahoma, sans-serif; margin: 0 0 10px; padding: 0 0 3px; color: #990000; border-bottom: 1px solid #eee;}
a {text-decoration: none;  }
a:hover {transition: all 0.5s; }
td{padding: 0 5px 5px 15px;}
/*Структура сайта */
div.mid {width: 1000px; margin: 0 auto;  }
div.mid img { margin: 0px 0px 0px 0px;}
div.header { 
background-image:url(images/woman.png);
 background-repeat:no-repeat;
 background-position:20px;
 }
 .important{color:#bb0000;}
 
div.footer { margin: 20px 0; font-size: 10px; text-align: center; text-transform: uppercase; }
 
 /*Шапка сайта строка верхнего меню */
 div.topmenu {float: right; height: 60px; line-height: 70px;}
 div.topmenu a {margin: 0 0 0 10px; color:#456D06}
  div.topmenu a:hover { color:#B22101;  border-bottom: 3px solid rgb(69, 109, 6);}
  /*Логотип в шапке */
  div.logo {margin: 0px 0px 0px 200px;}
  
  /*Афиша в шапке */
  div.afisha { padding: 20px 50px 1px 250px; }
  div.afisha img {float: left; }
  div.afisha h3 {font-size: 22px; font-weight: normal; text-align: center; color: #456D06; }
  div.afisha h1 {font-size: 22px; font-weight: normal; text-align: center; color: #456D06; }
  div.afisha h2 {font-weight: normal; text-align: center; font-size: 200%;  color: #B22101}
  div.afisha p {font: 18px/16px; font-weight: normal; text-align: center; color: #b22101; }
    /* Кнопка в афише*/
  div.afisha a { font-size: 16px; color: #f2f2f2; font-weight: normal;
  background: #b23600; border: 1px solid #862900; padding: 5px 15px;
  border-radius: 3px; box-shadow: 2px 2px 7px -1px #777; text-shadow: 0px 0px 3px #752300;
  }
  div.afisha a:hover { background: #456d06; border: 1px solid #456d00; text-shadow: 0px 0px 3px #752300;}
    /*Главное меню*/
  div.menu {background: #3e6107; border: 1px solid #335104; border-left: none; border-right: none; }
  div.menu ul{margin: 0; padding: 0; list-style: none; text-align: center; }
  div.menu ul li {display: inline-block; margin: 5px 25px;}
   div.menu ul li a{color: #f2f2f2; text-transform: uppercase; text-shadow: 2px 2px 7px -1px #777;}
   div.menu ul li a:hover {color:#b1ce84; }
   
       /*Контент сайта*/
	   
	 div.fon {background: #fff; border: 1px solid #ccc; border-top: none; padding: 40px;  }  
	 
	 div.block {width: 440px;  float: left; margin: 0 15px 20px 0;}
	 div.block: nth-of-type(even) { float: right; }
	 div.block  a p{color: #272727;  }
	  div.anons {background: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; padding: 20px;  } 
      div.anons img {box-shadow: 1px 1px 5px #777; } 	
      div.anons h3 {font-size: 20px;font-weight: normal; color: #01617D;
	  margin: 20px 0px 10px;  padding: 0px;
	  line-height: 20px;}	
	  div.anons h4 {font-size: 22px;font-weight: normal; color: #01617D;
	  margin: 10px 0px 5px;  padding: 0px;
	  line-height: 20px;}
      /*div.anons p {text-shadow: 1px 1px 0 #fff;}	 */
      div.anons:hover {background: #d7dbc2; border: 1px solid #bfd5dd; transition: all 1s;} 
	  
	   /*Вставка с горячей рекламой или ответы на вопросы*/
      div.hot-reklama { margin: 20px;  }
	
	  div.rek {
        float: left; /*Задаем обтекание*/
        line-height: 20px;/*Высота строки +  верт. центрирования текста*/
         
         margin-right: 0px;
       }
       .hot-reklama :last-child {
        margin-right: 0px;/*Убираем поле последнего div-а*/
                       }

	   div.rek h3 {font-size: 20px;font-weight: normal; color: #01617D;
	  margin: 20px 0px 10px 30px;  
	  line-height: 20px;}	
	 div.hot-reklama img {margin: 10px; box-shadow: 1px 1px 5px #777; } 
	  div.hot-reklama  li{ text-align: left; margin-left: 60px; color: #272727;}
	  div.rek p{ text-align: center; }
      div.hot-reklama div.left {float: left;}	
      div.hot-reklama div.right {float: right;}		  
 /* Отзывы */
 div.otziv {
 background: #f2f2f2; 
 }
 div.otziv:hover {background: #d7dbc2;} 
 div.otz1{ float: left; margin: 20px 0; border: 5px solid #ff0000;}
 div.otz1:nth-on-type(even){ float: right;  margin: 20px; border: 5px solid #00ff00;} 
 
 
 /* Подвал */
 div.footer span {margin: 0 20px; }
 	 div.clear {clear: both; }
	 
	 /* Адаптивный дизайн*/
	 @media screen and (max-width: 1000px){
	 div.mid {width: 85%;}
	 body { font: 12px/14px;}
	div.logo {margin: 0px 0px 0px 120px;} 
div.afisha h2{font-size: 18px;}
div.afisha h3 {font-size: 16px;}

div.block {width: 85%; }
div.anons img {width: 100%; } 
div.anons h3, div.rek  h3  {font-size: 14px;}
div.anons p, div.rek  li {font-size: 12px;}

div.rek a {font-size: 14px; font-weight: bold;}
	div.header{ background-image:none; bacground: #f0f0f0;}
background-image:url(images/woman75.png);}
	div.afisha { padding: 20px 50px 1px 50px;}
	
	 }
@media screen and (max-width: 800px){ 
	div.header{ background-image:url(images/woman75.png);}
	div.logo {margin: 0px 0px 0px 20px;} 
	}
	@media screen and (max-width: 640px){ 
	div.header{ background-image:none; bacground: #f0f0f0;text-align: center;}
	div.topmenu, div.block {float: none;} 
	div.footer span { margin: 10px 0; display: block; }

		 	}
	 
	 /*вставлено для слайдера*/
	 * {
      box-sizing: border-box;
    }

    .slider {
        width: 75%;
        margin: 10px auto;
	    }
.slider p
{	 
    line-height: 110%;
	}
    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      /*width: 100%;*/
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
	 
	
			
	/* Вставлено для всплывающих окон в слайдере */
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
/* фон затемнения */
    background-color: rgba(0, 0, 0, 0.35);
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%;
    right: 0;
    left: 50%;
    font-size: 12px;
    z-index: 20;
    margin: 0;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
	
	/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
    padding: 15px;
    border: 1px solid #383838;
    background: #fefefe;
/* скругление углов */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* формируем кнопку закрытия */
.close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);    
}
/* изображения внутри окна */
.popup img {
    width: 100%;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
.popup embed, 
.popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
.popup h2 { /* заголовок 2 */
    margin: 0;
    color: #008000;
    padding: 5px 0px 10px;
    text-align: left;
    text-shadow: 1px 1px 3px #adadad;
    font-weight: 500;
    font-size: 1.4em;
    font-family: 'Tahoma', Arial, sans-serif;
    line-height: 1.3;
}
/* параграфы */
.popup p {margin: 0; padding: 5px 0}

/* Вставлено для фотографий с подписями */
.sign {
    float: left; /* Выравнивание по левому краю */
   
    margin: 10px 0px 5px 10px; /* Отступы вокруг */
   
   }
   .sign figcaption {
    margin: 0px auto 5px; /* Отступы вокруг абзаца */
	
}
.sign h3{ font-size: 20px; font-weight: normal; text-align: center; color: #456D06; }
.sign p{
font-size: 14px/16px; font-weight: normal; color: #456D06; text-align:left;}


 .block ul {
    list-style-image: url(images/galka1.png); /* Путь к изображению маркера */
	font-size: 14px/16px; font-weight: normal; color: #456D06; text-align:left;
   }
   
   #liniya { 
        width:300px; 
        height:100px; 
        background:#669900; 
        float:left; 
        margin-left:15px; 
        text-align:center;
        }




#overlay1 {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
z-index: 999;
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
overflow: auto;
}

.popup1 {
top: 25%;
left: 0;
right: 0;
font-size: 14px;
margin: auto;
width: 85%;
min-width: 320px;
max-width: 600px;
position: absolute;
padding: 15px 20px;
border: 1px solid #383838;
background: #fefefe;
z-index: 1000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
}

.myvideo {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
padding-right:30px;
padding-left:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
}
.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}