		
<style >
	
	
	body {
		width: 100%;
		background-color: #e6e8ed;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		}
				
	.margin {
		margin: -8px;
		padding: 6px;
		width: 100%;
		background: linear-gradient(#23395b,#000000, #129490,#000000);		
		}
									
						
	.fullScreenContainer1 {
		float: middle;		
		width: 100%;
		height: 100%;
		max-width: 1700px;
		}
		
	.box0{ 
		float: left;
		width: 100%;
		min-width: 300px;
		max-width: 900px;
		min-height: 400px;
		max-height: 650px;
		padding-bottom: 20px;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		font-size: 19px;
		border : 0px solid #000; 
		overflow:hidden;
		@apply(--shadow-elevation-3dp);  
		}
			
	.box1 { 
		float: left;
		width: 100%;
		min-width: 300px;
		max-width: 475px;
		min-height: 400px;
		max-height: 650px;
		padding-bottom: 20px;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		font-size: 19px;
		border : 0px solid #000; 
		overflow:hidden;
		@apply(--shadow-elevation-3dp);  
		}
		
	.box2 { 
		float: left;
		width: 100%;
		min-width: 300px;
		max-width: 500px;
		min-height: 700px;
		max-height: 650px;
		padding-bottom: 20px;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		font-size: 19px;
		border : 0px solid #000; 
		overflow:hidden;
		@apply(--shadow-elevation-3dp);  
		}	
					
	h2 {
		text-align: center;
		opacity: .7;}
		
	.paragraph1 {
		padding: 8px;
		width: 90%;
		text-align: left;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		opacity: .9;
		font-size: 18px;
		max-width: 700px;
		}	
					
	.image1 {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		vertical-align: bottom;
		text-align:center;
		max-width: 600px;
		}
		
	.button1 {
		opacity: .8;
		float: middle;
		position: fixed;
		bottom: 15px;
		left: 15px;
		width: 90px;
		border: 1px solid ;
		background-color: orange;
		text-padding: 3px;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		text-align: center;
		padding:  6px;
		margin-top: 0px;
		border-radius: 8px;
		-moz-border-radius: 8px; 
		-moz-box-shadow:    1px 1px 0px #000;
		-webkit-box-shadow: 1px 0px 0px 0px #000;
		box-shadow:     1px 1px 1px 1px #000;
		-webkit-appearance: none;
		text-decoration: none;	
		z-index: 9999;
		}
			
		
	.button2 {
		border:1px solid ;
		background-color: #03A2DE;
		width: 60%;
		max-width: 400px;
		text-padding: 3px;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		font-family: 'Nunito', sans-serif;
		color: #000000;
		text-align: center;
		padding:  10px;
		margin-top: 0px;
		border-radius: 8px;
		-moz-border-radius: 8px; 
		-moz-box-shadow:    1px 1px 0px #000;
		-webkit-box-shadow: 1px 0px 0px 0px #000;
		box-shadow:     1px 1px 1px 1px #000;
		-webkit-appearance: none;
		text-decoration: none;	
		}
		
	.buttonWhite {
		border:1px solid ;
		background-color: #f2f2f2;
		width: 60%;
		max-width: 400px;
		text-padding: 3px;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		font-family: 'Nunito', sans-serif;
		color: #444444;
		text-align: center;
		padding:  10px;
		margin-top: 0px;
		border-radius: 8px;
		-moz-border-radius: 8px; 
		-moz-box-shadow:    1px 1px 0px #000;
		-webkit-box-shadow: 1px 0px 0px 0px #000;
		box-shadow:     1px 1px 1px 1px #000;
		-webkit-appearance: none;
		text-decoration: none;	
		}	
		
	a {text-decoration: none;}
	
	/*local style */	
	
	img.botsize {
		width: 90%;
		max-width: 400px;
		}
		
	.footer { 
		padding-top: 100px;
		text-align: center;
		min-height: 200px;
		width: 100%;
		padding-bottom: 100px;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;
		font-size: 17px;
		overflow:hidden;
		}
			
		
	/* FOR NAVIGATOR */	
	
	.bodyStyle {
		background-color: transparent;
		}
		
	.headerTop { 
		height: 50px;
		background-image: url("");
		width: 100%;
		font-family: arial;
		color: #999999;	
        font-size: 23px;
		padding-top: 8px;
		padding-bottom: 6px;
		margin-top: 0px;
        background-color: #1a38a5;
        border: 0px solid ;
		}
		

	.navBar { 
		text-align: center;
		height: 65px;
		width: 100%;
		padding-top: 6px;
        background-color: transparent;
		}
				
	.style3 input {
		border:1px solid ;
		background-color: #ffffff;
		height: 45px;
		width: 200px;
		text-padding: 5px;
		text-align: left;
		font-size: 21px;
		font-family: 'Nunito', sans-serif;
		color: #777777;
		text-align: left;
		margin-top: 1px;
		margin-bottom: 3px;
		padding:  3px;
		border-radius: 5px;
		}	
		
	::-webkit-input-placeholder {
		color:  #999999;
		font-size: 14px;
		opacity: .6;
		filter: alpha(opacity=80); /* For IE8 and earlier */
		}
		
	::-moz-placeholder {  /* Firefox 19+ */
		color:  #999999;
		font-size: 14px;
		opacity: .6;
		filter: alpha(opacity=80); /* For IE8 and earlier */
		}

	:-ms-input-placeholder {  
		color:  #999999;
		font-size: 14px;
		opacity: .6;
		filter: alpha(opacity=80); /* For IE8 and earlier */
		}						
		

	.scrollable {
		margin-top: 0px;
		width: 100%;
		min-height: 200px;
		max-height: 440px;
		-webkit-overflow-scrolling: touch !important;
		overflow-y: auto !important;
		/* important:  dimensions or positioning here! */
		}
								
	.boxTile {
		background:url("") repeat-x scroll 0 0 transparent;
		float: left;
		width: 100%;
		min-height: 100px;
		max-width: 120px;
		text-align: center;
		font-family: 'Nunito', sans-serif;
		color: #ffffff;		
		font-size: 16px;
		font-weight: bold;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 5px;
		padding-top: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 3px;	
		background-color: transparent;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px; 
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		@apply(--shadow-elevation-2dp);
		border: 0px solid #ffffff;
		}	
		
		
	.navContainer {
		float: center;
		opacity: .8;
		margin-left: 4px;
		margin-right: 0px;
		padding-bottom: 0px;
		width: 98%;
		}	
		
			
	.giant {
		--iron-icon-height: 55px;
		--iron-icon-width: 55px;
		margin-bottom: 7px;
		color:  #ffffff;
		}
		
	.button100 {
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 9999;
		padding: 6px;
		border:0px solid ;
		background-color: transparent;
		opacity: .6;
		height: 28px;
		width: 28px;
		border: 1px solid #000000;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		-webkit-appearance: none;
		}
		
	.button200 {
		position: fixed;
		left: 20px;
		top: 15px;
		z-index: 9999;
		padding: 6px;
		border:0px solid ;
		background-color: transparent;
		opacity: .6;
		height: 28px;
		width: 28px;
		border: 1px solid #000000;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		-webkit-appearance: none;
		}	
		
	.button10 {
		border:1px solid ;
		background-color: transparent;
		height: 30px;
		width: 180px;
		line-height: 30px;
		text-padding: 3px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		font-family: arial;
		color: #FFFFFF;
		text-align: center;
		border : 1px solid #000; 
		border-top-left-radius: 20px;
        border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		@apply(--shadow-elevation-3dp);  
		-webkit-appearance: none;
		text-decoration: none;	
		}
		
	.buttonGo {
		border:1px solid ;
		background-color: orange;
		margin-bottom: 2px;
		height: 47px;
		width: 100%;
		max-width: 200px;
		line-height: 47px;
		text-padding: 2px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		font-family: arial;
		color: #000000;
		text-align: center;
		border : 1px solid #000; 
		border-top-left-radius: 10px;
        border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		@apply(--shadow-elevation-3dp);  
		-webkit-appearance: none;
		text-decoration: none;	
		}
		
	a {text-decoration: none;}	
		

		
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}

	/* Modal Content */
	.modal-content {
		position: relative;
		background-color: #23395b;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 85%;
		max-width: 360px;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s
		}

	/* Add Animation */
		@-webkit-keyframes animatetop {
		from {top:-300px; opacity:0} 
		to {top:0; opacity:1}
		}

	@keyframes animatetop {
		from {top:-300px; opacity:0}
		to {top:0; opacity:1}
		}

	/* The Close Button */
		.close {
		color: white;
		float: right;
		font-size: 34px;
		font-weight: bold;
		}

	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		}

	.modal-header {
		padding: 2px 16px;
		background-color: #23395b;
		color: white;
		}

	.modal-body {padding: 0px 0px;}

	.modal-footer {
		padding: 0px 0px;
		background-color: #23395b;
		color: white;
		}	

	
</style>
	
	

