@import url(fonts.css);

html, body {
    position:relative;
    margin:0;
    padding:0;
    font-family:fira_sans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:16pt;
    line-height:1;
    color:#333333;
}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.clear-fix { clear:both; }
.accent-1 { color:#fbff0d; }
.accent-2 { color:#aba000; }
.accent-3 { color:#414141; }
.accent-4 { color:#33a5dd; }
.two-columns {
    -webkit-columns: 400px 2;
    -moz-columns: 400px 2;
    columns: 400px 2;
}
ul.two-columns {
    list-style-position:outside;
}
ul.two-columns li {
    margin-left:.5em;
}
.content-width { width: 980px; max-width:100%; margin:0 auto; }

.row:before, .row:after { content:""; display:block; clear:both; }
.padding-bottom { padding-bottom:10px; }
.col-1 { float:left; width:8.333333%; }
.col-2 { float:left; width:16.666666%; }
.col-3 { float:left; width:25%; }
.col-4 { float:left; width:33.333333%; }
.col-5 { float:left; width:41.666666%; }
.col-6 { float:left; width:50%; }
.col-7 { float:left; width:58.333333%; }
.col-8 { float:left; width:66.666666%; }
.col-9 { float:left; width:75%; }
.col-10 { float:left; width:83.333333%; }
.col-11 { float:left; width:91.666666%; }
.col-12 { float:left; width:100%; }
.offset-1 { margin-left:8.333333%; }
.offset-2 { margin-left:16.666666%; }
.offset-3 { margin-left:25%; }
.offset-4 { margin-left:33.333333%; }
.offset-5 { margin-left:41.666666%; }
.offset-6 { margin-left:50%; }
.offset-7 { margin-left:58.333333%; }
.offset-8 { margin-left:66.666666%; }
.offset-9 { margin-left:75%; }
.offset-10 { margin-left:83.333333%; }
.offset-11 { margin-left:91.666666%; }
.sr-only { display:none; }

.overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.75);
    z-index:100;
}
.messageBox {
    position:fixed;
    top:50%;
    left:50%;
    width:400px;
    max-width:95%;
    height:250px;
    padding:10px;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    background-color:#FFFFFF;
    box-shadow:5px 5px 5px rgba(0,0,0,.8);
    z-index:110;
}
.messageBox.iframe {
    width:600px;
    max-width:95%;
    height:500px;
    max-height:95%;
}
.messageBox iframe {
    box-sizing: border-box;
    border:none;
    width:100%;
    height: calc(100% - 65px);
}
.messageBox h1 {
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.25rem;
    color:#333333;
    border-bottom:1px solid #E1E1E1;
}
.messageBox p {
    font-size:.65rem;
}
.messageBox footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:75px;
}
.messageBox footer button {
    position:absolute;
    padding:5px 40px;
    top:50%;
    line-height:35px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
        transform:translateY(-50%);
}
p.alert {
    border:1px solid #888888;
    background-color:#FFFFE1;
    font-weight:bold;
    padding:15px 20px;
}
a { color: #313131; }
address { font-style:normal; }
button, .button {
    padding:20px 40px;
    font-family:fira_sans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:.65rem;
    text-transform:uppercase;
    text-decoration: none;
    color:#FFFFFF;
    background-color:#414141;
    border:none;
    border-radius:3px;
    box-shadow:2px 2px 2px rgba(0,0,0,.4);
}
footer button, footer .button {
    line-height:50px;
}
.button.gray { background-color:#414141; }
.button.yellow { background-color:#aba000; }
button.default, .button.default {
    color:#333333;
    background-color:#FFFFFF;
    border: 1px solid #414141;
}
button.primary, .button.primary {
    border: 1px solid #CCCCCC;
}
button.small, .button.small {
    padding:10px 15px;
    border-radius: 10px;
}
header.primary {
    position:relative;
    width:100%;
    padding-top:65px;
    padding-top:8vh;
}
header.primary .broad-gray {
    margin:0;
    line-height:225px;
    min-height:250px;
    text-align: center;
    color:#FFFFFF;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    background-color:#414141;
    background-image:url(../img/stripes.png);
}
header.primary .broad-gray strong {
    color:#34a4dc;
}
nav.primary {
    box-sizing: border-box;
    position:fixed;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    top:0;
    padding:0 20px;
    width:100%;
    height:75px;
    height:8vh;
    min-height:75px;
    background-color:#272727;
    background-image:url(../img/stripes.png);
    z-index:100;
}
nav.primary ul ul {
    background-color:#272727;
    background-image:url(../img/stripes.png);
}
header.primary.home nav.primary, header.primary.home nav.primary ul ul {
    background-color:#414141;
}

nav.primary > ul {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    height:100%;
    margin:0;
    padding:0;
    list-style:none;
}
nav.primary .logo {
    width:150px;
}
nav.primary .logo img {
    height:65px;
}
header.primary.home nav.primary .logo { display:none; }
nav.primary .phone {
    margin-left: auto;
    text-align:right;
    font-size:.8rem;
    text-transform: uppercase;
    color:#FFFFFF;
}
nav.primary .phone .button {
    margin-left: 1em;
}
nav.primary ul li {
    position:relative;
    margin:0 16px;
    padding:0 2px;
    font-size:.8rem;
    text-transform: uppercase;
    color:#FFFFFF;
}
nav.primary a { color:#FFFFFF; text-decoration: none; }
nav.primary > ul > li:last-child {
}
nav.primary ul li.selected {
    border-bottom:4px solid #fbff0d;
    padding-bottom:2px;
    margin-top:6px;
}
nav.primary ul ul {
    box-sizing:border-box;
    position:absolute;
    width:250px;
    padding:15px 10px 5px;
    left:-50%;
    right:-50%;
    list-style:none;
    border-radius: 0px 0px 5px 5px;
    opacity:0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s, 0s;
    transition-delay: 0s, 0.3s;
}
nav.primary ul li:hover ul {
    opacity: 1;
    transition-delay: 0s, 0s;
    visibility: visible;
}

nav.primary ul ul li {
    margin:0;
    padding:8px 0;
}
header.primary h1.broad-gray {
    width:100%;
    text-align:center;
    background-color:#414141;
}
/* Only turn menu button on if on mobile device. This is done in responsive.css */
.c-hamburger {
  display: none;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 5px;
  width: 40px;
  height: 30px;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color:transparent;
  transition: background 0.3s;
}

.c-hamburger:focus { outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 50%;
  left: 9px;
  right: 9px;
  height: 2px;
  background: white;
}

.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}
.c-hamburger span::before { top: -6px; }
.c-hamburger span::after { bottom: -6px; }

.c-hamburger--htx {
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property:top, -webkit-transform;
  transition-property:top, transform;
  transition-property: top, transform, -webkit-transform;
}

.c-hamburger--htx span::after {
  transition-property:bottom, -webkit-transform;
  transition-property:bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.slideshow-wrapper {
    position:relative;
    height:550px;
    height:92vh;
    min-height:550px;
}
.slideshow-wrapper .logo {
    position:absolute;
    width:525px;
    max-width:85%;
    left:50%;
    top:2.5%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
    z-index:30;
}
.slideshow-container {
    width:100%;
    height:100%;
}
.slideshow-container div.slideshow {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.slideshow-container div.slideshow div.slick-list, .slideshow-container div.slideshow div.slick-track {
    height:100%;
}
.slideshow-container div.slideshow div.slick-slide {
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    z-index:10;
    background-size:cover;
    background-position: 0 bottom;
}
.slideshow-container div.slideshow div .slide-content-container {
    position:absolute;
    bottom:0;
    left:50%;
    width:800px;
    max-width: 100%;
    height:50%;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
}
.slideshow-container div.slideshow h1 {
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
    text-align:center;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.75rem;
    font-weight:normal;
    line-height:1.5;
    color:#414141;
    margin-left:0;
    opacity:1;
    transition: all 1s;
    transition-timing-function: ease-in;
    z-index:30;
}
.slideshow-container div.slideshow div h1 span { display:block; }
.slideshow-container div.slideshow h2 {
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
    text-align:center;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.5rem;
    font-weight:normal;
    line-height:1.5;
    color:#414141;
    margin-left:0;
    opacity:1;
    transition: all 1s;
    transition-timing-function: ease-in;
    z-index:30;
}
.slideshow-container div.slideshow div p {
    transition: all 1s;
    transition-timing-function: ease-in;
}

.slideshow-container div.slideshow blockquote,  .slideshow-container div.slideshow .content {
    box-sizing:border-box;
    position:absolute;
    bottom:150px;
    left:50%;
    width:850px;
    max-width:100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding:20px 20px 15px 45px;
    margin:0;
    text-align:justify;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.25rem;
    font-style:italic;
    line-height:1.2;
    color:#FFFFFF;
    border-radius:20px;
    transition: all 1s;
    transition-timing-function: ease-in;
    quotes: '\201c' '\201d';
}
.slideshow-container div.slideshow blockquote:before {
    content:open-quote;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size:5rem;
    font-style:normal;
    position: absolute;
    top:50px;
    left:0px;
    line-height:.75;
    color:rgba(255,255,255,.875);
}
.slideshow-container div.slideshow blockquote p {
    margin-bottom:5px;
}
.slideshow-container div.slideshow .content p {

}
.slideshow-container div.slideshow blockquote footer { 
    text-align:right; 
    margin:10px 0;
}
.slideshow-container div.slideshow blockquote footer cite {
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:.875rem;
    font-style:normal;
    font-weight:normal;
    text-transform: uppercase;
}

.slideshow-container div.slideshow div.slide1.hide h1 {
    margin-left:-50px;
    opacity:0;
}
.slideshow-container div.slideshow div.slide2 h2 { 
    position:absolute;
    top:0px;
    width:100%;
    color:#000000;
    font-weight:normal;
}
.slideshow-container div.slideshow div.slide2 blockquote {
/*    position:absolute;
    bottom:150px;
    left:50%;
    margin-left:-425px;*/
}
.slideshow-container div.slideshow div.slide2.hide h2 {
    margin-top:0px;
    opacity:0;
}
.slideshow-container div.slideshow div.slide2.hide blockquote {
    margin-bottom:0px;
    opacity:0;
}


.slideshow-container div.slideshow div.slide3 { background-position:top; }
.slideshow-container div.slideshow div.slide3:before {
    position:absolute;
    content:"";
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(255,255,255,.5);
    z-index:10;
}
.slideshow-container div.slideshow div.slide3 p {
    position:absolute;
    bottom:275px;
    left:50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width:850px;
    max-width:100%;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.35rem;
    line-height:1.2;
    text-align: justify;
    color:#000000;
    z-index:15;
}
.slideshow-container div.slideshow div.slide3.hide p {
    opacity:0;
    left:46%;
}
.slideshow-container div.slideshow div.slide4 h2 {
    margin-top: 50px;
    color:#FFFFFF;
    font-size: 1.75rem;
    text-shadow:1px 1px 1px rgba(0,0,0,1);
}
.slideshow-container div.slideshow div.slide4.hide h2 {
    opacity:0;
    margin-top: 35px;
}
.slideshow-container div.slideshow div.slide4.hide blockquote {
    opacity:0;
    margin-bottom:-50px;
}
.slideshow-container div.slideshow div.slide4 .content {
    bottom: 115px;    
}
.slideshow-container div.slideshow div.slide4.hide .content {
    opacity:0;
    margin-bottom:-20px;
}
.starburst-container,
.starburst-container:before,
.starburst-container:after,
.starburst-container .starburst,
.starburst-container .starburst:before,
.starburst-container .starburst:after {
    height: 4.5em;
    width: 4.5em;
    background-color: #aba000;
}

.starburst-container:before,
.starburst-container:after,
.starburst-container .starburst:before,
.starburst-container .starburst:after {
    content: "";
    position: absolute;
}

.starburst-container {
    position: absolute; /* Context */
    bottom: 5.5em;
    left: 50%;
    transform: translateX(-13.5em) rotate(-45deg);
    transition: all 1s;
    transition-timing-function: ease-in;
}
.slideshow-container div.slideshow div.slide4.hide .starburst-container {
    opacity:0;    
    margin-left:-20px;
}
.starburst-container:before {
    top: 0;
    left: 0;
    transform: rotate(-30deg);
}

.starburst-container:after {
    top: 0;
    left: 0;
    transform: rotate(-15deg);
}

.starburst-container .starburst {
    padding: .5em 0em;
    height: 3.5em; /* height minus padding */
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(45deg);
    z-index: 1; /* important so the text shows up */
}

.starburst-container .starburst:before {
    top: 0;
    left: 0;
    transform: rotate(60deg);
}

.starburst-container .starburst:after {
    top: 0;
    left: 0;
    transform: rotate(75deg);
}
.starburst-container .starburst span.starburst-content {
    position: relative;
    display: block;
    text-align: center;
    color: #ffffff;
    font: 1.0125em Sans-Serif;
    margin-top: 0.5em;
    transform: rotate(-10deg);
    z-index: 100;
}
.starburst-container .starburst .uppercase {
    text-transform: uppercase;
}

.slick-prev { left: 35px; z-index:50; }
.slick-next { right: 35px; z-index:50; }
.slick-prev:before, .slick-next:before {
    font-size: 32px;
}
.slick-dots {
    bottom:50px;
    height:30px;
    z-index:50;
}
.slick-dots li.slick-active button:before, .slick-dots li button:before { font-size:9px; }
.slick-dots:after {
    content:"";
    display:block;
    clear:both;
}
.slick-dots li button { box-shadow:none; }

.divider {
    background-image:url(../img/border.png);
    background-size:cover;
    background-position:50% 50%;
    position:absolute;
    bottom:0;
    margin-bottom:-37px;
    width:100%;
    height:82px;
    z-index:30;
}

section.content {
    padding: 50px 0;
    font-size:.75rem;
    line-height:1.5;
    min-height:200px;
}
section.content.personal-information {
    min-height:400px;
}
section.content ul li {
    margin-left:.5em;
}
section.content h2 {
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.875rem;
    color:#38a5dd;
}
section.content h3 {
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.5rem;
    color:#38a5dd;
    margin-bottom:0;
}
section.content.contrast { color:#FFFFFF; }
section.content.contrast h2 { color:#aba000; }

section.content blockquote {
    position:relative;
    text-align:center;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.25rem;
    margin:60px auto;
    width:950px;
    max-width:100%;
}
section.content blockquote p {
    margin:0 auto;
    padding:0 75px;
    quotes: '\201c' '\201d';
}
section.content blockquote p:before {
    content:open-quote;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size:10rem;
    font-style:normal;
    color:rgba(0,0,0,.25);
    position: absolute;
    top:0px;
    left:0px;
    line-height:.75;
}
section.content.contrast blockquote p:before { color:rgba(255,255,255,.25); }
section.content blockquote footer {
    text-align:right;
}
section.content blockquote footer cite {
    font-style:normal;
    text-transform:uppercase;
    font-size:.875rem;
}
section.content blockquote.right-quote {
    text-align:justify;
    font-size:1rem;
    margin:10px 0px 10px 30px;
    padding: 0 0px 20px;
    width:410px;
    float:right;
    border-bottom:5px double rgba(171,160,0,.4);
}
section.content blockquote.right-quote p {
    margin:0 auto;
    padding:0 0px 0 65px;
    quotes: '\201c' '\201d';
}
section.content blockquote.right-quote p:before {
    content:open-quote;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size:6rem;
    font-style:normal;
    color:rgba(171,160,0,.4);
    position: absolute;
    top:0px;
    left:0px;
    line-height:.75;
}

section.secondary {
    position:relative;
    background-size:cover;
    background-attachment: fixed;
}
section.secondary .content-width {
    position:relative;
    z-index:20;
}
section.secondary:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(50,50,50,.7);
    z-index:10;
}

section.welcome.secondary {
    background-image:url(../img/section-background-boats.jpg);
    background-position:50% bottom;
}
section.about-cca-hope-quote.secondary {
    background-image:url(../img/section-background-boats-2.jpg);
    background-position:50% 50%;
}
section.welcome-quote.secondary {
    background-image:url(../img/section-background-mountain-lake.jpg);
    background-position:50% 100%;
}
section.welcome-quote.secondary:before {
    background-color:rgba(50,50,50,.5);
}
section.our-services-quote {
    background-image:url(../img/section-background-services.jpg);
    background-position:50% 50%;
}
section.staff-quote {
    background-image:url(../img/section-background-staff.jpg);
    background-position:50% 50%;
}
section.how-to-start-quote {
    background-image:url(../img/section-background-how-to-start.jpg);
    background-position:50% 50%;
}
section.faq-quote {
    background-image:url(../img/section-background-faq.jpg);
    background-position:50% 50%;
}
section.contact-us-quote {
    background-image:url(../img/section-background-contact-us.jpg);
    background-position:50% 50%;
}
section.personal-information-quote {
    background-image:url(../img/section-background-personal_information.jpg);
    background-position:50% 50%;
}

.staff-bios section {
    box-sizing:border-box;
    margin:0px;
    padding:0 5px 20px 5px;
}
.staff-bios header h3 {
    margin:0;
    padding:5px 10px;
    background-color:#34a4dc;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight:bold;
    font-size:.875rem;
    text-align:center;
    color:#FFFFFF;
}
.staff-bios header h4 {
    margin:0;
    padding:5px 10px;
    background-color:#34a4dc;
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight:bold;
    font-style:italic;
    font-size:.875rem;
    color:#FFFFFF;
}
.staff-bios section:nth-child(3n-2) { clear: left; }
.staff-bios p {
    padding:0px 10px;
}
.staff-bios header img {
    width:50%;
    display:block;
    margin: 0 auto 10px;
    border-radius: 50%;
}
.director-staff-bios header img {
    width:100%;
    border-radius:0;
    margin-bottom:0;
}
.director-staff-bios header h3 {
    font-size:1.1rem;
    text-align:left;
}
.form-buttons .button {
    display:block;
}
#map {
    width:100%;
    height:350px;
}

form fieldset {
    padding:0 0px 15px;
    border:0;
}
form .row {
    padding: 5px 0;
    margin: 5px 0 5px;
}
form legend {
    font-family:montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight:bold;
    font-size:1rem;
    margin-top:10px;
    padding:0 1%;
    width:98%;
}
form p, form h4 {
    padding:0 1%;
}
form input.alert, form select.alert {
    border-color:#994444;
    background-color:#FFFFe1;
}
form div[class^=col-] {
    box-sizing:border-box;
    padding:0 4px;
}
form div[class^=col-] label:not(.sr-only) {
    display:block;
    width:100%;
}
form div[class^=col-] input, form div[class^=col-] select, form div[class^=col-] textarea { 
    box-sizing: border-box; width:100%; 
}
form div[class^=col-] input, form div[class^=col-] select {
    height:34px;
}
form div[class^=col-] input.half, form div[class^=col-] select.half, form div[class^=col-] textarea.half { width:50%; }

form div[class^=col-] input:not([type=checkbox]):not([type=radio]) { padding:4px 3px; }

.heading { font-weight:bold; }
.alternate { 
    background-color: #32DCC0; 
    background-color: rgba(50,220,192,.4);
}
.client-form button {
    padding:10px 30px;
    vertical-align:middle;
}
.client-form button.prev:before, .client-form button.next:after {
    font-family: 'icomoon' !important;
    font-size:1rem;
    line-height:1;
    margin:0;
    padding:0;
    vertical-align:middle;
}
.client-form button.prev:before {
    content:'\e902';
    margin-right:5px;
}
.client-form button.next:after {
    content:'\e901';
    margin-left:5px;
}
.client-form { 
    position:relative;
    border:1px solid #333333; 
    overflow:hide;
}
.client-form > div > fieldset { 
    width:100%;
    display:none;
}
.client-form > div > fieldset.show { 
    display:block;
}
.client-form > .tabs {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
}
.client-form > .tabs:after {
    content:"";
    clear:both;
    display:block;
}
.client-form > .tabs li {
    position:relative;
    -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
            flex: 1 auto;
    margin: 0;
    padding:0 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-family:fira_sans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:.75rem;
    background-color:#DEDEDE;
}
.client-form > .tabs li:before {
    position:absolute;
    border-radius:50%;
    width:16px;
    height:16px;
    top:8px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    line-height:16px;
    font-size:12px;
    color:#888888;
    border:1px solid #888888;
}
.client-form > .tabs li:nth-child(1):before { content:'1'; }
.client-form > .tabs li:nth-child(2):before { content:'2'; }
.client-form > .tabs li:nth-child(3):before { content:'3'; }
.client-form > .tabs li:nth-child(4):before { content:'4'; }
.client-form > .tabs li:nth-child(5):before { content:'5'; }
.client-form > .tabs li:nth-child(6):before { content:'6'; }

.client-form > .tabs li.selected {
    background-color:#FFFFFF;
    border-bottom:none;
}
.client-form > .tabs li a {
    display:block;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding: 26px 16px 10px;
    color:#888888;
    text-decoration: none;
}
.client-form > .tabs li.selected a {
    color:#333333;
}
.client-form > .tabs li:hover a, .client-form > .tabs li:hover:before {
    color:#990000;
}
.client-form > .tabs li:hover:before { border-color: #990000; }

.side-tabs-container:after {
    content:'';
    display:block;
    clear:both;
}
.side-tabs-container .tabs {
    float:left;
    width:15%;
    list-style:none;
    padding:0;
    margin:0;
}
.side-tabs-container .tabs li {
    margin:0;
    padding:0;
    text-transform: uppercase;
    font-size:.75rem;
    background-color:#DEDEDE;
}
.side-tabs-container .tabs li a {
    display:block;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding: 10px 16px;
    color:#888888;
    text-decoration: none;
}

.side-tabs-container .tabs li.selected { background-color:#FFFFFF; }
.side-tabs-container .tabs li.selected a { border-left:3px solid #666666; color:#333333; padding-left:13px; }
.side-tabs-container .tabs li:hover a { color: #990000; }
.side-tabs-container .tabs-content {
    position:relative;
    float:left;
    box-sizing:border-box;
    width:85%;
    margin:0;
    padding:0 10px;
}
.side-tabs-container .tabs-content h4 {
    margin:8px 0 10px 0;
}
.side-tabs-container .tabs-section {
    position:absolute;
    width:98%;
    height:100%;
    opacity:0;
/*    transition: all .5s ease-in;*/
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s, 0s;
    transition-delay: 0s, 0.3s;
}
.side-tabs-container .tabs-section.show {
    opacity: 1;
    transition-delay: 0s, 0s;
    visibility: visible;
}
footer.primary { padding:20px 0; }
footer.primary address { 
    font-size:.75rem; 
    font-style:normal; 
    line-height:1.5;
    margin:0 0 20px; 
}
footer.primary .email-address {
    text-align: right;
}
footer.primary p { margin:0; padding:0; }

section.copyright {
    background-color:#414141;
    color:#FFFFFF;
    height:60px;
    font-size:.625rem;
}
section.copyright small { font-size:inherit; }
section.copyright div { line-height:60px; }
section.copyright a { color:#FFFFFF; }