﻿.builder-header {
  background-image: url("/builders/assets/builders-header.jpg");
  background-size: cover;
  position: relative;
  height: 145px;
}

.builder-header-container {
  margin: auto;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  position: relative;
  top: 90px;
  text-align: left;
  max-width: 62.3rem;
}

.builderh1 {
  margin-top: 10px;
  margin-left: 50px;
  /*font-size: 1.7rem;*/
}

#builder-resources h2 {
  /*font-size: 50px;*/
}
/*.socialicons {
  padding-top: 10px;
}
.inc-social-medium {
  margin-bottom: 10px;
}
#builder-resources .socialicons {
  margin: auto;
}

#builder-resources .followus {
  text-align: right;
  font-size: 24px;
  padding-top: 5px;
  padding-left: 20px;
}*/

@media (max-width: 63.8125rem) {
  .builder-header {
    height: 100px;
  }

  .builderh1 {
    margin-top: -20px;
    margin-left: 50px;
    /*font-size: 1.25rem;*/
  }

  #builder-resources h2 {
    /*font-size: 40px;*/
  }
}

@media (max-width: 48.8125rem) {
  .builder-header {
    height: 60px;
  }

  .builderh1 {
    margin-top: -50px;
    margin-left: 5px;
    /*font-size: 1rem;*/
  }

    #builder-resources h2 {
        /*font-size: 30px;*/
        line-height: 15px;
    }

  #builder-resources .followus {
    text-align: center;
    font-size: 24px;
    padding-top: 5px;
  }
  .socialicons {
    padding-top: 0px;
  }
}

.builderresources-header {
    background-image: url("/builders/assets/builderresources-header-2.jpg");
    background-size: cover;
    position: relative;
    background-position: center;
    height: 270px;
}

.builderresources-header-container {
}

h1 {
  margin-bottom: 0.3em;
}

.builderresourcesh1bg {
    background: rgba(50, 50, 50, 0.65);
    height: 275px;
    margin-top: -5px;
    left: 0;
    right: 0;
    padding-top: 80px;
}

.builderresourcesh1 {
  text-align: center;
  font-size: 1.9rem;
  color: #ffffff;
  /*top: -100px;*/
  left: 0;
  right: 0;
  font-weight: 600;
  line-height: 1rem;
}
.builderresourcesh3 {
    text-align: center;
    top: 120px;
    left: 40px;
    right: 0;
    font-weight: normal;
    position: relative;
    color: #ffffff;
    font-size: 18px;
    border: 3px solid #ffffff;
    width:150px;
    padding:5px;
}
    .builderresourcesh3 a {color:#ffffff;font-size:18px;font-weight:bold;}
    .builderresources-header-container h2 {
        font-family: Calibri, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 2.9rem;
    }
@media (max-width: 63.8125rem) {
  .builderresourcesh1 {
    font-size: 2.3rem;
  }
  .builderresources-header-container h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 48.8125rem) {
  .builderresourcesh1 {
    font-size: 1.3rem;
  }
  .builderresources-header-container h2 {
    font-size: 1.1rem;
  }
  .home-plan-number-left {
    display: none;
  }
/*  .builderresourcesh1bg {
    height: 90px;
  }*/
}

.joinprogram {
    max-width: 290px;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 30px;
}

    .joinprogram a {
        font-size: 1.025rem;
        color: #ffffff;
        font-weight: 400;
        text-transform: uppercase;
    }

ul {
  margin-left: 0.9em;
}

.builderresourceslibg {
  background: rgba(50, 50, 50, 0.65);
  height_x: 250px;
  margin-top: 30px;
  margin-right: 0;
  margin-left: auto;
  padding-bottom: 5px;
  max-width: 570px;
  right: 0;
  color: #ffffff;
}

.builderresourcesli {
  text-align: left;
  font-size: 2.9rem;
  color: #ffffff;
  top_: -100px;
  right: 0;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.builderresourcesli ul {
  margin-bottom: 0.25rem;
}

.builderresourcesli li {
  font-size: 1.1rem;
  padding-left: 5px;
}

.builderresourcesli h4 {
  color: #ffffff;
  margin-bottom: 1.1rem;
  font-size: 1.4375rem;
}

/*.button {*/
  /*background-color: #efe218;*/
  /*color: #000000;
}*/

.alignleftx {
  text-align: left;
  padding-left: 0;
}
.alignrightx {
  text-align: right;
  padding-right: 0;
}

#main-top {
  margin-left: 0.6875rem;
  margin-right: 0px;
}

.main-top-left {
  padding-bottom: 20px;
  margin-left: 0;
  b: 0.6875rem;
}

.main-top-right {
  padding-bottom: 20px;
  /* margin-left: 0.6875rem; */
}

.resource-holder img {
  width: 100% !important;
}
.resource-holder p {
  background: #4c4c4c;
  color: #ffffff;
  padding: 6px;
  text-align: center;
  font-size: 21px;
}

@media (max-width: 63.8125rem) {
  .main-top-left {
    padding-right: 10px;
  }

  .main-top-right {
    padding-left: 10px;
  }
}

#main-bottom {
  margin: 0px 25px 0px 25px;
  background-color: #f2f2f3;
}

