.new-3step{
  padding: 30px 0 50px;
  background: #fff;
}
@media (min-width: 767px) {
  .new-3step{
    padding: 70px 0 30px;
  }
}
.new-3step .step-head{
  text-align: center;
  font-weight: bold;
  font-size: 2.2em;
  padding: 0px 35px;
  color: #312f2e;
}
.new-3step .blue{
  color: #056f9d;
}
.new-3step .step-subhead{
  font-size: 1em;
  text-align: center;
}
.new-3step .step-inside-sub{
  color: #312f2e;
  font-weight: normal;
  font-size: 0.8em;
  font-weight: 600;
}
@media(min-width: 768px){
  .new-3step .step-inside-sub{
    font-size: 1.2em;
  }
}
.new-3step .step-container{
  margin-bottom: 15px;
}
@media(min-width: 768px) and (max-width: 991px){
  .new-3step .step-container{
    margin-bottom: 15px;
    background-size: 78% 49%;
  }
}
@media(min-width: 992px){
  .new-3step .step-container{
    margin-bottom: 15px;
  }
}

.new-3step .step-text{
	padding: 0 10px;
  color: #979290;
  text-align: center;
  font-size: 1.1em;
}
@media(min-width: 768px){
  .new-3step .step-text{
    padding: 10px;
  }
}

.new-3step .step-text p{
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 1.1em;
}
@media (min-width: 767px){
  .new-3step .step-text p{
    font-weight: normal;
  }
}
.new-3step .step-icon{
    text-align: center;
    line-height: 85px;
    margin: 0px auto 15px;
    float: none;
}
@media (min-width: 767px) and (max-width: 991px){
  .new-3step .step-icon{
    width: 120px;
    height: 120px;
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .new-3step .step-icon{
    width: 170px;
    height: 170px;
    padding-top: 10px;
  }
}
.new-3step .step-icon .m-cgg {
  color: #056f9d;
  font-size: 4.2em;
  position: relative;
  top: 8px;
}
@media (max-width: 767px) {
  .new-3step .step-icon .m-cgg.m-cgg-icon--libris-search{
    font-size: 3.8em;
  }
}
@media (min-width: 768px) and (max-width: 991px){
	.new-3step .step-icon .m-cgg {
		top: -33px;
	}
}
@media (min-width: 992px) {
  .new-3step .step-icon .m-cgg {
    top: 0;
  }
}

@media (min-width: 767px){
  .new-3step .step-subhead{
    text-align: left;
  }
  .new-3step .step-head{
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 0px;
  }
  .new-3step .step-icon .m-cgg{
    color: #83b9e2;
    font-size: 8em;
  }
}

@media (min-width: 992px){
  .new-3step .step-head{
    font-size: 3.7em;
  }
}
@media (min-width: 992px){
  .new-3step .step-icon .m-cgg{
    font-size: 10em;
  }
}

.ie8 .new-3step .step-icon .m-cgg {
	font-size: 140px;
}
.new-3step #step-container .carousel-indicators{
    bottom: -40px;
}
.new-3step #step-container .carousel-indicators li{
    background-color: #DDEAD0;
    width: 15px;
    height: 15px;
}
.new-3step #step-container .carousel-indicators .active{
    background-color: #aaca8a;
    width: 16px;
    height: 16px;
}
@media (min-width: 768px){
  .step-container .item{
    display: block !important;
  }
}
.ie8.step-container .item{
    display: block;
  }

/* Start: *********************
*  HOW IT WORKS
******************************/
.new-howitworks2{
  padding: 30px 0 50px;
  background: #fff
}
@media screen and (min-width: 768px){
    .new-howitworks2{
      padding: 5em 0;
    }
}
.new-howitworks2 .howitworks-container{
    background: transparent;
}
@media screen and (min-width: 1200px){
    .new-howitworks2 .howitworks-container{
        max-width: 100%;
    }
}
.new-howitworks2 h3 {
    color: #312f2e;
    font-size: 1.5em;
    font-weight: bold;
}
@media screen and (min-width: 768px){
    .new-howitworks2 h3 {
        font-size: 3em;
        margin-bottom: 65px;
        margin-top: 0;
    }
}

.new-howitworks2 .how-icon{
    position: relative;
    margin-bottom: 1em;
}
@media screen and (min-width: 768px){
    .new-howitworks2 .how-icon{
        margin-bottom: 2em;
    }
}
.new-howitworks2 .how-number{
    position: absolute;
    font-weight: 600;
    background: #f2f8fc;
    color: #2e86bc;
    padding: 4px 12px;
    font-size: 1.2em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: -20px;
    left: 35px;
}
.new-howitworks2 .how-text{
    font-weight: bold;
    font-size: 1.1em;
}
.new-howitworks2 #howitworks-container .carousel-indicators{
    bottom: -40px;
}
.new-howitworks2 #howitworks-container .carousel-indicators li{
    background-color: #F3F2EE;
    width: 15px;
    height: 15px;
}
.new-howitworks2 #howitworks-container .carousel-indicators .active{
    background-color: #aaca8a;
    width: 16px;
    height: 16px;
}
@media (min-width: 768px){
    .new-howitworks2 .item{
        display: block;
    }
}
.ie8.new-howitworks2 .item{
    display: block;
}
@media (min-width: 768px){
    .new-howitworks2 .carousel-inner{
        overflow: inherit;
    }
}
/* End: *********************
*  HOW IT WORKS
******************************/