.pbox {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 100%;
  max-width: 1100px;
  overflow: auto;
  color: #000;
  overflow: hidden;
}
@media (min-width: 750px) {
	.pbox { width: 800px; }
    .d-none {display: block !important;}
    .pbody.row {display: table;}
.pbody .seven.columns {width: 58.66%; display: table-cell;}
.pbody .five.columns {width: 41.34%; margin-left: 0; display: table-cell;}
}
.pbox .pbody { 
	padding: 2em 1.5em; 
}

.poverlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85) !important;
}

a.pboxclose{
    float:right;
    margin-top:0px;
    margin-right:30px;
    cursor:pointer;
    color: #fff;
    border-radius: 30px;
	font-family: Arial, serif;
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    line-height: 1px;
    padding: 11px 3px;     
	z-index:1001;	
}
a.pboxclose:hover {text-decoration: none;}

.pboxclose:before {content: "×";}
.mb-0 {margin-bottom: 0;}
.pbody .container {background: #fff; padding: 0px;}
.d-block {display: block;}
.d-none {display: none;}
.h-100 {height: 100%;}
.pbody .row {background: url('../../media/popup/ramka.jpg');  background-repeat: no-repeat;
   background-size: cover; background-position: -16px -24px;}