body{
	margin: 0px;
	padding: 0px;
    font-family: 'Poppins', sans-serif;
    color: #04353d;
}

#wrapper{
    float: left;
    width: 100%;
    overflow: hidden;
}

.slicknav_menu{
    display: none;
}

/* FONTS */

p{
	font-size: 18px;
	color: #231f20;
	line-height: 27px;
}

.box1 ul{
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

p.page-intro{
	font-size: 20px;
	color: #000;
	line-height: 35px;
	font-weight: 300;
}

h1{
	font-size: 35px;
    line-height: 35px;
	font-weight: 800;
	color: #000;
	margin: 0px;}

h2{
    color: #231f20;
	font-size: 40px;
    line-height: 45px;
	font-weight: 800;
}

h3{
    color: #231f20;
	font-size: 30px;
    line-height: 35px;
	font-weight: 800;
}

h1 span{
	font-weight: 400;
}

.center{
    text-align: center;
}

.section ul{
	font-size: 18px;
	color: #04353d;
	line-height: 27px;
}

/* CONTAINERS */

.container{
    width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.content{
    position: relative;
    z-index: 9;
    padding-top: 50px;
    padding-bottom: 0px;
    /*background: #231f20;*/
    margin-top: -50px;
}

.txt-box-left{
    padding-right: 50px;
}

.txt-box-right{
    float: right!important;
    padding-left: 50px;
}

.img-box-right{
    float: right!important;
    padding-left: 50px;
}

.img-box-right img{
    width: 100%;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.img-box-left{
    padding-right: 50px;
}

.img-box-left img{
    width: 100%;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.section{
    padding-top: 50px;
    padding-bottom: 50px;
    /*padding-bottom: 50px;
    border-bottom: 5px solid #f1ad4b;*/
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.homepage-section-centered {
    position: absolute;
    left: 0%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section .box-txt-right {
    float: right;
    width: 50%;
    padding-left: 100px;
    padding-right: 100px;

    background-image: url(/images/charge-guard-sub-logo1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 300px;
    min-height: 400px;
}

.section .box-img-left {
    float: left;
    width: 50%;
    padding-left: 0px;
    overflow: hidden;
    min-height: 100%;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    /*-moz-border-radius: 0px 400px 400px 0px;
    -webkit-border-radius: 0px 400px 400px 0px;
    -khtml-border-radius: 0px 400px 400px 0px;
    border-radius: 0px 400px 400px 0px;*/
    -moz-border-radius: 0px 100% 100% 0px;
    -webkit-border-radius: 0px 100% 100% 0px;
    -khtml-border-radius: 0px 100% 100% 0px;
    border-radius: 0px 100% 100% 0px;
}

.section .box-txt-left {
    float: left;
    width: 50%;
    padding-left: 100px;
    padding-right: 100px;

    background-image: url(/images/charge-guard-sub-logo1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 300px;
    min-height: 400px;
}

.section .box-img-right {
    float: right;
    width: 50%;
    padding-left: 0px;
    overflow: hidden;
    min-height: 100%;
    background-position: center center;
    position: absolute;
    top: 0px;
    right: 0px;
    -moz-border-radius: 100% 0px 0px 100%;
    -webkit-border-radius: 100% 0px 0px 100%;
    -khtml-border-radius: 100% 0px 0px 100%;
    border-radius: 100% 0px 0px 100%;
}

.section-right-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    margin-left: -90px;
    margin-top: -125px;
    z-index: 99;
}

.section-left-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    margin-left: -170px;
    margin-top: -125px;
    z-index: 99;
}

.yellow-background{
    font-size: 18px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background: #f1ad4b;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.key-benefits{
    padding-top: 100px;
    padding-bottom: 100px;
    background: #231f20;
    border-top: 5px solid #8fc043;
    border-bottom: 5px solid #8fc043;
    /*background: linear-gradient(180deg, rgba(0,0,0,1) 50%, rgba(143,192,67,1) 100%);*/

}

.key-benefits h2{
    color: #fff;
    margin-top: 0px;
}

.key-benefits h3{
    color: #8fc043;
    margin-top: 0px;
    margin-bottom: 0px;
}

.key-benefits p{
    color: #fff;
}

.key-benefits .box2{
    text-align: center;
}

.key-benefits .box2 .box1 img{
    /*float: left;*/
    max-width: 90px;
}

.key-benefits .box2 .box1 h3{
    margin-top: 15px;
    /*float: left;
    margin-left: 15px;
    */
}

.key-benefits .benefits-para{
    /*padding-left: 100px;*/
}

ul.ticks {
    display: inline-block;
    max-width: 800px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.ticks li {
    float: left;
    width: 50%;
    padding: 25px;
    background-image: url(../images/tick1.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left center;
    padding-left: 60px;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
    text-align: left;
    color: #fff;
}

.how-it-works-container{
    padding-top: 75px;

background-color: #EDEEEF;
    position: relative;
   /* background-image: url(../images/phone2.png);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: right bottom;*/
border-bottom: 2px solid #f1ad4b;
}

.phone-img{
     position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    max-width: 550px;
}

.app-icon{
    position: absolute;
    top: 50px;
    right: 50px;
    max-width: 150px;
}

.how-it-works{
    padding-right: 40%;


    padding-bottom: 75px;
}

.how-it-works-section{
    border-bottom: 1px solid #d1d1d1;
    padding-top: 25px;
    padding-bottom: 25px;
}

.how-it-works-section p{
    margin-bottom: 0px;
}

.how-it-works h3{
    display: inline-block;
    font-size: 18px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background: #f1ad4b;
    margin-bottom: 0px;
    margin-top: 0px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.app-store-icons{
    padding-top: 25px;
}

.app-store-icons img {
    max-width: 150px;
    margin-right: 15px;
    -webkit-transition: .2s;
    transition: .2s;
}

.app-store-icons img:hover {
    opacity: .8;
}

.easy-steps{
    padding-top: 50px;
    padding-bottom: 50px;
    background: rgb(0,147,69);
    background-color: #EDEEEF;
    text-align: center;
}

.easy-steps h2{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 50px;
}

.easy-steps p{

}

.steps{
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    justify-content: left;
    flex-wrap: wrap;
    flex-direction: row;
}

.easy-steps .box4{
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
    padding: 20px;
    background: #f3c27c;
    background: #144d57;
    text-align: center;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f7d29d;
    border: 1px solid #1f5a64;
}

.easy-steps .box4 img{
    max-width: 100%;
    max-height: 64px;
    margin-top: 25px;
}

.easy-steps .box4 span{
    display: inline-block;
    font-size: 25px;
    font-weight: 800;
color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 74px;
    text-align: center;
    background: #04353d;

-moz-border-radius: 74px;
    -webkit-border-radius: 74px;
    -khtml-border-radius: 74px;
    border-radius: 74px;
}

.easy-steps .box4 p{
   float: left;
    width:100%;
line-height: 25px;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;
}

#about .logos{
    padding-top: 15px;
    text-align: center;
    background-color: #585455;
    background-color: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
}

#about .logos img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 100px;
    max-width: 150px;
    margin-bottom: 15px;
}

.contact{
background: rgb(0, 147, 69);
    background: linear-gradient(180deg, rgba(0, 147, 69, 1) 50%, rgba(139, 197, 63, 1) 100%); 
background: #fff;
padding-top: 50px;
padding-bottom: 50px;
} 

.contact .container{
    max-width: 700px;
}

.contact h2{
    margin-top: 0px;
    margin-bottom: 0px;

}

.contact p{

}   

.form-container{
    /*background: #f1ad4b; 
    padding: 50px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}  
    

/* HEADER */

#header-container{
	float: left;
	width: 100%;
	position: fixed;
	z-index: 9999999;
    -webkit-transition: .5s;
    transition: .5s;
    padding-top: 21px;
    padding-bottom: 21px;
}

#header-container-process-appeal{
	float: left;
	width: 100%;
	position: static;
	border-bottom: 1px solid #ededed;
}	

#header{
	float: right;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}



#header-bottom{
	float: right;
	width: 100%;
	max-width: 800px;
	/*background-color: #f3f3f3;
	border-bottom: 1px solid #ececec;*/
	height: 44px;
	-webkit-transition: .2s;
    transition: .2s;
}

#logo-box{
	float: left;
    max-width: 500px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 20px;
}



#logo-box img{
    float: left;
	width: 100%;
	max-width: 135px;
	-webkit-transition: .3s;
    transition: .3s;
    margin-right: 35px;
    opacity: 0;
}

#logo-box span{
    float: right;
    font-size: 30px;
    font-weight: 400;
    padding-top: 10px;
	-webkit-transition: .3s;
    transition: .3s;
}

.shrink #header-bottom{
	height: 0px;
	overflow: hidden;
}

