body, header, main, article, aside, div, img, h1, h2, h3, h4, h5, h6, p, a, hr

{

	margin: 0;

	padding: 0;

}



body

{

	clear: both;

	font-family: 'Segoe UI';

	width: 100%;

}



.no-gutters {

     margin-right: 0;

     margin-left: 0;

     > .col, > [class*="col-"]



     {

          padding-right: 0;

          padding-left: 0;

     }

}





/*----------------------- Preloader -----------------------*/

body.preloader-site {

    overflow: hidden;

}



.preloader-wrapper {

     height: 100%;

     width: 100%;

     background: rgba(0, 70, 140, 1);

     position: fixed;

     top: 0;

     left: 0;

     z-index: 9999999;

}



.preloader-wrapper .preloader {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 120px;

}





header {

    background-color: transparent;

    clear: both;

    height: auto;

    margin: 0;

    min-height: 50px;

    padding: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 999;

}



header .container {

    margin-bottom: 0;

    padding-bottom: 0;

}



header .container div[class*=col-] {

    margin-bottom: 0;

    padding-bottom: 0;

}



header .container div[class*=col-] h1 {

    font-family: inderRegular;

    font-size: 3em;

    padding: 0.2em 0;

}



header .container div[class*=col-] h1 span {

    float: left;

    padding: 0.3em 0 0 0;

}



header .container div[class*=col-] h1 a {

	text-align: left;

	text-decoration: none;

}



header .container div[class*=col-] h1 a:hover {

    text-decoration: none;

}



header .container div[class*=col-] h1 a img {

    float: left;

    max-height: 70px;

    padding: 0.5rem 0.2em;

}





header .container div[class*=col-] p {

    font-size: 1.0em;

    font-style: italic;

    font-weight: 900;

    padding: 0 1.5em;

}





header .container div[class*=col-] nav {

    float: right;

    margin: 0.5rem 2rem 0 0;

    padding: 0.5rem 0;

}



header .container nav ul.navbar-nav

{

     background-color: transparent !important;

     color: rgba(255, 255, 255, 1);

     float: right !important;

     text-align: right;

     width: 100%;

}



header .container nav ul.navbar-nav li

{

     float: right !important;

}



header .container nav ul.navbar-nav li a

{

     background-color: transparent !important;

     color: rgba(255, 255, 255, 1) !important;

     font-size: 1rem;

     font-weight: 900;

     padding: 0.5rem;

}



header .container nav ul li .dropdown-menu

{

     background-color: rgba(36, 58, 31, 0.5);

     margin-top: 1.5rem;

}



header .container nav ul li .dropdown-menu a

{

     color: rgba(255, 255, 255, 1) !important;

}











/* HEADER STYLES END HERE

-------------------------------------------------------------*/





main {

     clear: both;

     height: auto;

     margin: 0;

     min-height: 100vh;

     width: 100%;

}





#banner {

     clear: both;

     height: auto;

     margin: 0;

     min-height: 50vh;

     padding: 0;

     text-align: center;

     width: 100%;

}



#banner #carousel-banner h2 {

    clear: both;

    color: rgba(0, 70, 140, 1);

    font-family: inderRegular;

    font-size: 3.5em;

    font-weight: 900;

    padding: 0;

    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);

}



#banner #carousel-banner p {

    clear: both;

    color: rgba(255, 255, 255, 1);

    font-family: playballregular;

    font-size: 2.5em;

    font-weight: 500;

    padding: 0;

    text-transform: lowercase;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);

}





#banner .carousel-caption{

     clear: both;

     float: left;

     text-align: left;

     top: 7rem;

}



#banner .carousel-caption h2

{

     clear: both;

     color: rgba(220, 10, 50, 1);

     font-family: armwrestlerbold;

     font-size: 3rem;

     margin: 0;

     padding: 0;

     text-shadow: 2px 1px 1px rgba(50, 50, 50, 1);



}



#banner .carousel-caption h2 span

{

     clear: both;

     color: rgba(255, 255, 255, 1);

     font-size: 2rem;

     margin: 0;

     padding: 0;

}



#banner .carousel-caption h4

