//IE8
@import "variable";
/* .hot-project-introducer start*/
.hot-project-introducer {
  //width: 950px;
  .subtabs {
    li:before {
      content: '●';
      width: 0px;
      height: 0px;
      color: #bb342e;
    }
  }
}
/* .hot-project-introducer end*/

/* .hot-project-tabs start */

.hot-project-tabs {
  ul {
    margin: 0 auto;
    border: 1px solid #f6f6f6;
    li {
      width: 25%;
      color: #fff;
      background: #43abb6;
      div {
        border-right: 1px solid #f6f6f6;
        h4 {
          color: #fff;
        }
      }

      &:hover {
        color: #fff;
        background: #43abb6;
        h4 {
          color: #fff;
        }
        div {
          &:before {
            opacity: 0;
            filter:alpha(opacity=0);
            transform: scale(0);
          }
          &:after {
            opacity: 1;
            filter:alpha(opacity=100);
            transform: scale(1);
          }
        }
      }
    }

  }
}

/* .hot-project-tabs end */

/*.modal-box-success start*/
.modal-box-success {
  .modal-dialog {
    background: #ececec;
  }
}
/*.modal-box-success end*/


.container-width-small {
  .hot-project-introducer,
  .hot-project-tabs ul {
    width: @container-width-small;
  }
  .hot-project-banner {
    p {
      width: @container-width-small/2;
    }
  }
}
.container-width {
  .hot-project-introducer,
  .hot-project-tabs ul {
    width: @container-width;
  }
  .hot-project-banner {
    p {
      width: @container-width/2;
    }
  }
}
.container-width-large {
  .hot-project-introducer,
  .hot-project-tabs ul {
    width: @container-width-large;
  }
  .hot-project-banner {
    p {
      width: @container-width-large/2;
    }
  }
}
