@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic,600,600italic);
@import url(http://fonts.googleapis.com/css?family=Satisfy);

html { position: relative; top: 0px; left: 0px; height: 100%; }
body { position: absolute; top: 0px; left: 0px; height: auto; min-height: 100%; width: 100%; margin: 0; padding: 0; font-family: "Oxygen", Arial, sans-serif; font-size: 13px; line-height: 20px; color: #838282; background: #ffffff; }
form { position: absolute; top: 0px; left: 0px; height: 100%; display: block; width: 100%; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1 { font-size: 30px; line-height: 36px; font-weight: normal; color: #515151; }
h2 { font-size: 24px; line-height: 30px; font-weight: normal; color: #515151; }
a { color: #515151; text-decoration: none; }
a:hover { text-decoration: underline; }

.button { cursor: pointer; display: inline-block; text-decoration: none; color: #ffffff; border-radius: 4px; border: 2px solid #ffffff; padding: 5px 10px; line-height: 18px; transition: opacity linear 0.125s, color linear 0.125s, background-color linear 0.125s; }
.button:hover { opacity: 0.8; text-decoration: none; }

img.circle { border-radius: 50%; }
.align-center { text-align: center; }
.green { color: #648e3d; }
.quote { display: block; line-height: 80px; height: 32px; margin-bottom: 20px; }
.quote::after { position: relative; top: 0px; left: 0px; content: "“"; display: block; width: 100%; font-size: 110px; color: #9fb689; font-weight: 700; }

.main.container { min-height: 100%; }

/* Header Container */
.header.container { margin: 0; width: 100%; height: 117px; position: relative; top: 0; left: 0; z-index: 10000; background: #ffffff; }
.header.container .header { padding: 17px 0px 0px 0px;}
.header.container .header .logo { text-align: left; }

.navigation.primary {}
.navigation.primary > ul { margin: 0px; padding: 0; list-style-type: none; position: relative; float: right;}
.navigation.primary > ul > li { position: relative; display: inline-block; margin: 0; padding: 0px 0px 0px 0px; float: left; }
.navigation.primary > ul > li:first-child { margin-left: 0; }
.navigation.primary > ul > li:last-child { margin-right: 0; }
.navigation.primary > ul > li > a { display: block; text-align: center; line-height: 24px; min-width: 46px; font-size: 15px; color: #515151; position: relative; text-decoration: none; padding: 25px 15px; }
.navigation.primary > ul > li > a > span.text { display: inline-block; height: auto; line-height: 15px; width: 100%; }
.navigation.primary > ul > li > a > span.home { display: inline-block; background: url(../images/icon_home.png) no-repeat top; height: 16px; line-height: 15px; width: 100%; }
.navigation.primary > ul > li:hover,
.navigation.primary > ul > li.selected {  }
.navigation.primary > ul > li:hover > a,
.navigation.primary > ul > li.selected > a { color: #648e3d; padding: 25px 12px 0px 12px; }
.navigation.primary > ul > li:hover > a > span.home,
.navigation.primary > ul > li.selected > a > span.home { background-position: bottom; }
.navigation.primary > ul > li:hover > a::after,
.navigation.primary > ul > li.selected > a::after { content: " "; display: inline-block; width: 4px; height: 4px; border: 1px solid #648e3d; border-radius: 4px; }
.navigation.primary > ul > li > .dropdown { display: none; visibility: hidden; position: absolute; top: 99%; left: 14px; z-index: 0; padding: 0 0 0 0; opacity: 0.9; width: 256px; max-width: none; }
.navigation.primary > ul > li:hover > .dropdown { display: block; visibility: visible; }
.navigation.primary > ul > li:hover > .dropdown ul { background: #648e3d; text-align: left; list-style-type: none; padding: 15px 25px; }
.navigation.primary > ul > li:hover > .dropdown ul > li { display: block; margin: 0px 0; line-height: 20px; }
.navigation.primary > ul > li:hover > .dropdown ul > li:first-child { margin-top: 0; }
.navigation.primary > ul > li:hover > .dropdown ul > li:last-child { margin-bottom: 0; }
.navigation.primary > ul > li:hover > .dropdown ul > li > a { color: #ffffff; display: block; padding: 5px 0px; }
.navigation.primary > ul > li:hover > .dropdown ul > li:hover > a { text-decoration: none; }
.navigation.primary > ul > li:hover > .dropdown ul > li:hover > a::before { content: " "; display: inline-block; margin-right: 5px; width: 4px; height: 4px; border: 1px solid #ffffff; border-radius: 4px; }

.navigation-mobile-menu-icon {color: #ffffff; opacity: 0.6; background: url(../images/icon_mobile_navigation.png) no-repeat center center; width: 24px; height: 4rem; float: left; margin: -18px 0px 0px 2px;}
.navigation-mobile-menu-icon:hover {opacity: 1;}

/* Content Container */
.body.container { background: #ffffff; padding-bottom: 76px; }
.body.container .body { width: 100%; float: left; }

.masthead.container { position: relative; top: 0px; left: 0px; height: 50px; background: url(../images/bg_light.png); float: left; width: 100%; overflow: hidden; }
.masthead.container .masthead { position: relative; top: 0px; left: 0px; height: 50px; max-width: 960px; margin: 0px auto; z-index: 10; }
.masthead.container .image { position: absolute; top: 0px; right: 0px; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.masthead.container img { position: absolute; top: 0px; right: 0px; display: block; width: 100%; min-width: 1300px; }

.masthead .breadcrumb { position: absolute; top: 0px; right: 40px; margin: 15px auto 0px auto; font-size: 12px; color: #515151; }
.masthead .breadcrumb span { color: #515151; }
.masthead .breadcrumb a { text-decoration: none; color: #515151; }
.masthead .breadcrumb a:hover { color: #648e3d; }

.content.container { margin: 40px auto; }

.content.container .left .callout { max-width: 220px; text-align: center; font-size: 18px; }
.content.container .left .callout .image-box { padding: 30px 20px; color: #ffffff; }
.content.container .left .callout .button { font-size: 12px; margin-top: 20px; }

.navigation.secondary { margin-bottom: 30px; }
.navigation.secondary ul { list-style-type: none; margin: 0px; padding: 0px; }
.navigation.secondary ul li { padding: 0px; border-bottom: 1px solid #ebebeb; }
.navigation.secondary ul li a { color: #515151; text-decoration: none; font-size: 16px; display: block; padding: 10px 0px 10px 0px; }
.navigation.secondary ul li a:hover,
.navigation.secondary ul li.selected a { color: #648e3d; }
.navigation.secondary ul li a:hover::before,
.navigation.secondary ul li.selected a::before { content: " "; display: inline-block; position: relative; left: 0px; top: -2px; margin: 0px 5px 0px 0px; width: 4px; height: 4px; border: 1px solid #648e3d; border-radius: 4px; }

.content.container > .right { padding-left: 0px; }

.content.container .row .column { width: 30%; margin-right: 5%; }
.content.container .row .column:last-child { margin-right: 0%; }

.responsive-table { width: 100%; }
.responsive-table .full-table th { font-size: 16px; color: #e36020; font-weight: normal; text-align: left; padding: 10px 20px; }
.responsive-table tr td { padding: 10px 20px; border-bottom: 1px solid #e1e1e1; background: #f9f9f9 }
.responsive-table tr:nth-child(2n) td { background: #ffffff }

/* Footer Container */
.footer.container { position: absolute; bottom: 0; left: 0; width: 100%; background: #e8e8e7; color: #515151; font-size: 14px; padding: 0px 10px;}
.footer.container a { color: #515151; text-decoration: none;  }
.footer.container ul { margin: 0; padding: 0; list-style-type: none; }
.footer.container ul li { margin: 3px 0; }
.footer.container ul li:first-child { margin-top: 0; }
.footer.container ul li:last-child { margin-bottom: 0; }
.footer.container .footer { padding: 14px 0; }

.footer .footer-contact { padding: 12px 0px; min-height: 52px; }
.footer .footer-contact a { color: #515151; font-weight: bold; font-size: 18px; line-height: 21px; display: inline-block; padding: 0px 0px 0px 35px; background: url(../images/icon_contact.png) no-repeat 0px -51px }
.footer .footer-contact a:hover { color: #648e3d; background-position: 0px -10px; }

.footer .copyright { text-align: center; }

/*.social-media a.twitter:hover { background: #4ac7f5; }
.social-media a.youtube:hover { background: #b90000; }
.social-media a.facebook:hover { background: #587aca; }
.social-media a.linkedin:hover { background: #0074b1;}
.social-media a.googleplus:hover { background: #a92a24; }*/

.clsOneHalf { width: 50%; float: left; }

@media all and (max-width: 768px) {
    #divLogo { text-align: center; }
    .header.container { margin-bottom: 0; }
    .mobile-one { float: left !important; }
    .navigation-mobile-menu-icon { float: right; margin-right: 15px; }
    .footer .footer-contact { text-align: center; }
    .body.container { padding-bottom: 103px; }
}

@media all and (max-width: 480px) {
    .navigation.secondary { display: none; }
    .content.container .row .column { width: inherit; margin-right: inherit; }
    .content.container .row .column:last-child { margin-right: inherit; }
    .slide-content { display: none; }
}