{

     clear: both;

     color: rgba(255, 255, 255, 1);

     font-family: playballregular;

     font-size: 1.8rem;

}







#banner .carousel-caption #welcomeBanner

{

     clear: both;

}



#banner .carousel-caption #welcomeBanner a

{

     border: 1px solid rgba(255, 255, 255, 1);

     clear: both;

     color: rgba(255, 255, 255, 1);

     padding: 1rem 1.5rem;

     text-decoration: none;

}



#banner .carousel-caption #welcomeBanner a:hover

{

     background-color: rgba(255, 255, 255, 1);

     border: 1px solid rgba(255, 255, 255, 1);

     color: rgba(36, 58, 31, 1);

}





main #banner .carousel-indicators {

     z-index: 0;

}

/*

main #banner ol.carousel-indicators li {

    background-color: rgba(255, 255, 255, 1);

}



main #banner ol.carousel-indicators .active {

    background-color: rgba(0, 70, 140, 1);

}



main #banner a.carousel-control {

    background: none;

    background-color: transparent;

}*/







/* #banner and header STYLES END HERE

-------------------------------------------------------------*/





main #indexCol

{

     background-color: rgba(157, 192, 46, 0.8);

	clear: both;

	height: auto;

     margin-top: -6rem;

	min-height: 10vh;

	text-align: center;

	width: 100%;

     z-index: 9999;

}



main #indexCol .container-fluid div[class*=col]

{

     background-color: rgba(157, 192, 46, 0.8);

     padding-bottom: 0.5rem;

	padding-top: 0.5rem;

}

main #indexCol .container-fluid div[class*=col] > div

{

     clear: both;

     display: flex;

}





main #indexCol .container-fluid div[class*=col] > div span

{

     background-color: rgba(255, 223, 0, 1);

     border-radius: 15rem;

     color: rgba(0, 0, 0, 1);

     flex: 4;

     font-family: inderRegular;

	font-size: 3rem;

	padding: 0.1rem;

}



main #indexCol .container-fluid div[class*=col] > div div

{

     flex: 8;

}



main #indexCol .container-fluid div[class*=col] > div div h2

{

     color: rgba(0, 0, 0, 1);

	font-family: inderRegular;

	font-size: 1.25rem;

	padding: 0.25em 0;

}



main #indexCol .container-fluid div[class*=col] p

{

	color: rgba(10, 10, 10, 1);

     display: block;

	font-size: 0.75rem;

     font-weight: 900;

     padding: 0 0.25rem;

}



/*@media (max-width: 575.98px) {

     main div.col {

          clear: both;

          width: 100%;

     }

}*/







/* IndexCol Style Ends Here

--------------------------------------------- */





main #indexWelcome {

     clear: both;

     height: auto;

     margin: 0 auto;

     min-height: 500px;

     padding: 5rem 0;

     width: 100% ;

}



main #indexWelcome .container div[class*=col-] h2 {

     clear: both;

     color: rgba(36, 58, 31, 1);

     font-family: inderRegular;

     font-size: 2.35rem;

     padding: 0.2rem 0.75rem;

}



main #indexWelcome .container div[class*=col-] h4 {

     clear: both;

     color: rgba(157, 192, 46, 1);

     font-family: playballregular;

     font-size: 2rem;

     padding: 0.2rem 0.75rem;

     text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);

}



main #indexWelcome .container div[class*=col-] p {

     font-size: 1rem;

     padding: 0.5rem 1rem;

     text-align: justify;

     width: 100%;

}



main #indexWelcome .container div[class*=col-] a {

     background-color: rgba(157, 192, 46, 1);

     border: 2px solid rgba(157, 192, 46, 1);

     border-radius: 0;

     clear: both;

     color: rgba(100, 100, 100, 1);

     margin: 1rem 1.25rem;

     padding: 0.7rem 1.2rem;

     text-decoration: none;

}



main #indexWelcome .container div[class*=col-] a:hover {

     background-color: transparent;

     border: 2px solid rgba(157, 192, 46, 1);

     color: rgba(157, 192, 46, 1);

     transition: ease-in;

     transition-delay: 1ms;

     transition-duration: 700ms;

     transition-property: all;

}





