﻿body {
}
.sales-page h1,
.sales-page h2{
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin-top: 30px;
    margin-top: 30px;
}
.sales-page h1{
	text-align: center;
}
.sales-page .row:after {
  content: "";
  display: table;
  clear: both;
}
.sales-page .column{
	width: 50%;
}
.why-to-join{
	width: 100%;
}
.why-to-join:after {
  content: "";
  display: table;
  clear: both;
}
.why-to-join li{
	position: relative;
	padding-left: 105px;
}
.why-to-join li:after {
  content: "";
  display: table;
  clear: both;
}
.why-to-join li+li{
	margin-top: 30px;
}
.why-to-join img{
	float:left;
	margin-left: -105px;
}
.why-to-join p,
.what-you-get li{
	font-size: 16px;
	line-height: 21px;
	margin-top: 7px;
}
.what-you-get{
	
	padding: 30px 85px 30px;
	
}
.row.bottom{
	background:#DDE5E8;
	border:1px solid #D5D5D5;
}
.what-you-get ul{
	margin-top: 30px;
}
.what-you-get li{
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
}
.what-you-get li:after {
  content: "";
  display: table;
  clear: both;
}
.what-you-get li:before{
	content: "";
	background-image: url("../images/salespage-bullet.png");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-top: -5px;
	margin-left: -55px;
}
.what-you-get li:before img{
	width: 100%;
	height: 100%;
}
.contact-us{
	background: #fff;
	border-left:1px solid #D5D5D5;
	padding: 30px 85px 62px;
	
}
.row.bottom h2{
	margin-top: 0;
}
.contact-us label{
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	color: #000;
}
.contact-us input{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
}
.contact-us .primary-button{
	display: block;
	font-size: 16px;
	margin-top: 20px;
}
.contact-us:after {
  content: "";
  display: table;
  clear: both;
}
.sales-page .laptop-img{
	margin-top: 30px;
}
#salespage_message {
    min-height: 120px;
}


/* START STYLES FOR THE PROMOTIONAL PAGE*/
.sales-page .h2promo {
    display: block;
    font-size: 20px;
    /*font-weight: bold;*/
    margin-top: 30px;
    width: 80%;
}

.thank-you{
    margin: 30px auto 30px auto;
    width: 500px !important; 

}

.bonusper {
    color: #fb7121;
}
.topmove {
margin-top:5%;
}

.sales-page .laptop-imgs {
    margin-top: 30px;
    transform: scale(1.2);
}

.main-content.sales-page p {
    font-size: 16px;
}

.main-content.sales-page {
    margin-bottom: 10%;
}

.headert {
    font-size: 23px;
    text-align: center;
    /*text-transform: uppercase;*/
    margin-left: 35%;
    font-weight: bolder;
}

.counterlab {
    vertical-align: top;
    font-size: 18px;
    width: 73px;
    letter-spacing: normal;
    margin: 7px 0px 0px 41px;
    display: inline;
}
.counter{
margin-left: 12%;
}

.sales-page .bottomtext {
font-size:18px;
}

.sales-page .promobottom {
    margin-left: 10%;
    width: 100%;
    margin-top: 10%;
}
.counter .counterdiv {
    border-radius: 12px;
  
    width: 90px;
    height: 80px;
    background-color: black;
    color: #16d8b6;
    float: left;
    text-align: center;
    line-height: 75px;
    font-size: 50px;
    font-weight: bold;
    font-family: Consolas;
    margin-right: 15px;
}
.row.bottomp {
    /*background: #DDE5E8;
    border: 1px solid #D5D5D5;*/
}
.maintext  {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
.bonustext {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    text-align: center;
}

.contact-usp {
    background: #fff;
  
    padding: 0;
}

.row.bottom h2 {
    margin-top: 0;
}

.contact-usp label {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    color: #000;
}

.contact-usp input {
    height: 42px;
    outline:0px;
    border-width:0 0 2px;
    font-size: 16px;
    width:70%;
}

.contact-usp .primary-button {
    display: block;
    font-size: 16px;
    margin-top: 20px;
}

.finance-q .primary-button {
    width: 45%;
}

.finance-q label {
    width: 50%;
}

.finance-q input {
    width: 90%;
}

.contact-usp:after {
    content: "";
    display: table;
    clear: both;
}

.img-box {
    display: inline-block;
    float: right;
    width: 50%;
}

#comp-logo {
    width: 50%;
}

