@font-face {
    font-family: 'Conv_Antenna-Bold';
    src: url('../fonts/Antenna-Bold.eot');
    src: local('☺'),  url('../fonts/Antenna-Bold.woff') format('woff'),  url('../fonts/Antenna-Bold.ttf') format('truetype'),  url('../fonts/Antenna-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Antenna-Regular';
    src: url('../fonts/Antenna-Regular.eot');
    src: local('☺'),  url('../fonts/Antenna-Regular.woff') format('woff'),  url('../fonts/Antenna-Regular.ttf') format('truetype'),  url('../fonts/Antenna-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
    max-height: 1000000px;
    font-size: 100.01%;
}
html {
    height: 100%;
    font-size: 62.5%;
}
body {
    margin: 0;
    color: #464646;
    font: 1.6em/1.33em Montserrat, Roboto, sans-serif;
    background: #fff;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    min-width: 320px;
}
img { border-style: none; }
a {
    text-decoration: none;
    color: #fff;
}
a:hover { text-decoration: underline; }
input, textarea, select {
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #7f7f7f;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
#wrapper {
    height: 100%;
    display: table;
    width:100%;
    padding:0 0 44px;
}
.w1 {
    width:100%;
    display:table-row;
}
.w2{
    display: table-cell;
}
#header:after {
    clear: both;
    content: '';
    display: block;
}
#header .header-holder {
    max-width: 980px;
    margin: 0 auto;
}
#header .header-holder:after {
    clear: both;
    content: '';
    display: block;
}

.menu-container {
    background: black;
    width: 100%;
}
.logo {
    width: 244px;
    height: 72px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 1.8% 0 2.5%;
    position:relative;
    z-index:1;
}
.logo-img {
    width: 400px;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
}

.phone-top {
    padding-right: 10px;
}

#header .featured ul li {
    margin-top: -10px;
}

#phone {
    font-size: 10px;
    text-align: right;
    color: #23354d;
    margin-top: 15px;
}
#phone ul {
    width: 500px;
}

#phone ul li.clients {
    border-right: 1px solid #e0e0e0;
    padding-right: 20px;
    margin-right: 50px;
    color: #23354d;
    text-align: center;
    font-size: 15px;
}

#phone ul li.phone a {
    background: url(https://www.zehllaw.com/wp-content/themes/zehl/images/phone.png) no-repeat left center;
    padding: 20px 0 6px 53px;
    color: #cd2027;
    background-size: 17%;
    font-size: 20px;
}

.logo a {
    height: 100%;
    display: block;
}
#header .header-content {
    position: relative;
}
#header .header-content:after {
    clear: both;
    content: '';
    display: block;
}
#header .social-networks { float: left; }
.social-networks .plugin-holder {
    float: left;
    margin: 0 5px;
}
.social-networks img {
    display: block;
    max-width: 100%;
    height: auto;
}
#header .header-info {
    float: right;
    width: 45%;
    position:relative;
    top: -15px;
}
#header .featured {
    float: right;
    margin: 0 0 -2px;
    width: 320px;
}
#header .featured ul li.title {
    text-transform: uppercase;
    font: 11px/15px 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
}
#header .featured ul li .yahoo{
    width: 56px;
    height: 16px;
    background-image: url('../sprites/seen_on/seen_on.png');
    background-position: 0 -28px;
}
#header .featured ul li .cnbc{
    width: 136px;
    height: 18px;
    background-image: url('../sprites/seen_on/seen_on.png');
    background-position: 0 -44px;
}
#header .featured ul li .businessWeekly{
    width: 143px;
    height: 13px;
    background-image: url('../sprites/seen_on/seen_on.png');
    background-position: 0 0;
}
#header .featured ul li .reuters{
    width: 91px;
    height: 15px;
    background-image: url('../sprites/seen_on/seen_on.png');
    background-position: 0 -13px;
}
#header .featured ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    margin-top: -10px;
    text-align: right;
}
#header .featured ul li {
    margin: 0 7px 0px 2px;
    display: inline-block;
    vertical-align: middle;
}
#header .featured ul li img {
    display: block;
    max-width: 100%;
}
#nav:after {
    display: block;
    content: "";
    clear: both;
}
.open-close .slide.js-slide-hidden {
    bottom: 4px;
    display: block !important;
    left: 26px !important;
    position: static !important;
    top: auto !important;
}
.full-width-menu {
    font: 11px/15px 'Conv_Antenna-Bold',Arial,Helvetica,sans-serif;
    list-style: none outside none;
    background: black;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    max-width: 980px;
    padding-top: 5px;
    width: 950px;
    padding-bottom: 10px;
    height: 10px;
    padding-left: 0;
    top: 30px;
    left: 0;
    border-top: 1px solid #23354d;
    z-index: 3;
    display: flex !important;
    align-items: stretch; /* Default */
    justify-content: space-between;
}
.full-width-menu li {
    float: left;
    margin: 0;
    font-size: 10px;
}
#nav li a { color: #FFF; }
#nav .opener {
    display: none;
    float: right;
    padding: 7px 30%;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    background: #c72a2c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MmEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZTUxZjJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZTUxZjJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzQxODJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjYjcxNzJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYjcxNzJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjYzUxYTJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzMjcyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #c72a2c 0%, #e51f2d 3%, #e51f2d 49%, #c4182c 51%, #b7172b 54%, #b7172b 95%, #c51a2c 97%, #c3272a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c72a2c), color-stop(3%, #e51f2d), color-stop(49%, #e51f2d), color-stop(51%, #c4182c), color-stop(54%, #b7172b), color-stop(95%, #b7172b), color-stop(97%, #c51a2c), color-stop(100%, #c3272a));
    background: -webkit-linear-gradient(top, #c72a2c 0%, #e51f2d 3%, #e51f2d 49%, #c4182c 51%, #b7172b 54%, #b7172b 95%, #c51a2c 97%, #c3272a 100%);
    background: -o-linear-gradient(top, #c72a2c 0%, #e51f2d 3%, #e51f2d 49%, #c4182c 51%, #b7172b 54%, #b7172b 95%, #c51a2c 97%, #c3272a 100%);
    background: -ms-linear-gradient(top, #c72a2c 0%, #e51f2d 3%, #e51f2d 49%, #c4182c 51%, #b7172b 54%, #b7172b 95%, #c51a2c 97%, #c3272a 100%);
    background: linear-gradient(to bottom, #c72a2c 0%, #e51f2d 3%, #e51f2d 49%, #c4182c 51%, #b7172b 54%, #b7172b 95%, #c51a2c 97%, #c3272a 100%);
    border: 1px solid #7a111a;
    text-align: center;

}
#header .holder {
    max-width: 940px;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 auto;
}
#header .heading {
    background: #c30019;
    overflow: hidden;
    padding: 16px 0;
    max-height: 20px;
}
#header .heading h1 {
    /*
    margin: 0;f
    color: #fff;
    text-transform: uppercase;
    font: 2.5em/1em 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    word-spacing: -2px;
    text-shadow: 0 1px 1px #000101;
    width:50%;*/
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
    font: 2.0em/1.1em Roboto,Arial,sans-serif;
}
.visual {
    /* background: url(../sprites/structure/brand-assets.png) no-repeat 0 0; */
    position: relative;
    z-index: 1;
}
@media all and (min-width: 768px){
    .visual{
        height: 289px;
    }
}
.visual:after, .visual .visual-holder:after {
    display: block;
    content: '';
    clear: both;
}
.visual .visual-holder {
    max-width: 980px;
    margin: 0 auto;
    z-index: 1;
}
.visual .info {
    float: left;
    padding: 40px 30px 0px 80px;
    width: 500px;
}

div.textarea h4 {
    font-weight: normal;
    color: black !important;
    font: 1em/1.33em Roboto,sans-serif;
}