main #indexWelcome .container div[class*=col-] #indexNews {

     border-bottom: 1px solid rgba(255, 223, 0, 1);

     border-left: 1px solid rgba(255, 223, 0, 1);

     border-radius: 0 0 1rem 1rem;

     border-right: 1px solid rgba(255, 223, 0, 1);

     clear: both;

     display: block;

     height: auto;

     margin: 1rem 0 0 0;

     min-height: 40vh;

     padding: 0;

     width: 100%;

}



main #indexWelcome .container div[class*=col-] #indexNews > h2 {

     background-color: rgba(255, 223, 0, 1);

     clear: both;

     color: rgba(255, 255, 255, 1);

     font-size: 1.4rem;

     padding: 0.5rem;

}



main #indexWelcome .container div[class*=col-] #indexNews a {

     background-color: transparent !important;

     border-bottom: 1px solid rgba(255, 223, 0, 1);

     border-right: none;

     border-left: none;

     border-top: none;

     clear: both;

     display: block;

     margin: 0 0 0.5rem 0;

     text-decoration: none;

}



main #indexWelcome .container div[class*=col-] #indexNews a:last-child {

     border-bottom: none;

}



main #indexWelcome .container div[class*=col-] #indexNews a h2 {

     clear: both;

     font-size: 1rem;

     padding: 0.25rem 0;

}



main #indexWelcome .container div[class*=col-] #indexNews a p {

     clear: both;

     font-size: 0.8rem;

     padding: 0;

}



main #indexWelcome .container div[class*=col-] #indexNews a span {

     font-size: 0.8rem;

     font-weight: 900;

}





/* INDEXWELCOME STYLES END HERE

--------------------------------------*/





main #indexSchools {

    background-color: rgba(200, 200, 200, 0.3);

    clear: both;

    height: auto;

    margin: 0 auto;

    min-height: 50vh;

    padding: 2rem 0;

    text-align: center;

    width: 100%;

}



main #indexSchools .container

{

     padding-bottom: 1rem;

}



main #indexSchools .container > h2

{

     clear: both;

     font-family: playballregular;

     font-size: 1.5rem;

     margin: -4.5rem auto 0 auto;

     padding: 1.5rem 2.5rem;

}



main #indexSchools .container > h2 span

{

     background-color: rgba(255, 223, 0, 1);

     color: rgba(75, 75, 75, 1);

     padding: 1rem 4rem;

}



main #indexSchools .container > p

{

     font-size: 1rem;

     padding: 0.5rem;

}



main #indexSchools .container div[class*=col] img

{

     border-bottom: 2px solid rgba(157, 192, 46, 1);

     padding: 0;

}



main #indexSchools .container div[class*=col] h2

{

     font-family: inderRegular;

     font-size: 1.5rem;

     padding: 0.5rem;

}



main #indexSchools .container div[class*=col] p

{

     font-size: 1rem;

}



main #indexSchools .container div[class*=col] a

{

     background-color: rgba(255, 223, 0, 1);

     clear: both;

     color: rgba(75, 75, 75, 1);

     display: block;

     font-family: inderRegular;

     font-size: 1.25rem;

     margin: 1rem 0;

     padding: 0.25rem 0;

     text-decoration: none;

     text-transform: uppercase;

}





/* IndexSchools Ends Here

--------------------------------------*/







main #indexStats {

     background-color: rgba(255, 223, 0, 1);

     clear: both;

     color: rgba(75, 75, 75, 1);

     height: auto;

     min-height: 250px;

     padding: 4.5rem 0;

     text-align: center;

     width: 100%;

}



main #indexStats .container h2

{

     clear: both;

     font-family: playballregular;

     font-size: 2rem;

     padding: 0 0 1rem 0;

}



main #indexStats .container p

{

     clear: both;

     font-size: 0.9rem;

     margin-bottom: 2rem;

}



main #indexStats .container a

