/*opacity*/
/*=========================== media query mixin=================*/
/*=========================== media query mixin=================*/
.dspnone {
  display: none; }

.aboutUs-slider {
  background-image: url("//d2war7j3gfrrus.cloudfront.net/wp-content/uploads/2017/10/about-us-bg-image1.png");
  background-color: #13324d;
  background-size: cover;
  position: relative;
  padding-bottom: 50px; }
  .aboutUs-slider article {
    margin-top: 100px; }
  .aboutUs-slider .triangle-container {
    padding-top: 100px;
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 767px) {
      .aboutUs-slider .triangle-container {
        padding-top: 30px; } }
    .aboutUs-slider .triangle-container polygon {
      fill: #c1dcf7;
      transition: 1s ease fill;
      cursor: pointer; }
      .aboutUs-slider .triangle-container polygon:hover {
        z-index: 2;
        fill: #27abf7; }
    .aboutUs-slider .triangle-container .svg-polygonContainer {
      display: inline-block;
      position: relative; }
      .aboutUs-slider .triangle-container .svg-polygonContainer text {
        display: none; }
      .aboutUs-slider .triangle-container .svg-polygonContainer polygon {
        fill: #c1dcf7;
        transition: 1s ease fill;
        cursor: pointer; }
      .aboutUs-slider .triangle-container .svg-polygonContainer svg:hover polygon {
        z-index: 2;
        fill: #27abf7; }
      .aboutUs-slider .triangle-container .svg-polygonContainer .upper-description {
        display: none; }
        @media (max-width: 767px) {
          .aboutUs-slider .triangle-container .svg-polygonContainer .upper-description {
            white-space: normal;
            width: 100%;
            font-size: 12px; }
            .aboutUs-slider .triangle-container .svg-polygonContainer .upper-description .link {
              font-size: 12px; } }
      .aboutUs-slider .triangle-container .svg-polygonContainer .upper-date {
        position: absolute;
        text-align: center;
        width: 100%;
        color: white; }
    .aboutUs-slider .triangle-container .svg-container {
      position: relative; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(1) {
        width: 207px;
        height: 126px;
        left: -63px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(2) {
        width: 261px;
        height: 190px;
        left: -158px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(3) {
        width: 162px;
        height: 117px;
        left: -220px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(3) .upper-date {
          top: -20px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(3) .upper-description {
          top: -62px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(4) {
        width: 198px;
        height: 162px;
        left: -283px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(5) {
        width: 243px;
        height: 198px;
        left: -363px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(5) .upper-date {
          top: -20px;
          left: -13px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(5) .upper-description {
          top: -57px; }
          .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(5) .upper-description:after {
            left: 101px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(6) {
        width: 171px;
        height: 153px;
        left: -444px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(7) {
        width: 216px;
        height: 180px;
        left: -488px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(7) .upper-date {
          top: -20px;
          left: -13px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(7) .upper-description {
          top: -60px; }
          .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(7) .upper-description:after {
            left: 89px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(8) {
        width: 198px;
        height: 180px;
        left: -567px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(9) {
        width: 112px;
        height: 79px;
        left: -604px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(10) {
        width: 261px;
        height: 238px;
        left: -653px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(10) .upper-date {
          top: -20px;
          left: 8px; }
        .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(10) .upper-description {
          top: -60px; }
          .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(10) .upper-description:after {
            left: 133px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(11) {
        width: 261px;
        height: 238px;
        left: -698px; }
      .aboutUs-slider .triangle-container .svg-container .svg-polygonContainer:nth-child(12) {
        width: 10px;
        height: 10px; }
    .aboutUs-slider .triangle-container .slider-controler {
      height: 0; }
      .aboutUs-slider .triangle-container .slider-controler .left {
        position: absolute;
        cursor: pointer;
        left: 15px;
        font-size: 22px;
        z-index: 2;
        color: white; }
        @media (max-width: 767px) {
          .aboutUs-slider .triangle-container .slider-controler .left {
            top: 15px; } }
      .aboutUs-slider .triangle-container .slider-controler .right {
        position: absolute;
        cursor: pointer;
        right: 15px;
        font-size: 22px;
        z-index: 2;
        color: white; }
        @media (max-width: 767px) {
          .aboutUs-slider .triangle-container .slider-controler .right {
            top: 15px; } }
  .aboutUs-slider .overlay-cloud {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .aboutUs-slider .overlay-cloud .img-responsive {
      width: 100%;
      height: 133px;
      background-image: url("//d2war7j3gfrrus.cloudfront.net/wp-content/uploads/2017/10/triangle-upperlayer.png");
      background-size: cover; }
  .aboutUs-slider .upper-description {
    position: absolute;
    background-color: white;
    width: auto;
    padding: 15px;
    white-space: nowrap;
    border-radius: 5px;
    z-index: 2; }
    .aboutUs-slider .upper-description:after {
      content: "";
      width: 15px;
      height: 15px;
      background: #fff;
      position: absolute;
      border: 0;
      bottom: -8px;
      left: 71px;
      transform: rotate(45deg);
      border-right: 1px solid #b5b6b6;
      border-bottom: 1px solid #b5b6b6; }
    .aboutUs-slider .upper-description .link {
      font-size: 16px;
      padding-left: 15px; }
    .aboutUs-slider .upper-description .date {
      font-weight: bold; }

.aboutus-textArea {
  /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#f6faff+0,ffffff+100 */
  background: #f6faff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6faff 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6faff 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6faff 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6faff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  text-align: center; }
  .aboutus-textArea p {
    padding-top: 15px; }

/*# sourceMappingURL=widget-aboutus-slider.css.map */