.visual .info .textarea ul li {
    overflow: hidden;
    padding: 0 0 8px 16px;
    background: url(../images/bullet.png) no-repeat 0 7px;
}
.visual .info h2 {
    margin: 0 0 19px;
    color: #000000;
    text-transform: capitalize;
    font: 2.4em/1.16em "Playfair Display",serif;
    font-weight: 700;
}
.visual .info .image-area {
    float: right;
    margin: -46px -71px 0 -17%;
    width: 69%;
    background-image: url('../sprites/home/home.png');
    background-position: 0px 0px;
    height: 339px;
    display: none;
}
.visual .info .img-holder{
    display: none;
    background-image: url('../sprites/home/home.png');
    width: 160px;
    height: 40px;
    background-position: -424px -291px;
}
@media all and (min-width: 768px){
    .visual .info .img-holder{
        display: block;
        float: left;
        margin:0 0 0 424px;
    }
}
.visual .info .image-area img {
    max-width: 100%;
    height: auto;
    display: block;
}
.visual .form {
    float: right;
    border: 5px solid white;
    border-radius: 10px;
    padding: 23px 19px 7px;
    background: #23354d;
    box-shadow: 0 0 0px 2px rgba(0,0,0,0.4);
    width: 30.9%;
    margin: -28px 4px 0 -16px;
    position: relative;
}
.visual .form:after {
    /*
     background: url(../images/bg-form.png) no-repeat 0 0 / 100% auto;
     */
    position: absolute;
    top: -6px;
    right: 0;
    content: '';
    height: 291px;
    width: 268px;
    z-index: 1;
    display: none;
}
.visual .form .form-holder { padding: 7px 6px 7px 7px; }
.visual .form .form-holder:after {
    clear: both;
    content: '';
    display: block;
}
.visual .form .btn {
    display: block;
    margin: -5px 0 0;
    padding: 9px 5.1% 8px;
    width: 90%;
    font: 18px/22px Roboto, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #c30019;
    border: 4px solid #c30019;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #ffffff !important;
}
.visual .form .btn:hover, #main .panel .btn:hover, .btn.big-button:hover{
    text-decoration: none;
    background: #a70202;
    border: 4px solid #a70202;
}
.visual .form h2 {
    color: #fff;
    margin: 0 0 18px;
    text-align: center;
    text-transform: capitalize;
    font: 22px/24px 'Hind', Arial, sans-serif;
}
.visual .form .row {
    margin: 0 0 11px;
    position: relative;
    z-index: 2;
}
.visual .form .row:after {
    clear: both;
    content: '';
    display: block;
}
.visual .form label {
    float: left;
    /* margin: 4px 4%; */
    font: 15px/17px Roboto, Arial, Helvetica, sans-serif;
}
.visual .form select {
    display: block;
    width: 98%;
    position: relative;
    z-index: 9999;
    margin: 0 0 10px;
}
.visual .form .row.add select {
    float: right;
    width: 35%;
}
.visual .form .text {
    margin: 0 0 12px;
    width: 100%;
    height:29px;
}
.visual .form .row .text { margin: 0; }
.visual .form .row.add .text {
    width: 52%;
    margin: 0;
    float: right;
}
.visual .form .text:after {
    clear: both;
    content: '';
    display: block;
}
.visual .form input[type="text"] {
    float: left;
    border-radius: 4px;
    line-height:19px;
    width: 100%;
    height: 29px;
    padding: 5px 2%;
    border: 1px solid #a7a9ac;
    margin: 0;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 10px;
}
#main {
    max-width: 980px;
    margin: 0 auto;
    padding: 52px 0 0;
    clear: both;
}
@media all and (min-width: 768px){
    #main{
        margin-top: 30px;
    }
}
#main:after {
    clear: both;
    content: '';
    display: block;
}
#main .info-area {
    background: #eaeaea;
    overflow: hidden;
}
#main .info-area .box {
    width: 33.3%;
    float: left;
    font: .9em/1.61em Montserrat, sans-serif;
    position: relative;
    font-weight: 300;
    padding: 0 0 4px;
}
#main .info-area .box.last { width: 33.4%; }
#main .info-area .box:after {
    content: '';
    position: absolute;
    top: 0;
    background: url(../images/sep2.png) repeat-y;
    left: 0;
    width: 2px;
    height: 100%;
}
#main .info-area .box:first-child { width: 33.1%; }
#main .info-area .box:first-child:after { background: none; }
#main .info-area .heading {
    background: #23354d;
    padding: 12px 2% 15px 12%;
}
#main .info-area .box:first-child .heading { padding: 12px 4.2% 15px 14.2%; }
#main .info-area .box.last .heading { padding: 12px 9% 15px; }
#main .info-area .box:first-child .heading .step{ margin:0;}
#main .info-area .heading .step {
    display: inline-block;
    vertical-align: middle;
    font: 3.88em/1.083em Montserrat, sans-serif;
    margin: 0 5% 0 0;
    color: #fff;
    text-shadow:0 1px 1px rgba(0, 1, 1, 0.75);
    width:15%;
}
#main .info-area .heading .title {
    display: inline-block;
    vertical-align: middle;
    font: 1.115em/1.16em Montserrat, sans-serif;
    color: #fff;
    font-weight: 700;
    margin: 9px 0 0;
    width: 76%;
}
#main .info-area .text {
    overflow: hidden;
    padding: 15px 19% 35px 14%;
}
#main .info-area .box.last .text { padding: 16px 26% 35px 10%; }
#main .info-area .box p { margin: 0; }
#main .testimonials {
    padding: 52px 12% 52px 17.3%;
}
#main .testimonials:after{
    clear:both;
    content:'';
    display:block;
}
#main .testimonials .image-area, #main .testimonial .image-area, #main .columns .image-area {
    text-align: center;
    background: #cce0b0 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZTBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDk0M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cce0b0), color-stop(100%, #64943f));
    background: -webkit-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -o-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -ms-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: linear-gradient(to bottom, #cce0b0 0%, #64943f 100%);
    width: 120px;
    height: 120px;
    margin: 0 1.5% 0 0;
    float: left;
    border-radius: 100%;
    position: relative;
}
.image-block{
    text-align: center;
    background: #cce0b0 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZTBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDk0M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cce0b0), color-stop(100%, #64943f));
    background: -webkit-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -o-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: -ms-linear-gradient(top, #cce0b0 0%, #64943f 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 100%);
    margin: 0 1.5% 0 0;
    float: left;
    border-radius: 100%;
    position: relative;
    width: 68px;
    height: 68px;
}
@media all and (min-width: 768px){
    .image-block{
        width: 120px;
        height: 120px;
    }
}
.image-block .img-circle{
    background: #46742f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NzQyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTMwMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46742f), color-stop(100%, #2e302e));
    background: -webkit-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -o-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -ms-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    border-radius: 100%;
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
}
@media all and (min-width: 768px){
    .image-block .img-circle{
        width: 102px;
        height: 102px;
    }
}
.image-block .img-circle:after{
    background-image: url('../sprites/icons/icons.png');
    background-position: -68px -251px;
    width: 60px;
    height: 60px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
}
@media all and (min-width: 768px){
    .image-block .img-circle:after{
        background-position: -117px 0px;
        width: 94px;
        height: 93px;
        position: absolute;
        content: "";
        left: 4px;
        border-radius: 50%;
        top: 4px;
    }
}
#main .testimonial .image-area {
    margin: 0 2.1% 0 0;
}
#main .columns .quote-area .image-area { margin: 20px 5.2% 0 1.3%; }
#main .testimonials .image-area:after,
#main .columns .image-area:after,
#main .testimonial .image-area:after {
    background: #46742f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NzQyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTMwMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46742f), color-stop(100%, #2e302e));
    background: -webkit-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -o-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: -ms-linear-gradient(top, #46742f 0%, #2e302e 100%);
    background: linear-gradient(to bottom, #46742f 0%, #2e302e 100%);
    border-radius: 100%;
    content: '';
    position: absolute;
    top: 9px;
    left: 9px;
    width: 102px;
    height: 102px;
}
#main .testimonials .image-area:after{
    background-image: url('../sprites/icons/icons.png');
    background-position: -8px 0px;
}
#main .columns .quote-area .image-area:after{
    width: 60px;
    height: 60px;
    background: url('../sprites/icons/icons.png');
    background-position: -68px -251px;
}
@media all and (min-width: 768px){
    #main .columns .quote-area .image-area:after{
        width: 102px;
        height: 102px;
        background-position: -5px 0;
    }
}
#main .testimonials .image-area:before,
#main .columns .image-area:before,
#main .testimonial .image-area:before{
    position:absolute;
    bottom:-17px;
    z-index:-1;
    left:50%;
    width:187px;
    background:url(../images/bg-shadow.png) no-repeat;
    height:27px;
    content:'';
    margin:0 0 0 -94px;

}
#main .testimonials .image-area img, #main .columns .image-area img, #main .testimonial .image-area img {
    border-radius: 100%;
    margin: 14px 0;
    position: relative;
    z-index: 9;
    max-width: 100%;
}
#main .testimonials blockquote, #main .columns blockquote {
    margin: 0;
    font: 2em/1.166em Montserrat, sans-serif;
    color: #ff0000;
    overflow: hidden;
    padding: 11px 0 0 17px;
    position: relative;
    font-size: 1.1em !important;;
    position:relative;
}
#main .columns blockquote{ padding:23px 0 0 10px;}
#main .testimonials blockquote:before{
    position:absolute;
    width:11px;
    height:9px;
    content:'';
    top:16px;
    left:2px;
    background:url(../sprites/home/home.png) no-repeat;
    background-position: -28px -339px;
}
#main .columns blockquote:before,
#main .testimonial blockquote:before{
    left:1px;
    top:30px;
    width:8px;
    height:6px;
    position:absolute;
    content:'';
}
#main .testimonial blockquote:before{
    top:10px;
    left:14px;
}
#main .testimonials blockquote q, #main .columns blockquote q {
    display: block;
    margin: 0 0 8px;
    position:relative;
}
#main .testimonials blockquote q span{
    background:url(../sprites/home/home.png) no-repeat -38px -355px;
    display:inline-block;
    vertical-align:top;
    width:11px;
    margin:5px 3px 0;
    height:9px;
}
#main .columns blockquote q span,
#main .testimonial blockquote q span{
    width:8px;
    height:6px;
    display:inline-block;
    vertical-align:top;
    margin:5px 3px 0;
}
#main .testimonials blockquote cite, #main .columns blockquote cite {
    display: block;
    font-style: normal;
    font-size: 0.75em;
    line-height: 1.22em;
    color: #828080;
    margin: 0;
    word-spacing: -1px;
}
#main .block {
    padding: 15px 4%;
    line-height: 18px;
}
#main .block:after{
    clear:both;
    content:'';
    display:block;
}
#main .block.add-two { padding: 0 6.1% 60px 2.2%; }
#main .block .textbox {
    overflow: hidden;
    padding: 12px 0 0 1px;
    line-height: 18px;
}
#main .block.add .textbox { padding: 2px 0 0 10px; }
#main .block.add .textbox span { display: none; }
#main .block h3 {
    margin: 0 0 13px;
    font: 1.5em/1.22em "Oswald", sans-serif;
    font-weight: 700;
    font-size: 28px;
}
#main .block.add h3 { margin: 0 0 5px; }
#main .block.add-two h3 { margin: 0 0 5px; }
#main .block .image-area { overflow: hidden; }
#main .block .alignleft {
    float: left;
    margin: 0 4.3% 0 0;
    width: 32%;
}
#main .block .alignleft .thumbsUp{
    background-image: url('../sprites/in-content/in-content.png');
    background-position: -584px -245px;
    width: 146px;
    height: 117px;
}
@media all and (min-width: 768px){
    #main .block .alignleft .thumbsUp{
        background-position: -292px -233px;
        width: 292px;
        height: 233px;
    }
}
#main .block img {
    width: 100%;
    height: auto;
}
#main .block .alignright {
    float: right;
    margin: -43px 2px 0 8%;
    width: 27%;
}
#main .block .alignright .moneyMan{
    width: 123px;
    height: 123px;
    background-image: url('../sprites/in-content/in-content.png');
    background-position: -830px -123px;
}
@media all and (min-width: 768px){
    #main .block .alignright .moneyMan{
        width: 246px;
        height: 245px;
        background-position: 0 -466px;
    }
}
#main .block p {
    margin: 0 0 30px;
    font-family: montserrat,serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.94;
}
#main .block .alignright .yes{
    width: 146px;
    height: 117px;
    background-image: url('../sprites/in-content/in-content.png');
    background-position: -0 -711px;
}
@media all and (min-width: 768px){
    #main .block .alignright .yes{
        width: 292px;
        height: 233px;
        background-position: 0 -233px;
    }
}
#main .section {
    overflow: hidden;
    padding: 0 0 35px;
    margin: 0 0 26px;
    border-bottom: 4px solid #3a8124;
}
#main .section.add {
    padding: 0px 2.2% 43px;
    line-height: 18px;
    margin: 0 0 40px;
}
#main .section .textarea {
    margin: 4px 7% 0 0;
    overflow:hidden;
}
#main .section p { margin: 0 0 10px; }
#main .section.add p { margin: 0 0 19px; }
#main .testimonial blockquote {
    overflow: hidden;
    font: 1.33em/1.537em 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
    color: #166a3a;
    position:relative;
    padding:3px 0 0 22px;
    margin:0;
}
#main .testimonial blockquote q {
    display: block;
    margin: 0 0 8px;
}
#main .testimonial blockquote cite {
    display: block;
    font-size: 0.875em;
    line-height: 1.285em;
    color: #828080;
    font-style: normal;
}
#main .features {
    overflow: hidden;
    background: #e7e7e7;
    padding: 46px 5% 18px;
    margin: 35px 0 74px;
}
#main .features .box {
    width: 30%;
    float: left;
    margin: 0 0 0 4.5%;
    line-height: 1.5em;
}
#main .features .box.last{ margin:0 0 0 5.5%; }
#main .features .box:first-child { margin-left: 0; }
#main .features .title {
    font: 1.16em/1.285em 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 12px;
    color: #227017;
}
#main .features p {
    margin: 11px 0 18px;
    font-size: .9em;
}
#main .features .image-area {
    width: 120px;
    height: 74px;
    background: #fff;
    border-radius: 100%;
    position: relative;
    padding: 22px 0;
    margin: 0 auto 22px;
}
#main .features .image-area .umbrella{
    width: 34px;
    height: 34px;
    background-image: url('../sprites/icons/icons.png');
    background-position: -162px -251px;
}
@media all and (min-width: 768px){
    #main .features .image-area .umbrella{
        width: 95px;
        height: 67px;
        background-position: 27px -251px;
    }
}
#main .features .image-area .barChart{
    width: 47px;
    height: 33px;
    background-image: url('../sprites/icons/icons.png');
    background-position: -283px -201px;
}
@media all and (min-width: 768px){
    #main .features .image-area .barChart{
        width: 110px;
        height: 66px;
        background-position: -88px -118px;
        overflow: hidden;
        margin-left: 10px;
    }
}
#main .features .image-area .clock{
    width: 34px;
    height: 35px;
    background-image: url('../sprites/icons/icons.png');
    background-position: -210px -140px;
}
@media all and (min-width: 768px){
    #main .features .image-area .clock{
        width: 67px;
        height: 70px;
        background-position: -210px -70px;
        margin-left: 26px;
    }
}
#main .features .image-area .information{
    width: 34px;
    height: 34px;
    background-image: url('../sprites/icons/icons.png');
    background-position:  -230px -251px;
}
@media all and (min-width: 768px){
    #main .features .image-area .information{
        width: 68px;
        height: 67px;
        background-position: -136px -184px;
        margin-left: 26px;
    }
}
#main .features .image-area .basket{
    width: 34px;
    height: 34px;
    background-image: url('../sprites/icons/icons.png');
    background-position:  -196px -251px;
}
@media all and (min-width: 768px){
    #main .features .image-area .basket{
        width: 68px;
        height: 67px;
        background-position: -204px -184px;
        margin-left: 26px;
    }
}
#main .features .image-area .piggyBank{
    width: 34px;
    height: 34px;
    background-image: url('../sprites/icons/icons.png');
    background-position: -128px -251px;
}
@media all and (min-width: 768px){
    #main .features .image-area .piggyBank{
        width: 68px;
        height: 67px;
        background-position: -277px -134px;
        margin-left: 26px;
    }
}
#main .features .image-area img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
#main .post-area{
    overflow:hidden;
    margin: 0 0 12px;
}
#main .post-area.add{ margin:0 0 50px;}
#main .panel {
    background: #23354d;
    padding: 20px 1.7% 19px 5%;
    margin: 0 0 20px;
}
#main .panel .btn {
    float: right;
    padding: 9px 5%;
    font: 1.5em/1.16em 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: hsl(0, 100%, 50%) !important;
    border: 1px solid #7a111a;
}
#main .panel h3 {
    font: 1.78em/1.15em Montserrat,'Playfair Display', sans-serif;
    margin: 3px 0 5px;
    color: #fff;
    overflow: hidden;
    word-spacing: -1px;
}
#main .columns {
    overflow: hidden;
    padding: 21px 22px 48px;
    border-bottom: 4px solid #464646;
}

