/* Styling the Popup Window */
.popup-trigger {					
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-family: "Khand Regular";
	font-size: 1.05rem;
	padding: 0.5rem;	    
    transition: 0.3s;
	cursor: pointer;	
}

.popup-trigger:hover {
	color: #F60;	
}

.popup-btn-close {
	float: right;	
	color: #FFF;
	font-family: "Khand Regular";
	font-size: 1.1rem;	
	cursor: pointer;
}

.popup-btn-close:hover {	
	color: #00a5fe;	
}

.popup-mobile {
	position: relative;
	top: 0;
	left: 0;	
	width: auto;
}	

/* Popup Window */
.popup {
	position: absolute;
	display: none;	
	top: 80px;
	left: 23%;
	width: 50%;		
	color: #FFF;
	background: #184690;	
	padding: 1% 2% 1% 2%;	
	border-radius: 1rem;			
	z-index: 9999;
}

.popup-content {
	width: 100%;
	height: auto;	
	display: inline-block;		
}

.mod-heading {
	font-family: "Oswald Regular";
	font-size: 1.2rem;
	margin-top: 1%;
	text-align: left;
}

.mod-txt {
	line-height: 140%;
	margin-top: 1%;
	letter-spacing: 0.05rem;
	font-family: "Raleway Light";
	font-size: 1.05rem;
	text-align: justify;	
}

.mod-img {
	width: 100%;
	height: auto;
	margin: 1% 0 1% 0;
}

@media screen and (max-width: 768px) {	  
	.popup { left: 3%;	width: 90%; }	  	
}

/* Styling the Popup2 Window */
.popup2-trigger {					
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-family: "Khand Regular";
	font-size: 1.05rem;
	padding: 0.5rem;	    
    transition: 0.3s;
	cursor: pointer;	
}

.popup2-btn-close {
	float: right;	
	color: #fff;
	font-family: "Khand Regular";
	font-size: 1.1rem;	
	cursor: pointer;
}

.popup2-btn-close:hover {
	color: #00a5fe;
}

.popup2-mobile {
	position: relative;
	top: 0;
	left: 0;	
	width: auto;
}	

/* Popup2 Window */
.popup2 {
	position: absolute;
	display: none;	
	top: 80px;
	left: 28%;
	width: 40%;		
	color: #FFF;
	background: #184690;	
	padding: 1% 2% 1% 2%;	
	border-radius: 1rem;			
	z-index: 9999;
}

.popup2-content {
	width: 100%;
	height: auto;	
	display: inline-block;
	text-align:center;		
}

.mod2-heading {
	font-family: "Oswald Regular";
	font-size: 1.6rem;
	margin-top: 1%;	
}

.mod2-txt {
	line-height: 140%;
	margin-top: 1%;
	font-family: "Montserrat Regular";
	font-size: 1.3rem;
	text-align: center;	
}

.mod2-img {
	width: 50%;
	height: auto;	
	margin: 1% 0 1% 0;
}

.whiteline {
	width: 50%;
	height: 1px;
	background: #FFF;
	display: inline-block;
	text-align: center;
	margin: 1rem 0 1rem 0;
}

@media screen and (max-width: 768px) {	  
	.popup2 { left: 3%;	width: 90%; }	  	
}