@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/Mark Simonson - Proxima Nova Bold.eot');
    src: local('?'), url('../fonts/Mark Simonson - Proxima Nova Bold.woff') format('woff'), url('fonts/Mark Simonson - Proxima Nova Bold.ttf') format('truetype'), url('fonts/Mark Simonson - Proxima Nova Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../fonts/Mark Simonson - Proxima Nova Light.eot');
    src: local('?'), url('../fonts/Mark Simonson - Proxima Nova Light.woff') format('woff'), url('fonts/Mark Simonson - Proxima Nova Light.ttf') format('truetype'), url('fonts/Mark Simonson - Proxima Nova Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../fonts/Mark Simonson - Proxima Nova Regular.eot');
    src: local('?'), url('../fonts/Mark Simonson - Proxima Nova Regular.woff') format('woff'), url('fonts/Mark Simonson - Proxima Nova Regular.ttf') format('truetype'), url('fonts/Mark Simonson - Proxima Nova Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold.eot');
    src: local('?'), url('../fonts/Mark Simonson - Proxima Nova Semibold.woff') format('woff'), url('fonts/Mark Simonson - Proxima Nova Semibold.ttf') format('truetype'), url('fonts/Mark Simonson - Proxima Nova Semibold.svg') format('svg');

}


@font-face {
    font-family: 'GothamBook';
    src: url('../../fonts/gotham-book.eot');
    src: local('?'), url('../fonts/gotham-book.woff') format('woff'), url('../fonts/gotham-book.ttf') format('truetype'), url('../fonts/gotham-book.svg') format('svg');
}