.footer-logo {
    display: inline-block;
    float: right;
    width: 400px;
    margin-top: 15px;
}

#main .columns .col {
    width: 46%;
    float: left;
    margin: 0 0 0 7%;
    line-height: 1.5em;
}
#main .columns .col:first-child { margin: 0; }
#main .columns h3, #main .section.add h3 {
    margin: 0 0 5px;
    font-size: 1.5em;
    line-height: 1.22em;
}
#main .section.add h3 { margin: 0 0 2px; }
#main .columns blockquote {
    font-size: 1.33em;
    line-height: 1.135em;
    position: relative;
}
#main .columns blockquote cite {
    font-size: 0.875em;
    line-height: 1.285em;
    word-spacing:0;
}
#main .text-area {
    overflow: hidden;
    padding: 0 2.3% 13px;
    color: #b4b2b2;
    line-height: 1.166em;
}
#main .text-area p { margin: 0 0 14px; }
#main .text-area .logos {
    padding: 33px 0 0;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
#main .text-area .logos li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2.3% 0 0.1%;
}
#main .text-area .logos li img {
    max-width: 100%;
    height: auto;
}
#footer .infobar {
    background: #23354d;
    padding: 15px 0 13px;
    overflow: hidden;
    margin: 0 0 18px;
}
#footer .infobar .holder {
    overflow: hidden;
    margin:0 auto;
    max-width:980px;
}
#footer .infobar h4 {
    font: 3.08em/1.08em Montserrat, Arial, sans-serif;
    margin: 18px 23px 10px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    text-shadow: 0 1px 1px #000101;
}
.infobar .logo {
    float: right;
    background:url(../sprites/structure/brand-assets.png) no-repeat;
    margin:0 2.9% 0 2.5%;
    background-position: -982px -316px;
    width: 126px;
    height: 36px;
}
@media all and (min-width: 768px){
    .infobar .logo {
        background-position: 0 -289px;
        width: 248px;
        height: 72px;
    }
}
#main .columns p { margin: 0 0 18px; }
#main .columns .quote-area {
    padding: 8px 0 0;
}
#main .columns .quote-area:after{
    clear:both;
    content:'';
    display:block;
}
#main .section.add .textblock {
    overflow: hidden;
    padding: 19px 0 0;
}
.section.add .textblock .testimonial {
    float:right;
    margin:6px 0 0 73px;
    width:46%;
}
#footer {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    color: #414042;
    width:100%;
    display:table-footer-group;
}
#footer .f1{
    height:1%;
    display:table-row;
}
#footer .f2{
    display:table-cell;
}
#footer .footer-content{
    overflow:hidden;
    margin:0 auto;
    max-width:965px;
    padding:0 10px;
}
#footer .copyright {
    float: left;
    color: #828080;
    margin:0 0 0 2px;
}
#footer .nav {
    float: right;
    width: 50%;
    padding:0 18px 0 0;
}
#footer .nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}
#footer .nav ul li:first-child { background: none; }
#footer .nav ul li {
    background: url(../images/sep1.png) no-repeat 0 50%;
    padding: 0 5px 0 9px;
    display: inline-block;
    vertical-align: top;
}
#footer .nav ul li a { color: #828080 }
::-moz-placeholder {
    opacity: 1;
}
/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom select styles */
.select-area {
    border: 1px solid #a7a9ac;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: default;
    height: 27px;
    float: left;
    border-radius: 5px;
    width: 100% !important;
}
.row.add .select-area {
    width: 100% !important;
    height: 27px !important;
}
.select-area .center {
    white-space: nowrap;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 17px;
}
.select-disabled { background: #eee; }
.select-area .select-opener {
    background: url(../sprites/home/home.png) no-repeat -8px -339px;
    position: absolute;
    height: 29px;
    width: 19px;
    right: 0;
    top: -1px;
}
.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 2000;
}
.select-options .drop-holder {
    border: 1px solid #777;
    overflow: hidden;
    height: 1%;
}
.select-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font: 14px/17px 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
}
.select-options ul li {
    width: 100%;
    float: left;
}
.select-options ul a {
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    cursor: default;
    color: #828080;
    height: 1%;
}
.select-options .item-selected a {
    text-decoration: none;
    background: #007;
    color: #fff;
}
@media only screen and (max-width:968px) {
    .visual .form { margin: -86px 4px 0 -21px; }
    .visual .form h2 { font-size: 30px; }
    #main .block.add { margin: -20px 0 13px; }
    .visual .info .image-area .img-holder{ margin:-9px 0 0 110px;}
}
@media only screen and (max-width:925px) {
    #header .heading h1 { font-size: 2.25em; }
    .visual .info .textarea { width: 56%; }
    .visual .form label { margin: 4px 4% 4px 1%; }
}
@media only screen and (max-width:890px) {
    .visual .form { margin: -86px 4px 0 -27px; }
    .visual .info .image-area { margin: -15px -45px 0 -20%; }
    #main .block.add { margin: 0 0 15px; }
    #main .info-area .heading .step {
        display: inline-block;
        vertical-align: middle;
        font: 3.08em/1.083em Montserrat, Arial, Helvetica, sans-serif;
        color: #fff;
        width: 15%;
    }
    .visual .form h2 { font-size: 28px; }
    #main .info-area .heading { padding: 23px 1% 10px 6%; }
}
@media only screen and (max-width:835px){
    #header .heading h1{ width:58%;}
}
@media only screen and (max-width:805px) {
    .visual .form { margin: -86px 4px 0 -30px; }
    #main .info-area .heading .step { margin: 0 2.5% 0 0; }
    .visual .form h2 { font-size: 25px; }
    .visual .info .image-area .img-holder{ margin:-9px 0 0 90px;}
}
@media only screen and (max-width:768px) {
    #header .header-info{ float: right;
        position: relative;
        width: 47%;}
    .logo{margin:0 0 0 1%;}
    .visual .info .image-area { display: none; }
    .visual .info, .visual .info .textarea { width: 420px; }
    .visual .form { margin: -86px 4px 0 0; }
    .visual .form h2 { font-size: 23px; }
    #main .info-area .heading .step { font-size: 55px; }
    #main .info-area .heading .title { font-size: 17px; }
    #main .info-area .text { padding: 15px 5% 35px; }
    #main .info-area .box.last .text { padding: 13px 5% 35px; }
    .visual .info .textarea { padding: 60px 0 0; }
    #header .heading h1 { font-size: 2em; }
}
@media only screen and (max-width:710px) {
    #header .header-info{ width:270px;}
    #main .info-area .box:first-child .heading { padding: 24px 10% 9px; }
    #main .info-area .heading { padding: 23px 1% 10px 4%; }
    #footer .nav { width: 49%; }
    #footer .nav ul li { padding: 0 1.5%; }
    #header .featured ul li{ margin:0 2px 8px 0;}
}
@media only screen and (max-width:680px) {
    body{
        font-size:0.9em;
        line-height:1.33em;
    }
    .w2{ padding:0 0 9px;}
    #header .header-holder { padding: 7px 0; }
    #header .header-content { padding: 2px 6px 0 0; }
    .logo {
        width: 122px;
        height:36px;
        margin: 0 3.4% 0 4.3%;
        background-position: -982px -316px;
    }
    #main .columns blockquote:before,
    #main .testimonial blockquote:before{
        top:5px;
    }
    #footer .infobar{
        padding:6px 0 8px;
        margin:0 0 13px;
    }
    #footer .infobar .holder{ padding:0 17px;}
    .infobar .logo {
        width: 126px;
        height:36px;
    }
    #header .social-networks { width: auto; }
    .social-networks .plugin-holder {
        margin: 0 3px;
        width: 30px;
        height: 32px;
    }
    .social-networks .plugin-holder:first-child { width: 60px; }
    .open-close .slide.js-slide-hidden {
        display: block !important;
        left: -9999px !important;
        position: absolute !important;
        top: -9999px !important;
    }
    .visual .info {
        float: none;
        width: 100%;
        text-align: center;
    }
    .visual .info .textarea {
        float: left;
        width: 59%;
        padding: 47px 0 0;
    }
    .visual .info h2 {
        margin: 0 0 19px;
        color: #000000;
        text-transform: capitalize;
        font: 2.4em/1.16em "Playfair Display",serif;
        font-weight: 700;
    }
    .visual .info .textarea ul {
        margin: 0;
        list-style: none;
        overflow: hidden;
        font: 1.2em/.95em "Roboto",serif !important;
        color: black !important;
    }
    .visual .info .textarea ul li {
        margin: 0;
        list-style: none;
        overflow: hidden;
        font: 1.2em/.95em "Roboto",serif;
        color: black;
    }
    .visual .info .image-area { display: none }
    .visual .form {
        float: none;
        margin: 0 auto;
        width: 61%;
    }
    #header .heading {
            padding: 5px 0;
            display:none; }
    #header .holder { padding: 0 6.8%; }
    #header .heading h1 {
        font-size: 2.11em;
        line-height: 1.053em;
        letter-spacing: 0;
        word-spacing: 0;
        width:auto;
        display:none;
    }
    #main { padding: 30px 0 0; }
    #main .info-area{ background:none;}
    #main .info-area .box:first-child .heading { padding: 10px 14% 4px; }
    #main .block.add-two,  #main .section.add { display: none; }
    #main .info-area .box,  #main .info-area .box:first-child, #main .info-area .box.last{
        float: none;
        width: 100%;
        margin: 0 0 7px;
        padding: 0;
        height: auto !important;
        font-size:1.77em;
        background: #ebebeb url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ebebeb 0%, #ededed 31%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(31%, #ededed), color-stop(100%, #e5e5e5));
        background: -webkit-linear-gradient(top, #ebebeb 0%, #ededed 31%, #e5e5e5 100%);
        background: -o-linear-gradient(top, #ebebeb 0%, #ededed 31%, #e5e5e5 100%);
        background: -ms-linear-gradient(top, #ebebeb 0%, #ededed 31%, #e5e5e5 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #ededed 31%, #e5e5e5 100%);
    }
    #main .info-area .heading .title {
        font-size: 1.25em;
        line-height: 1.2em;
        margin: 7px 0 0;
        width:auto;
    }
    #main .info-area .heading .step {
        font-size: 4.188em;
        line-height: 1.04em;
        margin: 0 7.5% 0 0;
        word-spacing: -2px;
        width:auto;
    }
    #main .info-area .box:first-child .heading .step{ margin:0 4% 0 0;}
    #main .info-area .box .text {
        font-size: 16px;
        line-height: 19px;
        padding: 22px 10% 36px 14.8%;
        word-spacing:-2px;
    }
    #main .info-area .box:first-child .text { padding: 24px 14% 14px; }
    #main .info-area .box .heading { padding: 8px 2% 5px 12%; }
    #main .info-area .box.last .heading { padding: 13px 14% 11px; }
    #main .info-area .box.last .text { padding: 14px 10% 19px 15%; }
    #main .block .alignleft {
        float: none;
        display: block;
        margin: 0 auto;
        width: 52%;
    }
    .visual .form input[type="text"]{ padding:3px 2%;}
    #main .block .alignright {
        display: block;
        float: none;
        margin: 0 auto 30px;
        width: 42%;
    }
    #main .block { padding: 21px 7% 15px; }
    #main .block.add {
        margin: -14px 0 0;
        padding: 0 7% 18px;
    }
    #main .block .textbox,  #main .block.add .textbox {
        padding: 0 5px;
        line-height:1em;
    }
    #main .post-area,#main .post-area.add{ margin:0;}
    #main .features .box {
        width: 100%;
        margin: 0;
        line-height:1em;
    }
    #main .features .box:first-child { margin: 0 0 11px; }
    #main .features .title {
        font: 1.16em/1.285em Montserrat, sans-serif;
        font-weight: 700;
        display: block;
        margin: 0 0 12px;
        color: #000000;
    }
    #main .features p{ margin:0 0 8px;}
    #main .panel {
        margin: 0 4% 8px;
        padding: 6px 2% 3px 5%;
    }
    #main .panel h3 {
        font: 1.78em/1.15em Montserrat,'Playfair Display', sans-serif;
        margin: 3px 0 5px;
        color: #fff;
        overflow: hidden;
        word-spacing: -1px;
    }
    #main .columns h3,  #main .section.add h3 {
        font-size: 1.33em;
        line-height: 1.25em;
        margin: 0 0 1px;
    }
    #main .columns .quote-area { padding: 14px 0 0; }
    #main .columns .quote-area .image-area{
        margin:0 5% 0 1.3%;
        width:60px;
        height:60px;
    }
    #main .panel .btn {
        padding: 1px 1%;
        font-size:1em;
        line-height:1.33em;
    }
    #main .columns {
        padding: 21px 12px 0;
        border-bottom: 2px solid #3a8124;
        margin: 0 0 16px;
    }
    #main .columns blockquote {
        font-size: 10px;
        line-height: 16px;
        padding:0 0 0 8px;
    }
    #main .columns blockquote q{ margin:0 0 4px;}
    #main .columns .col {
        width: 88%;
        padding: 0 6% 16px;
        float: none;
        overflow: hidden;
        margin: 0;
        line-height: 9px;
    }
    #main .columns blockquote cite {
        font-size: 9px;
        line-height: 12px;
        word-spacing:-1px;
        margin:0;
    }
    #main .section { display: none; }
    #main .text-area {
        overflow: hidden;
        padding: 0 2.3% 0px;
        color: #b4b2b2;
        line-height: 1.166em;
        font-size: .9em;
        font-family: sans-serif;
    }
    #main .testimonials { padding: 19px 12% 5px 11.6%; }
    #main .testimonials blockquote q {
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 6px;
    }
    #main .testimonials blockquote cite{
        font-size:0.5em;
    }
    #main .block h3,  #main .features .title {
        font-size: 1.22em;
        line-height: 1.27em;
        margin: 0 0 4px;
    }
    #main .features .title { margin: 0 0 3px; }
    #main .block { padding: 36px 7% 5px; }
    #main .block .alignleft { margin: 0 auto 6px; }
    #main .features {
        overflow: hidden;
        background: #F4F4F4;
        padding: 46px 5% 18px;
        margin: 35px 0 74px;
    }
    #main .features .box .image-area {
        margin: 0 auto 16px;
        height: 30px;
        width: 36px;
        padding: 10px 10px 19px;
        position:relative;
        right:4px
    }
    #main .features .box.last .image-area{ margin-bottom:10px;}
    #main .features .box.last{ margin:0;}
    #main .features .box:first-child .image-area { margin-bottom:11px;}
    #main .testimonials .image-area,  #main .testimonial .image-area,  #main .columns .image-area {
        width: 48px;
        height: 47px;
        padding: 6px 6px 7px;
    }
    #main .testimonials .image-area:after{
        width: 52px;
        height: 52px;
        left:4px;
        top:4px;
    }
    #main .columns .image-area:after {
        width: 64px;
        height: 64px;
        left:4px;
        top:4px;
    }
    #main .testimonials .image-area img,  #main .columns .image-area img,  #main .testimonial .image-area img { margin: 0; }
    #main .testimonials blockquote{ padding: 5px 0 0 7px; }
    #main .testimonials blockquote:before{
        background:url(../images/bg-quotes.png) no-repeat -23px -31px;
        width:7px;
        height:6px;
        top:8px;
        left:1px;
    }
    #main .testimonials blockquote q span{
        background:url(../images/bg-quotes.png) no-repeat -33px -39px;
        width:7px;
        height:6px;
    }
    #main .text-area .logos{ padding:0 0 0 4px;}
    #main .text-area .logos li {
        width: 54px;
        padding:0;
    }
    #main .text-area .logos li:first-child {
        width: 59px;
        height: 38px;
    }
    #main .text-area .logos li.last {
        width: 36px;
        height: 37px;
    }
    #footer {
        text-align: center;
        font-size:9px;
        line-height:12px;
    }
    #footer .copyright {
        float: none;
        display: block;
        margin: 0 0 8px;
    }
    #footer .nav ul {
        float: none;
        overflow: hidden;
    }
    #footer .nav ul li {
        float: none;
        display: inline-block;
        vertical-align: top;
        background:url(../images/sep3.png) no-repeat;
    }
    #header .featured { display: none; }
    #header .header-info {
        width: auto;
        position:static;
    }

    #nav li {
        float: none;
        margin: 0;
        border-bottom: 1px solid #23354d;
        padding: 12px 0;
    }
    #nav li a{ margin:0 8px 0 0;}
    #nav .opener {
        display: block;
        text-transform: none;
        padding: 8px 34%;
        margin: 2px 5px 0 0;
        font-size:0.9em;
        line-height:1.33em;
    }
    #nav .opener:hover ul {
        display: block;
        background: #000;
    }
    #main .testimonials .image-area:before,
    #main .columns .image-area:before,
    #main .testimonial .image-area:before{
        background:url(../images/bg-shadow2.png) no-repeat;
        margin:0 0 0 -46px;
        bottom:-22px;
    }
    .visual .form {
        padding: 0;
        width: 84%;
    }
    .visual .form h2 {
        background: #30781f;
        padding: 10px 0 15px;
        font-size: 2.88em;
        line-height: 1.12em;
        margin: 0 0 17px;
    }
    .visual { background: none; }
    .visual .form .form-holder { padding: 0 25px 10px 20px; }
    .visual .form .text {
        margin: 0 0 8px;
        height:24px;
    }
    .visual .form input[type="text"] {
        border-radius: 4px;
        height: 24px;
        font-size: 1.22em;
        line-height: 1.36em;
    }
    .visual .form label {
        font-size: 1.22em;
        line-height: 1.36em;
        margin: 4px 4%;
    }
    .visual .form .row { margin: 0 0 7px; }
    .visual .form .row.add { margin: 0 0 6px; }
    .select-area {
        height: 21px;
        border-radius: 4px;
    }
    .select-area .center {
        font-size: 11px;
        line-height: 15px;
        padding: 3px 5px;
        width: 88% !important;
    }
    .row.add .select-area { height: 20px !important; }
    .row.add .select-area .center {
        font-size: 1.22em;
        line-height: 1.36em;
        width: 74% !important;
        height: 14px !important;
        padding: 3px 5px;
    }
    .select-options ul{
        font-size: 1.22em;
        line-height: 1.36em;
    }
    .select-area .select-opener {
        background: url("../images/bg-select.png") no-repeat scroll 100% -85px;
        width: 13px;
        height: 21px;
        top: 0;
    }
    .visual .form .btn {
        font-size: 1.55em;
        line-height: 1.21em;
        padding: 7px 5.1%;
        position: relative;
        z-index: 9;
        margin:-4px 0 0;
    }
    #footer .nav {
        float: none;
        width: 100%;
        padding:0;
        margin:0 0 6px;
    }
    #footer .nav ul { text-align: center; }
}
@media (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 640px) and (min-resolution: 144dpi) {
    .logo {
        background-position:  -1108px -316px;
    }
    .infobar .logo{
        background-position:  -982px -316px;
    }
}


