/*  Стили модальных попапов  */

#parent_jt_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.jt_close1 {
background: url(../images/close1.png) no-repeat;
height: 24px;
line-height: 24px;
position: absolute;
right: 1px;
cursor: pointer;
text-decoration: none;
top: 1px;
width: 24px;
}

.jt_close2 {
background: url(../images/close2.png) no-repeat;
height: 36px;
line-height: 36px;
position: absolute;
right: 5px;
cursor: pointer;
text-decoration: none;
top: 5px;
width: 36px;
}

.jt_close3 {
background: url(../images/close3.png) no-repeat;
height: 32px;
line-height: 32px;
position: absolute;
right: 3px;
cursor: pointer;
text-decoration: none;
top: 3px;
width: 32px;
}

#jt_popup1 {
border: 10px solid #ddd;
border-radius: 15px;
}

#jt_popup2 {
border: 1px solid #ddd;
border-radius: 0;
}

#jt_popup3 {
border: 1px solid #ddd;
border-radius: 15px;
}

#jt_popup4 {
border: 4px dashed #777;
border-radius: 0;
}


#jt_popup1, #jt_popup2, #jt_popup3, #jt_popup4 {
overflow:auto;
margin: 2% auto;
padding: 1em 20px;
box-shadow: 0px 0px 20px #000;
background: #fff;
position: relative;
-webkit-overflow-scrolling: touch 
}

.jt_close4 {
background: url(../images/close4.png) no-repeat;
height: 30px;
line-height: 30px;
position: absolute;
right: 8px;
cursor: pointer;
text-decoration: none;
top: 8px;
width: 30px;
}



/*  Click Window  */

/*        Стили для модальных окон          */

.Window {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.7);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}

.Window:target {
display: block;
pointer-events: auto;
}


/*   Ширина окна на мобильных  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {

#jt_popup1, #jt_popup2, #jt_popup3, #jt_popup4 {
width:85%!important;
}

}