.shrink #logo-box img{
	max-width: 150px !important;
    opacity: 1;
}

.shrink #logo-box{

}

.shrink #nav{
	padding-top: 0px;
}

.shrink #header{

}

.shrink{
    background: #231f20;
    border-bottom: 1px solid #8fc043;

}

.shrink #logo-box span {
    float: right;
    font-size: 25px;
    font-weight: 400;
    padding-top: 10px;
}

.shrink #nav a{
    color: #fff;
}
.shrink #logo-box{
    /*background: #fff;*/
    padding-top: 15px;
}

/* NAV */


#nav{
	float: right;
	padding-top: 15px;
	-webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    text-align: center;
}

#nav ul{
	float: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
    display: inline-block;
}

#nav ul li{
	float: left;
	margin-left: 10px;
}

#nav a{
	float: left;
	padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
    font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff; 
	-webkit-transition: .2s;
    transition: .2s;
}

#nav a:hover{
    color: #8bc53f;
    /*background: #f1ad4b !important;*/
}

li.current{
    color: #8bc53f;
	/*background: #f1ad4b !important;*/
}

/* BUTTONS */

.box1 .btn{
	float: left;
	display: static;
	margin-left: 0px;
	margin-bottom: 15px;
}

.box1 #banner-btn-container{
	max-width: none;
}