/**
    My CSS
*/

.p1-form .jcf-unselectable {color:black;}

.p1-form .btn {
    width: 100% !important;
    color: white;

}

.p1-form .txt {
    height: 25px

}

#apply-now-button {
    cursor: pointer;
    margin: 38px 0 0;
}

.apply-header{
    padding-left: 15px
}


.big-button{
    background: linear-gradient(to bottom, #87BC57 0%, #7BB546 1%, #7BB546 21%, #74AF42 34%, #69A63D 48%, #367D22 99%, #498937 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #7A111A;
    font: 1.5em/1.16em 'Conv_Antenna-Bold',Arial,Helvetica,sans-serif;
    padding: 9px 5%;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}

#footer-warning {
    text-align: center;
}
.loan-chance{
    padding-top: 10px;
}
#sorry-waring{
    background: linear-gradient(to bottom, #C72A2C 0%, #E51F2D 3%, #E51F2D 49%, #C4182C 51%, #B7172B 54%, #B7172B 95%, #C51A2C 97%, #C3272A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    text-align: center;
    color:white;
    height: 45px;
    margin-bottom: 20px;
}

#sorry-waring > h1 {
    padding-top: 10px;
}
#loan-warning hr {
    height: 4px;
    background-color: #3A8124;
    margin: 20px 0;
}

