html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  color: #ffffff;
  background-color: #Ffffff;
 font-family: 'Lato', sans-serif;
 
}



.popup a:link {
	text-decoration: none;
	color: #0084AB;
	
}
.popup a:visited {
	text-decoration: none;
	color: #0084AB;

}
.popup a:hover {
	text-decoration: underline;
	color: #0084AB;
	
}
.popup a:active {
	text-decoration: none;
	color: #0084AB;
	
}



.popup-header {
	width: 100%;
	float: left;
	height: auto;
	background: #0084AB;
	border-bottom: 6px solid #0D243E;
 }



.popup-main-content {
float: left;
width: 100%;
height: auto;	
background-color: #Ffffff;
overflow: visible;
color:#0D243E;
padding-top: 25px;
padding-bottom: 50px;


}


.popup-main-full-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
	 margin-bottom: 0px;
	  background-color: #Ffffff;
	   
}




.popup-main-full-box h1{
	font-size: 48px;
line-height: 60px;
	font-weight: bold;
	color:#0D243E;
	padding-bottom: 25px;
}




.popup-main-left-box {
	float: left;
	text-align: right;
	background-color: #Ffffff;
	width: 20%; 
	margin-left: 20%;
	margin-right: 0%;
	margin-top: 0px;
}



.popup-main-left-box2 {
	float: left;
	text-align: right;
	background-color: #Ffffff;
	width: 33%; 
	margin-left: 7%;
	margin-right: 0%;
	margin-top: 30px;
}


.popup-main-left-box3 {
	float: left;
	text-align: right;
	background-color: #Ffffff;
	width: 20%; 
	margin-left: 20%;
	margin-right: 0%;
	margin-top: 0px;
}

.popup-main-left-box4 {
	float: left;
	text-align: right;
	background-color: #Ffffff;
	width: 10%; 
	margin-left: 30%;
	margin-right: 0%;
	margin-top: 0px;
}


.popup-main-left-box p, .popup-main-left-box2 p, .popup-main-left-box3 p, .popup-main-left-box4 p {
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
color: #ED2024;	
margin-top: -20px;
margin-bottom: 45px;	
}




.popup-main-right-box {
	float: right;
	text-align: left;
	width: 53%; 
	margin-left: 5%;
	 margin-right: 2%;
	background-color: #Ffffff;
}





.popup-single-box {
		float: left;
	text-align: left;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #Ffffff;
	
}

.apparel {
	width: 60%; 
	margin-left: 20%;
	 margin-right: 20%;	
	
}

.popup-single-box h3 {
	font-size: 24px;
	line-height: 30px;
color: #ED2024;	
}


.popup-single-box p {
	font-size: 20px;
line-height: 33px;	
}




.popup-quad-box {
	float: left;
	text-align: left;
	width: 45%; 
	margin-left: 0%;
	 margin-right: 5%;
background-color: #Ffffff;
margin-bottom: 25px;
	
}

.popup-quad-box h3 {
	font-size: 19px;
	line-height: 24px;
color: #ED2024;	
}


.popup-quad-box p {
	font-size: 17px;
line-height: 22px;	
}



.popup-tri-box {
	float: left;
	text-align: left;
	width: 30%; 
	margin-left: 0%;
	 margin-right: 3%;
background-color: #Ffffff;
	
}


.popup-tri-box h3 {
	font-size: 19px;
	line-height: 24px;
color: #ED2024;	
}


.popup-tri-box p {
	font-size: 17px;
line-height: 22px;	
}



.popup-main-full-info-box {
	float: left;
	text-align: center;
	width: 90%; 
	margin-left: 5%;
	 margin-right: 5%;
	margin-top: 50px;
	background-color: #Ffffff;
}


.popup-main-full-info-box p{
	font-size: 17px;
line-height: 22px;
}



.popup-main-full-box-websites {
width: 70%;
margin-left: 15%;
margin-right: 15%;
text-align: left;
margin-bottom: 25px;
margin-top: 0px;	
}


.popup-main-left-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 30%; 
	margin-left: 15%;
	margin-right: 5%;
	margin-top: 0px;

}


.popup-main-left-box-websites li{
font-size: 20px;
line-height: 32px;	
}

.popup-main-right-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 30%; 
	margin-left: 5%;
	margin-right: 15%;
	margin-top: 0px;

}

.popup-main-right-box-websites li{
font-size: 20px;
line-height: 32px;	
}




@media (max-width: 1400px)

{
	
.popup-main-full-box h1 {
		font-size: 40px;
line-height: 52px;

	padding-bottom: 25px;	
		
}


	
.popup-main-full-info-box {
	width: 70%; 
	margin-left: 15%;
	 margin-right: 15%;
}	


.popup-main-full-box-websites {
width: 80%;
margin-left: 10%;
margin-right: 10%;
text-align: left;
margin-bottom: 25px;
margin-top: 0px;		
		
}


.popup-main-full-box-websites p{

	font-size: 16px;
line-height: 26px;	
}


.popup-main-left-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 35%; 
	margin-left: 10%;
	margin-right: 5%;
	margin-top: 0px;

}
.popup-main-left-box-websites p{
font-size: 16px;
line-height: 26px;	
}

