﻿@charset "utf-8";
/*
Description:CLIENT NAME
Author:The Lavidge Company & Internet Marketing Agency
Author URI: http://www.lavidge.com & http://www.internetmarketingagency.com
*/

/* =================            @FONT-FACE             =============== */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

@font-face {font-family:'FontAwesome'; src:url('/common/font/fontawesome-webfont.eot?v=4.3.0'); src:url('/common/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/common/font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/common/font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/common/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/common/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-style:normal; font-weight:normal;}

/* =================           GLOBAL RESET           =============== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {margin:0; padding:0;}

/* =================           GLOBAL STYLES           =============== */
body {background:#fff; color:#6a6a6a; font:18px 'Josefin Sans', Arial, sans-serif; line-height:1.2;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:26px; letter-spacing:3px; text-transform:uppercase;}
h2 {font-size:24px; letter-spacing:3px; text-transform:uppercase;}
h3 {font-size:18px; letter-spacing:3px; text-transform:uppercase;}
h4 {font-size:18px;}
h5 {font-family:'aleo-lightitalic', Arial, sans-serif; font-size:28px;}
p {line-height:1.6; padding-bottom:15px;}
ul, ol {padding:0 0 15px 20px;}
a {color:inherit; outline:none;}
img, svg {border:none; max-width:100%;}
td {vertical-align:top;}
article, aside, footer, header, nav, section, figure, figcaption, main {display:block;}

/* shortcuts _______________________________________________________________ */
.clear {clear:both; overflow:hidden;}
.bold_italic {font-family:'aleo-bolditalic', Arial, sans-serif;}
.hidden {display:none;}
.scrollFix {line-height:1.35;}
.orange {color:#f57c4b;}
.aqua {color:#52bebe;}
.blue {color:#6e8bc6;}
.red {color:#c95e62;}
.green {color:#b8d242;}
.gray {color:#707070;}
.button {background:#96b312; border:1px solid #fff; color:#fff; cursor:pointer; display:inline-block; font-family:'open_sansregular', Arial, sans-serif; font-size:16px; height:48px; line-height:48px; min-width:270px; padding:0 15px; text-align:center; text-decoration:none; text-transform:uppercase;}
a.rounded_button, span.rounded_button a {background:#96b312; border-radius:6px; color:#fff; cursor:pointer; display:inline-block; font-family:'open_sansregular', Arial, sans-serif; font-size:17px; height:50px; line-height:50px; min-width:200px; padding:0 15px; text-align:center; text-decoration:none; text-transform:uppercase; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* ================        GLOBAL FORMS        ============== */
fieldset {border:none;}
input[type="text"] {background:transparent; border:1px solid #fff; border-radius:0; color:#fff; font-family:'Josefin Sans', Arial, sans-serif; font-size:18px; height:48px; letter-spacing:3px; line-height:1; padding:0 20px; width:235px; -webkit-appearance:none;}
::-webkit-input-placeholder {color:#fff; letter-spacing:3px; text-transform:uppercase;}
::-moz-placeholder {color:#fff; letter-spacing:3px; text-transform:uppercase;}
:-ms-input-placeholder {color:#fff; letter-spacing:3px; text-transform:uppercase;}
:-moz-placeholder {color:#fff; letter-spacing:3px; text-transform:uppercase;}
input[type="submit"] {background:#fff; border:none; border-radius:10px; color:#8dc63f; cursor:pointer; font-family:'Josefin Sans', Arial, sans-serif; font-size:18px; height:50px; line-height:1; min-width:276px; padding:0 22px; text-transform:uppercase; -webkit-appearance:none; -moz-border-radius:10px; -webkit-border-radius:10px;}
textarea {background:#e6e6e6; border:none; border-radius:0; color:#4d4f53; font-family:'open_sansregular', Arial, sans-serif; font-size:16px; line-height:1; min-height:80px; min-width:270px; padding:10px;}
select {color:#414042; font-family:'open_sansregular', Arial, sans-serif; font-size:16px; padding:0 15px; -webkit-appearance:none;}
.select {background:#e6e6e6 url(/common/img/select_arrow.png) no-repeat 95% 50%; border:none; display:inline-block; height:50px; overflow:hidden; position:relative; width:300px;}
.select select {background:transparent; border:none; height:100%; width:120%;}
    .ie8 .select select {height:50px;}
.select select option {background:#707070; color:#fff; padding:5px;}
    .ie .select select option {background:transparent; color:#414042;}
.radio_wrap {clear:both; display:block; margin-bottom:10px; overflow:hidden;}
.radio_wrap label:before {background:#fff; border:2px solid #f57c4b; border-radius:50%; color:#f57c4b; content:''; display:inline-block; float:left; font-family:'FontAwesome'; font-size:14px; height:16px; letter-spacing:-1px; line-height:16px; margin-right:7px; text-align:center; width:16px; -moz-border-radius:50%; -webkit-border-radius:50%;}
    .radio_wrap label.selected:before {content:'\f111';}
    .ie8 .radio_wrap label:before {content:none;}
.radio_wrap input {display:none;}
    .ie8 .radio_wrap input {display:inline;}
.checkbox_wrap {display:block; margin-bottom:10px; overflow:hidden;}
.checkbox_wrap label:before {background:#fff; border:2px solid #f57c4b; border-radius:3px; color:#f57c4b; content:''; display:inline-block; float:left; font-family:'FontAwesome'; font-size:11px; height:16px; line-height:18px; margin-right:7px; text-align:center; width:16px; -moz-border-radius:3px; -webkit-border-radius:3px;}
    .checkbox_wrap label.selected:before {content:'\f00c';}
    .ie8 .checkbox_wrap label:before {content:none;}
.checkbox_wrap input {display:none;}
    .ie8 .checkbox_wrap input {display:inline;}
.contourField {padding-bottom:18px;}
.hiddenfield {display:none;}
label.fieldLabel {display:block; padding-bottom:10px;}
.textfield label.fieldLabel {display:none;}
    .ie .textfield label.fieldLabel {display:block; text-align:left;}
.contourPage .span6 {float:left; width:50%;}
.field-validation-error {color:#990000; display:block; text-align:left;}
.contourPageName {font-size:24px; letter-spacing:3px; text-transform:uppercase;}
.validation-summary-errors {background:#fff; border-radius:10px; color:#61b9d7; margin-top:10px; padding:15px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.validation-summary-errors ul {list-style:none; padding:0;}
.validation-summary-errors li {padding-bottom:5px;}
input[type="text"].input-validation-error {border-color:#61b9d7;}

/* ================         BASE LAYOUT ELEMENTS        ============== */
/* wrappers _______________________________________________________________ */
#master {margin:0 auto; position:relative;}
main {background:#fff; overflow:hidden;}
.container {margin:0 auto; max-width:1365px; overflow:hidden; padding:100px 0 0;}

/* header _______________________________________________________________ */
#header {padding:12px 0 24px; position:relative; text-align:center;}

/* feature _______________________________________________________________ */
#feature {position:relative;}
#page_photo {background:no-repeat 50% 50%; background-size:cover; min-height:610px;}
#feature_content {bottom:155px; color:#fff; position:absolute; text-align:center; width:100%;}
#feature_content .inner {background:rgba(77,161,190, 0.6); border:1px solid #fff; margin:0 auto; max-width:306px; padding:40px 90px;}
    .ie #feature_content .inner {background:#4da1be;}
#feature_content h1 {line-height:1.4;}

/* content _______________________________________________________________ */
#content p, #content li {line-height:1.6;}

/* footer _______________________________________________________________ */
#footer_form {background:#8dc63f; color:#fff; padding:50px 0 35px; text-align:center;}
#footer_form .inner {margin:0 auto; max-width:610px;}
#footer_form .contourFieldSet {overflow:hidden; padding-top:35px;}
#footer_form .contourField {float:left; padding:0 12px 20px;}
#footer_form .contourNavigation {float:left; padding-left:12px;}
    .ie #footer_form .contourNavigation {padding-top:31px;}
#footer {font-size:16px; padding:45px 15px; text-align:center;}
#footer_logo {padding-bottom:45px;}
#copyright {font-size:10px; text-align:center; text-transform:uppercase;}

/* =================             NAVIGATION            =============== */
/* main nav _______________________________________________________________ */
#nav_wrapper {background:#eb6638; display:none; left:0; position:absolute; top:-100%; width:100%; z-index:1;}
#main_nav {margin:160px auto 0; max-width:900px;}
#main_nav ul {list-style:none; overflow:hidden; padding:0;}
#main_nav li {float:left; padding-bottom:100px; text-align:center; width:50%;}
#main_nav a {color:#fff; font-family:'open_sanslight', Arial, sans-serif; font-size:42px; letter-spacing:2px; text-decoration:none;}

/* ================        INDIVIDUAL PAGE STYLE        ============== */
/* home _________________________________________________________________ */
#content_tabs {margin:0 auto; max-width:960px; padding:70px 0 60px; text-align:center;}
#content_tabs .tabs {padding-bottom:10px;}
#content_tabs .line {background:#8dc63f; height:1px; margin:0 auto; width:65%;}
#content_tabs .tab {color:#6a3655; display:inline-block; letter-spacing:3px; margin-bottom:25px; text-transform:uppercase; vertical-align:top; width:32%;}
    #content_tabs .tab:first-child {margin-left:0;}
    #content_tabs .tab:nth-child(3n+2) {color:#61b9d7;}
    #content_tabs .tab:nth-child(3n+3) {color:#414166;}
#content_tabs .tab:before {color:#8dc63f; content:'\f111'; display:block; font-family:'FontAwesome'; font-size:10px; margin-top:-7px; padding-bottom:15px; text-align:center;}
#content_tabs .content {margin:0 auto; max-width:700px; padding:0 15px;}

#content_sections .header {background:url(/common/img/whirlygig/section-bg.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; font-size:24px; letter-spacing:3px; padding:80px 15px 30px; text-align:center; text-transform:uppercase;}
#content_sections .header:after {content:'\f103'; display:block; font-family:'FontAwesome'; font-size:29px; padding-top:25px;}
#content_sections .sections {margin:0 auto; max-width:920px;}
#content_sections .item {border-bottom:1px solid #e9ece4; overflow:hidden; padding:50px 35px 35px;}
#content_sections .content {float:right; width:530px;}
    .ie8 #content_sections .content {float:none; width:auto;}
    #content_sections .item:nth-child(2n + 2) .content {float:left; text-align:right;}
#content_sections .image {float:left; height:60px; margin-left:180px; width:90px;}
    .ie8 #content_sections .image {display:none;}
    #content_sections .item:nth-child(2n + 2) .image {float:right; margin:0 180px 0 0;}
#content_sections .image img {max-height:100%; position:relative; top:50%; transform:translateY(-30%); -moz-transform:translateY(-30%); -webkit-transform:translateY(-30%);}
#content_sections .title {color:#8dc63f; padding-bottom:5px;}
    #content_sections .item:nth-child(4n + 2) .title {color:#414166;}
    #content_sections .item:nth-child(4n + 3) .title {color:#61b9d7;}
    #content_sections .item:nth-child(4n + 4) .title {color:#6a3655;}

/* ================        RESPONSIVE        ============== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#page_photo {min-height:450px;}
#content_sections .image {margin-left:100px;}
    #content_sections .item:nth-child(2n + 2) .image {margin-right:100px;}
#content_sections .content {width:70%;}
}

/* tablet device ______________________________________________________________ */
@media only screen and (min-width: 641px) and (max-width: 768px) {
#page_photo {min-height:450px;}
#content_sections .image {margin-left:0;}
    #content_sections .item:nth-child(2n + 2) .image {margin-right:0;}
#content_sections .content {width:80%;}
}

/* mobile device ______________________________________________________________ */
@media all and (max-width: 640px) {
#header {padding:8px 0;}
#page_photo {min-height:310px;}
#feature_content {bottom:0;}
#feature_content .inner {padding:35px 10px;}
#content_tabs {padding:30px 0 45px;}
#content_tabs .tabs {padding:0 50px; position:relative; text-align:left;}
#content_tabs .line {position:absolute; height:80%; left:29px; top:50%; transform:translateY(-50%); width:1px; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#content_tabs .tab {display:block; margin-bottom:40px; position:relative; width:auto;}
#content_tabs .tab:before {left:-25px; margin-top:0; padding-bottom:0; position:absolute; top:50%; transform:translateY(-50%);}
#content_sections .header {padding-top:50px;}
#content_sections .header:after {padding-top:15px;}
#content_sections .image {display:none;}
#content_sections .content, #content_sections .item:nth-child(2n + 2) .content {float:none; text-align:center; width:auto;}
#content_sections .item {padding:50px 20px 10px;}
#content_sections .toggle {border:1px solid #bfbfbf; border-radius:50%; cursor:pointer; height:25px; margin:10px auto; position:relative; width:25px;}
#content_sections .toggle:before {background:#bfbfbf; content:''; display:block; height:1px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); transition:0.3s; width:13px;}
    #content_sections .toggle.open:before {left:25%; top:49%; transform:rotate(-135deg);}
#content_sections .toggle:after {background:#bfbfbf; content:''; display:block; height:13px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); transition:0.3s; width:1px;}
    #content_sections .toggle.open:after {top:25%; transform:rotate(-135deg);}
#content_sections .text {display:none;}
#footer_form .contourFieldSet {padding-top:20px;}
#footer_form .contourField {float:none; padding:0 0 20px;}
#footer_form .contourNavigation {float:none; padding:0;}
#footer {padding-top:30px;}
#footer_logo {padding-bottom:30px;}
}
#footer_form .umbraco-forms-page.container { padding-top: 0px; }