/*-----------------------------------------------------------

 Theme Name: Pronto
 Version: 1.4
 Description: Masonry WordPress Theme by WPExplorer
 Author: homecams
 Author URI: http://homecams.me
 Theme URI: http://homecams.me
 License: GNU General Public License version 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: pronto
----------------------------------------------------------- */


.overlay {
  position:fixed;height:100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms;
  visibility: visible;
  opacity: 1;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
	display:block;
	opacity: 1;
  margin: 70px 0;
  background: #000;
  border-radius: 5px;
	z-index:99999999;
	left:35%;
  width: 30%;
	
  position: absolute;top:0;
	border: 1px solid #969696;
	
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  font-family: Tahoma, Arial, sans-serif;
	text-align:center;font-weight:700;font-size:22px;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 00px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
	padding: 0 30px;
}
.popup .close:hover {
  color: #ff9000;
}
.popup .content-pop {
  max-height: auto;
  overflow: auto;
}

.advs-single {
    border: 1px solid #ff9000;
    border-radius: 4px;
    margin: 10px 0 20px 0;
    padding: 10px 10px 10px 10px;
	font-size: 16px;}
.advs-single p, .advs-single p a
{
	margin:0;
	padding:0px 5px;
	color:#ff9000;
	text-align:center;
}
.color96{color:#969696} .colorfff{color:#fff}
.advs-single p a
{
	background:#ff9000;
	font-size:20px;
	color:#000;
	padding:18px 24px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:700;
}
.advs-single p a:hover {opacity:.6;text-decoration:none;}
	
.content-pop a, .content-pop p a {color:#969696;} .content-pop a:hover, .content-pop p a:hover {cursor:pointer; text-decoration:none;color:#ff9000;}
.advs-content p, .content-pop p {color:#fff;text-align:center;margin:0;padding:5px 0;line-height:22px;}
.advs-single p {padding: 0px 0px;}
.advs-single p a:hover {color:#000}
	
.box-popup{padding: 30px 30px 20px 30px;position:relative;}

@media screen and (max-width: 1000px){
  
  .popup {
    width: 70%;
    left: 15%;
	}
}
@media screen and (max-width: 500px){
  
  .popup {
    width: 90%;
    left: 5%;
	margin: 20px 0;
	}
	.box-popup{padding:20px 15px;}
}