* {margin: 0;padding: 0;box-sizing: border-box; }
html{line-height: normal;}
body {font-size: 14px;font-family: 'Montserrat-light';background: #f5f5f5;}
ul {margin: 0;padding: 0;}
ul li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
.left {float: left;}
.right {float: right;}
:focus {outline: 0;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
.clearfix:after {content: "";display: table;clear: both;}
.padd-0 {padding:0 !important;}
.padd-top-10 {padding-top:10px;}
.margin-0 {margin:0 !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,
a.active.focus, a.active:focus, a.focus, a.focus:active, a:active:focus, a:focus{outline: 0 none;outline-offset: 0;}
h1,h2,h3,h4,h5,h6{margin:0;}
p{margin:0;}
i{vertical-align:middle;}

@font-face {
    font-family: 'Montserrat-light';
    src: url('../fonts/hinted-Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('../fonts/hinted-Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Montserrat-Light.woff2') format('woff2'),
        url('../fonts/hinted-Montserrat-Light.woff') format('woff'),
        url('../fonts/hinted-Montserrat-Light.ttf') format('truetype'),
        url('../fonts/hinted-Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/hinted-Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('../fonts/hinted-Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/hinted-Montserrat-Regular.woff') format('woff'),
        url('../fonts/hinted-Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/hinted-Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/hinted-Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('../fonts/hinted-Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/hinted-Montserrat-Medium.woff') format('woff'),
        url('../fonts/hinted-Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/hinted-Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/hinted-Montserrat-Bold.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('../fonts/hinted-Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/hinted-Montserrat-Bold.woff') format('woff'),
        url('../fonts/hinted-Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/hinted-Montserrat-Bold.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
  font-family: "untitled-font-10";
  src:url("../fonts/untitled-font-10.eot");
  src:url("../fonts/untitled-font-10.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-10.woff") format("woff"),
    url("../fonts/untitled-font-10.ttf") format("truetype"),
    url("../fonts/untitled-font-10.svg#untitled-font-10") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-10" ;
  content: attr(data-icon);
  font-style: normal ;
  font-weight: normal ;
  font-variant: normal ;
  text-transform: none ;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-10" ;
  font-style: normal ;
  font-weight: normal ;
  font-variant: normal ;
  text-transform: none ;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-refer-now:before {
  content: "\6d";
}
header{background:#faa41a;    padding: 5px 15px;}
header img:first-child{height:50px; margin-right:15px;}
header img {display: inline-block;vertical-align: middle;width: auto;}
/*.wrapper{padding-bottom:70px;}*/
.container-fluid{padding:0 15px;}
.banner1 {background: url(../images/banner1.png) no-repeat;height:600px;background-position: top center;background-size: 100% 100%;padding:30px 15px;}

.estimated-earnings{background: url(../images/banner2.png) no-repeat;/*height:978px;*/background-position: top center;
                    background-size: 100% 100%;padding:30px 15px;}
.heading-1{font-family: 'Montserrat-Bold'; font-size:24px;color: #fff;text-transform: uppercase;text-align: center;position: relative; padding-bottom:20px;}
.heading-1::after {content: "";position: absolute;width: 92px;background: #fcaf17;bottom: 0;height: 4px;left: 0;right: 0;margin: 0 auto;}

.refer-earn-text{font-family: Montserrat-light; font-size:24px;text-align: center; padding:20px 0 0;}
.white-txt{color:#ffffff;}
.black-txt{color:#000000;}

.earning-amt{margin-top:30px;}
.earning-amt li{text-align:center;}
.earning-amt li + li{margin-top:30px;}
.earning-amt li span +span{padding-left:5px;}
.earning-amt li span{display:inline-block; vertical-align:middle; font-family:Montserrat-Regular; color:#ffffff;font-size:28px;}
.earning-amt li span.amt-number{font-size:30px; font-family:Montserrat-Bold;}

.offer-container{position: relative;margin: -80px auto 0;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);width: 90%;}
.offer {background: #fff;padding:15px;position:relative;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
.offer h3{text-align:center; font-family:Montserrat-Regular; text-align:center;font-size:24px;}
/*.offer::before {

    content: "";
    position: absolute;
    background: #ffa500;
    height: 15px;
    width: 242px;
    top: 0px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 999;

}*/

.prize-section{margin-top:30px;}
.prize-box{    display: table;  width: 100%;}
.prize-img, .title{display: table-cell;vertical-align: middle;}

.prize-section li {text-align: center;float:left; width:100%; }
.prize-section li+li{margin-top:25px;}

.prize-img{width: 100px;}
.prize-img img{width: 100px;}
.title{padding-left: 15px;text-align:left;  }
.prize-section {width:100%; display:table;}
.prize-section li h4{font-size:16px; font-family:Montserrat-Bold;margin:0px 0 5px;}
.prize-section li article{margin-bottom:3px;font-size:15px;font-family:Montserrat-Regular;}
.prize-section li p{font-size:15px; font-family:Montserrat-Regular;color:#faa41a}
.get-started, .estimated-earnings, .faq, .testimonial-section{margin-top:30px;}

.black-text-heading{color:#000000 ;font-size:24px;}
.black-text-heading::after{background:#000000;}

.white-text-heading{color:#ffffff ;font-size:24px;}
.white-text-heading::after{background:#ffffff;}

.steps{margin-top:30px;}
.steps li{position:relative;display:table; width:100%; }
.steps li::after {position: absolute;content: "";border: 1px solid #b6b6b6;width: 1px;top: 0px;left: 40px;margin: auto;height: calc(100% - 0px);z-index:-2;}
.steps li .step-inner{padding:15px 0;}
.steps li .icon{padding-right:30px;}
.steps li span{font-size:18px; font-family:Montserrat-Regular;color:#363636;display:table-cell; vertical-align:middle;}
.step-inner img {height: 80px;width: 80px;}
.custom-form{margin-top:56px;}
.custom-form label {font-family:Montserrat-Regular;font-size: 18px;color: #fff;text-transform: uppercase;margin-bottom:10px; height:60px;display:block;}

.referred-client, .brokerage-month{width:48%; float:left;}
.referred-client{margin-right:4%;}

.custom-form > ul > li:not(:last-child){margin-bottom:30px}
.custom-form input.custom-input{background: rgba(0,0,0,0.3);border-radius: 4px;height: auto;font-size: 20px;border: 1px solid #faa41a;
                                font-family: Montserrat-Regular;font-size: 18px;color: #fff;text-align: center;-webkit-box-sizing: border-box;
                                box-sizing: border-box;padding:6px 12px;margin:0;}
.custom-form input.custom-input:focus {border-bottom: 1px solid #faa41a !important;box-shadow: none !important;}
.custom-form .filled-text{background: rgba(0,0,0,0.3);border-radius: 4px;height: auto;font-size: 20px;padding:5px 12px;
                                font-family: Montserrat-Regular;font-size: 20px;color: #a3a3a3;text-align: center;}



.form-heading{font-family:Montserrat-Regular;font-size: 20px;color: #fff;text-transform: uppercase;margin-bottom:10px;text-align:center;}
.box{background: rgba(0,0,0,0.3);padding:15px;text-align:center;}
.box-inner h4{font-family:Montserrat-Regular;font-size: 18px;color: #e2e2e2;text-transform: uppercase;text-align:center;position:relative;
               padding-bottom:10px; margin-bottom:10px;}
.box-inner h4::after {content: "";position: absolute;width:24px;background: #e2e2e2;bottom: 0;height: 3px;left: 0;right: 0;margin: 0 auto;}
.box-inner p{font-family:Montserrat-Regular;font-size: 24px;color: #faa41a;text-align:center;}
.box-inner i{vertical-align:middle;}
.three-box li{display:inline-block; vertical-align:top; width:30.8%;}
.box li:not(:last-child){margin-right:3%;}
.box-inner p.total-txt{font-size:30px;}

.custom-accordian{margin-top:30px;border: 0;box-shadow: none;}
.custom-accordian li:not(:last-child){margin-bottom:10px;}
.custom-accordian .collapsible-header{font-size: 16px;font-family: Montserrat-light;color: #363636;background: #f2f2f2;
                                      padding: 6px 10px 6px 30px;border: 1px solid #bfbfbf;position: relative;}
.custom-accordian .collapsible-header::before {content: "";position: absolute;height: 10px;width: 10px;border-radius: 100px;left: 10px;background: #ababab;border-bottom: 1px solid #bfbfbf;bottom: 0;margin: auto;top: 0;}
.custom-accordian .collapsible-header.active::before {background: #eeaa08;}
.custom-accordian .collapsible-body {font-size: 16px;font-family: Montserrat-light;color: #818181;padding: 10px;background:#ffffff;border: 1px solid #bfbfbf; border-top:0;}

.refer-now{/*position:fixed;*/ bottom:0;text-align:center;text-align: center;width: 100%; padding:0px;margin:15px 0 0;/*background: #f5f5f5;padding: 15px;box-shadow: 1px 0 5px rgba( 0,0,0,0.5);*/}
.refer-now button{background: #faa41a;font-family: Montserrat-light;font-size: 20px;padding: 0 70px;}
.refer-now button:hover,
.refer-now button:focus{color:#000000; background: #faa41a;}
.refer-now button i{padding-right:10px}
.fixed-btn{position:fixed; bottom:50px; z-index:1;left: 0;right:0;}

footer{margin-top: 50px;}
footer a{text-align: center;color: #fff;background: #808080;padding:8px;font-family: Montserrat-Regular;font-size: 14px;display:block}

.referee-text{font-size: 16px;font-style: italic;text-decoration: underline; margin:20px 0 !important;}
.form-referee .label-txt{width:48%; display:inline-block; vertical-align:middle; font-family:Montserrat-light; font-size:14px; color:#6c6c6c; }
.form-referee .input-txt{width:48%; margin-left:3.3%;display:inline-block; vertical-align:middle;font-size:14px; color:#363636;}

.form-referee .input-txt input{border-bottom:1px solid #bababa; height:auto;}
.form-referee .input-txt input:focus{border-bottom:1px solid #bababa; box-shadow:none;}

.form-referee .label-txt label{display:block;}
.form-referee li{margin-bottom:15px;}
.custom-referral-form.modal.modal-fixed-footer .modal-content{height: calc(100% - 100px);}
.custom-referral-form.modal .modal-footer{height: 100px;padding: 10px;}
.modal.modal-fixed-footer{height:90%;}
.modal{max-height:90%;top:2% !important; width:95%}

.add-referral{float: right;font-size: 16px;text-decoration: underline;color: #faa41a;font-family: Montserrat-light;font-style: italic;
              margin-bottom: 20px;}
.custom-referral-form .refer-now{padding:0;}
.custom-referral-form .refer-now button{margin: 0 auto !important;float: none !important; width:70%;}
.modal .modal-content {padding: 15px;}

.custom-close{position: absolute;top: 0px;right: 0px;background: #fbb030;opacity: 1;text-shadow: none;color: #fff;padding:5px;height: 30px;
              width: 30px;text-align: center;line-height: 0;border: 0;font-size:16px;z-index: 1;font-weight:normal;}
.custom-close:focus{background:#fbb030; color:#000000}
.client-id-text {margin: 20px 0 0;}

.confirming-text{margin:10px 0 10px 0px; }
.confirming-text span,
.confirming-text a{font-size:12px !important; }
.confirming-text span{color:#787878}
.confirming-text a{color:#faa41a;}
/*-- Checkbox --*/

[type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}
[type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #faa41a;
    border-bottom: 2px solid #faa41a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
/*-- Checkbox --*/
.profile-inner-section {padding: 70px 10px 20px 65px;position: relative;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); width:87%; margin:30px auto 10px;
                        margin-left: 10%;overflow: visible;background:#ffffff;}
.profile-content{position:relative}
.profile-inner-section::before{background: url("../images/quotes.png") no-repeat top right;content: "";height: 50px;position: absolute;right:15px;width: 100%;
                         z-index: 1000;top: 15px;}
.profile-img{position: absolute;top: 0;left: -29px;bottom: 0;height: 80px;width: 80px;margin: auto;}
.profile-img img{width:100%}

.desig h3 {margin: 0;font-weight: bold;font-size: 14px; color:#ffa500; font-family:Montserrat-Medium; margin-bottom:3px;}
.carousel-item .profile-inner-section .desig p {color: #363636;font-size: 14px;position:relative;font-family:Montserrat-Medium;}
.desig article{color: #363636;font-size: 14px;padding-top:5px;font-family:Montserrat-Medium;}
.carousel-item .profile-inner-section  p.content{color: #7f7f7f;font-size: 14px;padding-top:15px;font-family:Montserrat-Medium;}

.testimonial-section .owl-theme .owl-dots .owl-dot span{border: 1px solid #c7c7c7;margin: 0px 5px;height: 14px;width: 14px;background-color: #e7e7e7;}
.testimonial-section .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .owl-theme .owl-dots .owl-dot:hover span{background-color: #fcae18;}


.testimonial-section .owl-theme .owl-nav.disabled + .owl-dots{margin-top:0;}

@media only screen and (min-width:320px) and (max-width:480px){
   .banner1 { height:480px;}
   .heading-1{font-size:20px}
   .heading-1::after{width:50px;}

   .refer-earn-text{font-size:16px}
    .earning-amt li span.amt-number {font-size: 30px;}
    .earning-amt li span{font-size: 20px;}

    .offer h3{font-size:18px;}

    .get-started .heading-1{font-size:20px}

    .steps li span{font-size: 16px;}
    .icon img {width: 70px;height: 70px;}
    .steps li::after{left:35px;}
    .steps li .icon {padding-right: 10px;}

    .box{padding:15px 0;}
    .custom-form{margin-top:30px;}
    .estimated-earnings{height:auto;padding:15px;}
    .referred-client {margin-right: 0;margin-bottom: 30px;}
    .referred-client, .brokerage-month {width: 100%;}
    .custom-form label{height: auto;font-size: 16px;}
    .form-heading{font-size:16px;}
    .box li:not(:last-child) {margin-right: 0;}
    /*.three-box li{width:100%;}*/
    .box-inner h4{font-size: 12px;margin-bottom: 10px;padding-bottom: 10px;}
    .box-inner h4::after{width: 26px;height: 2px;}
    .box-inner p{font-size:16px;}
    .custom-form > ul > li:not(:last-child) {margin-bottom: 15px;}
    .box-inner p.total-txt{font-size:26px;}

    .custom-accordian .collapsible-header {font-size: 14px;}
     .custom-accordian .collapsible-body {font-size: 14px;}

     .refer-now button{font-size:16px;}

     .prize-section li h4{ font-size:13px;}
     .prize-section li article{ font-size:13px;}
     .prize-section li p{font-size:12px;}

     .referee-text{font-size: 16px;}
     .form-referee .label-txt{ font-size:14px;}
     .form-referee .input-txt{ margin-left:2.8%;font-size:14px;}
     .add-referral{font-size:13px;}
     .custom-referral-form .refer-now button{padding:0 50px;}

     
}
@media only screen and (min-width:481px) and (max-width:600px){
    .banner1 { height:550px;}
    .heading-1{font-size:23px}
    .heading-1::after{width:70px;}

    .refer-earn-text{font-size:23px}
    .earning-amt li span.amt-number {font-size: 31px;}
    .earning-amt li span{font-size: 21px;}

    .offer h3{font-size:23px;}

     .get-started .heading-1{font-size:23px}

     .steps li span{font-size: 18px;}
    .icon img {width: 90px;height: 90px;}
    .steps li::after{left:45px;}
    .steps li .icon {padding-right: 20px;}

    .custom-form{margin-top:30px;}
    .estimated-earnings{height:auto;}
    .custom-form label{height: 45px;font-size: 16px;}
    .form-heading{font-size:18px;}
    .box li:not(:last-child) {margin-right: 0;margin-bottom: 15px;}
    .three-box li{width:30.9%;}
    .box-inner h4{font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;}
    .box-inner h4::after{width: 26px;}
    .box-inner p{font-size:26px;}

    .custom-accordian .collapsible-header {font-size: 16px;}
     .custom-accordian .collapsible-body {font-size: 16px;}

     .prize-section img {width: 100%;}
     
     .prize-section li h4{ font-size:15px;}
     .prize-section li article {font-size: 14px;}
     .prize-section li p{font-size:14px;}
     .form-referee .input-txt{margin-left:2.8%}


     .referee-text{font-size: 16px;}
     .form-referee .label-txt{font-size:14px;}
     .form-referee .input-txt{font-size:14px;}
     .add-referral{font-size:14px;}
}


@media only screen and (min-width:601px) and (max-width:768px){
   .refer-earn-text{font-size:24px}
       .white-text-heading {color: #ffffff;font-size: 24px;}

       .prize-section img {width: 100%;}
       .form-referee .input-txt{margin-left: 3.1%;}
       .prize-img {width: 130px;}
       .title {padding-left: 35px;}
}

@media only screen and (min-width:320px) and (max-width:374px) {
   .form-referee .label-txt{width: 100%; margin-bottom:5px;}
   .form-referee .input-txt{width:100%; margin-left:0;}
}