.form-error li {
    color:red;
    font-weight: bold;
    list-style: none;
    font-size: 14px;
}


#unable-to-match, #notifiy-later {
    text-align: center;
    padding-top: 22px;
}

#unable-to-match .text-title, #notifiy-later .text-title{
    font-size: 20px;
    font-weight: bold;
}
#unable-to-match .oops-text{
    padding-top: 20px;
    font-weight: bold;
    color:#ff0006;
}
#unable-to-match .oops-text:hover{
    cursor: pointer;
}

.oBtn {
    padding: 12px 0;
    width: 100%;
    background: none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 12px 11px 10px;
    margin-top: 22px;
}
.oPostAJobButton {
    margin-bottom: 5px !important;
}
.oBtn {
    font-family: "Helvetica",Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(128, 128, 124, 0.1);
}
.oBtnPrimary, {
    display: inline-block;
    text-align: center;
}
.oBtnPrimary {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #7ada4a -webkit-linear-gradient(top,#b2ff4a 0,#6bde2d 7%,#43b81a 75%,#3bb118 100%);
    background:  -moz-linear-gradient(center top , #7BD454, #62C831 95%, #53BF29) repeat scroll 0 0 #7BD454;
    border-color: #6DBE38 #509E19 #198D0F;
    border-image: none;
    border-left: 1px solid #509E19;
    border-right: 1px solid #509E19;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), 0 1px 0 #9FE662 inset;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 #25A811;
    text-decoration: none;
    width: 25%;
}
.oBtnPrimary:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #93dd64 -webkit-linear-gradient(top,#93dd64,#72d239 50%,#6fcc37);
    background: -moz-linear-gradient(center top , #93DD64, #72D239 95%, #6FCC37) repeat scroll 0 0 #93DD64;
    border-color: #6DBE38 #6DBE38 #198D0F;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), 0 1px 0 #9FE662 inset;
    color: #FFFFFF;
    text-decoration: none;
}
@media only screen
and (max-device-width: 320px)
{
    #header .header-info {
        width: 30%;
    }
    #header .social-networks {
        display: none;
    }
}