.btn{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
    min-width: 175px;
    padding: 12px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    border: none;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    text-align: center;
	background-color: #0100ad;
	color: #fff !important;
	text-transform: uppercase;
}

.btn:hover{
	background-color: #0606ff;
}	

/* HOMEPAGE BANNER */

.banner{
	float: left;
	width: 100%;
	height: 475px;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    border-bottom: 5px solid #8fc043;
    border-bottom-left-radius: 50% 50px;
    border-bottom-right-radius: 50% 50px;
    background-color: #EDEEEF;
    position: relative;
    z-index: 99;
}

#banner-txt{
    position: relative;
    float: right;
    width: 100%;
    padding: 50px;
    height: 600px;
    padding-top: 130px;
    text-align: center;
}
/*
#banner-txt:before {
  content: '';
  position: absolute;
  top: 0;
  right: -500px;
  width: 200%;
  height: 100%;

  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
  z-index: 1;

background-image: linear-gradient(to left, rgba(4, 53, 61, 0.85), rgba(4, 53, 61, 0.4));
}*/

#banner-txt .box1{
  position: relative;
  z-index: 9;
}

#banner-txt span{
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 40px;
    font-weight: 800;
}

#banner-txt h1{
    font-size: 60px;
    line-height: 65px;
    color: #fff;
    margin-top: 20px;
}    

#banner-txt img{
    max-width: 400px;
    margin-right: 0px;
    -webkit-transition: .2s;
    transition: .2s;
}



.banner-icons{
    padding-top: 35px;
}

/* BOXES */

.box1{
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box1 a{
	color: #000;
}

.box2{
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box3{
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box4{
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box5{
	float: left;
	width: 20%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form-container .btn-link{
	background: #04a583;
	border: 1px solid #04a583;
	display: inline-block;
	width: auto;
	color: #fff;
	min-width: 200px;
	cursor: pointer;
}

.form-container .btn-link:hover{
	background:	#026b56;
	border: 1px solid #026b56;
}
	

.form-box{
	float: left;
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #ededed;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form-box label{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
	
.form-box p{
	float: left;
	width: 100%;
}

.form-box h3{
	margin-top: 0px;
}
	
.payment-box{
	border-right: 20px solid #fff;
}

.payment-box .form-box{
	background: none;
}

.form_field_row .btn{
	float: left;
	width: 100%;
	max-width: 235px;
	padding: 12px;
	font-weight: 400;
	background-color: #8fc043;;
    border: none;
	 font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.form_field_row .btn:hover{
	   background-color: #79b42a;
	    border: none;}

.form_field_row{
	float: left;
	width: 100%;
	padding-bottom: 15px;}

.form_field{
	float: left;
	width: 100%;
	padding-right: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}

.form_field_wide{
	float: left;
	width: 100%;
	padding-right: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}

.form_field_right{
	float: right;
	width: 202px;}

.form_field_btn{
	float: left;
	width: 100%;
}

.form_field_row textarea{
	width: 100%;
	border: 1px solid #8fc043;
	background-color: #fff;
	padding: 15px;
	min-height: 150px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #231f20;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: .2s;
    transition: .2s;
		font-family: 'Open Sans', sans-serif;
}


.form_field_row textarea:hover{
	border: 1px solid #231f20;
}

.form_field_row textarea:focus{
	border: 1px solid #231f20;
}


.form_field_row input{
	width: 100%;
	border: 1px solid #8fc043;
	background-color: #fff;
	padding: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #231f20;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: .2s;
    transition: .2s;}

.form_field_row input:hover{
	border: 1px solid #231f20;
}

.form_field_row input:focus{
	border: 1px solid #231f20;
}


.form_field_row select{
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #efefef;
	padding: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: .2s;
    transition: .2s;}

.form_field_row select:hover{
	background-color: #eaeaea;
}

.form_field_row select:focus{
	background-color: #eaeaea;
}

.form-field-row {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

/* FOOTER */

#footer-container{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: #231f20;
    border-top: 5px solid #8fc043;
}

#footer-container img{
    max-width: 250px;
    margin-bottom: 25px;
}

#footer-container span{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#footer-container span span{
    font-size: 14px;
    font-weight: 400;
}

#footer-container a{
    color: #8fc043;
}

#revenue-table{
    background-color: #fff;
    font-size: 16px;
    border-collapse: collapse;
    border: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #231f20;
}

#revenue-table tr{
    border-bottom: 1px solid #8fc043;
}

#revenue-table td{
    border-right: 1px solid #8fc043;
}

#revenue-table th{
    border-right: 1px solid #8fc043;
    text-align: left;
    padding: 10px;
}

