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

/*** Стили относящиеся к модальному окну и содержанию ***/
.popup 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;
}
.popup 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: 0;
z-index: 990;
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;
}
/* встроенные элементы м-медиа, фреймы */
.popup embed, .popup iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width: 540px;
max-width: 540px;
width: 100%;
}
/* стили модального окна */
.popup {
top: 0;
right: 0;
left: 0;
1font-size: 14px;
z-index: 999;
display: block;
visibility: hidden;
margin: 0 auto;
1width: 90%;
width: 90%;
max-width:310px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 25px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color:rgba(255,255,255,0.9);
/* внешняя тень */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
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;
}
/* формируем кнопку закрытия */
.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;
-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 p, .popup div {
margin-bottom: 5px;
}




/*--------------*/
.popup_p1 {
    font-size:18px;
}
.popup_p2 {
    font-size:20px;
}
.popup_text {
    width:290px;
    height:385px;
    padding:10px;
    border:1px solid gray;
    float:right;
}
.popup_have {
    display:inline-block;
    background-color:limegreen;
    color:white;
    border-radius:5px;
    font-size:0.9em;
    padding:2px;
    text-align:right;
    float:right;
}
.popup_foto {
    text-align:center;
    padding: 10px 0;
}
.popup_foto img {
    height:100px;
}
.hr_in_form {
    margin:10px auto;
}
.popup_name {
    1float:left;
    font-weight:bold;
    font-size:1.2em;
}
.popup_price {
    font-weight:bold;
}
.popup_price_old {
    color:gray;
    text-decoration:line-through;
}
.popup_price_new {
    padding-left:40px;
    font-weight:bold;
}
.popup_price_new span {
    color:red;
}
.popup .clear {
    clear:both;
}
.popup .bold {
    font-weight:bold;
}
.form_text1, .form_text2, .form_text3, .form_text4, .form_text5 {
    text-align:center;
    font-size:1.3em;
}
.form_text6 {
    text-align:center;
    font-size:0.8em;
}
.popup input {
    width:100%;
    margin-bottom:15px;
    line-height:36px;
    padding-left:10px;
    font-size:16px;
    border-radius:3px;
    box-shadow:3px 3px 3px #aaa;
    border:1px solid lightgray;
    margin-top:15px;
    margin-bottom:25px;
}
.popup button {
    1margin-top:15px;
    background-color:#b96282;
    line-height:36px;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    padding-left:30px;
    padding-right:30px;
    color:white;
    border:1px solid white;
    box-shadow:3px 3px 8px gray;
    cursor:pointer;
    border-radius:3px;
    transition:all 0.2s;
}
.popup button:hover {
    opacity:0.8;
}

.zvon1 {
    width:100%;
    text-align:center;
}


/*-------------------only one message----------------------*/
#button_feedback_form.inactive_element,
#button_feedback_form1.inactive_element,
#button_feedback_review.inactive_element,
#button_title_form.inactive_element,
#button_zvon.inactive_element {
    background-color:gray;
    color:lightgray;
}
#button_feedback_form.inactive_element:hover,
#button_feedback_form1.inactive_element:hover,
#button_feedback_review.inactive_element:hover,
#button_title_form.inactive_element:hover,
#button_zvon.inactive_element:hover {
    box-shadow:3px 3px 10px darkgray;
    background-color:gray;
}
.hide_element {
    display:none;
}
.show_element,
#button_zvon.show_element {
    display:block;
    text-align: center;
}
#text_ok_feedback_form,
#text_ok_title_form,
#text_ok_zvon {
    text-align:center;
    font-size:18px;
    line-height:1.3;
    margin:10px 0;
    padding:5px 0;
    color:green;
    background-color:white;
    width:100%;
    border-radius:3px;
}
#text_ok_feedback_form,
#text_ok_zvon {
    margin:10px auto;
}
/*-------------------only one message end----------------------*/