.color--blue {
    color: #036;
    text-decoration: none
}

.bg--blue {
    background-color: #036
}

.color--red {
	color: #c00
}

.bg--red {
	background-color: #c00
}

.color--white {
    color: #fff;
    text-decoration: none
}

.bg--white {
	background-color: #fff
}

img {
    border: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover {
    color: #23527c;
    text-decoration: underline
}

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

.btn-block {
    display: block;
    width: 100%
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

@font-face {
    font-family: "Avenir";
    src: url(/fonts/webfonts/avenir/avenir-roman-webfont.eot);
    src: url(/fonts/webfonts/avenir/avenir-roman-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/webfonts/avenir/avenir-roman-webfont.woff2) format("woff2"), url(/fonts/webfonts/avenir/avenir-roman-webfont.woff) format("woff"), url(/fonts/webfonts/avenir/avenir-roman-webfont.ttf) format("truetype")
}

@font-face {
    font-family: "Avenir-light";
    src: url(/fonts/webfonts/avenir/avenir-light-webfont.eot);
    src: url(/fonts/webfonts/avenir/avenir-light-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/webfonts/avenir/avenir-light-webfont.woff2) format("woff2"), url(/fonts/webfonts/avenir/avenir-light-webfont.woff) format("woff"), url(/fonts/webfonts/avenir/avenir-light-webfont.ttf) format("truetype")
}

@font-face {
    font-family: "Avenir-bold";
    src: url(/fonts/webfonts/avenir/avenir-heavy-webfont.eot);
    src: url(/fonts/webfonts/avenir/avenir-heavy-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/webfonts/avenir/avenir-heavy-webfont.woff2) format("woff2"), url(/fonts/webfonts/avenir/avenir-heavy-webfont.woff) format("woff"), url(/fonts/webfonts/avenir/avenir-heavy-webfont.ttf) format("truetype")
}

.spacer--10 {
	padding: 10px
}

.spacer--top--5 {
	padding-top: 5px
}

.spacer--top--10 {
	padding-top: 10px;
}


body {
    font-family: "Avenir";
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-size: 1.5em;
    line-height: 1.4em;
	background: #036;
}

a:hover,
a:focus {
    text-decoration: none
}

.bold,
.font-bold {
    font-family: "Avenir-bold"
}

.align--center {
    text-align: center
}

.align--right {
    text-align: right
}

.align--left {
    text-align: left
}

.toUpperCase {
    text-transform: uppercase
}



.inner-wrapper {
    background-color: #fff
}

.top-header {
    background: #fff
}

.top-header__top-nav {
    position: relative;
    border-bottom: 1px solid #ccc;
	display: none;
}

.top-header__top-nav__title {
    font-size: 10px;
    letter-spacing: 2px;
	display:none;
}

@media only screen and (max-width: 768px) {
    .top-header__top-nav__title {
        padding: 5px
    }
}

.top-header__top-nav__title,
.top-header__top-nav__title a {
    color: #036
}

.top-header__logo {
    font-size: 24px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase
}

.top-header__logo a {
    text-decoration: none;
    color: #036
}

.top-header__logo img {
    display: inline-block;
    vertical-align: middle;
    height: 65px
}

@media only screen and (max-width: 768px) {
    .top-header__logo {
        font-size: 18px
    }
    .top-header__logo img {
        height: 30px
    }
}

@media only screen and (max-width: 320px) {
    .top-header__logo {
        font-size: 12px
    }
}

.main-navigation--wrapper a:hover,
.main-navigation--wrapper a:focus {
    color: #fff;
    text-decoration: none
}

.main-navigation--wrapper .main-navigation--btn {
    padding: 0 10px;
    border: 1px solid #fff;
    margin: 0 5px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase
}

.main-navigation--outer-wrapper{
	height:35px;
	width:100%
}
.main-navigation--wrapper{
	background: #036;
	color: #fff;
	font-size: 18px;
	height: inherit;
	position: relative;
	width: 100%}

.main-navigation--wrapper a:hover,.main-navigation--wrapper a:focus{
	color: #fff;
	text-decoration: none
}

.footer--wrapper {
    font-family: "Avenir-light";
    padding: 20px 0;
    font-size: 12px
}

.footer--wrapper a {
    color: #fff;
    text-decoration: none
}

.footer--wrapper a:hover {
    color: #fff
}

html,
body {
    height: 100%
}

.form a {
	font-weight:bold;
}

main {
    background: #036
}

main .form {
    width: 65%;
    background: rgba(255,255,255, 0.95);
    font-family: "Avenir";
	float:left;
	padding-top:40px;
	padding-left:60px;
	padding-right:60px;
	height:430px;
	box-shadow:0 0 4px rgba(0,0,0,.7);
}

main .form .owl-button {
    margin: 10px 15px
}

main .form .owl-button a {
    color: #fff;
    padding: 35px 20px;
    font-size: 24px
}


main .form .owl-link {
    font-size: 14px;
	color:#000000;
}

main .form .owl-link a {
    text-decoration: underline
}

main .form .form-footer {
    font-size: 15px;
    line-height: 17px;
    padding-top: 120px;
}

footer {
    background: #ffffff;
    height: 70px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

footer .footer {
    font-size: 12px;
	padding-left:10px;
	color:#6a6a6a;
	margin-top:-10px;
}

.owl-wrapper {
    padding-top: 10px;
	padding-bottom: 20px;
    max-width:1100px;
	margin-right:auto;
	margin-left:auto;
    color: #036;
	margin-top:100px;
}

.owl-wrapper .heading {
    font-size: 25px;
    line-height: 25px
}

.owl-wrapper .sub-heading {
    font-size: 14px;
    padding-top: 35px;
	padding-left:0px;
	padding-bottom:10px;
	color:#000000;
}

.owl-background {
	background-image: url(/assets/images/owsley-lg-custom-5b2e5bcef38a998fb04677de765270452858d5c5fd68b88464738c2ffde141f8.jpg);
    background-color: #036;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 100%;
	overflow: auto
}

.mobile-background {
    display: none
}

.main-page-custom-font {
	font-family: -apple-system,BlinkMacSystemFont,system-ui,Roboto,"Segoe UI","Helvetica Neue",Helvetica,ubuntu,Arial,noto,sans-serif !important;
}

.main-page-custom-logo{
	font-size: 18px;
    padding: 10px;
    text-transform: uppercase
}

.main-page-custom-logo a {
    text-decoration: none;
    color: #036
}

.main-page-custom-logo img {
    display: inline-block;
    vertical-align: middle;
    height: 35px
}

.main-page-custom nav{
	display:none;
}

.main-page-custom .top-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border: 1px solid transparent;
	box-shadow:0 0 4px rgba(0,0,0,.7);
	z-index:200001;
}

.main-page-custom .main-page-custom-owl-button{
	background-color:#0073e6 !important;
	height:60px;
	width:265px;
}

.main-page-side-navigation{
	/*background-color: rgba(204, 0, 0, 0.2);*/
	background-color: #7B97AC;
	width:35%;
	padding:40px;
	overflow:auto;
	height:430px;
	/*box-shadow:0 0 4px rgba(0,0,0,.7);*/
}



.main-page-side-buttons{
	background-color:#0073e6;
	color:#ffffff;
	/*border:0.5px solid;*/
	/*border-color:#ccc;*/
	list-style-type: none;
	padding:0;
	
}

.main-page-side-buttons li{
	border:#fff;
	border-width:0.5px;
	border-style:solid;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:-1px;
	
}

.main-page-list-item-content{
	color:#ffffff !important;
	padding:0;
}


.main-page-textblock{
	margin:1rem;
	line-height:1.25;
	overflow:hidden;
	flex-grow:1;
}

.main-page-custom-owl-button{
	margin-top:25px;
}

.main-page-custom-owl-button a{
	color: #fff;
    padding: 15px 25px;
    font-size: 18px
}

.main-page-custom-owl-button span{
	position:relative;
	left:15px;
	top:5px;
}

.main-sub-heading{
	font-size: 56px;
	margin-top: 20px;
}

.help-text-side{
	font-size:25px;
	color:#ffffff;
}

.fau-link-blue{
	color: #0073e6;
}

.main-page-custom h2{
	font-size: 25px;
	font-weight:normal;
	margin-block: auto;
    margin-inline: auto;
}

.main-page-custom h1{
	font-size: 55px;
    margin-block: auto;
    margin-inline: auto;
    font-weight:normal;
}

@media screen and (max-width: 860px) {
    main .form {
        float: none;
		width:100%;
    }
	.main-page-side-navigation{
		width:100%;
		padding:0;
		height:300px;
		background-color:transparent;
	}
	
	.help-text-side{
		display:none;
	}
	
	
}

@media screen and (max-width: 640px) {
 
	footer {
		display:none;
	}
    main .form{
		padding-top:40px;
		padding-left:20px;
		padding-right:20px;
	}
    .mobile-background {
        display: block
    }
}

@media screen and (max-width: 480px) {
    main {
        padding-bottom: 130px
    }
    main .form {
        float: none;
        width: 100%;
        padding: 15px 24px;
        margin: 35px auto 50px auto
    }
	footer {
		margin-top: -130px;
	}
    footer .footer {
        font-size: 15px
    }
    .owl-wrapper {
        padding-top: 10px;
		padding-bottom: 0;
        position: relative
    }
    .owl-wrapper .heading {
        font-size: 21px;
        line-height: 35px
    }
    .owl-wrapper .sub-heading {
        font-size: 12px
    }
    .owl-background {
        background-image: none !important;
        height: auto
    }
	
	.main-page-custom-owl-button a{
		color: #fff;
		padding: 18px 20px;
		font-size: 15px
	}
	
	.main-page-custom-owl-button span{
		position:relative;
		left:10px;
		top:2px;
	}
	
	main .form .owl-link {
		font-size:12px;
	}
    .mobile-background {
        display: block
    }
}

/*# sourceMappingURL=main.css.map */