body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    min-height: 75rem;
    padding-top: 116px;
}
body.no-padding{
  padding:0px;
}
section.header {
    background: #000;
}
.navbar-dark .navbar-nav .nav-link{
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #ffffff;
    line-height: 1;
}
nav.navbar-dark{
  background:#000;
  padding-top:15px;
  padding-bottom:15px;
}
.btn-yellow.btn-yellow-large{
    padding: 8px 30px;
}
.btn-yellow{
    background: #FAA505;
    color:#000;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    padding: 5px 30px;
    line-height: 1;
    border-radius: 10px;
}
.btn-green.btn-green-large{
    padding: 8px 30px;
}
.btn-green{
    background: #72AF48;
    color:#000;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    padding: 5px 30px;
    line-height: 1;
    border-radius: 10px;
}
.btn-blue{
    background: #4DA1DB;
    color:#000;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    padding: 5px 30px;
    line-height: 1;
    border-radius: 10px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
    color:#ffffff;
}
.nav-fill .nav-item, .nav-fill>.nav-link{
    text-align: right;
}
.navbar-dark .navbar-toggler {
    border-color: #fff;
}
.hero{
    /*background: url('../images/BlueGradient.png') no-repeat scroll center right / cover;*/
    background: linear-gradient(90deg, rgba(77,161,219,1) 0%, rgba(77,161,219,1) 0%, rgba(255,255,255,1) 50%);
    padding: 20px 0;
}
.hero .container-fluid{
    max-width: 1320px;
}
.hero h2{
    font-weight: 900;
    font-size: 72px;
    margin-bottom: 40px;
}
.hero p{
    font-size: 36px;
}
div.cta {
    background: #000;
    padding: 10px 0;
}
div.cta h3{
    font-weight: 500;
    font-size: 45px;
    margin: 0;
    color: #ffffff;
    line-height: 1;
}
div.cta ul li{
    margin: 5px 20px;
}
div.power_of_network{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/Advocategraphic.jpg') no-repeat scroll center center / cover;
    padding: 60px 0;
}
div.power_of_network .container-fluid{
    max-width: 1570px;
}
div.power_of_network h2.title{
    font-size: 60px;
    font-weight: 900;
    color:#ffffff;
    margin-bottom: 40px;
}
div.power_of_network .faqs h3{
    font-size: 36px;
    font-weight: 700;
    color:#fff;
    margin:0px;
}
div.power_of_network .faqs p{
    font-size: 28px;
    color:#fff;
}
div.power_of_network h2.bottom{
    font-size: 43px;
    font-weight: 500;
    color:#ffffff;
    margin-top: 40px;
}
div.power_of_network .faqs {
    margin: 0 0 0 30px;
}
div.power_of_network .faqs .faq{
    margin-bottom: 40px;
}
div.power_of_network .box-circle {
    background: #fff;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    text-align: center;
    padding: 25px;
    margin: 5px auto;
}
div.power_of_network .faqs .box-circle h3{   
    font-size: 95px;
    color:#FAA505;
    font-weight: 900;
    line-height: 1;
}
div.power_of_network .faqs .box-circle h3 span{
    font-size: 55px;
    vertical-align: super;
}
div.power_of_network .faqs .box-circle p{   
    font-size: 18px;
    color: #000;
    line-height: 1;
    margin: 0;
}
div.industries .slider-div{
    padding: 0px 30px;
    max-width: 1920px;
    margin: 0 auto;
}
div.industries .slick-slide {
    margin: 0 35px;
}
div.industries .slick-slide  img{
    max-width: 388px;
    width: 100%;
}
.slick-prev:before, .slick-next:before{
    color: #FAA505;
}
div.industries{
    padding: 40px 0;
}
div.industries h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 30px;
}
div.howitworks{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/blueabstractbackgrounds_How%20GTR%20Works.png') no-repeat scroll center center / cover;
    padding: 40px 0;
}
div.howitworks .container-fluid{
    max-width: 1600px;
}
div.howitworks h2.title{
    font-weight: 900;
    font-size: 60px;
    margin-bottom: 30px;
}
div.howitworks .box-square{
    box-shadow: 4px 4px 8px 4px rgb(0 0 0 / 50%);
    border-radius: 14px;
    max-width: 325px;
    background: #fff;
    padding: 0px 15px 35px 15px;
    text-align: center;
    margin: 0 auto 30px;
}
div.howitworks .box-square h3{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    background: #000;
    margin: 0 10% 20px;
    padding: 10px;
}
div.howitworks .box-square p{
    font-size: 30px;
    line-height: 1.2;
    margin:30px 0 0 0;
}
div.cta-2 {
    background: #fff;
    padding: 40px 0;
}
div.cta-2 h2{
    font-weight: 900;
    font-size: 125px;
    margin: 0 0 30px 0;
    color: #4DA1DB;
    line-height: 1;
}
div.cta-2 ul li{
    margin: 5px 20px;
}
div.quality{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/blueabstractbackgrounds_Tools%20U%20Need%20Background.png') no-repeat scroll center center / cover;
    padding: 40px 0;
}
div.quality .container-fluid{
    max-width: 1300px;
}
div.quality h2.title{
    font-weight: 900;
    font-size: 48px;
    margin-bottom: 50px;
}
div.quality .box-square{
    box-shadow: 4px 4px 8px 4px rgb(0 0 0 / 50%);
    border-radius: 14px;
    max-width: 325px;
    background: #fff;
    padding: 0px 15px 35px 15px;
    text-align: center;
}
div.quality .box-square h3{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    background: #000;
    margin: 0 10% 20px;
    padding: 10px;
}
div.quality .box-square p{
    font-size: 30px;
    line-height: 1.2;
    margin:30px 0 0 0;
}
div.quality p{
  font-size:19px;
}
div.integrate{
    padding: 40px 0;
}
div.integrate .container-fluid{
    max-width: 1650px;
}
div.integrate h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 30px;
}
div.integrate img{
    margin: 20px 0px;
}
div.plans{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/blueabstractbackgrounds_Plans%20background.png') no-repeat scroll center center / cover;
    padding: 40px 0;
}
div.plans .container-fluid{
    max-width: 1650px;
}
div.plans h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 10px;
}
div.plans h3.sub-title{
    font-size: 36px;
    margin-bottom: 30px;
}
div.plans .box-square{
    box-shadow: 4px 4px 8px 4px rgb(0 0 0 / 50%);
    border-radius: 14px;
    max-width: 510px;
    background: #fff;
    padding: 0px 30px 35px 30px;
    margin: 0 auto 30px;
    min-height: 450px;
}
div.plans .box-square h3{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    background: #000;
    margin: 0 10% 40px;
    padding: 10px;
}
div.plans .plan-details .box-square ul{
    font-size: 30px;
    line-height: 1.2;
    text-align: left;
}
div.plans .plan-details .box-square ul li {
    margin: 0 0 15px 0;
}
div.plans .plan-details .box-square ul li:last-child {
    margin: 0 0 0px 0;
}
div.plans .box-square p{
    color:#4DA1DB;
    font-size: 27px;
    line-height: 1.2;
    padding-left: 15px;
}
div.plans ul.nav {
    margin-top: 40px;
}
div.plans ul.nav li{
    margin: 5px 20px;
}
div.higher_quality{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/3callouts.jpg') no-repeat scroll center center / cover;
    padding: 40px 0;
}
div.higher_quality .container-fluid{
    max-width: 1650px;
}
div.higher_quality h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 10px;
    color: #ffffff;
}
div.higher_quality h3.sub-title{
    font-size: 36px;
    margin-bottom: 50px;
    color: #ffffff;
}
div.higher_quality .referral-use h3{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 30px 0 20px;
}
div.higher_quality .referral-use p{
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
}
div.testimonials{
    padding: 40px 0;
}
div.testimonials .container-fluid{
    max-width: 1650px;
}
div.testimonials h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 10px;
}
div.testimonials h3.sub-title{
    font-size: 36px;
    margin-bottom: 30px;
}
div.testimonials .testimonial-details{
    margin-top: 190px;
}
div.testimonials .box-square{
    box-shadow: 4px 4px 8px 4px rgb(0 0 0 / 50%);
    border-radius: 14px;
    max-width: 475px;
    background: linear-gradient(180deg, rgba(77,161,219,1) 0%, rgba(77,161,219,1) 0%, rgba(255,255,255,1) 80%);
    padding: 0 30px 30px 30px;
    margin: 0 auto;
    min-height: 487px;
}
div.testimonials .box-square .author{
    margin-top: -150px;
}
div.testimonials .box-square h3{
    font-size: 36px;
    font-weight: 700;
    margin: 20px 0 0 0;
}
div.testimonials .box-square h4{
    font-size: 36px;
    margin: 0 0 10px 0;
}
div.testimonials .box-square h5{
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
div.testimonials .box-square p{
    font-size: 18px;
    line-height: 1.4;
    text-align: justify;
    margin: 0;
}
div.testimonials .box-square .logo-text p{
    font-weight: 700;
    text-align: center;
}
div.testimonials .box-square a.btn{
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    margin-top: 30px;
}
div.testimonials ul.nav {
    margin-top: 40px;
}
div.testimonials ul.nav li{
    margin: 5px 20px;
}
div.testimonials .nav h3{
    font-weight: 500;
    font-size: 45px;
    margin: 0;
    line-height: 1;
}
body .hbspt-form .actions{
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center !important;
}
div.thank-you.plans{
    padding: 60px 0;
}
div.thank-you.plans h2.title {
    font-weight: 900;
    font-size: 72px;
    margin-bottom: 20px;
}
div.thank-you.plans h3.sub-title {
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 900;
}
div.thank-you.plans p {
    font-size: 21px;
}
div.thank-you.plans .container-fluid{
    max-width: 1490px;
}
div.thank-you.plans .plan-details{
    margin-top: 40px;
}
div.thank-you .box-square-video{
    background:#fff;
    padding: 15px;
    margin: 20px;
    height: calc(100% - 40px);
}
div.thank-you .box-square-video .embed-responsive{
    margin-bottom: 20px;
}
body .hbspt-form .actions input[type="submit"]{
    background: #FAA505;
    color: #ffffff;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    padding: 8px 30px;
    line-height: 1;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    text-shadow: none;
}
body .hbspt-form .actions input[type="submit"]:hover,body .hbspt-form .actions input[type="submit"]:active:not(.inactive):not(.link)  ,body .hbspt-form .actions input[type="submit"]:focus{
    background: #FAA505;
    color: #000000;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    padding: 8px 30px;
    line-height: 1;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    text-shadow: none;
}
/* Footer Starts */
section.footer{
    background: #393939;
}
section.footer .container-fluid{
    max-width: 1430px;
}
section.footer .footer-main{
    padding: 55px 0px;
}
section.footer .footer-main .footer-logo{
    margin-bottom: 20px;
}
section.footer .footer-main .social-media a{
    font-size: 40px;
    margin-right: 20px;
    color: white;
}
section.footer .footer-main .social-media{
    margin-bottom: 20px;
}
section.footer .footer-main .address p{
    margin: 0 !important;
    padding: 2px 0px !important;
    color: white;
    font-size: 18px;
    line-height: 1.5;
}
section.footer .footer-main .footermemb{
    margin: 40px 0px 10px 0;;
}
section.footer .footer-main .address a{
    color: white;
}
section.footer .footer-copyright{
    border-top: 1px solid #fff;
    font-size: 18px;
    padding: 15px 0;
}
section.footer .footer-main .footer-menu h3{
    border-bottom: 1px solid #787878;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color:#fff;
    width: 50%;
}
section.footer .footer-main .footer-menu li{
    color: white;
    padding: 5px 0px !important;
    font-size: 18px;
    width: 100%;
}
section.footer .footer-main .footer-menu li a{
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.footer .footer-main .footer-menu{
    margin-top: 30px;
}
section.footer .footer-copyright p, section.footer .footer-copyright p a{
    margin: 0px;
    color: #fff;
}
.landing-flex-block.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 0px;
    gap: 35px;
}
.landing-flex-block.text-center h2{
  font-size:24px;
  line-height:24px;
  font-weight:500;
  color:#fff;
  margin:0px;
}
.form-block{
  background:#fff;
  border-radius:15px;
  padding:20px;.
  margin-top:20px;
}
div.landing-hero{
    background: url('https://1550291.fs1.hubspotusercontent-na1.net/hubfs/1550291/Get%20The%20Referral%202022/49c01cbf-roofing-primary_11jd0ib1hc0ib01000001o.jpg') no-repeat scroll center center / cover;
    padding: 40px 0;
}
div.landing-hero .container-fluid{
    max-width: 1650px;
}
div.landing-hero h2.title{
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 10px;
    color: #ffffff;
}
div.landing-hero h3.sub-title{
    font-size: 36px;
    margin-bottom: 50px;
    color: #ffffff;
}
div.landing-hero .referral-use h3{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 30px 0 20px;
}
div.landing-hero .referral-use p{
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
}
ul.topics li{
  margin:0 0 15px 0;
}
ul.topics li a{ 
  color:#000;
}
.content-main{
  padding:30px 0px;
}
.content-main h2, .content-main h3{
  margin:10px 0 10px 0;
}
.content-main p{
  margin:0 0 15px 0;
}
.content-main a{
  color:#4DA1DB;
}
@media screen and (min-width:1320px){
    section.footer .footermemb-col{
        padding-left: 0px;
        margin-left: -10px;
    }
    section.footer .menu-col{
        padding-left: 40px;
    }
}
@media screen and (min-width:1200px){
  .footer-extra-padding{
    padding-left:140px;
  } 
}
/* Footer Ends */
@media screen and (max-width:1495px){
    .navbar-dark .navbar-nav .nav-link, .navbar-nav .btn-yellow, .navbar-nav .btn-blue{
        font-size: 16px;
    }
}
@media screen and (max-width:1199px){
    .hero{
        background: linear-gradient(180deg, rgba(77,161,219,1) 0%, rgba(77,161,219,1) 0%, rgba(255,255,255,1) 50%);
        padding: 20px 0;
    }
    .hero h2{
        font-size: 58px;
    }
    div.industries h2.title,div.power_of_network h2.title, div.howitworks h2.title, div.cta-2 h2, div.quality h2.title, div.integrate h2.title, div.plans h2.title, div.higher_quality h2.title, div.testimonials h2.title {
        font-size: 40px;
    }
    div.power_of_network .faqs h3{
        font-size: 30px;
    }
    div.power_of_network .faqs p, div.power_of_network h2.bottom{
        font-size: 24px;
    }
    div.plans h3.sub-title, div.higher_quality h3.sub-title, div.higher_quality .referral-use h3, div.testimonials h3.sub-title, div.testimonials .nav h3{
        font-size: 26px;
    }
    div.testimonials .testimonial-details .col-sm-12:last-child{
        margin-top: 190px;
    }
}
@media screen and (max-width:767px){
    .landing-flex-block.text-center {
        padding: 20px 0px;
        gap: 15px;
    }
    div.cta h3{
      text-align:center;
      font-size: 28px;
      margin-bottom: 10px;
   }
    .btn-yellow, .btn-green{
      font-size:25px;
    }
    div.power_of_network .faqs{
      margin:0;
    }
    .hero h2, div.thank-you.plans h2.title{
        font-size: 40px;
    }
    .hero p{
        font-size: 28px;
    }
    div.industries h2.title, div.power_of_network h2.title, div.howitworks h2.title, div.cta-2 h2, div.quality h2.title, div.integrate h2.title, div.plans h2.title, div.higher_quality h2.title, div.testimonials h2.title, div.thank-you.plans h3.sub-title {
        font-size: 28px;
    }
    div.plans h3.sub-title, div.higher_quality h3.sub-title, div.higher_quality .referral-use h3, div.testimonials h3.sub-title, div.testimonials .nav h3, div.plans .plan-details .box-square ul, div.plans .box-square p, div.thank-you.plans p{
        font-size: 18px;
    }
    div.testimonials .testimonial-details .col-sm-12:last-child{
        margin-top: 190px;
    }
    div.testimonials .testimonial-details .col-sm-12:not(:first-child){
        margin-top: 190px;
    }
    div.plans .box-square{
        min-height: auto;
    }
    .btn-yellow{
        margin: 10px 0;
    }
}