.noTitleStuff .ui-dialog-titlebar {display:none}
.transparent { background:transparent }
.ui-corner-all {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 5px

}

.ui-dialog.noTitleStuff {
    background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 10px solid rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    z-index: 100;
}
input{
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Additional CSS for V3 */

/*=================End Roundsky 3 Box Bar Swipe CSS=============================== */

/* Strat Box Swipe CSS */

section.boxSwipeSingle {
    padding: 0px;
}

section.boxSwipeDouble {
    padding: 0px;
}

.boxSwipeHeader {
    margin-bottom: 64px;
}

.boxSwipeContent {
    margin-bottom: 48px;
    text-align: center;
}

.boxSwipeMainBlock {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.boxSwipe .button1 {
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    letter-spacing: .01em;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;
}

.boxSwipe .cta-bar .button1 {
    margin: 0 8px;
}

.boxSwipe .button1:hover {
    border: none;
    background-color: #e1f3fc;
}

.boxSwipe .button1:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38);
}

.boxSwipe .button1.button-blue {
    background: #2B85E7;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: rgba(255, 255, 255, .87);
    padding-left: 56px;
    background: #2B85E7 16px 12px no-repeat;
}

.boxSwipe .button1.button-blue-icon {
    background: #2B85E7;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: rgba(255, 255, 255, .87);
    padding-left: 56px;
    background: #2B85E7 url(https://cloud.google.com/_static/images/cloud/products/logos/svg/gcp-button-icon.svg) 16px 12px no-repeat;
}

.boxSwipe .button1.button-large {
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    padding: 0 48px;
}

.boxSwipe .button1.button-blue-icon:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
}

.boxSwipe .button1.button-blue:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
}

.singleBox {
    width: 31.25%;
    display: inline-block;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%
}

.boxSwipe .hover-card h3 {
    font: 400 20px/32px Roboto, sans-serif;
    color: #526E7A;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: none;
    transition: all .4s;
    white-space: nowrap;
    font-weight: 400;
}

.boxSwipe .hover-card p {
    color: #2B85E7;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    transition: all .4s;
    white-space: nowrap;
    letter-spacing: .01em;
}

.boxSwipe .hover-card:hover {
    box-shadow: 0 4px 4px rgba(1, 67, 163, .24), 0 0 4px rgba(1, 67, 163, .12), 0 6px 18px rgba(43, 133, 231, .12);
    transform: translate3d(0, -2px, 0);
}

.boxSwipe .hover-card {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
    cursor: pointer;
    display: block;
    letter-spacing: .01em;
    margin: 0 0 16px 0;
    padding: 16px;
    position: relative;
    text-decoration: none;
    transition: all .3s;
}

.boxSwipe .hover-card {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
    cursor: pointer;
    display: block;
    letter-spacing: .01em;
    margin: 0 0 16px 0;
    padding: 16px;
    position: relative;
    text-decoration: none;
    transition: all .3s;
}

@media screen and (max-width: 720px) and (min-width: 320px) {
    .singleBox {
        width: 100%;
        display: block;
    }

    .boxSwipe .button1 {
        box-sizing: border-box;
        display: block;
        font-size: 14px;
        width: 100%;
    }

    section.boxSwipeSingle {
        padding: 20px;
    }

    section.boxSwipeDouble {
        padding: 15px;
    }

    .boxSwipe .button1.button-large {
        margin: 10px 0px;
    }
}

.multiColumnForm .boxSwipe .button1.button-large {
    padding: 0;
}

/* End Box Swipe CSS */

/* stack button updated css  */

.inputGroup label {
    width: 100%;
    display: block;
    text-align: center;
    color: #ff555c !important;
    cursor: pointer;
    position: relative;
    padding: 10px 0;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
}

.inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #e1f3fc !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.inputGroup label:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.inputGroup input:checked~label {
    color: #000;
}

.inputGroup input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1) !important;
    transform: translate(-50%, -50%) scale3d(56, 56, 1) !important;
    opacity: 1 !important;
;
}

