@charset "UTF-8";

body{margin:0px;font-family:Arial, sans-serif; font-size:15px;line-height:20px; -webkit-text-size-adjust: 100%;}
td{vertical-align:top;padding:0px;}
tr{padding:0px;}
table {border-collapse: collapse;-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;}
h1{font-family: 'Prata', serif;font-weight:normal;font-size:50px;line-height:58px;}
h2{font-family: 'Prata', serif;font-weight:normal;font-size:25px;line-height:32px;padding-bottom:10px;}
.aboutus{font-size:40px;line-height: 46px;}
button{cursor:pointer;}
.greenBackground{background-color:#0f206c;}
.lightGreenBackground{background-color:#c8d2ec;}
.creamBackground{background-color:#ebe2d9;}
.whiteText{color:#ffffff;}
.lightGreenText{color:#c8d2ec;}
.darkGreenText{color:#0f206c;}
.redText{color:#aa0000;}
.blackText{color:#000000;}

.tinyCopy{font-size:11px;line-height:14px;}

.menu{position:absolute; top:20px; left:50px;text-decoration:none;font-size:13px;}
.light a{color:#ffffff;text-decoration:none;padding-right:20px;}
.dark a{color:#000000;text-decoration:none;padding-right:20px;}

#mobile_menu{position:fixed;top:-130px;left:0px;width:100%;z-index:3;opacity:0.85;visibility:hidden;}
#menu_options{background-color:#0f206c;}
#menu_clicker{cursor:pointer;}
.option{position:relative;width:100%;padding:5px;border-style:solid;border-color:#afc2bf;border-width:0px; border-bottom-width:1px;text-align:center;color:#ffffff;font-size:13px;}
.option a{text-decoration:none;color:#ffffff;font-size:13px;}

.button{width:200px;height:40px;margin-top:10px;margin-bottom:10px;}
.buttonGreen{width:200px;height:40px;margin-top:10px;margin-bottom:10px;background:#0f206c;color:#ffffff;text-decoration: none;border-width:0px;}
.buttonGrey{width:200px;height:40px;margin-top:10px;margin-bottom:10px;background:#a2a0a4;color:#ffffff;text-decoration: none;border-width:0px;}


.backgroundImage{background-size: cover;background-position: center;}
.copyBlock{width:550px;margin:auto;}
.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:13px;}
.contactBlock img{position:relative;top:-5px;}
.contactBlock a{color:#ffffff;}
.contactBlock table{position:relative;line-height:15px;}
.contactBlockOverImage{position:relative;}
.contactBlockContent{position:relative;width:550px;margin:auto;}
.section{position:relative; overflow: auto;}
.section-split{position:relative;width:50%;display:inline-block;float:left;min-height:1024px;height:100%;}


.diagram-offset{position:relative; top:40px;}

.popup{position:fixed;top:50%;left:50%;height:400px; width:500px; padding:100px;margin-top:-300px; margin-left:-350px; background-color:#ffffff;border-radius: 20px;border-style:solid; border-width:5px; border-color:#ebe2d9;box-shadow:10px 10px 10px RGBA(0,0,0,0.5);visibility:hidden;}
.closeBox{position:absolute;top:20px;left:20px; cursor:pointer;}
#popup-table{position:relative;width:100%;font-size:12px;line-height:15px;border-collapse:collapse;}
#popup-table td{padding-bottom:25px;color:#a2a0a4;}
#diagram{padding-bottom:50px;}

#event-people {position:absolute; left:50%; top:50%; margin-top: -150px; margin-left:-250px;width:500px;}
.person{position:relative;width:50%;display:table-cell;padding:20px;font-size:13px;}
.person img{width:100%;}


#costaBanner{position:relative; width:100%;padding-top:20px;padding-bottom:20px;background-color:RGBA(241,144,126,0.8);font-family:'Prata',serif; font-size:19px;text-align:center;color:#860c27;}
#costaBanner img{width:130px;margin-top:10px;margin-bottom:7px;}

.formTable{position:relative; width:550px; font-size:13px;}
.formTable td{vertical-align:middle;padding-bottom:8px;}
.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:190px;font-size:13px;border:0px;color:#a2a0a4;font-family:Arial, sans-serif;}
.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:410px;font-size:13px;border:0px;color:#a2a0a4;font-family:Arial, sans-serif;}
.formTable textarea{padding:8px;width:522px;border:0px;font-size:13px;color:#a2a0a4;font-family:Arial, sans-serif;}

#tandcdiv{position:relative;height:390px;overflow:auto;padding-right:20px;}

/*ipad pro landscape 1366x1024*/
@media only screen and (max-width: 1366px){
	h1{font-size:37px;line-height:42px;}
	.aboutus{font-size:29px;line-height: 32px;}
	.copyBlock{width:400px;margin:auto;}
	.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:13px;}	
	.contactBlockContent{position:relative;width:400px;margin:auto;}
	.diagram-offset{position:relative; top:10px;}
	#diagram{padding-bottom:70px;}
	.mobilefacts{height:700px;min-height:700px;}
	.mobileaboutus{height:1180px;}
	
	.formTable{position:relative; width:400px; font-size:13px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px; padding-top:8px; padding-bottom:8px;width:130px;font-size:13px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:290px;font-size:13px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:372px;border:0px;font-size:13px;color:#a2a0a4;}
	#costaBanner{font-size:18px;}

}

/*ipad pro landscape 1112x834*/
@media only screen and (max-width: 1112px){
	body{font-size:14px;line-height:21px; }
	h1{font-size:30px;line-height:35px;}
	.aboutus{font-size:25px;line-height: 29px;}
	
	.menu{position:absolute; top:20px; left:50px;text-decoration:none;font-size:10px;}
	.copyBlock{width:340px;margin:auto;}
	.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:12px;}
	.contactBlockContent{position:relative;width:340px;margin:auto;}
	.diagram-offset{position:relative; top:5px;}
	#diagram img{padding-bottom:100px;}
	#diagram{padding-bottom:90px;}

	#event-people {position:absolute; left:50%; top:50%; margin-top: -150px; margin-left:-200px;width:400px;}
	.section-split{position:relative;width:50%;display:inline-block;float:left;min-height:834px;}
	.mobilefacts{height:580px;min-height:580px;}
	.mobilesecurity{height:920px;}
	.mobileaboutus{height:1050px;}
	
	.formTable{position:relative; width:340px; font-size:13px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:110px;font-size:13px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:246px;font-size:13px;border:0px;color:#a2a0a4;}

	.formTable textarea{padding:8px;width:315px;border:0px;font-size:13px;color:#a2a0a4;}
	#costaBanner{font-size:16px;}
}


/* ipad and ipad mini landscape 1024x768*/
@media only screen and (max-width: 1024px){
	body{font-size:12px;line-height:19px; }
	h1{font-size:28px;line-height:32px;}
	.aboutus{font-size:23px;line-height: 29px;}
	.copyBlock{width:320px;margin:auto;}
	.contactBlockContent{position:relative;width:320px;margin:auto;}	
	#event-people {position:absolute; left:50%; top:50%; margin-top: -250px; margin-left:-120px;width:200px;}
	.person{position:relative;width:100%;display:block;padding:20px;font-size:13px;}
	.person img{width:100%;}
	
	#costaBanner{font-size:17px;}
	#costaBanner img{width:110px;}
	.section-split{position:relative;width:50%;display:inline-block;float:left;min-height:768px;}
	.mobilefacts{height:570px;min-height:570px;}
	.mobilesecurity{height:850px;}
	.mobileaboutus{height:980px;}
	
	.formTable{position:relative; width:320px; font-size:11px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:105px;font-size:11px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:233px;font-size:11px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:300px;border:0px;font-size:11px;color:#a2a0a4;}
	#costaBanner{font-size:15px;}
}



/* 768w*/
@media only screen and (max-width: 768px){
	body{font-size:18px;line-height:24px; }
	h1{font-size:44px;line-height:52px;}
	h2{font-size:23px;line-height:30px;}
	.aboutus{font-size:32px;line-height: 38px;}
	
	/*.menu{visibility:hidden;}
	#mobile_menu{visibility:visible;top:-125px;}*/
	.copyBlock{width:480px;margin:auto;}
	.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:12px;}
	.contactBlockContent{position:relative;width:480px;margin:auto;}	
	.contactBlock img{position:relative;top:-5px;width:25px;}
	
	.popup{position:fixed;top:50%;left:50%;height:500px; width:310px; padding:20px;margin-top:-270px; margin-left:-175px; border-radius: 20px;border-style:solid; border-width:5px; border-color:#ebe2d9;box-shadow:10px 10px 10px RGBA(0,0,0,0.5);visibility:hidden;}

	
	::-webkit-scrollbar {display: none;}
		
	.mob{height:600px !important;min-height:600px !important;}
	#diagram{padding-bottom:0px;}
	
	#costaBanner{font-size:14px;}
	#costaBanner img{width:90px;margin-top:7px;margin-bottom:4px;}
	.section-split{position:relative;width:100%;display:inline-block;min-height:1024px;height:100%;}
	.button{width:150px;height:35px;margin-top:10px;margin-bottom:10px;}
	.buttonGreen{width:150px;height:35px;}
	.buttonGrey{width:150px;height:35px;}
	.diagram-offset{position:relative; top:-30px;}
	.mobilefacts{height:400px;min-height:550px;}
	.mobilesecurity{height:1024px;}
	.mobileaboutus{height:1120px;}
	
	.formTable{position:relative; width:480px; font-size:13px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:165px;font-size:13px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:355px;font-size:13px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:455px;border:0px;font-size:13px;color:#a2a0a4;}
	#costaBanner{font-size:18px;}
}




/* iphone 8 plus portrait 414x736*/
@media only screen and (max-width: 414px){
	body{font-size:13px;line-height:20px; }
	h1{font-size:30px;line-height:38px;}
	.aboutus{font-size:20px;line-height: 25px;}
	
	.menu{visibility:hidden;}
	#mobile_menu{visibility:visible;top:-125px;}
	/*.copyBlock{padding:50px;padding-bottom:30px;padding-top:50px;}*/
	.copyBlock{width:320px;margin:auto;}
	.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:12px;}
	/*.contactBlockContent{position:relative;margin-left:50px;margin-right:50px;}*/
	.contactBlockContent{position:relative;width:320px;margin:auto;}	
	.contactBlock img{position:relative;top:-5px;width:25px;}
	
	.popup{position:fixed;top:50%;left:50%;height:500px; width:310px; padding:20px;margin-top:-270px; margin-left:-175px; border-radius: 20px;border-style:solid; border-width:5px; border-color:#ebe2d9;box-shadow:10px 10px 10px RGBA(0,0,0,0.5);visibility:hidden;}
	h2{font-size:15px;line-height:22px;padding-bottom:10px;padding-top:0px;}
	
	::-webkit-scrollbar {display: none;}
		
	.mob{height:600px !important;min-height:600px !important;}
	#diagram{padding-bottom:0px;}
	
	#costaBanner{font-size:15px;}
	#costaBanner img{width:90px;margin-top:7px;margin-bottom:4px;}
	.section-split{position:relative;width:100%;display:inline-block;min-height:736px;height:100%;}
	.button{width:150px;height:35px;margin-top:10px;margin-bottom:10px;}
	.buttonGreen{width:150px;height:35px;}
	.buttonGrey{width:150px;height:35px;}
	.diagram-offset{position:relative; top:-30px;}
	.mobilefacts{height:400px;min-height:400px;}
	.mobilesecurity{height:900px;}
	.mobileaboutus{height:1020px;}
	
	.formTable{position:relative; width:320px; font-size:13px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:100px;font-size:13px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:228px;font-size:13px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:295px;border:0px;font-size:13px;color:#a2a0a4;}
}


/* iphone 8 portrait 375x667*/
@media only screen and (max-width: 375px){
	body{font-size:12px;line-height:19px; }
	h1{font-size:26px;line-height:32px;}
	.copyBlock{width:280px;margin:auto;}
	.contactBlockContent{position:relative;width:280px;margin:auto;}	
	
	.section-split{position:relative;width:100%;display:inline-block;min-height:667px;height:100%;}
	.diagram-offset{position:relative; top:-30px;}
	.mobilefacts{height:350px;min-height:350px;}
	.mobilesecurity{height:860px;}
	.mobileaboutus{height:1000px;}
	
	.formTable{position:relative; width:280px; font-size:10px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:90px;font-size:10px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px;padding-top:8px; padding-bottom:8px;width:196px;font-size:10px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:260px;border:0px;font-size:10px;color:#a2a0a4;}
	
}

/* iphone SE portrait 320x568*/
@media only screen and (max-width: 320px){
	body{font-size:12px;line-height:18px; }
	h1{font-size:23px;line-height:30px;}
	.aboutus{font-size:18px;line-height: 22px;}
	.copyBlock{width:250px;margin:auto;}
	.contactBlockContent{position:relative;width:250px;margin:auto;}	
	
	.menu{visibility:hidden;}
	#mobile_menu{visibility:visible;top:-125px;}
	.contactBlock{position:absolute;bottom:0px;width:100%;padding-top:20px;padding-bottom:20px;background-color:#ad4e95;font-size:12px;}
	
	
	#diagram{padding-bottom:0px;}
	.popup{position:fixed;top:50%;left:50%;height:400px; width:260px; padding:20px;margin-top:-220px; margin-left:-150px; border-radius: 20px;border-style:solid; border-width:5px; border-color:#ebe2d9;box-shadow:10px 10px 10px RGBA(0,0,0,0.5);visibility:hidden;}
	h2{font-size:15px;line-height:22px;padding-bottom:10px;padding-top:20px;}
	#popup-table{font-size:10px;line-height:13px;border-collapse:collapse;}
	
	::-webkit-scrollbar {display: none;}
	.mobilesecurity{height:850px;}
	.mobileaboutus{height:990px;}
	
	.formTable{position:relative; width:250px; font-size:10px;}
	.formTable td{vertical-align:middle;padding-bottom:8px;}
	.singleWidth{padding-left:16px; padding-top:8px; padding-bottom:8px; width:70px;font-size:10px;border:0px;color:#a2a0a4;}
	.doubleWidth{padding-left:16px; padding-top:8px; padding-bottom:8px; width:163px;font-size:10px;border:0px;color:#a2a0a4;}
	.formTable textarea{padding:8px;width:227px;border:0px;font-size:10px;color:#a2a0a4;}
}