#main-bottom h2 {
  padding-top: 25px;
}

#main-bottom p {
  font-size: 1.5rem;
}

@media (max-width: 63.8125rem) {
  #main-bottom h2 {
    padding-top: 5px;
  }

  #main-bottom p {
    font-size: 1rem;
  }
}

#mid-image-holder {
/*  max-height: 230px;
  overflow: hidden;*/
vertical-align:middle;
}

#builder-resources .homecopy {
    background-color: #f7f7f7;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
    border-radius:10px;
}
#mid-content-container {
  /*background-color: #f7f7f7;*/
  /*height: 230px;*/
  text-align:left;
  margin-bottom:10px;
}
    #mid-content-container h3 {
        text-align: left;
    }
    #mid-content-container ul li {
        list-style: none;
        padding-bottom:10px;
        margin-top:3px;
    }
    #mid-content-container svg {margin:-3px 0px 0 0;float:left;}
    #mid-content-container table {border:0px;}
    #mid-content-container table tr td {line-height: 1.4;padding: 4px;}
    #main-bottom .vmbutton {
        padding-bottom: 4px;
        padding-top: 2px;
        font-size: 24px;
        padding-left: 10%;
        padding-right: 10%;
        height: 30px;
        background-color: #efe218;
        color: #000000;
    }
@media (max-width: 743px) {
  #mid-content-container {
    height: auto;
  }

  .follousonmobile {
    padding-left: 0px !important;
    text-align: center;
    padding-bottom: 8px;
  }

  .padd1 {
    padding: 4px 0px;
  }
}

.how-to-list {
  margin-left: 15px;
  font-size: 1.05rem;
}

.how-to-list__item {
  margin-bottom: 35px;
}

/* Featured Builders */
#FeaturedBuildersContainer {
    /*background: #F8F8F8;*/
    padding-top: 20px;
    padding: 10px 0px 1px 0px;
    text-align: center;
    margin: auto;
}

    #FeaturedBuildersContainer h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 30px;
        padding-top: 30px;
        padding-bottom: 20px;
        color: #333333;
        text-align: center;
    }

@media (min-width: 40em) {
    #FeaturedBuildersContainer {
        padding: 10px 0px 1px 0px;
    }
}

@media (min-width: 76rem) {
    #FeaturedBuildersContainer {
        padding: 10px 0px 1px 30px;
        /*padding: 15px 0px 1px calc(50% - 577px);*/
        /*max-height: 280px;
overflow:hidden;*/
    }
}

#FeaturedBuilders {
    list-style: none;
    padding-left: 0px;
    padding-right: 0px;
    width: 97%;
    max-width: 1155px;
    /*max-height: 325px;*/
    margin: auto auto;
}

    #FeaturedBuilders .container {
        width: 355px;
        box-shadow: 0px 2.2px 6px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        margin-bottom: 20px;
        margin-left: 3px;
        padding-bottom: 10px;
    }
    #FeaturedBuilders .content {
        text-align:left;
        padding:10px;

    }
        #FeaturedBuilders .content span { font-size:13px;text-transform:uppercase;font-weight:600;}
        #FeaturedBuilders .content p { font-size:13px;}
        #FeaturedBuilders .content a { font-size:13px;color:#ffA500;}
        #FeaturedBuilders .images {
            width: 355px;
            height: 200px;
            margin: auto;
            background-position: center center;
            background-repeat: no-repeat;
            padding: 0px, 0px, 0px, 16px;
            border-top-left-radius: 8px 8px;
            -moz-border-radius-topleft: 8px;
            border-top-right-radius: 8px 8px;
            -moz-border-radius-topright: 8px;
            background-size: cover;
        }

  

@media (max-width: 40em) {
    #FeaturedBuilders {
        padding-left: 0px;
        padding-right: 0px;
        margin: auto;
        padding-bottom: 20px;
        max-height: 610px;
    }



}
/* End Featured Builders */