.inputGroup input:checked~label:after {
    background-color: #54e0c7 !important;
    border-color: #54e0c7 !important;
}

.inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden !important;
}

.radio-buttons .boxSwipe .button1.button-large {
    padding: 0;
}

input[type="submit"]:disabled,
button[type="submit"]:disabled {
    pointer-events: none;
    opacity: 0.5;
}

form {
    position: relative;
}

.loader {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    z-index: 2;
    padding-top: 20%;
}

.continueButton {
    width: 100%;
    margin-left: 0;
}

@media only screen and (max-width: 625px) {
    .formBlock.form--right {
        float: none !important;
    }

    .multiStepForm.form--small {
        width: 100%;
    }

    .continueButton {
        width: 98%;
    }
}

@media only screen and (max-width: 760px) {
    .multiStepForm.form--small {
        width: 100%;
    }
}


/*custom*/

/* step 1 css */
.stage form {}

.stage .form__step {
    margin: 0 auto;
}

@media all and (min-width: 768px) {
    .stage .form__step {
        max-width: 75%;
    }
}

.radio-element .radio {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    width: 40%;
    height: 50px;
    cursor: pointer;
}

.radio-element label.radio {
    margin: 10px 4px 13px 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
}

.radio-element label.radio:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.behind-payments .radio {
    padding: 0px;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.behind-payments .radio-element label.radio {
    background: #efefef;
    color: #364580;
    font-size: 18px;
    border-radius: 0;
    border: 1px solid #ccc;
}

.behind-payments .radio-element label.radio.error {
    border: 1px solid red;
}

.behind-payments .radio-element label:hove {
    background: #d4cece;
    -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, .35);
    box-shadow: 2px 3px 4px rgba(0, 0, 0, .35);
}

.behind-payments .radio-element label:hover {
    background: #d4cece;
    -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, .35);
    box-shadow: 2px 3px 4px rgba(0, 0, 0, .35);
}

.stage label.radio span:focus,
.stage label.radio span:hover {
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    border-color: #999;
}

.radio-element label.checker span,
.radio-element label.radio span {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.radio-element label.radio span {
    border-style: solid;
    border-width: 1px;
    width: 20px;
    background: #FFF;
    vertical-align: middle;
}

.radio-element label.radio span {
    border-color: #888;
    border-radius: 50%;
    height: 20px;
    margin-right: 5px;
    position: relative;
    text-align: center;
    top: -2px;
    -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    transition: box-shadow .45s, border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
}

.behind-payments .radio span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30rem;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.radio-element label.radio span input[type=radio] {
    opacity: 0;
}

.radio-element input[type=radio] {
    margin: 0 0 1.125rem;
}

.radio-element input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.behind-payments .checked,
.behind-payments label.selected {
    border: 2px solid #00aeef !important;
    -webkit-box-shadow: 0 0 5px #00aeef !important;
    box-shadow: 0 0 5px #00aeef !important;
}

/* select element */
.select-element .selector .select-current-value {
    height: 100%;
    line-height: 2.5rem;
    margin-right: 40px;
    overflow: hidden;
    padding: 0 .5625rem;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
}

.select-element .selector .select-arrow {
    height: 100%;
    width: 40px;
    border-left: 0 solid #888;
    text-align: center;
    float: right;
    color: rgba(0, 0, 0, .75);
}

.select-element {
    margin: 0 0 1.125rem;
    position: relative;
}

.select-element .selector .select-current-value,
.select-element select {
    color: #000;
}

.select-element .selector .select-arrow:before,
.select-element .selector .select-current-value:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.select-element select {
    background: 0 0;
    border: 1px solid #fff;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    padding: .5625rem;
    height: 4.5rem;
}

.select-element button,
select {
    text-transform: none;
}

.select-element,
.select-element .selector,
.selector,
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
select {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
}

.select-element select:hover {
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    border-color: #999;
}

.stage .selector {
    -webkit-appearance: none !important;
    background-color: #fff;
    background-position: 100% center;
    background-repeat: no-repeat;
    font-family: "Open Sans";
    color: rgba(0, 0, 0, .75);
    line-height: normal;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    font-size: 18px;
    -webkit-box-shadow: #00aeef 0 0 5px;
    box-shadow: #00aeef 0 0 5px;
    border: 2px solid #00aeef;
}

.select-element select {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    transition: box-shadow .45s, border-color .45s;
}

/* step 4 */
.stage input[type=number],
.stage input[type=text],
.stage input[type=email],
.stage input[type=tel],
.stage textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFF;
    font-family: inherit;
    border: 1px solid #888;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888;
    font-size: 18px;
    margin: 0 0 1.125rem;
    padding: .5625rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    transition: box-shadow .45s, border-color .45s ease-in-out, -webkit-box-shadow .45s;
}

.stage textarea.error {
    border-color: red;
}

/* icon class */
.code.icon {
    color: #175ba8;
    position: relative;
    margin-right: 10px;
    margin-top: 20px;
    float: right;
    font-size: 28px;
    margin-right: 36px;
}

.code.icon:after {
    content: '';
    position: absolute;
    left: 6px;
    width: 10px;
    height: 10px;
    border-bottom: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.topArrowRight.icon {
    color: #175ba8;
    position: relative;
    margin-right: 51px;
    margin-top: 6px;
    float: right;
}

.topArrowRight.icon:after {
    content: '';
    position: absolute;
    left: 1px;
    width: 7px;
    height: 7px;
    top: 1px;
    border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.topArrowLeft.icon {
    color: #175ba8;
    position: relative;
    margin-left: -13px;
    margin-top: 6px;
    float: left;
}

.topArrowLeft.icon:before {
    content: '';
    position: absolute;
    left: 1px;
    width: 7px;
    height: 7px;
    top: 1px;
    border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.arrowRight.icon {
    color: #fff;
    position: relative;
    margin-right: 30px;
    margin-top: 6px;
    float: right;
    font-size: 20px;
}

.arrowRight.icon:after {
    content: '';
    position: absolute;
    left: 6px;
    width: 10px;
    height: 10px;
    border-bottom: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.downCode.icon {
    color: #175ba8;
    position: relative;
    margin-left: 3px;
    margin-top: 15px;
    float: right;
    margin-right: 27px;
}

.downCode.icon:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: solid 2px currentColor;
    border-top: solid 2px currentColor;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media only screen and (max-width: 479px) {
    .stage form {
        width: 85%;
    }

    .slider-button-last {
        width: 90% !important;
    }

    .slider-button {
        width: 66% !important;
    }

    .sliderTitle {
        font-size: 26px;
        line-height: 23px;
    }
}

/*Slider CSS end here*/

/*css for hiding footer nav*/
.add-nav-b.hidden {
    display: none !important;
}

footer.hidden {
    margin-bottom: 0 !important;
}

/* About Author And Citations Reference link section css */
.content-block {
    width: 90%;
    margin: 0 auto;
}

.content-block .refs {
    font-size: 1em;
    text-align: left;
    font: 400 10px/1.7em 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif;
}

.content-block .a-footer {
    padding: 30px 20px 38px;
}

.content-block .brdt {
    border-top: 1px solid #d9d9d9;
}

.content-block .brdb {
    border-bottom: 1px solid #d9d9d9;
}

.content-block .a-footer p {
    font-size: 1.1em;
    text-transform: uppercase;
}

.content-block .a-footer p a {
    color: #303030;
}

.content-block .a-footer p a:hover {
    text-decoration: underline;
}

.content-block .refs a {
    display: inline;
    touch-action: manipulation;
    text-decoration: none;

}

.content-block .refs .lc {
    text-transform: none;
    margin-bottom: 0;
    margin: 0 0 24px;
}

.content-block .a-footer p {
    font-size: 1.1em;
    text-transform: uppercase;
}

.content-block .refs div.reference {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.content-block .reference a {
    color: #fe5102;
}

.content-block .reference a:hover {
    text-decoration: underline;
}

.content-block .clear {
    clear: both;
}

@media screen and (max-width: 767px) {
    .content-block .refs div.reference {
        width: auto;
        float: none;
    }
}

/* new custom form css */
.selectFieldset select {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9999;
    height: 45px;
    color: #666;
    border: none !important;
    border-radius: 0 !important;
    font-family: Oswald !important;
}

.selectFieldset .select-area {
    padding-bottom: 7px;
    display: block;
}

.boxSwipeContent {
    margin-bottom: 0 !important;
}

.buttonWidth {
    width: 100%;
}

.buttonCustomColor {
    background-color: #d31d1d;
    color: #fff;
}

.buttonCustomColor:hover {
    background-color: #d31d1d !important;
    color: #fff !important;
}

.singleColumn {
    margin-right: 10px;
}

.multiColumnForm--1 {
    display: block;
    float: left;
    width: 45%;
    margin-left: 10px;
}

.multiColumnForm--2 {
    display: block;
    float: right;
    width: 45%;
    margin-right: 20px;
}

.form-left {
    float: left !important;
}

.customFormLabelText {
    color: #000;
    padding-left: 20px;
    padding-bottom: 10px;

}

.stepBackground {
    background: black;
    padding: 10px 10px 10px 10px;
}

.stepBackgroundWide {
    width: 100%;
    background: black;
    background: black;
    padding: 10px 10px 10px 10px;
}

@media screen and (max-width: 768px) {
    .multiColumnForm--1 {
        float: none;
    ;
        width: 98%;
        margin-left: 0;
    }

    .multiColumnForm--2 {
        display: block;
        float: none;
        width: 98%;
        margin-right: 0;
    }

    section.boxSwipeSingle {
        padding: 0px !important;
        margin-right: 0px !important;
    }
}

.singleColumn .boxSwipe .button1.button-large {
    padding: 0;
}

/* custom Menu css change */

.customMenu {
    padding-left: 30px;
}

/* stack button updated css  */

.inputGroup label {
    width: 100%;
    display: block;
    text-align: center;
    color: hsl(206.1, 79.3%, 52.7%);
    cursor: pointer;
    position: relative;

    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
}

.inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #e1f3fc !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.inputGroup label:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.inputGroup input:checked~label {
    color: #000;
}

.inputGroup input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1) !important;
    transform: translate(-50%, -50%) scale3d(56, 56, 1) !important;
    opacity: 1 !important;
;
}

.inputGroup input:checked~label:after {
    background-color: #54e0c7 !important;
    border-color: #54e0c7 !important;
}

.inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden !important;
}

.radio-buttons .boxSwipe .button1.button-large {
    padding: 0;
}

input[type="submit"]:disabled,
button[type="submit"]:disabled {
    pointer-events: none;
    opacity: 0.5;
}

form {
    position: relative;
}

.loader {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    z-index: 2;
    padding-top: 20%;
}

.continueButton {
    width: 100%;
    margin-left: 0;
}

@media only screen and (max-width: 625px) {
    .formBlock.form--right {
        float: none !important;
    }

    .multiStepForm.form--small {
        width: 100%;
    }

    .continueButton {
        width: 98%;
    }
}

@media only screen and (max-width: 760px) {
    .multiStepForm.form--small {
        width: 100%;
    }
}



/* custom bootstrap class */

.containerCustom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.containerCustom {
    max-width: 1100px;
}


.customRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



.js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
    opacity: 0;
}