@font-face {
    font-family: 'Gothamlight';
    src: url('../../fonts/gotham-light.eot');
    src: local('?'), url('../../fonts/gotham-light.woff') format('woff'), url('../fonts/gotham-light.ttf') format('truetype'), url('../fonts/gotham-lightk.svg') format('svg');
}
@font-face {
    font-family: 'Gothamitalic';
    src: url('../../fonts/gotham-bookitalic.eot');
    src: local('?'), url('../../fonts/gotham-bookitalic.woff') format('woff'), url('../fonts/gotham-bookitalic.ttf') format('truetype'), url('../fonts/gotham-bookitalic.svg') format('svg');
}
@font-face {
    font-family: 'Gothamultra';
    src: url('../../fonts/gotham-ultra.eot');
    src: local('?'), url('../../fonts/gotham-ultra.woff') format('woff'), url('../fonts/gotham-ultra.ttf') format('truetype'), url('../fonts/gotham-ultra.svg') format('svg');
}
@font-face {
    font-family: 'Conv_Gotham-Bold';
    src: url('../../fonts/Gotham-Bold.eot');
    src: local('?'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_HouseSlant-Regular';
    src: url('../fonts/HouseSlant-Regular.eot');
    src: local('?'), url('../fonts/HouseSlant-Regular.woff') format('woff'), url('../fonts/HouseSlant-Regular.ttf') format('../truetype'), url('../fonts/HouseSlant-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Calluna-Regular';
    src: url('../../fonts/Calluna-Regular.eot');
    src: local('?'), url('../fonts/Calluna-Regular.woff') format('woff'), url('../fonts/Calluna-Regular.ttf') format('truetype'), url('../fonts/Calluna-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Calluna-It';
    src: url('../fonts/Calluna-It.eot');
    src: local('?'), url('../fonts/Calluna-It.woff') format('woff'), url('../fonts/Calluna-It.ttf') format('truetype'), url('../fonts/Calluna-It.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: #ffffff;
    margin: 0;
    padding: 0;
    background: #21333c; 
	position:relative;
	min-height:100vh;
	box-sizing:border-box;

}

.home{
   background: #ffffff url(../images/bodybg.jpg) top center/cover no-repeat; 
}

.head-spacer{
    height: 150px;
}

.form-wrapper{
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.form-wrapper h1{
    font-size: 52px;
    color: #ffffff;
    font-family: 'Proxima Nova Bold';
    text-align: center;
    letter-spacing: -1px;
    line-height: 110%;
}

.form-wrapper h2{
    padding: 0;
    margin: 0 auto;
    color: #ffffff;
    font-size: 33px;
    font-family: 'Proxima Nova Light';
    text-align: center;
}

.form-wrapper p{
    margin-top: 24px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Proxima Nova Regular';
    text-align: center;
}

.address-wrapper{
    margin-top: 30px;
    overflow: auto;
}

.address-wrapper .address{
    color: #6c6c6c;
    background: #ffffff;
    font-family: 'Proxima Nova Regular';
    font-size: 22px;
    font-weight: normal;
    float: left;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
    width: 45%;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.address-wrapper .address.error{
    border: 1px solid red;
}

.address-wrapper .unit{
    color: #6c6c6c;
    background: #ffffff;
    font-family: 'Proxima Nova Regular';
    font-size: 22px;
    font-weight: normal;
    float: left;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
    width: 15%;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.address-wrapper .unit.error{
    border: 1px solid red;
}

.address-wrapper .submit{
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
    width: 30%;
    background-color: #4cb723;
    color: #fff;
    font-size: 22px;
    letter-spacing: 3px;
    font-family: 'Proxima Nova Bold';
    border-bottom: 4px solid #2f7511;
    box-sizing: border-box;
}

.address-verification .error{
    display: none;
    background: red;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    padding-left: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.testimonials{
    display: flex;
    margin: 150px 0;
    justify-content: space-between;
}

.testimonials  .test-each{
    padding-left: 37px;
    background: transparent url(../images/testiquotes.png) no-repeat;
    width: 40%;
}

.testimonials  .test-each p{
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-family: 'Conv_Calluna-It';
    opacity: 0.7;
    letter-spacing: 1px;
    text-align: left;
}

.testimonials .test-each .author{
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.testimonials .test-each .author img{
    margin-right: 10px;
}

.testimonials .test-each .author .name{
    color: #ffffff;
    font-size: 15px;
    font-family: 'Conv_Gotham-Bold';
    text-transform: uppercase;
}

.testimonials .test-each .author .tag{
    color: #ffffff;
    font-size: 13px;
    font-family: 'GothamBook';
    line-height: 100%;
    opacity: 0.85;
    margin-top: 5px;
}

.address-verification{
    width: 90%;
    max-width: 900px;
    margin: 40px auto;
    border-radius: 6px;
    background-color: #fff;
    overflow: auto;
    margin-bottom: 100px;
}

.address-verification h1{
    text-align: center;
    font-size: 48px;
    margin: 40px 30px;
    color: #454545;
}

.address-verification h1.mobile{
    display: none;
}

.address-verification #map-canvas{
    height: 300px;
}

.address-verification .address-details{
    display: flex;
    padding: 30px;
    justify-content: center;
    align-items: center;
}

.address-verification .address-details .address{
    width: 50%;
    padding-right: 30px;
}

.address-verification .address-details .buttons{
    width: 50%;
}

.address-verification .address-details .buttons a{
    background: #06c09c;
    color: #ffffff;
    font-size: 20px;
    font-family: 'GothamBook';
    border-radius: 28px;
    width: 46%;
    padding: 14px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin-right: 3%;
}

.address-verification .address-details .buttons a.incorrect-address{
    background: #d17373;
}

.address-verification .address-details .address{
    color: #454545;
    font-size: 28px;
}

.step-count{
    margin: 20px auto;
    width: 90%;
    max-width: 900px;
    text-align: right;
    font-size: 20px;
    margin-top: 40px;
    font-family: 'GothamBook';
}

.step-count.mobile{
    display: none;
}

.step-count.desktop{
    display: block;
    margin: 20px auto -20px auto;
}

.property-details{
    margin: 40px auto;
    width: 80%;
    max-width: 390px;
}

.property-details .propert-each{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.property-details .propert-each label{
    padding: 0;
    margin: 0;
    color: #454545;
    font-size: 26px;
    font-family: 'Proxima Nova Light';
    float: left;
    width: 150px;
}

.property-details .propert-each select{
    padding: 0;
    margin: 0;
    padding-left: 10px;
    padding-right: 24px;
    color: #ffffff;
    font-size: 18px;
    font-family: 'Proxima Nova Light';
    float: left;
    background: #868686;
    height: 45px;
    flex: 1;
    box-sizing: border-box;
}

.property-details .propert-each input[type="text"], .property-details .propert-each input[type="email"]{
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #454545;
    font-size: 18px;
    font-family: 'Proxima Nova Light';
    border: 2px solid #868686;
    float: left;
    flex: 1;
    box-sizing: border-box;
}

.agree{
    font-size: 20px;
    color: #454545;
    font-family: 'Proxima Nova Light';
    margin: 20px 50px;
}

.final{
    font-size: 30px;
    color: #454545;
    font-family: 'Proxima Nova Light';
    margin: 20px 50px;
    text-align: center;
    margin-bottom: 100px;
}

.property-submit, .final-submit{
    min-width: 312px;
    background: #49ae21;
    color: #fff;
    border: 0;
    border-radius: 40px;
    font-size: 24px;
    line-height: 26px;
    padding: 12px 50px;
    font-weight: bold;
    vertical-align: middle;
    -webkit-box-shadow: 6px 8px 2px -2px rgb(2 59 21 / 34%);
    -moz-box-shadow: 6px 8px 2px -2px rgba(2,59,21,0.34);
    box-shadow: 6px 8px 2px -2px rgb(2 59 21 / 34%);
    cursor: pointer;
    margin-bottom: 50px;
    margin-top: 50px;
    font-family: 'Proxima Nova Light';
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.share{
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 50px;
}

.share a{
    text-decoration: none;
    font-size: 35px;
    color: #a9a9a9;
    border: 2px solid #a9a9a9;
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    margin: 20px;
    margin-top: 0;
    border-radius: 100px;
    line-height: 70px;
}

.share a:hover{
    border: 2px solid #454545;
    color: #454545;
}

.step-3 .address-verification h1, .step-4 .address-verification h1{
    font-size: 38px;
}

.step-2 .address-verification h1.mobile{
    display: none;
}

.footer-wrapper{
    width: 100%;
    min-height: 100px;
    padding: 0;
    margin: 0;
    background: #cccccc;
    overflow: auto;
}

.footer-wrapper .footer-canvas{
    width: 90%;
    max-width: 800px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}

.footer-canvas .copyright{
    font-family: 'Proxima Nova Regular';
    font-size: 12px;
    padding-top: 5px;
    float: left;
}

.footer-wrapper .footer-canvas .icon img{
    height: 40px;
}

.footer-wrapper .footer-canvas .icon img:first-child{
    margin-right: 10px;
}

@media(max-width:991px){

    .step-count.mobile{
        display: block;
        margin: 10px auto 15px auto;
        font-size: 17px;
    }

    .step-count.desktop{
        display: none;
    }

    .testimonials{
        display: block;
        margin-top: 100px;
    }

    .testimonials .test-each{
        max-width: 350px;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .address-wrapper .address{
        width: 40%;
    }

    .address-wrapper .unit{
        width: 20%;
    }

}

@media(max-width:767px){

    .head-spacer{
        height: 30px;
    }

    .form-wrapper{
        margin: 0 auto;
    }

    .form-wrapper h1{
        font-size: 43px;
        margin-bottom: 10px;
        line-height: 100%;
    }

    .form-wrapper h2{
        font-size: 25px;
    }

    .more-accurate{
        display: none;
    }

    .address-wrapper .address, .address-wrapper .unit, .address-wrapper .submit{
        padding: 15px;
    }

    .address-wrapper{
        margin-bottom: 30px;
    }

    .address-wrapper .address{
        width: 70%;
    }

    .address-wrapper .unit{
        width: 30%;
    }

    .testimonials {
        margin-top: 70px;
    }

    .address-wrapper .submit{
        display: none;
        width: 100%;
        margin-top: 25px !important;
        float: left;
        font-size: 15px;
    }

    .address-verification{
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .address-verification h1{
        font-size: 30px;
        margin: 20px 20px;
    }

    .address-verification .address-details{
        display: block;
        padding: 20px;
    }

    .address-verification .address-details .address{
        margin-bottom: 20px;
        text-align: center;
        font-size: 16px;
    }

    .address-verification .address-details .address, .address-verification .address-details .buttons{
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding-right: 0;
    }

    .address-verification .address-details .buttons a{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .property-details{
        margin: 30px auto;
    }

    .agree{
        font-size: 16px;
        margin: 20px 40px;
    }

    .step-count.mobile{
        margin-top: 20px;
    }
    
    .step-2 .address-verification h1.desktop{
        display: none;
    }

    .step-5 .address-verification h1.desktop{
        display: none;
    }

    .step-2 .address-verification h1.mobile{
        display: block;
        font-size: 27px;
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .step-5 .address-verification h1{
        margin-top: 60px;
        display: block;
    }

    .step-3 .address-verification h1, .step-4 .address-verification h1 {
        font-size: 23px;
    }

    .address-verification #map-canvas{
        height: 190px;
    }

    .address-verification .map-holder{
        padding: 10px;
    }

    .property-details .propert-each label{
        font-size: 19px;
        width: 120px;
    }

    .property-details .propert-each select{
        width: 100%;
        height: 32px;
    }

    .property-submit, .final-submit{
        margin-top: 30px;
    }

    .property-details .propert-each input{
        width: 100%;
    }

    .property-details .propert-each input[type="text"], .property-details .propert-each input[type="email"]{
        font-size: 14px;
    }

    .final{
        font-size: 23px;
    }

    .share, .share-head{
        display: block;
        margin-top: -60px;
        
    }

    .share a{
        margin: 8px;
    }

    .footer-wrapper .footer-canvas{
        display: block;
        text-align: center;
        margin: 20px auto;
    }

    .footer-wrapper .footer-canvas .icon{
        margin-top: 30px;
        overflow: auto;
    }

    .footer-canvas .copyright{
        float: none;
    }

}