p{
    font-size: 16px;
    color: #555555;
    line-height: 26px;
}

.body p{
    font-size: 16px;
    color: #202b3f;
}

span {

}

h1{
    font-size: 36px;
    font-weight: bold;
    color: #202b3f;
}

h2{
    font-size: 26px;
    font-weight: bold;
    color: #202b3f;
}

h3{
    font-size: 18px;
    color: #202b3f;
}

h4{
    font-size: 16px;
    color: #202b3f;
}

h5{
    font-size: 14px;
    color: #202b3f;
}

ul,ol{
    font-size: 16px;
}

ul li, ol li{150px.gform_footer
    font-size: 16px;
}

/** HOMEPAGE **/
.subscription-form h2.headings, .subscription-form h2.headings span {
    font-size: 32px !important;
}

.subscription-form input[type="text"], .subscription-form input[type="email"] {
    text-align: left !important;
    border: 1px solid #fff;
    padding: 13px !important;
    font-size: 12px !important;
    margin: 0 !important;
}

.subscription-form input::placeholder {
    color:#fff !important;
}

.subscription-form input[type="submit"]{
    background: #b99b36 !important;
    color:#fff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}


/*Gravity Form*/
.gform_body input,.gform_body select,.gform_body textarea{
    border: 0;
    background: none;
    border: 1px solid #dddddd;
    margin-bottom: 10px!important;
    color: #555555;
    padding-left: 10px!important;
    padding-right: 10px!important;
    outline: 0!important;
    transition: all ease-in-out 0.3s;
    background: #ffffff;
        font-family: "Montserrat", sans-serif;
}

textarea#input_1_6 {
    height: 150px;
}

.gform_body input:hover,.gform_body select:hover,.gform_body textarea:hover{
    border-color:#b99b36;
}

#form-column.heading-elements{margin-left: 100px;}
/* .gform_footer{
    text-align: center;
    display: block!important;
} */
.gform_footer input{
    color: #fff!important;
    border: 1px solid #b99b36;
    font-size: 14px;
    padding: 15px 25px;
    font-weight: 400;
    background-image: -webkit-linear-gradient(30deg, #c266d3 50%, transparent 50%);
    background-image: linear-gradient(30deg, #b99b36 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
        font-family: "Montserrat", sans-serif;
}
.gform_footer input:hover{
    background-position: 100%;
    color: #b99b36!important;
    border-color: #b99b36;
}

.gform_footer.top_label {
    text-align: center;
    display: block!important;
    margin-top: 0!important;
    padding-top: 0!important;
}

.gform_footer.top_label{
    text-align: center;
    margin-top: 0;
}


label.gfield_label {
    color: #555555;
    font-weight: normal!important;
    font-size: 14px!important;
}

span.image-choices-choice-text{
    color: #ffffff;
}



/*Gravity Form End*/

p.gform_required_legend {
    display: none;
}

@media only screen and (max-width: 641px){
    .gform_legacy_markup_wrapper div.validation_error{
        color:#516393!important;
          border-top: 1px solid #516393!important;
        border-bottom: 1px solid #516393!important;
        width: calc(100% - 0px)!important;
        margin: auto!important;
        border-radius:0px!important;
    }
    #field_2_1.gfield_error{
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error{
        margin-top:0px!important;
    }
    
}


@media only screen and (min-width: 641px){
.gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 8px)!important
}
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    border-top:0px!important;
    border-bottom:0px!important;
}

@media only screen and (min-width: 641px){
    .gform_legacy_markup_wrapper div.validation_error{
        color:#516393!important;
          border-top: 1px solid #516393!important;
        border-bottom: 1px solid #516393!important;
        width: calc(100% - 14px)!important;
        margin: auto!important;
        border-radius:0px!important;
    }
}

.validation_message{
    font-size:14px!important;
    text-align: left!important;
}

#gform_fields_2{
    padding-right:0px!important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning

{

background-color: rgba(255,223,224,0)!important;
}

.gform_validation_errors>h2, .gform_legacy_markup_wrapper .gfield_error .gfield_label{

color:#516393!important;
}

.gform_submission_error{
    font-size:16px!important;
}

.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {
    border: 1px solid #516393!important;
}


.gform_legacy_markup_wrapper .validation_message{

color:#516393!important;
}



div#sub-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gform_legacy_markup_wrapper select option{
    color: #000000!important;
}

.gform_body li input, .gform_body li select, .gform_body li textarea{
    outline: none!important;
    transition: all ease-in-out 0.3s;
}

.gform_body li input:focus, .gform_body li select:focus, .gform_body li textarea:focus{
    border: 1px solid #516393;
}

/**PROGRESS BAR***/

div#scroll-progress-bar {
    position: absolute;
    width: 100%;
    z-index: 9;
} 

div#scroll-progress-bar.scrolled { 
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
}

.prog-steps span {
    display: block;
    color: #fff;
    text-align: center;
    padding: 13px 0px;
    font-size: 13px;
}

.prog-steps .divider {
    border-style: dashed;
    border-color: #fff;
    border-width: thin;
    width:99%;
}

.prog-steps .bottom-divider {
    background: #fff;
    width: 1px;
    height: 16px;
    margin: auto;
    margin-top: 10px;
}

div#prog-1 .divider {
    width: 50%;
    margin-left: 49%;
}

div#prog-6 .divider {
    width: 50%;
    margin-right: 49%;
}

div#progress-arrow {
    width: 1054px;
    margin: auto;
    position: relative;
}

div#progress-arrow .fl-photo-content {
    position: relative;
 }