@import url('https://fonts.googleapis.com/css2?family=Patua+One&family=Bebas+Neue&family=Poppins:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,900&family=Roboto:ital,wght@0,300;0,700;0,900;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');


*{
box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	
}
p, h1, h2, h3, h4, h5, h6{
font-weight: normal;
}
li{
list-style: none;
}
html{

}

body{
width: 100%;
margin: 0px auto;
background-image: url('../images/elements/background.jpg');
background-repeat: no-repeat;
}

img {
     max-width: 100%;
     height: auto;
	 border: none;
 }
 
 b, strong{
font-weight: bold;
}

body{
width: 100%;
margin: 0px auto;
}


/* ===== BANNER ===== */
.top-banner-outter{
width: 100%;
}
.top-banner-holder{
position: relative;
width: 1040px;
padding: 30px 10px;
margin: 0px auto;
}
.top-logo{

}
.top-banner-holder ul{
position: absolute;
top: 20px;
right: 20px;
}
.top-banner-holder ul li{
display: inline-block;
padding: 0;
margin: 0;
}
.top-banner-holder ul li a:link,
.top-banner-holder ul li a:active,
.top-banner-holder ul li a:visited,
.top-banner-holder ul li a:hover{
background-color: none;
padding: 4px 8px;
margin-right: 10px;
font-family: Dosis, Arial;
font-size: 1.4em;
font-weight: normal;
color: #ffffff;
}
.top-banner-holder ul li a:hover{
background-color: #7abe11;
}
.top-banner-holder ul li:last-child{
margin-right: none;
}


.top-banner-holder h3{
display: none;
visibility: hidden;
}



	/* ======== START NAVIGATION =============== */


/* =========== Main Content CSS ============ */
.mainContent{
width: 100%;
}
.mainContent-inner{
width: 1020px;
padding: 10px;
margin: 0px auto;
background-color: #ffffff;
font-family: Arial, Times; 
font-size: 1em;
line-height: normal;
color: #5b5d5c;
z-index: 200;
} 
.mainContent a:link, .mainContent a:active, .mainContent a:visited,
.mainContent-home a:link, .mainContent-home a:active, .mainContent-home a:visited{
font-size: 14pt; 
font-family: Quicksand, Arial, Times, san-serif; 
font-weight: normal; 
text-decoration: none; 
color: #25498a;
}
.mainContent-home a:hover{
font-size: 14pt; 
font-family: Quicksand, Arial, Times, san-serif; 
font-weight: normal; 
text-decoration: underline; 
color: #de2929;
}


.mainContent-home{
width: 100%;
margin: 0px auto;
background-color: #ffffff;
font-family: Arial, Times; 
font-size: 11pt;
color: #000000;
z-index: 200;
} 








	/* ====================== Footer ===================== */ 

.footer-outter{
width: 100%;

background-color: #373737;
}
.footer-holder{
position: relative;
width: 900px;
padding: 30px 0px;
margin: 0px auto;
overflow: hidden;
}


.footer-holder ul{
padding: 0;
margin: 0px auto;
margin-right: 20px;
float: left;
}
.footer-holder ul li{
list-style: none;
margin-bottom: 8px;
}
.footer-holder ul h4{
font-family: Arial;
font-size: 1.2em;
color: #ffffff;
margin-bottom: 14px;
}


.footer-holder ul li a:link,
.footer-holder ul li a:active,
.footer-holder ul li a:visited,
.footer-holder ul li a:hover{
font-family: Arial;
font-size: 1em;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

.bottom-logo{
position: absolute;
top: 60px;
right: 20px;
}

.footer-holder p{
color: #ffffff;
text-align: center;
}

/* Credits Footer and remaining Custom CSS */
.credits-footer{
width: 100%;
padding: 0px 10px;
background-color: #10254c;
font-family: Arial, san-serif; 
font-size: 9pt;
color: #ffffff;
text-align: center;
}

.credits-footer span{font-size: 10pt; font-weight: bold;}


.powered-by{
width: 100%;
height: 20px;
margin: 5px 0px 50px 0px;
}

.powered-by a:link, .powered-by a:active, .powered-by a:visited{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: none; 
color: #ff9900;
}
.powered-by a:hover{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: underline; 
color: #ff9900;
}

.powered-by p{
text-align: center;
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #ff9900;
}

/* Additional CSS */


a:link, a:active, a:visited{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: none; color: #b11715;}

a:hover{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: underline; color: #b11715;}

.clr{
clear: both;
}





	/* End of Custom CSS  */