/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.dekstop-popup{ display: block; }
.mobile-popup{ display: none; }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 100; display: none; }
.popup{ width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101; }
.overlay-wrapper{ margin: 0px auto;background: #fff; position: fixed; z-index: 103; text-align: center; top: 50%; left: 50%; transform: translate(-50% , -50%); padding: 0; }
.popup{ display: none; }
.popup-wrap{ /*height: 700px; overflow-y:scroll;*/ overflow-x:none; }
.close{ position: relative; padding: 0; display: block; top: 0px; right: 0; cursor: pointer; position: absolute; right: 0; top: -40px; /*transform: translateY(-50%);*/}

.desktop-close{ display: block; }
.mobile-close{ display: none; }

.popup-text{ width: 650px; margin: 0 auto; text-align: left; color: #010101;  }
/*.popup-text h2{ font-size: 22px; line-height: 25px; margin-top: 31px;}*/
.popup-text h2{ font-size: 22px; line-height: 25px; margin: 31px 0 15px 0; font-weight: 600;}
.popup-text p{ font-size: 15px; line-height: 20px;  }
/*.popup-text ul{margin-left: -20px;  }*/
.popup-text ul{margin-bottom: 20px;  }
.popup-text ul li { font-size: 15px; line-height: 20px; }

@media screen and (max-width: 1650px)  {
  .popup-wrap{ height: 700px; overflow-y:scroll; }
}

@media screen and (max-width: 1024px)  {
  .close{  top: -25px; }
}
@media screen and (max-width: 812px)  {
  .dekstop-popup{ width: 100%;  }
  .popup img.img-popup {width: 100%; }
  .close{ top: -40px; }

  .popup-text { width: 90%; }
  .popup-text h2{ font-size: 18px; line-height: 20px; }
  .popup-text p{ font-size: 12px; line-height: 18px; }
  .popup-text ul li{ font-size: 12px; line-height: 18px; }
}

@media screen and (max-width: 736px) and (max-height: 414px)  and (orientation : landscape) {
  .popup-wrap{
    height: 250px;
  }
}

@media screen and (max-width: 812px) and (max-height: 375px)  and (orientation : landscape) {
  .popup-wrap{
    height: 250px;
  }
}

@media screen and (max-width: 667px) and (max-height: 375px)  and (orientation : landscape) {
  .popup-wrap{
    height: 250px;
  }
}

@media screen and (max-width: 568px) and (max-height: 320px)  and (orientation : landscape) {
  .popup-wrap{
    height: 250px;
  }
  .close{ 
    top:-25px;
  }
}

@media screen and (max-width: 565px)  {
  .dekstop-popup{ display: none; width: 100%;  }
  .mobile-popup{ display: block; width: 100%; }
  .overlay-wrapper{ min-width:320px; padding: 0; }
  .close{ position: relative; padding:20px 0; display: block; top: 0px!important; transform: none!important; right: 0; cursor: pointer; }
  .desktop-close{ display: none; }
  .mobile-close{ display: inline-block; }
  .popup-wrap{ height: 500px; }
}