.popup-main-left-box-websites li{
font-size: 16px;
line-height: 26px;	
}

.popup-main-right-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 35%; 
	margin-left: 5%;
	margin-right: 10%;
	margin-top: 0px;

}

.popup-main-right-box-websites p{
font-size: 16px;
line-height: 26px;	
}

.popup-main-right-box-websites li{
font-size: 16px;
line-height: 26px;	
}



		
}

@media (max-width: 1200px)

{
.apparel {
	width: 60%; 
	margin-left: 20%;
	 margin-right: 20%;	
	
}	
	
}


@media (max-width: 840px)

{
.header-text {
	padding-bottom: 15px;
 }
 

.popup-main-content {
float: left;
width: 100%;
height: auto;	
background-color: #Ffffff;
overflow: visible;
color:#0D243E;
padding-top: 30px;
padding-bottom: 50px;

}


.popup-main-full-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
	 margin-bottom: 0px;
	  background-color: #Ffffff;
	 
}


.popup-main-full-box h1{
	font-size: 40px;
	line-height: 56px;
	font-weight: bold;
	color:#0D243E;
	padding-bottom: 75px;
}




.popup-main-left-box {
	float: left;
	text-align: center;
	background-color: #Ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;
}


.popup-main-left-box2 {
	float: left;
	text-align: center;
	background-color: #Ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;
}


.popup-main-left-box3 {
	float: left;
	text-align: center;
	background-color: #Ffffff;
	width: 70%; 
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0px;
}

.popup-main-left-box4 {
	float: left;
	text-align: center;
	background-color: #Ffffff;
	width: 50%; 
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 0px;
}




.popup-main-left-box p, .popup-main-left-box2 p, .popup-main-left-box3 p, .popup-main-left-box4 p {
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
color: #ED2024;	
margin-top: -20px;
margin-bottom: 25px;	
}




.popup-main-right-box {
	float: left;
	text-align: center;
	width: 90%; 
	margin-left: 5%;
	 margin-right: 5%;
	 margin-top: 30px;
	background-color: #Ffffff;
}



.popup-single-box {
		float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #Ffffff;

}

.popup-single-box h3 {
	font-size: 23px;
	line-height: 29px;
color: #ED2024;	
}


.popup-single-box p {
	font-size: 20px;
line-height: 26px;	
}

.popup-quad-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #Ffffff;
margin-bottom: 25px;
	
}

.popup-quad-box h3 {
	font-size: 23px;
	line-height: 29px;
color: #ED2024;	
}


.popup-quad-box p {
	font-size: 20px;
line-height: 26px;	
}



.popup-tri-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #Ffffff;
	margin-bottom: 25px;

}



.popup-tri-box h3 {
	font-size: 23px;
	line-height: 29px;
color: #ED2024;	
}


.popup-tri-box p {
	font-size: 20px;
line-height: 26px;	
}




.popup-main-full-info-box {
	float: left;
	text-align: center;
	width: 90%; 
	margin-left: 5%;
	 margin-right: 5%;
	margin-top: 50px;
	background-color: #Ffffff;
	
}


.popup-main-full-info-box p{
	font-size: 18px;
line-height: 24px;
}


.popup-main-full-box h1 {
		font-size: 40px;
line-height: 52px;

	padding-bottom: 20px;	
		
}




.popup-main-left-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 32%; 
	margin-left: 10%;
	margin-right: 8%;
	margin-top: 0px;

}

.popup-main-right-box-websites {
	float: left;
	text-align: left;
	background-color: #Ffffff;
	width: 32%; 
	margin-left: 8%;
	margin-right: 10%;
	margin-top: 0px;

}


.apparel {
	width: 80%; 
	margin-left: 10%;
	 margin-right: 10%;	
	
}

	
}




@media (max-width: 790px)

{
.popup-main-full-box-websites {
width: 70%;
margin-left: 10%;
margin-right: 10%;
text-align: left;
margin-bottom: 25px;
margin-top: 0px;		
		
}
}

@media (max-width: 660px)