.js-acc-hidden {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    display: block !important;
    width: 100% !important;
}


.form-section label{
    font-weight: 400;
    margin: 0;
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.formStep input[type=text] {
    margin: 5px 0 15px;
    width: 100%;
    font-size: 16px !important;
    box-sizing: border-box;
    border: 1px solid #d1d7db;
    height: 34px;
    border-radius: 2px;
    padding: 0 10px;
    background: #fff;
    vertical-align: middle;
}
/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
}

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 180%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);
    width: 17.5em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
    .tool::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
    }
}
.form input[type=text]{
    margin-bottom: 10px;
}

.tool-tip {
    display: inline-block;
    position: relative;
    margin-left: 0.5em;
}

.tool-tip img {
    width: 20px;
    height: 20px;
}

.tool-tip .tool-tip__icon {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-style: italic;
    height: 20px;
    text-align: center;
    width: 20px;
    vertical-align: bottom;
}
.tool-tip .tool-tip__info {
    display: none;
    color: gray;
    font-weight: normal;
    background: white;
    border-radius: 3px;
    font-size: 12px;
    padding: 1em;
    position: absolute;
    left: 30px;
    top: -20px;
    width: 250px;
    z-index: 999999;
    line-height: 20px;
    font: 12px 'Conv_Antenna-Bold', Arial, Helvetica, sans-serif;
    border: 2px solid lightgray;
}
.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 7px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent;
}
.tool-tip .tool-tip__info:after {
    left: -11px;
    border-right-color: lightgray;
    top: 8px;
}
.tool-tip .tool-tip__info .info {
    display: block;
}
.tool-tip .tool-tip__info .info__title {
    color: #fa00f3;
}
.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
    display: inline-block;
}

a:focus + .tool-tip .tool-tip__info {
    display: inline-block;
}


.p1-form-v3 {
    padding: 23px 0 0 0 !important;
    width: 300px !important;
}

.p1-form-v3 .p1-form__step {
    background: white;
    padding: 30px 20px 7px 20px;
    margin-top: -4px;
}

.p1-form-v3 .sub-heading {
    color: black !important;
    text-shadow: none !important;
    font-size: 19px !important;
    background: none !important;
}

.p1-form-v3 #lbl-zip {
    margin: 0 !important;
    padding: 0 !important;
}

.p1-form-v3 .tool-tip {
    top: -2px;
}

.p1-form-v3 input[type="text"] {
    border-radius: 4px !important;
    line-height: 19px !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0;
    position: relative;
    color: #7f7f7f;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none;
    border: 2px solid #cfcfcf !important;
    box-shadow: none !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    padding: 1px 16px !important;
}

.p1-form-v3 .inputGroup {
    margin-bottom: 6px !important;
}

.social-networks {
    display: none;
}

pre {
    color: #b4b2b2;
    line-height: 1.166em;
    font: 1.2em/1.33em 'Conv_Antenna-Regular';
    font-size: 100.01%;
    white-space: pre-wrap;
    line-height: 14px;
    white-space: pre-line;
}

.text-center {
    font: 2em/1.166em 'Playfair Display', Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    font-weight: 700;
}

.table-striped {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped>tbody>tr>td, .table-striped>tbody>tr>th, .table-striped>tfoot>tr>td, .table-striped>tfoot>tr>th, .table-striped>thead>tr>td, .table-striped>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}


@media screen and (min-width: 680px) {
   nav {
        display: none;
    } 
    
    .footer-content nav {
        display: block;
    }
}
@media screen and (max-width: 900px) {
    .p1-form-v3 {
        padding: 0 !important;
    }

    .visual .info {
        padding: 0;
    }

    .textarea {
        padding-left: 20px !important;
        padding-right: 20px !important;
        text-align: left;
    }

    h2.text-center {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #main p, .textbox, article, .textarea{
        font-family: montserrat,sans-serif !important;
        font-weight: 300 !important;
        font-size: 17px !important;
        line-height: 1.94 !important;
    }

    .textarea h2 {
        font-size: 1.22em !important;
        line-height: 1.27em !important;
        margin: 0 0 4px !important;
    }

    .textarea ul {
        font: 1.6em/1.33em Montserrat, Roboto, sans-serif !important;
    }

    h3,h2{
        font-family: sans-serif !important;
    }
    #p1-form {
        width: 100% !important;
        border: none;
        box-shadow: none;
    }

    .visual .form .btn {
        margin-left: 0 !important;
    }

    .info .textarea {
        width: 100% !important;
    }

    .info .textarea ul{
        text-align: left;
        display: inline-block;
    }

    .logo-img {
        width: 150px !important;
        margin-top: 10px !important;
    }

    .full-width-menu {
      display: none !important;
    }

    #nav ul {
        display: none;
        position: absolute;
        width: 100%;
        top: 42px;
        left: 0;
        background: #fff;
        font: 1.33em/1.25em 'Conv_Antenna-Regular', Arial, Helvetica, sans-serif;
        border-top: 1px solid #23354d;
        z-index: 3;
        float: right;
        font: 11px/15px 'Conv_Antenna-Bold',Arial,Helvetica,sans-serif;
        list-style: none outside none;
        margin: 0 5px 0 0;
        padding: 0;
        text-transform: uppercase;
    }

    #nav li {
        color: #828080;
        float: none;
        margin: 0;
        border-bottom: 1px solid #23354d;
        padding: 12px 0;
    }

    #nav li a{
        color: #828080 !important;
    }

    #main .block .textbox ul {
        display: inline;
    }

    #main .block .textbox ul li {
        margin-bottom: 10px;
    }

    #footer .infobar .holder {
        padding: 0;
    }

    #main .block p {
        text-align: left !important;
    }

    .thumbsUp, .moneyMan {
        margin: auto;
    }

    #p1-form {
        padding-top: 15px !important;
        border-radius: 0;
    }

    #p1-form h2 {
        padding: 1px;
        background: #23354d;
    }

    .footer-logo {
        margin-bottom: 5px;
        display:none;
    }

    .slide li {
        text-align: center !important;
    }
}

span.call {
    display: block;
}