/* 
* Модальные окна
* на чистом CSS, без javascript
* и дополнительных изображений
*
* Копирайт (c) 2014 shurawi http://www.dbmast.ru
*/
/* Базовые стили слоя затемнения и модального окна  */
.overlay {top: 0;right: 0;bottom: 0;left: 0;z-index: 2001;visibility: hidden;/* фон затемнения */background-color: rgba(0,0,0,.15);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;}
/* стили модального окна */
.popup {text-align:center;top: 0;right: 0;left: 0;z-index: 10;display: block;visibility: hidden;margin: 0 auto;width: 90%;min-width: 320px;max-width: 500px;/* фиксированное позиционирование, окно стабильно при прокрутке */position: fixed;padding: 25px 15px;box-shadow: 0px 0px 10px rgba(0,0,0,.2);background-color: #fff;/* скругление углов */-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;/* полная прозрачность окна, появление при клике */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+.popup {top: 20%;visibility: visible;opacity: 1;z-index: 9999;}
/* формируем кнопку закрытия */
.close {position: absolute;top: -10px;right: -10px;padding: 0;width: 20px;height: 20px;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-weight: bold;line-height: 20px;}
.close:before {color: rgba(255, 255, 255, 0.9);content: "X";text-shadow: 0 -1px rgba(0, 0, 0, 0.9);font-size: 16px;}
.close:hover {background-color: #479d00;}
.popup_p {color: #479d00; font-size: 33px; text-transform: uppercase;}
.popup_p_sub {font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.popup form {margin-top: 27px;}
	.popup input {height: 40px; border: none; border-radius: 4px; box-sizing: border-box; font-size: 16px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.popup input[type="text"] {width: 190px; background: #fff; margin-right: 20px; box-shadow: inset 0px 0px 3px rgba(0,0,0,.2); padding: 0px 15px 0px 20px; color: #444;}
	.popup input[type="tel"] {width: 190px; background: #fff; padding-left: 20px; box-shadow: inset 0px 0px 3px rgba(0,0,0,.2); color: #444;}
		.popup input[type="text"]:focus, .popup input[type="tel"]:focus {box-shadow: 0px 0px 5px rgba(28,84,118,.4);}	
	.popup input[type="submit"] {width: 195px; height: 45px; margin-top: 30px; border-radius: 8px; cursor: pointer; box-shadow: 0px 0px 3px rgba(0,0,0,0.15), inset 0px 0px 3px rgba(0,0,0,0.3); background: linear-gradient(to bottom, #69db0b, #479d00); color: #fff; line-height: 44px; } 
		.popup input[type="submit"]:hover {box-shadow: 0px 0px 10px rgba(28,84,118,.8);}
	.popup span.wpcf7-not-valid-tip {margin: -5px 0px -10px;}
	.popup div.wpcf7-mail-sent-ok {margin-top: 10px;}