body, html {
    /*height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100%;*/
    color: #333;
    font-size: .90em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.bodyBackground {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/partner_background.png);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundDistributor {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/distributor_background.png);
  height: 100%;
  min-height: 100%;
}
.bodyBackgroundDistributorOption2 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/distributor_background_option2.jpeg);
  height: 100%;
  min-height: 100%;
}
.bodyBackgroundDistributorOption3 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/distributor_background_option3.jpeg);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundReseller {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/reseller_background_v2.png);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundGreener {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/become-a-backgrounds/become-greener-background.jpeg);
  height: 100%;
  min-height: 100%;
}

.signUpFormContainer {
    background-color:white;
    border-color:#029dd1;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:3%;
    margin-left:10%;
    width:29%;
    margin-bottom:45px;
    padding: 20px 00px 10px 00px;
}
    .signUpFormContainer h1 {
        text-align:center;
        margin-top:0px;
        margin-bottom: 10px;
        font-size:25px;
    }
    .signUpFormContainer h3 {
        text-align:center;
        margin-top:15px;
        margin-bottom: 10px;
    }
    .signUpFormContainer p {
        font-weight:bold;
        margin-top:0px;
        text-align:center;
    }
    .signUpFormContainer input[type=text] {
        margin-top:10px;
        margin-left:8%;
        width:80%;
        padding:6px;
        font-size:13px;
    }
    .signUpFormContainer input[type=password] {
        width:80%;
        padding:6px;
        font-size:13px;
    }


@media only screen and (max-width: 1100px) {
    .signUpFormContainer {
        margin-top:25%;
        width:80% !important;
    }
        .signUpFormContainer h1 {
            font-size:40px;
        }
}



.greenerSignUpFormContainer {
    background-color:white;
    border-color:#48B349;
    border-style:solid;
    border-width:8px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:9%;
    margin-left:10%;
    width:29%;
    margin-bottom:45px;
    padding: 20px 00px 10px 00px;
}
    .greenerSignUpFormContainer h1 {
        text-align:center;
        margin-top:0px;
        margin-bottom: 10px;
        font-size:25px;
    }
    .greenerSignUpFormContainer h3 {
        text-align:center;
        margin-top:15px;
        margin-bottom: 10px;
    }
    .greenerSignUpFormContainer p {
        font-weight:bold;
        margin-top:0px;
        text-align:center;
    }
    .greenerSignUpFormContainer input[type=text] {
        margin-top:10px;
        margin-left:8%;
        width:80%;
        padding:6px;
        font-size:13px;
    }
    .greenerSignUpFormContainer input[type=password] {
        width:80%;
        padding:6px;
        font-size:13px;
    }


.extraMarginBottom {
    margin-bottom:200px !important;
}

.notBold {
    font-weight:normal !important;
}

.marginTopThirty {
    margin-top:30px !important;
}

