body {
}

a {
	text-decoration:none; color:#000;
}

a:hover {
}

h1 {
}

h2 {
}

p {
}

.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
}

.container_12 {
/*  background-image: url(../img/12_col.gif);
*/}

.container_16 {
  background-image: url(../img/16_col.gif);
}

.container_24 {
  background-image: url(../img/24_col.gif);
}


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

html,
body {
  height: 100.1%;
}


body {
	font: 14px/1.5 "apex_serif_bookregular", verdana;

}
strong{
	font-family:"apex_serif_boldregular", verdana;
}

#header{
	background:#5d99e2;
	background-image:url(../assets/images/bg-header.jpg);
	background-size:cover;
	background-position:right center; 
	display:table; 
	padding:40px 70px; box-sizing:border-box;
}
#header #site-name,
#header #menu,
#header #social-media{
	display:table-cell; 
	vertical-align:middle; height:100%; 
	box-sizing:border-box; 
}
	#site-name{	
		width:200px; 
		padding:0; 
	}
	#header #site-name img{
		width:200px;
		height:auto;
		border:0; margin:0;
	}
	#menu{
		width:auto; 
	}
	#social-media{
		width:24px; height:100%;
		padding:0; 
	}
	#social-media ul{
		list-style-type: none;
		margin: 0;
		padding: 0; 
		text-align: center;	
	}
	#social-media ul li {
		display: inline-block;
		padding: 0; margin:0;
		width:22px;
		height:22px;
	}
	#social-media ul li a {
		display:block; height:22px;

	}
	#social-media .facebook {
		background:url(../assets/images/social-media-icons_01.png) center center no-repeat;
		background-size:contain;
	}
	#social-media .youtube {
		background:url(../assets/images/social-media-icons_02.png) center center no-repeat;
		background-size:contain;
	}
	#main-content{
		padding:40px 60px; margin-bottom:200px;  box-sizing:border-box
		
	}
	#main-content h4 {
		color:#ff7f00; font-weight:100;
		margin-bottom:0.2em;
	  font-family: "apex_serif_boldregular", verdana;
	}
	.bold {		font-family:"apex_serif_boldregular", verdana;
	}
	
	.container_12{position:relative; min-height:100.1%; box-sizing:border-box}
	#footer{
		position:absolute;
		bottom:0; left:0; right:0; height:180px;
		color:#343434; 
	}
	
	#footer span {white-space:nowrap}

	
	#footer .grid_12 {
		padding:30px 70px; box-sizing:border-box
	}
	
	.accordion-section-content {
		margin-left:0;
		margin-right:0
	}
	.content-block{
		margin-bottom:30px;
	}
	.blue, .blue a{
		color:#5c93de;
	}
	img.full{width:100%; height:auto}
	.orange{
		color:#ff7f00
	}
	.grey {
		color:#b7b7b7; margin-bottom:0}
	.small{
		font-size:0.7rem
	}
	.center{ text-align:center}
	.center ul{
	  list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; 
	}
	.center li{padding:0; margin:0}
  .bottom-arrow {
		position:relative; padding:20px 10px;
	}
	.bottom-arrow:after {
      display: block;
			position:absolute;
			left:50%;
			margin-left:-10px;
			top:100%;
      
      width: 0;
      height: 0;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 12px #55636a;
      border-right: solid 10px transparent; 
	}
	.indent {padding-left:80px;}
	.indent hr { display:block; clear:both; margin:30px 10px 30px 10px; border-color:#55636a;}
	.img-display img {max-width:100%; height:auto}
	
	.padding-50 {padding:50px 80px !important}
	
	.faq {font-size:1.2rem; margin-bottom:0; color:#ff7f00}
	form { display:block; padding:10px 0;}
	form input, form textarea{ display:inline-block; font-size:1rem; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; border:#55636a 1px solid }
	form div { padding:4px 0}
	img {max-width:100%; height:auto}


/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
}

/*----- Section Titles -----*/
.accordion-section-title {
	padding:25px 0 2px 0; margin-left:10px; margin-right:10px;
	display:block;
	border-bottom:1px solid #55636a;
	transition:all linear 0.15s;
	/* Type */
	font-family:"apex_serif_boldregular",verdana;
	font-size:130%;
	color:#343434
}


.accordion-section-title.active, .accordion-section-title:hover {
	background:#fff;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {

}

/*----- Section Content -----*/
.accordion-section-content {
	padding:40px 0;
	display:none;
}

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
  }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 0;
      height: 0;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color:rgba(255,255,255,0.1); }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 0; }

nav#nav-main {
  padding: 10px; height:100%; margin:0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    padding: 0; margin-left:0 }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 0; margin:0 10px; 
	border-bottom:#5d99e2 2px solid;
	font-size:0.8em; letter-spacing:1px;
	text-transform: uppercase; 	
	font-family:"apex_serif_boldregular", verdana;

	}
    nav#nav-main a:hover,
	nav#nav-main a.active {
	  border-bottom:#FFF 2px solid; text-decoration:none; 
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #5d99e2; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #5d99e2; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: rgba(255,255,255,0.1); 
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }