html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    font-family: 'Lato', 'Arial';
}

sup, sub{
    font-size: 65%;
    .font-size: 75%; /*IE 6 & 7 hack*/
    vertical-align: baseline;
    position: relative;
}

sup{
    top:-7px;
}

sup.sup2{
    top:-4px;
}

sub{
    top: 4px;
}

h1 {
    font-family: 'Anton', 'Arial';
    font-size: 60px;
    color: #262626;
}

i {cursor: pointer;}


@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regularitalic-webfont.woff2') format('woff2'),
    url('../fonts/oswald-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fa-calendar {
    padding-right: 10px;
}

#logo {
    float: left;
}

#terms {
    margin-top: 20px;
    margin-right:10px;
}

#privacy-jackson {
    margin-top: 20px;
    margin-left: 20px;
}

#terms a {
    text-decoration: none;
    color: #ffffff;
}

#terms span {
    line-height: 30px;
    margin-left: 10px;
}

#privacy-jackson a {
    text-decoration: none;
    color: #ffffff;
}

#privacy-jackson span {
    line-height: 30px;
    margin-left: 0;
}

#contact a {
    text-decoration: none;
    color: #ffffff;
}

#contact span {
    line-height: 30px;
    margin-left: 10px;
}

#terms,  
#privacy-jackson {
    display: inline-block;
}

#contact {
    display: inline-block;
    margin-top: 20px;
}

a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input.modal-input {
    text-align: center;
    position: relative;
    border: #000 solid 1px;
    width: 100%;
    height: 40px;
    color: #000;
    font-family: 'Arial Rounded MT Bold', 'Arial Rounded MT', Arial !important;
}

.modal-text-step {
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    text-align: left;
    margin: 10px 0px 10px 10px;
}

.input-step {
    width: 100px;
    height: 24px;
    font-size: 15px;
    text-decoration: none;
    color: #999999;
    text-align: center;
    padding: 5px;
}

.modal-btn-step {
    background: #ffc000;
    padding: 12px 50px 12px;
    color: #fff;
    font-size: 14px;
    font-family: 'Arial Rounded MT Bold', 'Arial Rounded MT', Arial !important;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}

.modal-title-step {
    color: #199ed8;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-top: 20px;
    font-family: Arial;
}

.modal-title-step span {
    text-decoration: underline;
    margin-right: 5px;
}

.modal-btn-step[disabled], 
.money-btn-step[disabled], 
.modal-btn-contact[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

#modal-container {
    width: 250px;
}

#modal-step-description {
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: italic;
    font-size: 16px !important;
    color: #199ed8;
    line-height: 20px;
}

.modal-logo {
    width: 160px;
    height: 46px;
}

header {
    background: #fff;
    padding:0;
    margin:20px 43px;
}

header .container .wrapper #logo a img{
    width: 152px;
}

.social{
    position: absolute;
    top: 625px;
    left:0;
    z-index: 999999;
}

.social ul{
    list-style-type: none;
}

.hero .container .row .col-1{
    padding: 0;
    position: relative;
    background-image: url('../images/banner.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 42.48%;
    /*padding-top: 66.64%; */
    /* (img-height / img-width * container-width) */
    /* (853 / 1280 * 100*/
}

.below-hero .container .row .col-1{
    text-align: center;
    position:relative;
}

.below-hero .container .row .col-1 .wrapper{
    background-color:#333;
    color: #fff;
    display: inline-block;
    padding:20px 40px 30px;
    position:relative;
    top: -86px;
    text-align: left;
    text-align: center;
}

.below-hero .container .row .col-1 .wrapper .div-1{
    font-size: 70px;
    line-height: 70px;
    font-weight: bold;
}

.below-hero .container .row .col-1 .wrapper .div-2{
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    margin-top:11px;
}

.below-hero .container .row .col-1 .wrapper .div-3{
    margin-top:20px;
}

.below-hero .container .row .col-1 .wrapper .div-3 img{
    max-width:280px;
}

.middle .container .row .col-1{
    margin-top: -40px;
    color:#fff;
    background-color: #00a2d9;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    font-weight:bold;
    padding: 30px 30px;
    letter-spacing: 0; 
}

.bottom{
    margin-top: 50px;
}

.bottom .container .row .col-1{
    text-align: center;
}

.bottom .container .row .col-1 .elq-form{
    display:inline-block;
    text-align: left;
    background-color:#d0d0d0;
    padding:20px 40px 35px;
    margin: 0 auto;
    padding: 10px 57px 45px !important;
}

.bottom .container .row .col-1 .elq-form input {
    height: 30px;
    line-height: 30px;
    width: 359px;
    border-radius:0 !important;
    border:none !important;
}

.bottom .container .row .col-1 .elq-form #formElement5{
    position:relative;
    left:9px;
     
}

.bottom .container .row .col-1 .elq-form div .individual{
    margin-top: 10px;
}

.bottom .container .row .col-1 form div#formElement0 .individual div p input,
.bottom .container .row .col-1 form div#formElement1 .individual div p input,
.bottom .container .row .col-1 form div#formElement3 .individual div p input,
.bottom .container .row .col-1 form div#formElement4 .individual div p input{

    display: block;
}

.bottom .container .row .col-1 .elq-form #formElement5 #sub-but{
    color: #fff;
    background-color:#00a2d9;
    padding: 5px 30px;
    font-size: 28px;
    line-height: 28px;
    height:auto;
    font-family: "Myriad Pro", Arial;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;  
    border:none;
    margin-top:20px;  
    text-align: center;
}

.banner {
    margin-top: 90px;
}

.banner .container .row{
    background-color: #00a2d9;
    color:#fff;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.banner .container .row .col-1,
.banner .container .row .col-2,
.banner .container .row .col-3{
    padding:30px 30px 40px;
}

.banner .container .row div i{
    font-size: 42px;
    margin-bottom: 10px;
}

.cta{
    margin-top: 60px;
}

.cta .container .row{
    text-align: center;
}

.cta .container .row a{
    color:#fe9a00;
    display: inline-block;
    border:3px solid #fe9a00;
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
    padding:20px;
}

.disclaimer{
    margin-top:30px;
}

.disclaimer .container .row .col-1{
    color: #565656;
    padding: 40px 25px;
    float: none;
    font-size: 12px;
}

.disclaimer .container .row .col-1 #link-1{
    display: inline-block;
    margin-bottom:26px;
}

.disclaimer .container .row .col-1 #link-1:link,
.disclaimer .container .row .col-1 #link-1:visited{
    color: #000;
}

.disclaimer .container .row .col-1 #link-1:hover,
.disclaimer .container .row .col-1 #link-1:active{
    color: #00a2d9;
}

.disclaimer .container .row .col-1 a:link{
    color: #565656;
    text-decoration: underline;
    font-size: 14px;
}

.disclaimer .container .row .col-1 a:visited{
    color: #565656;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}

.disclaimer .container .row .col-1 a:hover{
    color: #00a2d9;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}

.disclaimer .container .row .col-1 a:active{
    color: #00a2d9;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}

#termsModal .modal-body {
    padding: 2em;
    overflow-y: hidden;
    width: 85%;
    margin: 0 auto;
    background: #fff;
}

#termsModal .modal-body .modal-title {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 0;
}

#termsModal .modal-body button.close {
    color:#000;
    opacity:1;
}

#termsModal .modal-body button.close i {
    color:#00a8e1;
}

#termsModal .modal-body h4 {
    font-family: 'Lato', Arial, Sans-serif;
    font-size: 1.1425em;
    text-transform: none;
}

#termsModal .modal-body p {
    color: #626262;
    line-height: 1.5em;
    margin-bottom: 1.25em;
    font-size: 1.075em;
}

#termsModal .modal-body p a {
    color:#00a2d9;
}

footer .container .row{
    background-color: #5e5e5e;
}

footer .container .row .col-1 {
    margin-bottom: 20px;
    padding: 0px;
    width:100%;
}

@media (max-width: 1199px) {

    .hero{
        height:auto; 
    }

    .hero .container{
        height:auto;
    }

    .hero .container .row{
        height:auto;
    }

    .hero .container .row .col-1{
        height:auto;
    }
}

@media (max-width: 991px) {

    .social {
        top: 130px;
        left:0;
    }

    .below-hero .container .row .col-1{
        padding-right:0;
        padding-left:0;
    }

    .below-hero .container .row .col-1 .wrapper{
        display: block;
        position:static;
        text-align: center;
        padding-top: 11px;
    }

    .below-hero .container .row .col-1 .wrapper .div-1{
        max-width: 518px;
        margin: 0 auto;
    }

    .middle{
        margin-top: 40px;
    }

    .bottom{
        margin-top: 0;
     }

    .bottom .container .row{
        background-color: #d0d0d0;
    }

    .bottom .container .row .col-1 .elq-form input {
        height: 30px;
        line-height: 30px;
    }

    .banner{
        margin-top:0;
    }

    .banner .container .row .col-1, 
    .banner .container .row .col-2, 
    .banner .container .row .col-3 {
        padding:15px 241px;
    }

    .disclaimer {
        margin-top: 10px;
    }
}
 
@media (max-width: 767px) {

    .social {
        left:0;
    }

    .below-hero .container .row .col-1 .wrapper{
        padding-left: 124px ;
        padding-right: 124px;
        text-align: center;
    }

    .banner .container .row .col-1, 
    .banner .container .row .col-2, 
    .banner .container .row .col-3 {
        padding: 15px 150px;
    }

    .below-hero .container .row .col-1 .wrapper .div-1{
        font-size: 41px;
        line-height: 70px;
        font-weight: bold;
        max-width:305px;
        margin: 0 auto;
    }

    .below-hero .container .row .col-1 .wrapper .div-2{
        font-size: 17px;
        line-height: 17px;
        font-weight: bold;
        margin-top:0;
    }

    .below-banner{
        height:538px;
    }

    .below-banner .container .row .wrapper{
        height: 535px;
    }

    .below-banner .container .row .wrapper .col-1 .wrapper{
        width: 467px;
    }

    .below-banner .container .row .wrapper .col-2{
        margin-top: 77px;
        height:157px;
    }

    .middle .container .row .col-1 {
        font-size: 24px;
        line-height: 27px;
        padding: 20px 30px;
        letter-spacing: 0;
    }

    .bottom .container .row .col-1 .elq-form{
        padding: 10px 57px 39px !important;
    }

    .bottom .container .row .col-1 .elq-form input {
        width: 422px;
    }

    .bottom .container .row .col-1 .elq-form #formElement5 #sub-but {
        padding:5px 30px;
    }

    .disclaimer{
        margin-top: 75px;
    }

    .disclaimer .container .row .col-1 {
        padding: 0 25px 25px;
    }

    .disclaimer .container .row .col-1 #link-1 {
        padding: 25px;
        margin: 0 auto;
        display:block;
        width: 171px;
    }

    .disclaimer .container .row .col-1 #link-1 {
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media (max-width: 551px) {

    .hero {
        height:auto;
    }

    .hero .container {
        height:auto;
    }

    .hero .container .row {
        height:auto;
    }

    .hero .container .row .col-1{
        height: auto;
    }

    .below-hero .container .row .col-1 .wrapper{
        padding-left: 10px;
        padding-right: 20px;  
    }

    .below-hero .container .row .col-1 .wrapper .div-1{
        line-height:46px;  
        font-size: 39px;  
    }

    .middle .container .row .col-1 {
        font-size: 22px;
        line-height: 25px;
    }

    .bottom .container{
        padding:0;
    }

    .bottom .container .row{
        margin:0;
    }

    .bottom .container .row .wrapper .col-1 {
        padding-left: 15px;
        font-size: 23px;
        margin-top:18px;
        padding-left: 0;
    }

    .bottom .container .row .col-1 .elq-form #formElement5 {
        position: relative;
        left: 3px;
    }

    .bottom .container .row .col-1 .elq-form #formElement5 #sub-but {
        padding: 0 30px;
    }

    .bottom .container .row .col-1 .elq-form input {
        width:230px;
    }

    .banner .container .row .col-1, 
    .banner .container .row .col-2, 
    .banner .container .row .col-3 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .disclaimer{
        margin-top: 40px;
    }

    .disclaimer .container .row .col-1 {
        padding: 20px 30px 50px;
    }

    footer .container .row .col-1 #terms{
        margin-right: 5px;
    }

    footer .container .row .col-1 #privacy-jackson{
        margin-left: 5px;
    }
}

@media (max-width: 500px) {

    .social {
        top: 118px;
    }
}

@media (max-width: 494px) {

    .above-disclaimer .container .row .col-1 .div-1 .wrapper {
        margin-top: 17px;
    }
}

@media (max-width: 440px) {

    .social {
        top: 105px;
    }
}

@media (max-width: 405px) {

    .social {
        top: 90px;
        left:0;
    }
}

@media (max-width: 390px) {

    .cta .container .row a {
        font-size: 22px;
    }
    .bottom .container .row .col-1 .elq-form {
        padding: 0 0 30px 0;
    }
    .bottom .container .row .col-1 .elq-form input {
        width: 175px;
    }
}

@media (max-width: 350px) {
    .middle .container .row .col-1 {
        font-size: 20px;
        line-height: 22px;
        padding: 15px 25px;
    }
}

@media (max-width: 340px) {

    .bottom .container .row .col-1 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 264px) { 

    .hamburger-wrapper {
        display: none;
    }

    .middle .container .row .col-2 .wrap .div-2 .wrapper { 
        margin-top:0;}

    .middle .container .row .col-2 .wrap .div-2 .wrapper i { 
        margin-bottom: 20px;
    }
}

@media (max-width: 310px) {

    .bottom .container .row .col-1 .elq-form {
        width:100%;
    }
    .bottom .container .row .col-1 .elq-form {
        width:100%;
    }
   .bottom .container .row .col-1 .elq-form #formElement5 #sub-but {
        max-width: 173px;
    }
}


@media (max-width: 233px) { 

    .below-hero .container .row .col-1 .wrapper .div-3 img {
        width: 100%;
    }

}

@media (max-width: 200px) {

    header .container .wrapper #logo a img {
        width: 100%;
    }
}

/* Eloqua Styles */

/* RESET */ 
.elq-form * {
    margin: 0;
    padding: 0;
}

.elq-form input, 
textarea {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

.elq-form button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* GENERIC */
.elq-form input {
    height: 16px;
    line-height: 16px;
}

.elq-form .item-padding {
    padding:6px 5px 9px 9px;
}

.elq-form .pp-group {
    padding:0px 5px 0px 9px;
}

.elq-form .pp-field {
padding:6px 0px 9px 0px;
}

.elq-form .field-wrapper.individual {
    float: left;
    width: 100%;
    clear: both;
}

.elq-form .field-p {
    position: relative;
    margin: 0;
    padding: 0;
}

.elq-form .zIndex-fix {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.elq-form .field-design {
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding:0;
}

.elq-form .no-fields-prompt {
    float: left;
    width: 100%;
    height: 150px;
    padding-top: 50px;
    clear: both;
}

/* SECTION BREAKS */
.elq-form .section-break {
    float:left;
    width: 97%;
    margin-right:2%;
    margin-left:1%;
    padding-bottom:6px;
}

.elq-form .section-break .heading {
    width:100%;
    font-weight: bold;
    margin:0;
    padding:0;
}

/* LABEL */
.elq-form .required {
    color: red !important;
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0pt 0pt 0pt;
    padding: 0pt 0pt 0pt;
}

/* FIELD GROUP */
.elq-form .field-group {
    float: left;
    clear: both;
}

.elq-form .field-group.large {
    width:100%;
}

.elq-form .field-group.medium {
    width:51%;
}

.elq-form .field-group.small {
    width:31%;
}

.elq-form .field-group .label {
    float:left;
    width:97%;
    margin-right:2%;
    margin-left:1%;
    padding-bottom:6px;
    font-weight: bold;
}

.elq-form .field-group .field-style {
    float: left;
}

.elq-form .progressive-profile .pp-inner {
    float: left;
    clear: both;
}

.elq-form .progressive-profile .pp-inner.large {
    width:100%;
}

.elq-form .progressive-profile .pp-inner.medium {
    width:51%;
}

.elq-form .progressive-profile .pp-inner.small {
    width:31%;
}

/* RADIO */
.elq-form .radio-option {
    display: inline-block;
}

.elq-form .radio-option .label {
    display:block;
    float:left;
    padding-right:10px;
    padding-left:22px;
    text-indent:-22px;
}

.elq-form .radio-option .input {
    vertical-align:middle;
    margin-right:7px;
}

.elq-form .radio-option .inner {
    vertical-align:middle;
}

/* CHECKBOX */
.elq-form .checkbox-span {
    display:inline-block;
}

.elq-form .checkbox-label {
    margin-left:4px;
}

/* INPUT */
.elq-form .accept-default {
    width:100%;
}

/* SIZING */
.elq-form .field-style {
    margin-right:2%;
    margin-left:2%;
}

.elq-form .field-style._25 {
    width:21%;
}

.elq-form .field-style._50 {
    width:46%;
}

.elq-form .field-style._50_left {
    clear:left;
    width:46%;
}

.elq-form .field-style._75 {
    width:71%;
}

.elq-form .field-style._100 {
    width:96%;
}

.elq-form .field-size-top-small {
    width:30%;
}

.elq-form .field-size-top-medium {
    width:75%;
}

.elq-form .field-size-top-large {
    width:100%;
}

.elq-form .field-size-left-small {
    width:21%;
}

.elq-form .field-size-left-medium {
    width:46%;
}

.elq-form .field-size-left-large {
    width:60%;
}

/* INSTRUCTIONS */
.elq-form .instructions.default {
    color:#444444;
    display:block;
    font-size:10px;
    padding:6px 0pt 3px;
}

.elq-form .instructions.group {
    float:left;
    width:97%;
    margin-right:2%;
    margin-left:2%;
    padding:6px 0pt 3px;
    color:#444444;
    display:block;
    font-size:10px;
}

.elq-form .instructions.left-single {
    margin:0 0 0 33%;
}

.elq-form .instructions-other {
    margin:0;
}

/* POSITIONING */
.elq-form .label-position.left {
    display:block;
    line-height:150%;
    padding:1px 0pt 3px;
    float:left;
    width:31%;
    margin:0pt 15px 0pt 0pt;
    word-wrap:break-word;
}

.elq-form .label-position.top {
    display:block;
    line-height:150%;
    padding:1px 0pt 3px;
    white-space:nowrap;
}

.elq-form .label-position.alignment-left {
    text-align: left;
}

.elq-form .label-position.alignment-right {
    text-align: right;
}

/* LIST ORDER */
.elq-form .list-order {
    display:block;
}

.elq-form .list-order.oneColumn {
    margin:0pt 7px 0pt 0pt;
    width:100%;
    clear:both;
}

.elq-form .list-order.twoColumn {
    float:left;
    margin:0pt 7px 0pt 0pt;
    width:38%;
}

.elq-form .list-order.threeColumn {
    float:left;
    margin:0pt 7px 0pt 0pt;
    width:30%;
}

.elq-form .list-order.oneColumnLeft {
    float:left;
    margin:0pt 7px 0pt 0pt;
    width:100%;
}

.elq-form .list-order.twoColumnLeft {
    float:left;
    margin:0pt 7px 0pt 0pt;
    width:38%;
}

.elq-form .list-order.threeColumnLeft {
    float:left;
    margin:0pt 7px 0pt 0pt;
    width:30%;
}

/* GRID STYLE */
.elq-form .grid-style {
    display:inline;
    float:left;
    margin-left:2%;
    margin-right:2%;
}

.elq-form .grid-style._25 {
    width:21%;
}

.elq-form .grid-style._50 {
    width:46%;
}

.elq-form .grid-style._75 {
    width:71%;
}

.elq-form .grid-style._100 {
    width:96%;
}

/* Eloqua Validation Styles */

.LV_validation_message{
    font-weight:bold;
    margin: 0 0 0 5px;
}

.LV_valid{
    color:#00CC00;
    display:none;
}

.LV_invalid{
    color:#CC0000;
    font-size:10px;
}

.LV_valid_field, 
input.LV_valid_field:hover, 
input.LV_valid_field:active, 
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    outline: 1px solid #00CC00;
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active, 
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    outline: 1px solid #CC0000;
}
