/* CSS Document */

/*COLORS

*/

/*RESETS*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body{
    margin: 0;
    padding:  0;
	font-family: "Open Sans";
}
body{
   font-size: 16px; /*Base font here*/ 
	font-family: "Open Sans";

background: linear-gradient(to bottom,  #a9ccdf 0%,#a9ccdf 400px,#f7f6e1 400px,#f7f6e1 400px,#f7f6e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


    color: #343B63;
}
img{
    border: none;
    display:  block;
	max-width: 100%;
}


/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
    max-width: 960px;/*Container width here*/
    margin-right: auto;
    margin-left: auto;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
.flex{
	display: flex;
}
.flex_even > *{
	flex-grow: 1;
	flex-basis: 0;
}
ul.navList{
     padding: 0;
     margin: 0;
     list-style: none;
}
     ul.navList li a{
             text-decoration:  none;
        }
.inside{
    padding: 1em;   
}
.vh{  
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.alert{ 
	background-color: #BC2B33;
	padding: 0.5em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	
}

header{
    background: #343B63;
}

nav{
    background: #A9CCDF;
}

#menu_btn {
	display: none;
}

#main{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px #999;
    margin: 0px auto 0;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2em;
}
#main.homepage{
    margin-top: 20px;
}
.content_main{
    width: calc(100% - 300px);
    float: left;
}
.content_img{
    float: left;
    padding-right: 1em;
}
.img_right{
    float: right;
    padding-left: 1em;
}
#olb{
    background-color: #F7F6E1;
    width: 300px;
    float: right;
    padding: 1em;
}
.homepage #olb{
    background-color: #A9CCDF;
}

.homepage .inside {
	width: calc(100% - 300px);
	float: left;
}

/* Home Slider
------------------------------------------------------------ */

#home-slider {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px #999;
	margin: 0 0 20px;
	width: 100%;
}

#home-slider p {
	padding: 0 0 25px;
}

.agency #genesis-responsive-slider {
	-webkit-font-smoothing: antialiased;
	border: none;
	margin: 5px;
	padding: 5px 0;
}

.agency .slide-excerpt {
	filter: alpha(opacity=100);
	margin: 0;
	padding: 22px 40px 22px 20px;
	opacity: 1.0;
  background-color:rgba(228, 228, 220, 0.7);
}

html > body.agency .slide-excerpt-border {
	border: none;
	margin: 0;
	padding: 0;
}

.agency .slider-next, 
.agency .slider-previous {
	margin: 0 -40px;
}

.agency .flex-control-nav {
	margin: 20px 0;
}


footer{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px #999;
    clear: both;
    font-size: 14px;
    margin: 20px auto 0;
    width: 100%;
    color: #333;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 1.5625;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
footer h4{
    letter-spacing: 2px!important;
    margin-bottom: 20px;
    font-size: 20px;
    background: none;
    border: none;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    font-weight: 900;
    text-transform: uppercase;
    color: #343b63;
}
footer h4::after{
    content: '';
    left: 0;
    top: 100%;
    display: block;
    height: 0px;
    width: 60%;
    position: absolute;
    border-top: 1px solid;
    margin-top: 7.5px;
}

/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"],
#home-slider a.more-link {
	background: url(images/button.png) 0 0;
	border: 1px solid #6297ad;
	color: #fff;
	cursor: pointer;
	font-family: "Open Sans";
	font-size: 14px;
	padding: 6px 7px;
	text-decoration: none;
	text-shadow: 1px 1px #47819b;
}

#home-slider a.more-link {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	padding: 8px 15px;
}

input:hover[type="button"],
input:hover[type="submit"],
#home-slider a.more-link:hover {
	background: url(images/button.png) 0 -40px;
	border: 1px solid #6297ad;
	text-decoration: none;
}