{

     background-color: rgba(255, 255, 255, 1);

     border-radius: 0.5rem;

     clear: both;

     color: rgba(0, 127, 255, 1);

     font-family: inderRegular;

     font-size: 0.9rem;

     margin: 2rem 0;

     padding: 1rem 2rem;

     text-decoration: none;

     text-transform: none;

}



main #indexStats .container div[class*=col] span

{

     background-color: rgba(75, 75, 75, 1);

     border-radius: 5rem;

     clear: both;

     color: rgba(255, 255, 255, 1);

     font-size: 3rem;

     margin: 0.25rem;

     padding: 2rem;

}





main #indexStats .container div[class*=col] h2

{

     clear: both;

     color: rgba(75, 75, 75, 1);

     font-family: inderRegular;

     font-size: 2.5rem;

     font-weight: 900;

     margin: 0.25rem 0 0 0;

}





main #indexStats .container div[class*=col] h2 sup

{

     color: rgba(220, 10, 50, 1);

}



main #indexStats .container div[class*=col] h4

{

     clear: both;

     font-family: inderRegular;

     font-size: 1.25rem;

     margin: 0;

}



/* IndexStats Ends Here

---------------------------------------*/







main #indexGallery {

     background-color: rgba(255, 255, 255, 1);

     border-bottom: 1px solid rgba(157, 192, 46, 1);

     clear: both;

     height: auto;

     margin: 0 auto;

     min-height: 50vh;

     padding: 5rem 0;

     width: 100%;

}



main #indexGallery .container div[class*=col] > h2 

{

    background-color: rgba(157, 192, 46, 1);

    color: rgba(255, 255, 255, 0.8);

    font-family: inderRegular;

    font-size: 1rem;

    padding: 0.5rem 1rem;

}



main #indexGallery .container div[class*=col] a.carousel-control {

    background: none;

    background-color: transparent;

}



main #indexGallery .container div[class*=col] img {

    max-height: 450px;

    padding: 0.5rem 0;

}





main #indexGallery .container div[class*=col] iframe {

     max-height: 90vh;

}







main #indexGallery .container div[class*=col] div.blogEvent {

     clear: both;

     margin: 0;

     padding: 0;

}



main #indexGallery .container div[class*=col] div.blogEvent h2 {

     background-color: rgba(157, 192, 46, 1);

     clear: both;

     color: rgba(255, 255, 255, 1);

     display: block;

     font-family: inderRegular;

     font-size: 1rem;

     padding: 0.5rem;

}



main #indexGallery .container div[class*=col] div.blogEvent a {

     clear: both;

     text-align: center;

     text-decoration: none;

}



main #indexGallery .container div[class*=col] div.blogEvent a img {

     clear: both;

     margin: 0.25rem auto;

     padding: 0;

}



main #indexGallery .container div[class*=col] div.blogEvent a h4 {

     clear: both;

     color: rgba(157, 192, 46, 1);

     display: block;

     font-family: inderRegular;

     font-size: 1rem;

     padding: 0.5rem;

}



main #indexGallery .container div[class*=col] div.blogEvent a p {

     clear: both;

     color: rgba(157, 192, 46, 1);

     font-size: 0.8rem;

}



main #indexGallery .container div[class*=col] div.blogEvent a span {

     background-color: rgba(157, 192, 46, 1);

     clear: both;

     color: rgba(255, 255, 255, 1);

     display: block;     

     font-size: 1rem;

     margin: 0.5rem auto;

     padding: 0.25rem 0;

}





/* IndexGalery Styles Ends Here

--------------------------------------*/









main #indexTestimonial

{

     clear: both;

     height: auto;

     min-height: 40vh;

     padding: 4.5rem 0;

     text-align: center;

     width: 100%;

}



main #indexTestimonial .container h2

{

     clear: both;

     font-family: playballregular;

     font-size: 1.8rem;

}



main #indexTestimonial .container div[class*=col] img

{

     border-radius: 10rem;

     margin: 0.5rem auto;

     max-height: 150px;

}



main #indexTestimonial .container div[class*=col] p

{

     font-family: playballregular;

     font-size: 1.25rem;

     margin: 5rem 2rem;

}













main #newsLetter

