.choose .title {
    position: relative;
    display: table;
    z-index: 1;
}
.mar-bot-20 {
  margin-bottom: 20px;
}
.choose-sec-bg {
  background-color: #eb315a;
}
.light-mode {
  background-color: #ffffff;
  padding: 15px;  
}
.light-mode h5 a,
.light-mode p {
  color: #eb315a;
}
.light-mode:hover h5 a,
.light-mode:hover p {
  color: #ffffff;
}
.light-mode:hover {
  background-color: #222222;
}

.dark-mode {
  background-color: #222222;
  padding: 15px;  
}
.dark-mode h5 a,
.dark-mode p {
  color: #ffffff;
}
.dark-mode:hover h5 a,
.dark-mode:hover p {
  color: #eb315a;
}
.dark-mode:hover {
  background-color: #ffffff;
}
.distab {
  display: table;
}
.distab-cell {
  display: table-cell;
  vertical-align: middle;
}
.padd-left-20 {
  padding-left: 20px;
}
.background-image-column1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.title-effect {
    width: 50px;
    height: 50px;
    top: -12px;
    position: absolute;
    left: 0px;
    opacity: 0.4;
    animation: rotation 12.8s steps(1) 0s infinite;
}
.box-list .span6:nth-child(1),
.box-list .span6:nth-child(2) {
  margin-top: 0px !important;
}
.box-list .span6 {
  margin-top: 20px !important;
}
.box-list .span6:nth-child(odd) {
  margin-left: 0px;
}
.choose h5 {
  margin-bottom: 10px;
}
.choose h2 {
  color: #ffffff;
}
.margin-top20 {
  margin-top: 20px;
}
.margin-top20:first-child, 
.margin-top20:nth-child(2) {
  margin-top:0 !important;
}
.mar-zero {
  margin: 0 !important;
}
.module-fluid-wrapper > .row-fluid{
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) and (max-width: 1041px) {
  .box-list .span6 {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .box-list .span6:first-child {
    margin-bottom: 20px;    
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .background-image-column1,
  .body-column,
  .box-list .span6 {
    width: 100% !important;
  }
  .box-list .span6:first-child {
    margin-bottom: 20px;    
  }
  .background-image-column1 {
    position: relative;
    opacity: 1;
    height: 500px;
    margin-top: 30px;
  } 
  .choose-padding {
    padding: 80px 0px !important;
  }
}
@media (min-width: 250px) and (max-width: 767px) {
  .box-list .span6:first-child {
    margin-bottom: 20px;    
  }
  .background-image-column1 {
    position: relative;
    opacity: 1;
    height: 500px;
    margin-top: 30px;
  } 
}