body { font-family: 'Roboto', sans-serif; }
  header { width: 100%; position: absolute; z-index: 100; }
  .brand-logo { font-weight: 300; }
  .brand-logo img { width: 30px; margin: 0 0 -5px 0; }
  .slogan { text-shadow: 1px 1px 2px #777; font-weight: 700; }
  .section h1,
  .section h2,
  .section h3,
  .section h4 { font-weight: 300; }

.xparall img { position: absolute; top: -220px; }

.parallax-top-content { 
	width: 100%;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	z-index: 1000;
	position: absolute; 
}

.parallax-top-content h1 {
	font-size: 46px; 
}


        
        /* COLS */
          .col { padding: 0 15px; float: left; box-sizing: border-box; }
          .col.col60 { width: 60%; }
          .col.col50 { width: 50%; }
          .col.col40 { width: 40%; }
          .col.col33 { width: 33%; }
          .col.col25 { width: 25%; }      

/* NEW */
.section { padding: 45px 0; }
.section.section-cms { padding-top: 0; }
h2.header { text-align: center; color: #222; font-size: 36px; }

/* LIST FEATURES */
ul.list-features { margin-top: 35px; display: block; }
ul.list-features li { padding: 15px 0; color: #545252; font-size: 22px; font-weight: 300; }
ul.list-features li svg { width: 36px; height: 36px; margin: 0 10px -10px 0; }
ul.list-features li .ico { height: 38px; margin: -5px 14px 0 0 !important; font-size: 38px; color: #33b653; display: inline-block; float: left; }




.front-rwd-img { margin-top: 35px; }

/* SECTION HOW IT WORKS */
.how-it-works { border-top: 1px solid #d7d3d3; }
.how-it-works h2.header { margin-bottom: 75px; }

.circle { width: 190px; height: 190px; margin: 0 auto; border: 8px solid #595858; border-radius: 50%; background: #fff; }
.circle .ico { color: #33b653; line-height: 165px; font-size: 115px; }

.steps { height: 290px; width: 100%; background: #fff url("../images/line-steps-1.png") no-repeat left 80px;  }
.steps.steps-2 { height: 370px; padding-top: 80px; background: #fff url("../images/line-steps-right.png") no-repeat right -190px; }
.steps.steps-3 { height: 370px; padding-top: 80px;  background: #fff url("../images/line-steps-left.png") no-repeat 3px -190px; }
.steps .step { width: 440px; margin: 0 50px 0 50px; float: left; text-align: center; }
.steps .step .title { margin: 15px 0 2px 0; color: #29c85c; font-size: 24px; display: block; }
.steps .step .sub { font-size: 18px;  }
/* .how-it-works .circle { background: #fff url("../images/_icon.png") no-repeat center center; } */

.btn-register-step { margin-top: 70px; }



@media only screen and (max-width : 1500px) {  
      .steps .step { width: 320px; margin: 0 30px 0 30px; }
      .steps { background: #fff url("../images/line-steps-1-min.png") no-repeat left 80px;  }
      .steps.steps-2 { background: #fff url("../images/line-steps-right-min.png") no-repeat left -190px; }
      .steps.steps-3 { background: #fff url("../images/line-steps-left-min.png") no-repeat 0px -190px; }
}

@media only screen and (max-width : 1100px) {  
      .steps .step { width: 320px; margin: 0px auto 0 auto; float: none; }
      .steps { height: auto; background: #fff url("../images/line-steps-vertical.png") repeat-y center 0;  }
      .steps.steps-2 { height: auto; padding-top: 45px; background: #fff url("../images/line-steps-vertical.png") repeat-y center -0; }
      .steps.steps-3 { height: auto; padding-top: 0; background: #fff url("../images/line-steps-vertical.png") repeat-y center -0; }
      .steps .step .sub { display: inline-block; margin-bottom: 45px; background: rgba(255, 255, 255, 0.90); }
      .steps .step .title { margin-bottom: 0; display: inline-block; background: rgba(255, 255, 255, 0.90); }
      .step-btn { background: #fff; }
      .btn-register-step { margin-top: 45px; }
}

@media only screen and (max-width : 1024px) {  
  ul.list-features li { font-size: 18px; }
}       
@media only screen and (max-width : 840px) {  
  ul.list-features li svg { margin-bottom: -13px; }
  .col-features { width: 100% !important; max-width: 500px !important; margin: 0 auto !important; float: none !important; }
}