@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

.popup-bg {
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100vh;
	z-index: 3000;
	position: fixed;
	top: 0;
	left: 0;
}
.condo-detail aside.message,
.condo-detail div.status {
	display: none;
}
.dailyemail .popup-box,
.contentarea .popup-bg .popup-box,
.g2page .popup-bg .popup-box,
.content_main .popup-bg .popup-box {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: #fffffe;
	padding: 2vw 2vw 6vw;
	width: 36vw;
}
.popup-box .popup-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-height: calc(100vh - 4rem - 8vw);
	overflow-y: auto;
}
.popup-box .checkmark {
	width: 5vw;
	height: 5vw;
	background: url('../images/checkmark-icon.svg') no-repeat center;
	background-size: contain;
}
.blue .popup-box .checkmark {
	background: url('../images/blue-checkmark-icon.svg') no-repeat center;
	background-size: contain;
}
.purple .popup-box .checkmark {
	background: url('../images/purple-checkmark-icon.svg') no-repeat center;
	background-size: contain;
}
.popup-box .msg-title {
	color: #59c21f;
	text-transform: uppercase;
	font-size: 2vw;
    font-weight: 600;
    line-height: normal;
}
.blue .popup-box .msg-title{
    color: #2cb6f2;	
}
.purple .popup-box .msg-title{
    color: #d84a7c;	
}
.popup-box .popup-close {
	display: block;
	width: 2.2rem;
    height: 2.2rem;
    right: -1.1rem;
    top: -1.1rem;
    position: absolute;
    cursor: pointer;
    background-image: url('../images/popup-close.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
}
.blue .popup-box .popup-close {
    background-image: url('../images/blue-popup-close.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
}
.purple .popup-box .popup-close {
    background-image: url('../images/purple-popup-close.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
}
.popup-box .popup-close:hover {
	background-image: url('../images/popup-close-hover.svg');
}
.blue .popup-box .popup-close:hover {
	background-image: url('../images/blue-popup-close-hover.svg');
}
.purple .popup-box .popup-close:hover {
	background-image: url('../images/purple-popup-close-hover.svg');
}
.popup-box .msg-subtitle,
.popup-box .msg-desc {
	color: #a2a2a2;
}
.popup-box .msg-subtitle {
	font-size: .8vw;
}
.popup-box .msg-desc {
	font-size: 1vw;
	font-weight: bold;
}
.popup-bg .popup-box .checkmark {
	margin-bottom: 1vw;
}
.popup-bg .popup-box .msg-subtitle {
	margin-bottom: 2.8vw;
}
/* Social Media and Copy */
.purple .popup-box .social-icon{
  color:#d8497c;	
}
.popup-box .social-icon a {
  color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
.popup-box .social-icons {
  margin: 1vw;
  margin-top: -1.5vw;
  text-align: center;
}
.popup-box .social-icon {
  display: inline-block;
  position: relative;
  margin: auto 10px;
  cursor: pointer;
  border-radius: 8px;
  height: 2.5vw;
  width: 2.5vw;
  opacity: 0;
  transform: scale(1);
  animation: 1s show ease-out, 1s pan-up ease-out;
  animation-fill-mode: forwards, none;
  transition: all 0.3s ease-out;
}
.popup-box .social-icon.animation-end {
  opacity: 1;
}
.popup-box .social-icon:nth-of-type(2) {
  animation-delay: 0.2s;
}
.popup-box .social-icon:nth-of-type(3) {
  animation-delay: 0.4s;
}
.popup-box .social-icon:nth-of-type(4) {
  animation-delay: 0.6s;
}
.popup-box .social-icon:nth-of-type(5) {
  animation-delay: 0.8s;
}
.popup-box .social-icon:hover {
  transform: scale(1.2);
  color: #C0BAFA;
  background-color: #fff;
}
.popup-box .social-icon:before {
  font-family: 'FontAwesome';
  font-size: 3vw;
  width: 100%;
  height: 100%;
  top: -4.5px;
  left: -0.5px;
  position: relative;
  display: block;
}
.popup-box .email:before {
  content: '\f0e0';
}
.popup-box .email:hover {
  background: none;
}
.popup-box .facebook:before {
  content: '\f082';
}
.popup-box .facebook:hover {
  color: #3b5998;
}
.popup-box .twitter:before {
  content: '\f081';
}
.popup-box twitter:hover {
  color: #0084b4;
}
.popup-box .instagram:before {
  content: '\f16d';
}
.popup-box .instagram:hover {
  color: #125688;
}
.popup-box .linkedin:before {
  content: '\f08c';
}
.popup-box .linkedin:hover {
  color: #4875B4;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pan-up {
  from {
    transform: translateY(20px);
  }
  to {
    transform: translateY(0px);
  }
}
.popup-box .popup-search-btn{
  color: #fff;
  padding: 0.5vw 1.5vw;
  border-radius: 0.25vw;
  font-size: 1.1vw;
  margin-top: 1vw;	
}
.purple .popup-box .popup-search-btn{
	  background: #d8497d;
}
.popup-box .copy-area{
    margin-bottom: 1.5vw;
}
.popup-box .copy-area span{
	font-size: .8vw;
	color: #a2a2a2;
}
.popup-box .copy-area input{
    width: 92%;
    text-align: center;
    box-sizing: border-box;
    padding: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.35vw;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: 1px solid #a2a2a2;
    background-color: #fff;
    font-size: 0.95vw;
    color: #a2a2a2;
}
.popup-box .social-icon a {
    color: #d8497c;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
@media (max-width: 1380px) {
    .dailyemail .popup-box,
	.contentarea .popup-bg .popup-box,
	.g2page .popup-bg .popup-box,
	.content_main .popup-bg .popup-box {
		padding: 1.5rem 1.5rem 4.5rem;
	}
	.popup-box .popup-message {
		max-height: calc(100vh - 10rem);
	}
	.popup-box .checkmark {
		width: 4rem;
		height: 4rem;
	}
	.popup-bg .popup-box .checkmark {
	    margin-bottom: 1rem;
	}
	.popup-bg .popup-box .msg-subtitle {
		margin-bottom: 2rem;
	}
	.popup-box .msg-title {
		font-size: 1.5rem;
	}
	.popup-box .msg-subtitle ,
	.popup-box .copy-area span{
		font-size: .8rem;
	}
	.popup-box .msg-desc {
		font-size: .9rem;
    }
    .dailyemail .popup-box,
	.contentarea .popup-bg .popup-box,
	.g2page .popup-bg .popup-box,
	.content_main .popup-bg .popup-box {
	    width: 480px;
	}
	.popup-box .social-icons{
		margin:0.9rem;
	}
	.popup-box .social-icons{
		margin-top: -1rem;
	}
	.popup-box .social-icon{
		height: 2.5rem;
        width: 2.5rem;
	}
	.popup-box .social-icon:before{
		font-size: 2.3rem;
	}
	.popup-box .copy-area{
		margin-bottom:1rem;
	}
	.popup-box .popup-search-btn{
		padding: 0.5rem 1.5rem;
        border-radius: 0.25rem;
        font-size: 1.1rem;
        margin-top: 1rem;
	}
	.popup-box .copy-area input{
		font-size:0.95rem;
		padding:0.5rem;
	}
}
@media (max-width: 650px) {
    .dailyemail .popup-box,
	.contentarea .popup-bg .popup-box,
	.g2page .popup-bg .popup-box,
	.content_main .popup-bg .popup-box {
	    width: 380px;
	}
}
@media (max-width: 450px) {
    .dailyemail .popup-box {
        width: 90%;
    }
	.contentarea .popup-bg .popup-box,
	.g2page .popup-bg .popup-box,
	.content_main .popup-bg .popup-box {
	    width: 270px;
	}
	.popup-box .popup-close {
		width: 1.8rem;
	    height: 1.8rem;
	    right: -.9rem;
	    top: -.9rem;
	}
	.popup-box .social-icon {
        height: 1.5rem;
        width: 1.5rem;
    }
    .popup-box .social-icon:before {
        font-size: 2.1rem;
    }
}
@media (max-width: 900px) and (orientation: landscape) {
	.contentarea .popup-bg .popup-box,
	.g2page .popup-bg .popup-box,
	.content_main .popup-bg .popup-box {
	    padding: 1.5rem;
	}
	.popup-box .popup-message {
		max-height: calc(100vh - 7rem);
	}
	.popup-box .popup-close {
		width: 1.8rem;
	    height: 1.8rem;
	    right: -.9rem;
	    top: -.9rem;
	}
}