.redCtaButton {
  background: #e82583;
  background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
  background-image: -moz-linear-gradient(top, #e82583, #e7187c);
  background-image: -ms-linear-gradient(top, #e82583, #e7187c);
  background-image: -o-linear-gradient(top, #e82583, #e7187c);
  background-image: linear-gradient(to bottom, #e82583, #e7187c);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  color: #ffffff;
  margin-top:10px;
  margin-bottom:20px;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
@media only screen and (max-width: 700px) {
    .redCtaButton {
        font-size:14px;
        font-weight:normal !important;
        padding: 15px 5px 15px 5px;
    }
}

.redCtaButton:hover {
  background: #e82583;
  background-image: -webkit-linear-gradient(top, #e82583, #b91363);
  background-image: -moz-linear-gradient(top, #e82583, #b91363);
  background-image: -ms-linear-gradient(top, #e82583, #b91363);
  background-image: -o-linear-gradient(top, #e82583, #b91363);
  background-image: linear-gradient(to bottom, #e82583, #b91363);
  text-decoration: none;
}

.redCtaButtonWider {
  background: #e82583;
  background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
  background-image: -moz-linear-gradient(top, #e82583, #e7187c);
  background-image: -ms-linear-gradient(top, #e82583, #e7187c);
  background-image: -o-linear-gradient(top, #e82583, #e7187c);
  background-image: linear-gradient(to bottom, #e82583, #e7187c);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  color: #ffffff;
  margin-top:20px;
  margin-bottom:15px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
@media only screen and (max-width: 700px) {
    .redCtaButtonWider {
        font-size:14px;
        font-weight:normal !important;
        padding: 15px 5px 15px 5px;
    }
}

.redCtaButtonWider:hover {
  background: #e82583;
  background-image: -webkit-linear-gradient(top, #e82583, #b91363);
  background-image: -moz-linear-gradient(top, #e82583, #b91363);
  background-image: -ms-linear-gradient(top, #e82583, #b91363);
  background-image: -o-linear-gradient(top, #e82583, #b91363);
  background-image: linear-gradient(to bottom, #e82583, #b91363);
  text-decoration: none;
}



.greenCtaButtonWider {
  background: #48B349;
  background-image: -webkit-linear-gradient(top, #48B349, #48B349);
  background-image: -moz-linear-gradient(top, #48B349, #48B349);
  background-image: -ms-linear-gradient(top, #48B349, #48B349);
  background-image: -o-linear-gradient(top, #48B349, #48B349);
  background-image: linear-gradient(to bottom, #48B349, #48B349);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  color: #ffffff;
  margin-top:20px;
  margin-bottom:15px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
@media only screen and (max-width: 700px) {
    .greenCtaButtonWider {
        font-size:14px;
        font-weight:normal !important;
        padding: 15px 5px 15px 5px;
    }
}

.greenCtaButtonWider:hover {
  background: #48B349;
  background-image: -webkit-linear-gradient(top, #6dc56f, #48B349);
  background-image: -moz-linear-gradient(top, #6dc56f, #48B349);
  background-image: -ms-linear-gradient(top, #6dc56f, #48B349);
  background-image: -o-linear-gradient(top, #6dc56f, #48B349);
  background-image: linear-gradient(to bottom, #6dc56f, #48B349);
  text-decoration: none;
}


.pageTitleContainer {
    /*background-color:#029dd1;*/
    background: #029dd1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
    background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
    background: -moz-linear-gradient(top,#029dd1,#0071C5);
    color:white;
    width:100%;
    text-transform:capitalize;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    min-height:51px;
    line-height:51px;
}
    .pageTitleContainer h1 {
        margin:0px;
        padding:0px;
        font-weight:normal;
    }
    .pageTitleContainer h2 {
        margin:0px;
        padding:0px;
        font-weight:bold;
        padding-top:7px;
        font-size: 1.3em;
    }
    .pageTitleContainer h3 {
        margin:0px;
        padding:0px;
        font-weight:normal;
        padding-top:7px;
        font-size: 1.3em;
        text-align:center;
    }

@media only screen and (max-width: 1100px) {
    .pageTitleContainer {
        min-height:110px !important;
    }
}

.contentContainer {
    background-color:white;
    border-color: #029dd1;
    border-style:solid;
    border-width:1px;
    min-height:210px;
    padding-left:10px;
    padding-right:10px;
}

@media only screen and (max-width: 1100px) {
    .contentContainer {
        margin-bottom:80% !important;
    }
}

.extraMarginBottom {
    margin-bottom:150px !important;
}

.extraMarginBottomPartnerComplete {
    margin-bottom:314px !important;
}

.extraMinimumHeight {
    min-height:255px !important;
}

.alignCenter {
    text-align:center;
}

/* White Tick with Green Background */

ul.WhiteTickGreenBackround {
    height: auto;
    margin-bottom: 10px;
    padding-left:25px;
}
ul.WhiteTickGreenBackround li {
    list-style-type:none;
    height: auto;
    background: url(../Images/white_tick_green_circle.png) left 2px no-repeat;
    background-size:17px;
    margin: 12px 0 15px 0px;
    padding-left: 28px;
    line-height: 21px;
}
/* White Tick with Green Background */

/*  Green Ticks  */
ul.greenticks {
    height: auto;
    margin-bottom: 10px;
    padding-left:25px;
}
ul.greenticks li {
    list-style-type:none;
    height: auto;
    background: url(../Images/green-tick.png) left 2px no-repeat;
    margin: 12px 0 15px 0px;
    padding-left: 25px;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 21px;
}