#plcoio-popup {
	display:none;
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	background:rgba(000,000,000,0.75);
	overflow:hidden;
	z-index:999999;
}

#plcoio-popup-inner {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}

#plcoio-block {
	max-width:960px;
	padding:20px 20px 15px;
	margin:0 10px;
	background:#000000;
	border-top:4px solid #ffffff;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	z-index:100;
}

#plcoio-block h6 {display:inline-block;clear:both;margin:0 0 20px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;color:#ffffff;padding:0.5rem 1rem;border:4px solid #ffffff;}
#plcoio-block  p {font-size:0.7rem;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#ffffff;}

#plcoio-block  > div {margin:0 0 20px;width:100%;}

@media all and (max-width:60rem) {
	#plcoio-block {flex-wrap:wrap;}
	#plcoio-block  > div {width:100%;}
	
}
@media all and (max-width:40rem) {
	#plcoio-block .button-group {flex-wrap:wrap !important;}	
	#plcoio-block-right .button-group span {margin:0 5px 20px !important;}
}

@media all and (max-width:34rem) {
	#plcoio-block {height:100vh;margin:0;}
	#plcoio-block .button-group {display:flex;justify-content:space-between;flex-wrap:wrap !important;}	
	#plcoio-block-right .review {width:100%;}
	#plcoio-block-right .success {width:100%;}
	#plcoio-block-right .alert {width:100%;}
}

#plcoio-block-right .success {
	padding:10px 15px;
	margin:0 1rem 0 0;
	background:none;
	color:green !important;
	cursor:pointer;
	border:4px solid green;
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:none !important;
}

#plcoio-block-right .alert {
	padding:10px 15px;
	margin:0 1rem 0 0;
	background:none;
	color:red !important;
	cursor:pointer;
	border:4px solid red;
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:none !important;
}

#plcoio-block-right .review {
	padding:10px 15px;
	margin:0;
	background:none;
	min-width:250px;
	color:yellow !important;
	cursor:pointer;
	border:4px solid yellow;
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
	background:none !important;
}

#plcoio-block-right .review a {
	text-decoration:none !important;color:yellow !important;
}

#plcoio-block-right .review a:hover {
	text-decoration:none !important;
}

@media all and (min-width:481px) {
	#plcoio-block {
		display:flex;
		align-items:center;
	}
}

@media all and (max-width:480px) {
	#plcoio-block-left {margin:0 0 20px;}
}