#revenue-table tr td:nth-child(even){
    /*background: #b2e76c;*/
}

#revenue-table tr th:nth-child(even){
    /*background: #b2e76c;*/
}

.intro-top{
    text-align: center;
    padding-bottom: 70px;
}

.intro-top h2{

    margin-bottom: 15px;
    font-size: 60px;
    line-height: 65px;
}

h2 span{
    color: #8fc043;
}

span.sub-title{
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800;
}

.intro-top span.sub-title{
    color: #231f20;
}

.intro-top p{
    font-size: 21px;   
}

.dark-section{
    background: #231f20;
    border-top: 25px solid #231f20;
    border-bottom: 25px solid #231f20;
}

.dark-section h2{
    color: #fff;
}

.dark-section h3{
    color: #fff;
}

.dark-section p{
    color: #fff;
}

.dark-section p a{
    color: #8fc043;
    text-decoration: none;
}

.dark-section p a{
    text-decoration: underline;
}


.white-section{
    background: #fff;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
}

.white-section span.sub-title{
    color: #231f20;
}

#about{
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 5px solid #8fc043;
    border-bottom: 5px solid #8fc043;
}

.down-arrow{
	position: absolute;
	bottom: 50px;
	left: 50%;
    z-index: 99;
	margin-left: -25px;
}

.down-arrow img{
	max-width: 50px;
}

.bounce {
	-moz-animation: bounce 4s infinite;
	-webkit-animation: bounce 4s infinite;
	animation: bounce 4s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.contact-info{
    padding-top: 25px;
    padding-bottom: 25px;
}

#con .contact-info span {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800;
}

#con .contact-info span.phone {
    background: url(/images/phone.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left 2px;
}

#con .contact-info span.email {
    background: url(/images/email.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left 1px;
}

#con .contact-info a {
    color: #231f20;
    text-decoration: none;
}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1300px) {

.phone-img {
    max-width: 400px;
}

#nav {
    width: auto;
}


}


/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1230px) {

.container{
	max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}



}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1100px) {

.section .box-txt-left {
    padding-left: 25px;
    padding-right: 50px;
}

.section .box-txt-right {
    padding-left: 50px;
    padding-right: 25px;
}

.how-it-works {
    padding-right: 0%;
    padding-bottom: 75px;
}

.how-it-works-container{
    padding-bottom: 500px;
}

/*.app-icon {
    position: absolute;
    top: auto;
    bottom: 300px;
    right: auto;
    left: 50px;

}*/

.phone-img {
    right: auto;
    left: 30%;
    width: 100%;
}


}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 850px) {

#nav ul li {
    float: none;
    margin-left: 10px;
    display: inline-block;
}

#nav{
    padding-top: 0px;
}

.section .box-txt-left {
    width: 100%;
    margin-bottom: 25px;
    padding-right: 25px;
}

.section .box-txt-right {
    width: 100%;
    margin-bottom: 25px;
    padding-left: 25px;
}

.section .box-img-left {
        float: left;
        width: 100%;
        position: relative;
        min-height: 500px;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.section .box-img-right {
        float: left;
        width: 100%;
        position: relative;
        min-height: 500px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.homepage-section-centered {
        position: relative !important;
        left: auto;
        top: auto;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
        float: left;
        display: block;
    }

.section {
    padding-bottom: 0px;
}

#offering{
    padding-bottom: 100px;
}

#projections{
    padding-bottom: 120px;
}

#revenue-table{
    margin-top: 25px;
}