#prod-img {
    width: 90%;
    margin-top: 20%;
}

.why-to-joinp {
    width: 100%;
}
.why-to-joinp li>h2 {
    font-size:18px;
    font-weight:lighter;
}
    .sales-page .column >h3 {
    text-align: center;
    margin-top: 30px;
}
    .why-to-joinp:after {
        content: "";
        display: table;
        clear: both;
    }

    .why-to-joinp li {
        position: relative;
        padding-left: 0px;
    }

        .why-to-joinp li:after {
            content: "";
            display: table;
            clear: both;
        }

        .why-to-joinp li + li {
            margin-top: 30px;
        }

    .why-to-joinp img {
        float: left;
        margin-left: -105px;
    }

    .why-to-joinp p,
    .what-you-get li {
        font-size: 16px;
        line-height: 21px;
        margin-top: 7px;
    }
/*END STYLES FOR SALES PAGE*/
/*START RESPONSIVE STYLES FOR SALES PAGE*/

	/* START TABLETS*/
	@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

		.sales-page .row.bottom{
			margin-top: 30px;
		}
		.sales-page .row.bottom .column{
			width: 100%;
		}

		.contact-us{
			border-left: 0;
		}
		.sales-page .laptop-img{
			width: 100%;
			height: auto;
		}

        .counter .counterdiv {
            border-radius: 12px;
            width: 22%;
            height: 60%;
            background-color: black;
            color: #16d8b6;
            float: left;
            text-align: center;
            line-height: 55px;
            font-size: 20px;
            font-weight: bold;
            font-family: Consolas;
            margin-right: 8px;
        }

        .counterlab {
            vertical-align: top;
            font-size: 18px;
            width: 73px;
            letter-spacing: normal;
            margin: 0 0 0 7%;
            display: inline;
        }

        .sales-page .bottomtext {
            font-size: 16px;
            float: left;
            width: 95%;
        }
        .sales-page .laptop-imgs {
            margin-top: 30px;
            transform: scale(0.9);
            margin-left:-30%;
        }
	}
	/*END TABLETS*/


	/*START PHONES*/
	@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
      
        
        .sales-page .column{
			width: 100%;
		}

        .img-box{
            display:block;
            width: 90%;
            float:none;
        }

        #prod-img{
            margin-top: 10%;
        }

        .contact-usp label{
            width: 100%;
        }

		.why-to-join li{
			padding-left: 0;
			text-align: center;
		}
            .why-to-join li h2{
                text-align: center;
                margin-top: 15px;
            }
		.sales-page .h2promo{
			text-align: left;
			margin-top: 15px;
            width:100%;
		}
		.why-to-join li img{
			float: none;
			margin-left: 0;
			margin-top: 30px;
			width: 40px;
  			height: auto;
		}
		.why-to-join li+li{
			margin-top: 0;
		}

        .why-to-joinp {
            padding-left: 0;
            text-align: center;
        }

            .why-to-joinp li > h2 {
                text-align: left;
                margin-top: 15px;
            }

        .sales-page .column > h3 {
            text-align: center;
            margin-top: 30px;
        }


        .why-to-joinp li {
            padding-left: 0;
            text-align: center;
        }

        .sales-page .bottomtext {
            font-size: 14px;
            float:left;
            width:91%;
        }

            .why-to-joinp li + li {
                margin-top: 0;
            }

        .counter .counterdiv {
            border-radius: 12px;
            width: 19%;
            height: 60%;
            background-color: black;
            color: #16d8b6;
            float: left;
            text-align: center;
            line-height: 55px;
            font-size: 20px;
            font-weight: bold;
            font-family: Consolas;
            margin-right: 15px;
        }

        .counterlab {
            vertical-align: top;
            font-size: 18px;
            width: 73px;
            letter-spacing: normal;
            margin: 0 0 0 5%;
            display: inline;
        }

        .headert {
            font-size: 23px;
            text-align: center;
            text-transform: uppercase;
            margin-left: 35%;
            font-weight: bolder;
        }

        .finance-q .headert{
            margin-left:auto;
        }



		.what-you-get,
		.contact-us{
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
		}
        .sales-page .laptop-img{
            display: none;
        }

		.sales-page .laptop-imgs{
			display: none;
		}
		
	
	}
	/*END PHONES*/

/*END RESPONSIVE STYLES FOR SALES PAGE*/


