/* BODY AND MAIN ELEMENTS */

/* COLORS 
	grey: #d0d0d0; #f2f2f2; 
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');

body {
	margin: 0;
	font-family: 'Open Sans', serif;
	font-size: 17px;
	font-weight: 500;
	color: #00205a;
	text-transform: none;
	background: #fff;
	overflow-x: hidden;
	letter-spacing: 0.5px;
}

.fContainer {
	width: 1100px;
	min-height: 100vh;
	max-width: 90%;
	display: block;
	background: #fff;
	margin: 0 auto;
}

.fRow {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fCol-md-12, .fCol-lg-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.fCol-md-6, .fCol-lg-6 {
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.fCol-md-4, .fCol-sm-4 {
    position: relative;
    width: 33.3%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.fCol-lg-3, .fCol-sm-3 {
    position: relative;
    width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
}


.fClear {
	clear: both;
	content: " ";
	display: table;
}

.fShow {
	display: block !important;
}

.fHide {
	display: none;
}

.fOpacity {
	opacity: 1 !important;
	transition: 1s opacity ease-in-out;
	-webkit-transition: 1s opacity ease-in-out;
}

.fGrayscale {
	filter: grayscale(1);
    -webkit-filter: grayscale(100%);
} 

p {
	margin: 0;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 25px;
}

a {
	text-decoration: none;
	color:  #00205a;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}

a:hover {
	text-decoration: none;
	opacity: 0.8;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.fStartDim {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	background-color: rgba(255,255,255,1);
}

.fDimWrapper {
	transition: 0.2s opacity ease-in-out;
	-webkit-transition: 0.2s opacity ease-in-out;
}

.fDimOpacity {
	opacity: 0.6;
	transition: 0.2s opacity ease-in-out;
	-webkit-transition: 0.2s opacity ease-in-out;
}

.fArrowDown {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 80px;
	background: url('../images/fArrowDown.png') no-repeat center;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
	background-size: 40px auto;
	cursor: pointer;
	z-index: 9996;
}

.fMainWrapper {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

a.fBlock {
	display: block;
	width: 100%;
	height: 100%;
}

.fMobile {
	display: none;
}

.fNotMobile {
	display: block;
}

.fLogo {
	width: 110px;
	height: auto;
	display: block;
	margin: 15px auto;
	margin-top: 50px;
}

.fLogo a {
	display: block;
	width: 100%;
	height: 100%;
}
   
a.fCTA {
	color: #fff;
	font-size: 15px;
	padding: 10px 18px;
	background: #ff0000;
	border-radius: 20px;
}

@media (max-width: 1024px) {
	.fCol-lg-4 {
		width: 100%;
		float: none;
	}
}
@media (max-width: 991px) {
	.fCol-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
    .fCol-lg-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
    }
}

.fInfoContainer {
	padding-left: 0;
}

@media (min-width: 992px) {
    .fCol-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }
    .fInfoContainer {
		padding-left: 45%;
    }
}

.fInfo {
	padding-left: 110px;
	background: url(../images/ventura.png) no-repeat top 8px left;
	background-size: 80px auto;
}

.fInfo h1 {
	font-size: 1.8em;
	color: #1e2856;
}

.fInfo p {
	max-width: 420px;
	line-height: 29px;
	letter-spacing: 0.5px;
	color: #777777;
	font-size: 16px;
}

.fFooter {
	font-family: Times,serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	color: #525252;
	padding: 30px 0px;
}

.fFooter a {
	text-decoration: none;
	color: #525252;
	font-weight: 400;
}

.fBorder {
	border-right: 1px solid #d9d9d9;
}

.fFooter .fCol-lg-3 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fFooter .fPadding {
	padding-left: 30px;
}

.fFooterLogo {
	padding-left: 80px;
	background: url(../images/logo.png) no-repeat left;
	background-size: 60px 64px;
}

a.fRoute {
	display: block;
	padding-left: 18px;
	height: 22px;
	color: #941841;
	background: url(../images/marker.svg) no-repeat 0px 4px;
	background-size: auto 16px;
}

.fFooter .f3, .fFooter .f4 {
	width: 20%;
}

.fFooter .f1 {
	width: 35%;
}

.fFooter a:hover {
	color: #941841;
}

.fLN {
	margin-top: 36px;
}

.fVideo video,
.fVideo iframe {
	display: block;
	margin: 40px auto;
	margin-bottom: 100px;
}

@media all and (max-width: 991px) {
	.fCol-md-12, .fCol-lg-12 {
		padding-right: 0px;
		padding-left: 0px;
	}
	h1 {
		margin-bottom: 5px!important;
		font-size: 1em!important;
	}
	.fMobile {
		display: block;
	}
	.fNotMobile {
		display: none;
	}
	.fInfo {
		background-size: 50px auto;
		padding-left: 65px;
	}
	.fVideo video {
		max-width: 100%;
		height: auto;
	}
	
	.fVideo iframe {
		max-width: 100%;
	}
}

p.fIntro {
	padding: 20px 10%;
	font-weight: 500;
	text-align: center;
}

img.fBkgLogo {
	width: 180px;
	height: auto;
	margin: 0 auto;
	max-width: 90%;
}

.fTimes {
	font-family: 'Times New Roman',serif;
}

h2 {
	font-size: 30px;
	font-weight: 500;
}

a.fCal {
	display: block;
	margin: 20px 0;
	padding-left: 60px;
	font-size: 24px;
	text-align: left;
	color: #8b2842;
	background: url(../images/june20.png) no-repeat left;
	background-size: 44px auto;
	min-height: 54px;
}

@media all and (max-width: 991px) {
	.fContainer {
		width: 500px;
		text-align: center;
		max-width: 90%;
	}
	.fBorder {
		border: none;
	}
	.fFooter {
	}
	a.fRoute {
		display: inline-block;
	}
	.fFooter img {
		margin: 0 auto;
	}
	a.fCal {
		display: inline-block;
		margin-bottom: 40px; 
	}
}

.fCounterItem {
	background: #f3f3f3;
	padding: 24px 12px;
	font-size: 32px;
	font-weight: 900;
	float: left;
	margin-right: 10px;
	width: 63px;
	box-sizing: border-box;
}

.fCounterDesc {
	width: 63px;
	margin-right: 10px;
	float: left;
	text-align: center;
	color: #c7c7c7;
	margin-top: 5px;
	font-size: 13px;
}

.fCounter {
	margin-bottom: 32px;
}

@media all and (max-width:991px) {
	.fCounter {
		text-align: center;
	}
	.fCounterItem, .fCounterDesc {
		float: none;
		display: inline-block;
	}
}