#the-problem{
    padding-bottom: 50px;
}
    
.dark-section {
    border-top: none;
    border-bottom: none;
}

.white-section {
    border-top: none;
    border-bottom: none;
}

#banner-txt {
    padding-top: 100px;
}

#banner-txt img {
    max-width: 300px;
}

#banner-txt h1 {
    font-size: 40px;
    line-height: 45px;
}

.intro-top h2 {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 45px;
}

.intro-top p {
    font-size: 18px;
}

.easy-steps .box4 {
    width: 48%;
    margin-bottom: 2%;
}

.content {
    padding-top: 0px;
}

.txt-box-left{
    width: 100%;
    padding-right: 0px;
}

.img-box-right{
    width: 100%;
    padding-left: 0px;

}

.img-box-right img{
    margin-top: 50px;
    max-width: 500px;
    float: none;
    display: inline-block;
}

.txt-box-right{
    width: 100%;
    padding-left: 0px;

}

.img-box-left{
    width: 100%;
    padding-right: 0px;
    text-align: center;
}

.img-box-left img{
    margin-top: 50px;
    max-width: 500px;
    float: none;
    display: inline-block;
}

#header-container {
    float: left;
    width: 100%;
    position: static;
    background: #231f20;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shrink {
    border-bottom: none;
}

#logo-box {
    display: none;
    float: left;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

#logo-box img {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#logo-box span {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#header {
    float: right;
    max-width: 100%;
    width:100%;
    text-align: center;
}

#nav {
    float: none;
    display: inline-block;
}

.shrink #logo-box img {
    max-width: 135px !important;
}

.shrink #logo-box span {
font-size: 30px;
    font-weight: 400;
}

.shrink #nav {
    padding-top: 15px;
}


}



/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 750px) {

.app-icon {
    max-width: 100px;
}

.box4{
	width: 50%;
}

.box3{
	width: 100%;
}

.banner {
    float: left;
    width: 100%;
    height: 400px;
}

/*#banner-txt:before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 200%;
    height: 100%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
    z-index: 1;
    background-image: linear-gradient(to left, rgba(4, 53, 61, 0.85), rgba(4, 53, 61, 0.4));
}*/

#banner-txt {
    position: relative;
    float: right;
    max-width: 100%;
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

#banner-txt span{
    width: 100%;
    float: left;
    text-align: center;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 600px) {


.slicknav_menu{
    display: block;
}

#header-container{
    display: none;
}

}



/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 550px) {

#benefits .box2{
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 25px;
}

.key-benefits {
    padding-bottom: 75px;
}

.yellow-background{
    width:100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.phone-img {
    right: auto;
    left: 0%;
    width: 100%;
}

.easy-steps .box4 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 15px;
}

ul.ticks{
    padding-left: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.ticks li {
    float: left;
    width: 100%;
}

#banner-txt{
    padding: 25px;
    padding-top: 75px;
}

#banner-txt span {
    font-size: 30px;
}

#benefits{
    text-align: left!important;
}

.key-benefits .box2{
    text-align: left!important;
}

#logo-box span {
    font-size: 25px;
    font-weight: 400;
    padding-top: 15px;
}

.shrink #logo-box span {
    font-size: 25px;
    font-weight: 400;
    padding-top: 15px;
}

#nav a {
    float: left;
    padding: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

#nav {
    float: none;
    display: inline-block;
    width: 100%;
}

#nav ul {
    float: left;
}

#nav ul li {
    float: left;
    margin-left: 0px;
    margin-right: 15px;
}

#logo-box img {
    float:left;
}

#logo-box span {
    float: left;
}


}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 450px) {

#con .contact-info span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 800;
    padding-left: 35px;
    margin-left: 0px;
    margin-right: 0px;
}

#con .contact-info span.phone {
    background: url(/images/phone.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left 2px;
}

#con .contact-info span.email {
    background: url(/images/email.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left 5px;
}

.contact-info{
    text-align: left!important;
}

.phone-img {
    right: auto;
    left: 50px;
    width: 80%;
}

.how-it-works-container {
    padding-bottom: 400px;
}

.app-icon {
    position: absolute;
    top: 25px;
    right: 25px;
    max-width: 75px;
}

.how-it-works-container {
    padding-top: 20px;
}



.easy-steps {
    padding-top: 50px;
    padding-bottom: 50px;
}


.contact {

}

.contact  .container {
    max-width: 100%;

}

.form-container {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

#revenue-table{
font-size: 13px;
overflow: scroll; /* Scrollbar are always visible */
overflow: auto;   /* Scrollbar is displayed as it's needed */
}

}