{

	background-color: rgba(220, 10, 50, 1);

	clear: both;

	height: auto;

	min-height: 80px;

	padding: 0.5rem 0;

	width: 100%;

}



main #newsLetter .container div[class*=col]

{

	padding: 0.5rem 0;

}



main #newsLetter .container div[class*=col] h2

{

	color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

     font-size: 1.35rem;

}



main #newsLetter .container div[class*=col] p

{

	color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

     font-size: 0.8rem;

}



main #newsLetter .container div[class*=col] div.input-group

{

	padding: 1rem 0;

}



/* NEWSLETTER STYLES END HERE

--------------------------------------*/







main #indexYoutube {

     clear: both;

     height: auto;

     margin: 0 auto;

     min-height: 400px;

     padding: 5rem 0;

     width: 100%;

}



main #indexYoutube .container-fluid div[class*=col] h2 {

    border-top: 2px solid rgba(0, 70, 140, 1);

    color: rgba(0, 70, 140, 1);

    font-family: inderRegular;

    font-size: 1.5rem;

    padding: 0.25rem 0.5rem 1rem 0.5rem;

}



main #indexYoutube .container-fluid div[class*=col] div.twitter-timeline iframe {

     max-height: 70vh;

     overflow: hidden;

}









/* Index Youtube Ends Here

---------------------------------------------*/







main #indexSocials

{

    background-attachment: fixed;

    background-color: rgba(0, 70, 140, 0.5);

    background-image: url('/Content/images/socialImage.png');

    background-position: center center;

    background-repeat: no-repeat;

	clear: both;

    color: rgba(255, 255, 255, 1);

	height: auto;

     margin: 0 auto;

	min-height: 500px;

	padding: 3.5em 0;

	width: 100%;

}



main #indexSocials .fullColCon {

    clear: both;

    height: auto;

    margin: 0;

    min-height: 300px;

    padding: 0;

    width: 100%;

}





main #indexSocials .fullColCon .fullCol {

    float: left;

    height: auto;

    margin: 0;

    max-height: 350px;

    min-height: 300px;

    overflow-y: hidden;

    width: 49.8%;

}



main #indexSocials .fullColCon .fullCol:nth-child(even) {

    float: right;

}



main #indexSocials .fullColCon .fullCol h2 {

    color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

    font-size: 1.5em;

    padding: 1.5em 0.5em;

}



main #indexSocials .fullColCon .fullCol div[class*=fb-page] iframe body div {

    background-color: transparent !important;

}



main #indexSocials .fullColCon .fullCol div iframe {

    background-color: transparent;

    color: rgba(255, 255, 255, 1);

}



main #indexSocials .fullColCon .fullCol div > div {

    background-color: transparent;

}





main #indexSocials .fullColCon .fullCol div > div[class*=_] {

    background-color: transparent;

}



main #indexSocials .container-fluid

{

    text-align: center;

}



main #indexSocials .container-fluid h2

{

    font-family: playballregular;

    font-size: 2.5em;

}



main #indexSocials .container-fluid div[class*=col]

{

	padding: 0.5em 0;

}



main #indexSocials .container-fluid div[class*=col] h2

{

	color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

}



main #indexSocials .container-fluid div[class*=col] p

{

	color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

}



main #indexSocials .container-fluid div[class*=col] a

{

	color: rgba(255, 255, 255, 1);

    font-size: 3.5em;

    margin: 0;

    padding: 0;

    text-align: center;

    text-decoration: none;

}



main #indexSocials .container-fluid div[class*=col] a:hover

{

	color: rgba(255, 255, 255, 0.5);

}





/* INDEXSOCIALS STYLES END HERE

--------------------------------------*/





main #indexCareers {

    background-color: rgba(255, 255, 255, 1);

    clear: both;

    min-height: 200px;

    padding: 3.5em 0;

    width: 100%;

}



main #indexCareers .container-fluid {

    color: rgba(0, 70, 140, 1);

    padding-bottom: 2.5em;

    text-align: center;

}





main #indexCareers .container-fluid h2 {

     border-top: none !important;

    clear: both;

    font-family: inderRegular;

    font-size: 2.5em;

}



