.benefits a {
  padding: 50px 30px;
  display: block;
  text-align: center;
  border: 1px solid #f5f5f5;
  background-color: #006666;
  color: #fff;
  margin-bottom: 30px;
}
.icon {
  margin-bottom: 10px;
}
/*annabel's boxes*/
.boxes > .col-xs-12.col-sm-12.col-md-4.col-lg-4.sf_colsOut {
  padding: 50px;
  text-align: center;
  background-color: #2d8383;
  border: 20px solid #f5f5f5;
}
.boxes > .col-xs-12.col-sm-12.col-md-4.col-lg-4.sf_colsOut a {
  color: white;
}
.logosIntro {
  margin-bottom: 0px !important;
}
.introWrapper {
  background-image: url("/cisiweb2/image/aboutus/afpf2.jpg");
  background-position: left 20%;
}
.steps .glyphicon {
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.steps .sfContentBlock > div {
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  padding: 20px 45px;
  text-align: center;
}
.steps3 .sfContentBlock > div {
  /* background: #999999 !important; */
  background: #757575 !important;
  
}
.steps > div:first-child .sfContentBlock div {
  /* background: #5eb6b6; */
  background: #1B8383;
}
.steps > div:nth-child(2) .sfContentBlock div {
  /* background: #4ca5a5; */
  background: #1B8383;
}
.steps > div:nth-child(3) .sfContentBlock div {
  /* background: #3d9595; */
  background: #1B8383;
}
.steps2 > div:first-child .sfContentBlock div {
  /* background: #126d6d; */
  background: #1B8383;
}
.steps2 > div:nth-child(2) .sfContentBlock div {
  /* background: #228080; */
  background: #1B8383;
}
.steps2 > div:nth-child(3) .sfContentBlock div {
  /* background: #328b8b; */
  background: #1B8383;
}
.logos {
  text-align: center;
}

.logos img {
  margin: 15px;
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  vertical-align: middle;
  transform: scale(0.8);
  max-width: 180px;
  max-height: 150px;
}
.logos img:hover {
  transform: scale(1);
  cursor: pointer;
}
.logos .large {
  max-width: 250px;
  width: 250px;
}
.sfContentBlock .modal-body img {
  float: right;
  margin-left: 30px;
}
.conferencedetails {
  background: #389797;
  padding: 20px;
  color: #ffffff;
}
.benefitsBlock h3,
.benefitsBlock h4 {
  margin-top: 0px;
}

@media (max-width: 1500px) {
  .introText > img {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .logos img {
    margin: 2% 5%;
    width: 40%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}

@media (max-width: 780px) {
  .benefitRow {
    display: flex;
    flex-direction: column;
  }
}