#active-promopop {background-color: rgba(52,73,94, 0.7); position: absolute; width: 100%; height: 100%; top: 0;  left: 0;  z-index: 999;}

#promopop-container {
	border-radius:10px;
	width:500px; 
	height:600px; 
	background: #f2eee9 ; 
	margin:0 auto;
	position:fixed; 
	left: 35%; 
	top: 200px; 
	z-index: 999; 
	display: none;}

#promopop-window { position: relative; }

.promopop-content { position: relative; text-align: center;}

.promopop-content h5, .promopop-content p { color: #2d332f;}

.promopop-content h5 {font: bold 34px 'Inter'; text-align: center; margin: 10px auto;}
.promopop-content h6 {font: 20px /20px 'Inter';  text-align: center; color: #2d332f;}
.promopop-content h6.v2 {font: 24px 'Inter'; text-align: left; color: #2d332f;}
.promopop-content img {}
.promopop-content p { padding: 0 10px;}
.promopop-content a div.leftblock {float: left; width: 30%;}
.promopop-content a div.rightblock {float: left; width: 60%; padding-left: 20px;}
.promopop-content a div.onlysmall {display: none; margin-top: 20px; width: 200px;}
.promopop-content input {margin-bottom: 5px;}

#promopop-container a.close {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #E74C3C;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff;
  text-decoration:none;
}

/* smaller displays */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#promopop-container {left: 20%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#promopop-container {left: 20%; width: 400px; height: 250px; background-size: 400px 250px; margin-top: 5%;}
	.promopop-content h5 {font-size: 22px; margin-left: 50px; width: 300px;}
	.promopop-content h6, .promopop-content h6.v2 {font-size: 16px; padding-right: 0; width: 400px; margin: 10px 0;}
	.promopop-content img {display: none;}
	.promopop-content p { padding: 0; margin: 0; }
	.promopop-content a div.leftblock {display: none;}
	.promopop-content a div.button {display: block;}
}
@media only screen and (max-width: 479px) {
	#promopop-container {left: 10%; width: 300px; height: 325px; background-size: 300px 300px; margin-top: 5%;}
	#promopop-container a.close {float: left; left: -5px;}
	.promopop-content h5 {font-size: 20px; width: 280px;}
	.promopop-content h6, .promopop-content h6.v2 {font-size: 14px; padding-left: 15px; width: 260px; margin: 10px 0;}
	.promopop-content img {display: none;}
	.promopop-content p { padding: 0; }
	.promopop-content a div.leftblock {display: none;}
	.promopop-content a div.button {display: block;}
}