main #indexCareers .container-fluid p {

    clear: both;

    font-family: inderRegular;

    font-size: 1.5em;

}





main #indexCareers .container-fluid div[class*=col-] {

    padding-bottom: 1.5em;

}



main #indexCareers .container-fluid div[class*=col-] span {

    border: 2px solid rgba(0, 70, 140, 1);

    clear: both;

    font-size: 3.5em;

    padding: 0.5em;

}



main #indexCareers .container-fluid div[class*=col-]:hover span {

    background-color: rgba(0, 70, 140, 1);

    border: 2px solid rgba(255, 255, 255, 1);

    color: rgba(255, 255, 255, 1);

}



main #indexCareers .container-fluid div[class*=col-] h2 {

    clear: both;

    font-size: 1.25em;

    padding: 1em 0 0 0;

}



main #indexCareers .container-fluid div[class*=col-] p {

    clear: both;

    font-family: "Segoe UI";

    font-size: 1em;

    padding: 0 0 0.5em 0;

}



main #indexCareers .container-fluid div[class*=col-] a {

    clear: both;

    font-family: inderRegular;

    font-size: 1.25em;

}



main #indexCareers .container-fluid div[class*=col-] a span {

    border: none;

    font-size: 1.25em;

    margin: 0;

    padding: 0.1em;

}



main #indexCareers .container-fluid div[class*=col-]:hover a span {

    background-color: transparent;

    border: none;

}

    

/* INDEXCAREERS STYLES END HERE

--------------------------------------*/



/* FOOTER main HERE

-------------------------------------------------*/



footer

{

     background-color: rgba(36, 58, 31, 0.9);

	border-top: 2px solid rgba(36, 58, 31, 1);

	clear: both;

     color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

	height: auto;

	margin-top: 2em; 

	min-height: 200px;

	padding: 0;

	width: 100%;

}



footer #footerCon {

	clear: both;

	height: auto;

	min-height: 200px;

	padding: 2.5em 0 1em 0;

	width: 100%;

}



footer #footerCon .container div[class*=col] {

    margin-bottom: 0.7em;

}



footer #footerCon .container div[class*=col] h2 {

     border-bottom: 1px solid rgba(255, 255, 255, 0.8);

    color: rgba(255, 255, 255, 1);

    font-family: armwrestlerbold;

    font-size: 1.5rem;

    margin: 0 0 0.5rem 0;

    padding: 0.5rem 0;

}



footer #footerCon .container div[class*=col] h3 {

    color: rgba(255, 255, 255, 1);

    font-family: inderRegular;

    font-size: 2em;

    font-weight: 900;

    padding: 0;

}



footer #footerCon .container div[class*=col] h3 span {

    color: rgba(255, 255, 255, 0.8);

    font-family: playballregular;

}



footer #footerCon .container div[class*=col] h4 {

     clear: both;

     font-size: 1.5rem;

}



footer #footerCon .container div[class*=col] h4 a {

     color: rgba(255, 255, 255, 0.8);

     text-decoration: none;

}





footer #footerCon .container div[class*=col] img {

    max-height: 150px;

}



footer #footerCon .container div[class*=col] p {

     font-size: 0.9em;

     padding: 0.3em 0;

}



footer #footerCon .container div[class*=col] p span {

     color: rgba(255, 255, 255, 1);

     padding: 0.2em 0;

}



footer #footerCon .container div[class*=col] ul {

    list-style: none;

    padding: 0;

}



footer #footerCon .container div[class*=col] ul li {

    font-size: 0.9em;

    padding: 0.3em 0;

}



footer #footerCon .container div[class*=col] ul li a {

    color: rgba(255, 255, 255, 1); 

}



footer #footerRights {

    background-color: rgba(36, 58, 31, 1);

	clear: both;	

	color: rgba(255, 255, 255, 1);

	font-family: inderRegular;

	height: auto;

	min-height: 25px;

	padding: 0.5em 0;

	width: 100%;

}



footer #footerRights .container div[class*=col] p a {

	color: rgba(255, 255, 255, 1);

     font-weight: 900;

     text-decoration: none;

}