{
	
.popup-main-content {
		background-color: #ffffff;
		
	}
	



	.popup-main-full-box {	
background-color: #ffffff;

}

	
.popup-main-full-box h1 {
		font-size: 40px;
line-height: 52px;
color: #0D243E;
	padding-bottom: 20px;	
		
}



	
.popup-main-full-box-websites {
width: 80%;
margin-left: 10%;
margin-right: 10%;
text-align: left;
margin-bottom: 25px;
margin-top: 0px;		
		
}


.popup-main-full-box-websites p{
color: #0D243E;
	font-size: 16px;
line-height: 26px;	
}

.popup-main-left-box-websites {
	float: left;
	text-align: left;
	background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;

}


.popup-main-left-box-websites p{
	color: #ffffff;
font-size: 16px;
line-height: 26px;	
}

.popup-main-left-box-websites li{
font-size: 16px;
line-height: 26px;	
color: #0D243E;
}

.popup-main-right-box-websites {
	float: left;
	text-align: left;
	background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15px;


}	


.popup-main-right-box-websites p{
	color: #0D243E;
font-size: 16px;
line-height: 26px;	
}

.popup-main-right-box-websites li{
font-size: 16px;
line-height: 26px;
color: #0D243E;	
}

.popup-main-full-info-box{
font-size: 16px;
line-height: 26px;
background-color: #ffffff;
color: #0D243E;
	
}

	
}

@media (max-width: 440px)

{
.header-text {
	padding-bottom: 15px;
 }
 

.popup-main-content {
float: left;
width: 100%;
height: auto;	
background-color: #ffffff;
overflow: visible;
color:#0D243E;
padding-top: 30px;
padding-bottom: 50px;

}


.popup-main-full-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
	 margin-bottom: 0px;
	 background-color: #ffffff;
	 
}


.popup-main-full-box h1{
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	color:#0D243E;
	padding-bottom: 15px;
}



.popup-main-left-box {
	float: left;
	text-align: center;
	background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;
}


.popup-main-left-box2 {
	float: left;
	text-align: center;
	background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;
}


.popup-main-left-box3 {
	float: left;
	text-align: center;
	background-color: #ffffff;
	width: 70%; 
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0px;
}

.popup-main-left-box4 {
	float: left;
	text-align: center;
	background-color: #ffffff;
	width: 50%; 
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 0px;
}



.popup-main-left-box p, .popup-main-left-box2 p, .popup-main-left-box3 p, .popup-main-left-box4 p {
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
color: #0D243E;	
margin-top: 0px;
margin-bottom: 15px;	
}




.popup-main-right-box {
	float: left;
	text-align: center;
	width: 90%; 
	margin-left: 5%;
	 margin-right: 5%;
	 margin-top: 6px;
	background-color: #ffffff;
}



.popup-single-box {
		float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #ffffff;

}

.popup-single-box h3 {
	font-size: 12px;
	line-height: 18px;
color: #0D243E;	
}


.popup-single-box p {
	font-size: 9px;
line-height: 15px;
	color: #0D243E;	
}

.popup-quad-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #ffffff;
margin-bottom: 25px;
	
}

.popup-quad-box h3 {
	font-size: 10px;
	line-height: 14px;
color: #0D243E;	
}


.popup-quad-box p {
	font-size: 8px;
line-height: 12px;
	color: #0D243E;	
}



.popup-tri-box {
	float: left;
	text-align: center;
	width: 100%; 
	margin-left: 0%;
	 margin-right: 0%;
background-color: #ffffff;
	margin-bottom: 25px;

}



.popup-tri-box h3 {
	font-size: 18px;
	line-height: 23px;
color: #0D243E;	
}


.popup-tri-box p {
	font-size: 15px;
line-height: 21px;
color: #0D243E;		
}




.popup-main-full-info-box {
	float: left;
	text-align: center;
	width: 90%; 
	margin-left: 5%;
	 margin-right: 5%;
	margin-top: 50px;
	background-color: #ffffff;
	
}


.popup-main-full-info-box p{
	font-size: 7px;
line-height: 11px;
color: #0D243E;	
}

	



	
.popup-main-full-box-websites {
width: 80%;
margin-left: 10%;
margin-right: 10%;
text-align: left;
margin-bottom: 25px;
margin-top: 0px;		
		
}





.popup-main-full-box-websites p{

	font-size: 9px;
line-height: 15px;	
color: #0D243E;	
}

.popup-main-left-box-websites {
	float: left;
	text-align: left;
		background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0px;

}


.popup-main-left-box-websites p{
	font-size: 9px;
line-height: 15px;
color: #0D243E;	
}

.popup-main-left-box-websites li{
	font-size: 9px;
line-height: 15px;	
color: #0D243E;
}

.popup-main-right-box-websites {
	float: left;
	text-align: left;
		background-color: #ffffff;
	width: 80%; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15px;

}	


.popup-main-right-box-websites p{
	font-size: 9px;
line-height: 15px;	
color: #0D243E;	
}

.popup-main-right-box-websites li{
	font-size: 9px;
line-height: 15px;	
color: #0D243E;
}
	
	
	.apparel {
	width: 80%; 
	margin-left: 10%;
	 margin-right: 10%;	
	background-color: #ffffff;
}
	
}