/*------------- section 1 -------------*/

.sec_1{
  margin-bottom: 10px;
  margin-top: 390px;
  position:relative;
}
section.sec_1 h2{
  color: #718892;
  text-align: center;
}
.blockscroll{
  width: 350px;
  height: 330px;
  margin-bottom: 120px;

}
.blockscroll h4{
  color: #1b3945;
  text-align: center;
  text-transform: uppercase;
}

    .blockscroll p {
        padding-top: 221px !important;
        font-size: 18px !important;
        font-family: PFDinDisplayPro-Bold !important;
        text-align: center !important;
        color: #315564 !important;
    }

.left1{
  /*background: url('/uploads/images/how1.png')no-repeat center;*/
  float: left;
  margin-top: 50px;
}

.left1 p {
	background: url('/uploads/images/how1.png') no-repeat top;
}

.left2{
  /*background: url('/uploads/images/how3.png')no-repeat center;*/
  float: left;
}

.left2 p {
	background: url('/uploads/images/how3.png') no-repeat top;
}

.left3{
  /*background: url('/uploads/images/how5.png')no-repeat center;*/
  float: left;
  margin-bottom: 10px;
}

.left3 p {
	background: url('/uploads/images/how5.png') no-repeat top;
}

.right1{
  /*background: url('/uploads/images/how2.png')no-repeat center;*/
  float: right;
  margin-top: 280px;
}

.right1 p {
	background: url('/uploads/images/how2.png') no-repeat top;
}

.right2{
  /*background: url('/uploads/images/how4.png')no-repeat center;*/
  float: right;
}

.right2 p {
	background: url('/uploads/images/how4.png') no-repeat top;
}

.line{
  height: 400px;
  position: absolute;
  right: 483px;
  top: 146px;;
  transform: rotate(-66deg);
  background: rgba(255, 255, 255, 0.1);
  width: 3px;
  overflow: hidden;
}
.line1{
  height: 401px;
  position: absolute;
  right: 492px;
  top: 374px;;
  transform: rotate(-114deg);
  background: rgba(255, 255, 255, 0.1);
  width: 3px;
  overflow: hidden;
}

.line2{
  height: 400px;
  position: absolute;
  right: 486px;
  top: 604px;;
  transform: rotate(-66deg);
  background: rgba(255, 255, 255, 0.1);
  width: 3px;
overflow: hidden;
}

.line3{
  height: 400px;
  position: absolute;
  right: 491px;
  top: 838px;;
  transform: rotate(-114deg);
  background: rgba(255, 255, 255, 0.1);
  width: 3px;
  overflow: hidden;
}

.line_progress{
  height: 410px;
  width: 100%;
  background: #2690a8;
  position: absolute;
}

.box1, .box3, .box5, .box7, .box9
{
	opacity: 0;
}
.box2, 
.box6
{
	margin-top: -500px;
}

.box4, 
.box8 
{
	margin-top: 500px;
}

.active {
  height: 410px;
}

@media (max-width: 991px) {
  .sec_1 {
  	margin-top: 290px;
  }
  
  .left1, .right1, .left2, .right2, .left3 {
  	float: inherit;
  }
  
  .blockscroll {
    margin-bottom: 80px;
    width: auto;
    height: auto;
}
  
  .line, .line1, .line2, .line3 {
  	display: none;
  }
  
  .right1 {
  	margin-top: 0;
  }
}

@media (max-width: 767px) {
	.sec_1 {
    margin-top: 200px;
}
}

/*-------------end section 1 -------------*/