/* 
* Модальные окна
* на чистом CSS, без javascript
* и дополнительных изображений
*
* Копирайт (c) 2014 shurawi http://www.dbmast.ru
*/

/*** Стили относящиеся к модальному окну и содержанию ***/
.popup33 h1 { /* заголовок 1 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup33 h2 { /* заголовок 2 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: -120px;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed, iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
/* стили модального окна */
.popup33 {
top: 0;
right: 0;
left: 0;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
  padding: 0 27px 27px;
  width: 400px;
  background: #005477;
  height: 210px;

/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
/* скругление углов */

background-color: #005477;
/* внешняя тень */

/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.overlay:target+.popup33 {
top: 27%;
visibility: visible;
opacity: 1;
}
/* формируем кнопку закрытия */
.close {
width: 220px;
  height: 24px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-left: 69px;
  position: relative;
  left: -10px;
  toP: 15px;
  margin-top: 57px;
  text-align: center;
  background: #F8EA61;
  
}
.popup33 a{
font-size: 18px;
  color: #008AA5;
  text-decoration: none
}
.popup33 h3{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 600;
  text-align: center;
  color: #fff;
  font-size: 34px;
}
.popup33 p{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  line-height: 2px;
  margin-top: 30px;
  text-align: center;
  color: #fff;
}