/* Default Style - Mobile First */

@import url("https://fonts.googleapis.com/css?family=Roboto:400,100");

html {
	background: #474747;
}
body {
	font: 100%/1.5 'Roboto', serif;
	margin: 0;
	padding: 0;
	color: #03092b;
	background: #cabf95;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */

header, section, footer, aside, nav, article, figure {
	display: block;
}

/* ~~ Element/tag selectors ~~ */

ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
	font-family: 'Roboto', serif;
}
img {
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
#page {
	position: relative;
	width:100%;
	background: #474747;
}
.full-width {
	width:100%;
	margin: 0 auto;
	display: block;
}
.full-width:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.container {
	margin: 0 auto;
}
/* HEADER */
.header {
	background: #524e4d; /* Old browsers */
	background: -moz-linear-gradient(top,  #524e4d 6%, #645e5e 50%, #524e4d 94%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #524e4d 6%,#645e5e 50%,#524e4d 94%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #524e4d 6%,#645e5e 50%,#524e4d 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#524e4d', endColorstr='#524e4d',GradientType=0 ); /* IE6-9 */
	border-top: 5px solid #BDBBBC;
}
.header a.brand {
    clear: none;
    color: #fff;
    display: block;
    float: left;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 1;
    margin: 40px 0 16px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.header  a.brand span {
    display: block;
    font-size: 24px;
    letter-spacing: 0.3px;
    padding: 9px 0;
}
.hdr-left {
	text-align: center;
	padding: 0 20px;
}
.hdr-right {
	text-align: center;
	padding: 0 20px;
}
.tel {
	padding: 18px 0;
}
.hdr-right h2 {
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0;
	margin: 0;
	font-size: 32px;
	letter-spacing: 1px;
}
.hdr-right h2 a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 8px 20px;
}
.hdr-right h3 {
	font-size: 28px;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0;
	margin: 0;
}
.hdr-right h4 {
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0;
	margin: 0;
}
.btn-mobi {
	background-color: #AAAAAA;
	display: inline-block;
	padding: 12px 20px;
	box-sizing: border-box;
	border-radius: 18px;
}
img.site-logo {
	padding: 9px 0;
	box-sizing: border-box;
}
h3.hdr-h3 {
	padding: 8px 0;
	color: #4b2635;
	font-size: 24px;
	line-height: 28px;
}
/* TOP NAV */
.top-nav {
	background: #467BE3;
	min-height: 40px;
	position: relative;
	z-index: 999;
}
.mobi-nav {
	padding: 0;
	position: relative;
}
.mobi-nav a.uk-navbar-toggle {
	font-size: 2.2em;
	color: #FFF;
	position: relative;
	top: -5px;
}
.top-nav ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
.top-nav ul li {
	display: block;
	list-style: none;
}
.top-nav ul li a {
	font-size: 1.2em;
	font-weight: normal;
	padding: 8px 5px 8px 15px;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
}
.top-nav ul li a:hover {
	color: #000;
	background: #FFF;
}
/* HIGHLIGHTED */
.highlighted {
	min-height: 20px;
	/* background-image: url(../images/bg-container-page.jpg);
	background-position: center -14px;
	background-repeat: no-repeat;
	background-size: cover; */
	background-color: #FDFDFD;
	overflow: hidden;
	position: relative;
	z-index: 99;
}
.highlighted h2 {
	padding: 5px 10px;
	font-size: 24px;
	line-height: 30px;	
}
/* SUB NAV */
.subnav-outer {
	min-height: 144px;
    background-color: #AAAAAA;
    text-align: center;
    background-image: url(../images/bg-cta.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    border-bottom: 5px solid #467BE3;
    padding: 5px 0;
	box-sizing: border-box;
}
.subnav {
	padding: 0 20px;
	box-sizing: border-box;
}
.subnav i {
	font-size: 40px;
}
.subnav h3 {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	font-variant: small-caps;
	padding: 6px 0;
	margin: 2px auto 10px;
	letter-spacing: 1px;
	text-align: center;
	box-sizing: border-box;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.subnav p {
	color: #000000;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
}
.subnav ul {
	margin: 0;
	padding: 30px 0 0;
	list-style: none;
	text-align: center;
}
.subnav ul li {
	font-size: 16px;
	line-height: 22px;
	list-style: none;
	margin: 1px 0;
	padding: 2px;
	display: block;
}
.subnav ul li a {
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	display: block;
	padding: 22px 15px;
	color: #FFF;
	border:  1px solid #DDD;
}
.subnav ul li a:hover {
	background-color: #1464F2;
	border:  1px solid #FFF;
}
/* MAIN BODY */
.main-body-outer {
	margin-top: 10px;
}
.main-body {
	padding: 0;
}
.body-left {
	padding: 15px 15px 0;
	min-height: 200px;
	background-color: #EEEEEE;
	box-sizing: border-box;
}
.body-right {
	padding: 0 20px;
}
.page-content {
	color: #333;
	background-color: #EEEEEE;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	box-sizing: border-box;
}
.page-content h1 {
	text-transform: uppercase;
}
.page-content h3 {
	font-size: 1.5em;
	line-height: 34px;
	color: #000929;
}
.page-content ul, .page-content ol, .page-content p {
	font-size: 18px;
	line-height: 28px;
	text-align: left;
}
.page-content ul, .page-content ol {
	padding: 0 0 0 45px;
}
.page-content ul li, .page-content ol li {

}
.page-content p {
	
}
.page-content a {
	color: #467BE3;
	text-decoration: underline;
}
.page-content a:hover {
	text-decoration: none;
}
.bhl {
	background-color: #cabf95;
	color: #000000;
	padding: 25px;
	box-sizing: border-box;
}
.bhl p {
	margin: 0;
}

/* SIDEBAR */
.body-right {
	margin: 20px 0;
	padding: 25px 15px;
	border-top: 1px dotted #999;
	background-color: #DADADA;
    background-size: 100% auto;
    padding-bottom: 20px;
}
.sidebar-one {
	
}
.sidebar-one h2 {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 1px;
	display: block;
	background-color: #467BE3;
	color: #FFFFFF;
	padding: 5px 10px;
	box-sizing: border-box;
	text-transform: uppercase;
}
.sidebar-one p {
	font-size: 18px;
	line-height: 28px;
	padding: 0 0 0 20px;
}
.sidebar-one a {
	text-decoration: underline;
	color: #4b2635;
}
.sidebar-one a:hover {
	text-decoration: none;
}
.sidebar-one ul {
	padding: 0 0 0 20px;
	margin: 0;
}
.sidebar-one ul li {
    font-weight: bold;
    color: #000000;
    margin: 0;
	font-size: 16px;
	line-height: 24px;
	text-transform: capitalize;
}
.sidebar-one ul li a {
    color: #000000;
    text-decoration: none;
    padding: 0;
}
.sidebar-one ul li a:hover {
	text-decoration: underline;
}
.sidebar-one ul ul {
	padding-left: 25px;
	margin: 0;
}
.sidebar-one ul ul li {
    font-weight: normal;
	text-transform: capitalize;
	list-style: circle;
}
.top-social {
	padding: 0 0 0 20px;
}
/*
.sidebar-one ul.menu ul li {
	text-indent: -17px;
}
.sidebar-one ul.menu ul li:before {
	content: "-";
	padding: 0 0 0 15px;
}
.sidebar-one ul.menu ul li a {
    padding: 0 0 0 32px;
    font-weight: normal;
    color: #4b2635;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 0 0 -15px;
}
*/
/* Second Sidebar */
.sidebar-two {
	margin-top: 20px;
}
.sidebar-two ul {
	padding: 0 0 15px 15px;
}
.sidebar-two ul li {
}
.sidebar-two ul li a {
	font-size: 1.2em;
	color: #333;
	text-decoration: underline;
}
.sidebar-two ul li a:hover {
	text-decoration: none;
}
/* FOOTER */
.footer-main {
	background: #474747;
	min-height: 50px;
}
.footer-main a {
	color: #DDDDDD;
	text-decoration: underline;
}
.footer-main a:hover {
	text-decoration: none;
}
.foot-disclaimer {
	font-size: 1.1em;
	line-height: 24px;
	letter-spacing: .5px;
	color: #DDDDDD;
	text-align: left;
	padding: 20px 20px 10px;
	box-sizing: border-box;
}
.footer-copy {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: .5px;
	color: #DDDDDD;
	text-align: center;
	padding: 10px 20px;
	box-sizing: border-box;
}
/* Footer Nav */
.footer-nav {
	background: #467BE3;
    border-bottom: 1px solid #ECE8DC;
	border-top: 1px solid #ECE8DC;
	margin-top: 12px;
	margin-bottom: 12px;
}
.footer-nav ul {
 text-align: center;
 padding: 5px 0;
}
.footer-nav ul li {
 display: block;
 float: none;
}
.footer-nav ul li a {
	 font-size: 1.2em;
	 letter-spacing: .5px;
	 color: #FFF;
	 padding: 4px 10px;
	 text-decoration: none;
	 display: inline-block;
}
.footer-nav ul li a:hover {
	text-decoration: underline;
}
/* ************************* */
/* >>>>> Social Media <<<<<< */
/* >>>>> Font Awesome <<<<<< */
/* ************************* */

/* Default Social */

ul.social-media:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
ul.social-media {
	margin: 0;
	padding: 5px 0px !important;
	text-align: left;
}
ul.social-media li {
	display: inline-block;
	float: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0 4px 0 0;
}
ul.social-media li a {
	font-size: 1.4em;
	background: #467BE3;
	text-decoration: none !important;
	color: #FFF !important;
	margin-bottom: 8px;
	height: 18px;
	width: 18px;
	padding: 12px;
}
/* Secondary Social */
ul.social-alt:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
ul.social-alt {
	margin: 0;
	padding: 5px 0 !important;
	text-align: left;
}
ul.social-alt li {
	display: inline-block;
	float: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0 4px 0 0;
}
ul.social-alt li a {
	font-size: 1.4em;
	font-style: normal;
	background: none;
	text-decoration: none;
	color: #FFF !important;
	margin-bottom: 8px;
	margin-right: 8px;
	height: 16px;
	width: 16px;
	padding: 2px;
}
ul.social-alt li a:hover {
	text-decoration: none;
	color: #ede6ca !important;
}
/* Misc */

.l-pos, .r-pos {
	display: block;
}
/* Web Forms */
#contact {
	padding: 0;
	box-sizing: border-box;
	
}
#contact input, #contact textarea {
	border: 1px solid rgba(42,116,153,0.40)
}
textarea {
	resize: none;
}
input.uk-button {
	color: #FFFFFF;
}
label.error {
	font-size: 16px;
	font-weight: bold;
	color: #FF0004;
}
/* ************************** */
/* Phone landscape and bigger */
/* ************************** */

@media (min-width: 480px) {
}

/* ***************** */
/* Tablet and bigger */
/* ***************** */

@media (min-width: 768px) {

/* HEADER */
.hdr-left {
	text-align: left;
}
.hdr-right {
	text-align: right;
}
/* HIGHLIGHTED */
.highlighted h2 {
	padding: 10px 16px;
	font-size: 26px;
	line-height: 32px;
	width: 100%;
}
/* BODY */
.body-left {
	border-right: 1px dotted #999;
}
.page-content p {
	text-align: justify;	
}
/* Footer Nav */
.footer-nav ul li {
 display: inline-block;
}
/* SIDEBAR */
.body-right {
	margin: 0;
}
/* Misc */

.l-pos {
 display: inline;
 float: left;
}
 .r-pos {
 display: inline;
 float: right;
}

}

/* ****************** */
/* Desktop and bigger */
/* ****************** */

@media (min-width: 960px) {

/* Top Nav */
.desktop_menu {
}
.top-nav {
 padding-top: 0;
}
.top-nav ul {
 text-align: center;
}
.top-nav ul li {
 display: inline-block;
 float: none;
}
.top-nav ul li a {
 font-size: 1.2em;
 letter-spacing: 0;
 color: #FFF;
 padding: 10px 15px;
 border-bottom: none;
 text-decoration: none;
}
.top-nav ul li a:hover {
 color: #000;
 background: #ECE8DC;
}
/* Drop-down menu */
.top-nav ul.menu li ul {
  padding: 0;
  position: absolute;
  top: 62px;
  text-align: left;
  min-width: 240px;
  display: none;
  opacity: 0;
  visibility: hidden;
  background-color: #FFF;
  /* Shadow */
  -webkit-box-shadow: 0 8px 6px -6px #000000;
	   -moz-box-shadow: 0 8px 6px -6px #000000;
	        box-shadow: 0 8px 6px -6px #000000;
}
.top-nav ul.menu li ul li { 
  background:transparent; 
  display: block; 
  color: #fff;
  margin-right: 0px;
  padding: 0;
  position: relative;
}
.top-nav ul.menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.top-nav ul.menu li ul li a {
	font-size: 1em;
	display: block;
	min-width: 240px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #FFF;
	text-transform: capitalize;
}
.top-nav ul.menu li ul li a:hover, .top-nav ul.menu li ul li a.active {
	background: #07d;
	color: #FFF;
}
.foot-disclaimer {
	padding: 0;
}
.footer-copy {
	padding: 0;
}

}

/* *********************** */
/* Large screen and bigger */
/* *********************** */

@media (min-width: 1220px) {
.container {
 width: 1180px;
}


}