
  .industry .imgThemeContainer .tag .content-title .video-lbl {
    vertical-align: inherit;
    padding: 1px 10px;
    background: #333333;
    border: 1px solid #b3b3b3; }
  .industry .imgThemeContainer .tag .content-title .title {
    vertical-align: middle; }
  .industry .imgThemeContainer .tag .content-title .author {
    vertical-align: -webkit-baseline-middle;
    font-style: italic; }
  .industry .mainContainerMarginPadding .media-description {
    width: 95%;
    padding: /*2% 1% 1% 5%*/ 30px; }
    .industry .mainContainerMarginPadding .media-description .description {
      padding-bottom: 20px; }
  .industry .mainContainerMarginPadding .media-cards {
    position: relative;
    width: 100%;
    margin-bottom: 3%; }
    .industry .mainContainerMarginPadding .media-cards .og-grid {
      list-style: none;
      /*margin: 0 auto;*/
      /*text-align: center;*/
      padding: 0;
      /*width: 100%;*/
      margin: 2% 4%;
      margin: 0 auto;
      width: 1280px; }
      .industry .mainContainerMarginPadding .media-cards .og-grid li {
        display: inline-block;
        vertical-align: top;
        height: 240px;
        margin-right: -4px; }
        .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont {
          background: black !important;
          overflow: hidden;
          position: relative; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont .card-wrapper {
            float: left;
            position: relative;
            width: 100%; }
            .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont .card-wrapper .card-title {
              position: absolute;
              z-index: 99;
              margin-top: 106px;
              width: 100%;
              text-align: center; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont a, .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont img {
            border: none;
            outline: none;
            display: block;
            position: relative;
            -webkit-transition: transform 0.5s ease-in-out;
            -o-transition: transform 0.5s ease-in-out;
            -moz-transition: transform 0.5s ease-in-out;
          }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont img {
            opacity: 0.35;
            filter: alpha(opacity=35);
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont a,
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont:hover img
           {
            -webkit-transition: transform 0.5s ease-in-out;
            -o-transition: transform 0.5s ease-in-out;
            -moz-transition: transform 0.5s ease-in-out;
            -webkit-transform: scale(1.25);
            -moz-transform: scale(1.25);
            transform: scale(1.25);
            transition: transform 0.5s ease-in-out; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont .triangle-bottomleft {
            position: absolute;
            width: 150%;
            height: 100%;
            background-image: url("../img/playcorner_large.png");
            cursor: pointer;
            left: -130%;
            bottom: 0px;
            background-position: bottom right;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            pointer-events: none; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont .triangle-bottomleft-expanded {
            left: 0;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out; }
      .industry .mainContainerMarginPadding .media-cards .og-grid li.og-expanded > a::after {
        top: auto;
        border: solid transparent;
        /*                    content: " ";
        */
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #ddd;
        border-width: 15px;
        left: 50%;
        margin: -20px 0 0 -15px; }
    .industry .mainContainerMarginPadding .media-cards .og-expander {
      position: absolute;
      background: #f7f7f7;
      top: auto;
      left: 0;
      width: auto;
      text-align: left;
      height: 0;
      overflow: hidden;
      /*margin: 0 4%;*/ }
    .industry .mainContainerMarginPadding .media-cards .og-expander-inner {
      height: auto !important;
      padding: 4%; }
    .industry .mainContainerMarginPadding .media-cards .og-close {
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer; }
      .industry .mainContainerMarginPadding .media-cards .og-close:hover {
        color: #ed1c24; }
    .industry .mainContainerMarginPadding .media-cards .og-fullimg,
    .industry .mainContainerMarginPadding .media-cards .og-details {
      float: left;
      overflow: hidden;
      position: relative;
      height: auto; }
    .industry .mainContainerMarginPadding .media-cards .og-fullimg {
      padding: 0px 20px; }
    .industry .mainContainerMarginPadding .media-cards .og-details {
      padding: 3% 8%;
      border-left: 1px solid #b3b3b3; }
      .industry .mainContainerMarginPadding .media-cards .og-details .indusrtyTitle {
        width: 100%; }
      .industry .mainContainerMarginPadding .media-cards .og-details .highlightedTitle {
        background: #ed1c24;
        padding: 2px 10px; }
      .industry .mainContainerMarginPadding .media-cards .og-details .btn-wns1 {
        margin-top: 25px; }
      .industry .mainContainerMarginPadding .media-cards .og-details p {
        color: #999;
        display: block;
        padding-right: 30px !important;
        line-height: 1.5; }
      .industry .mainContainerMarginPadding .media-cards .og-details a {
        font-weight: 700;
        font-size: 16px;
        color: #333;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 10px 20px;
        border: 3px solid #333;
        display: inline-block;
        margin: 30px 0 0;
        outline: none; }
      .industry .mainContainerMarginPadding .media-cards .og-details a::before {
        content: '\2192';
        display: inline-block;
        margin-right: 10px; }
      .industry .mainContainerMarginPadding .media-cards .og-details a:hover {
        border-color: #999;
        color: #999; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .industry .media-cards {
      position: relative !important;
      width: 100% !important; }
      .industry .media-cards .og-grid {
        margin: 0 auto !important;
        width: 960px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .industry .media-description {
      padding: /*2% 10% !important*/ 30px;
      width: 100% !important; }
    .industry .media-cards {
      position: relative !important;
      width: 100% !important; }
      .industry .media-cards .og-grid {
        margin: 0 auto !important;
        width: 640px !important; }
      .industry .media-cards .og-details {
        padding: 3% !important;
        border-left: none !important; }
      .industry .media-cards .og-fullimg {
        margin-top: 25px !important; } }
  @media only screen and (min-width: 568px) and (max-width: 767px) {
    .industry .imgThemeContainer .tag .content-title .title {
      font-size: 24px; }
    .industry .mainContainerMarginPadding .media-description {
      width: 100%;
      padding: /*2% 5% 2% 5%*/ 30px; }
    .industry .mainContainerMarginPadding .media-cards {
      position: relative;
      width: 100%; }
      .industry .mainContainerMarginPadding .media-cards .og-grid {
        margin: 0 auto;
        width: 530px; }
        .industry .mainContainerMarginPadding .media-cards .og-grid li {
          height: auto; }
          .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont {
            width: 265px; }
            .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont .card-wrapper .card-title {
              margin-top: 80px; }
            .industry .mainContainerMarginPadding .media-cards .og-grid li .grid-img-Cont img {
              max-height: 100%;
              max-width: 100%; }
      .industry .mainContainerMarginPadding .media-cards .og-fullimg {
        padding: 5% 10% 0% 10%;
        margin-top: 25px; }
      .industry .mainContainerMarginPadding .media-cards .og-details {
        border-left: none;
        padding: 6% 11%; }
        .industry .mainContainerMarginPadding .media-cards .og-details .indusrtyTitle {
          font-size: 24px; }
        .industry .mainContainerMarginPadding .media-cards .og-details .highlightedTitle {
          font-size: 24px; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .industry .imgThemeContainer .tag .content-title .title {
      font-size: 24px !important; }
    .industry .mainContainerMarginPadding .media-description {
      width: 100%;
      padding: /*2% 5% 2% 5%*/ 30px; }
    .industry .mainContainerMarginPadding .media-cards {
      position: relative;
      width: 100%; }
      .industry .mainContainerMarginPadding .media-cards .og-grid {
        margin: 0 auto;
        width: 320px; }
      .industry .mainContainerMarginPadding .media-cards .og-fullimg {
        padding: 5% 10% 0% 10%;
        margin-top: 25px; }
      .industry .mainContainerMarginPadding .media-cards .og-details {
        border-left: none;
        padding: 6% 11%; }
        .industry .mainContainerMarginPadding .media-cards .og-details .indusrtyTitle {
          font-size: 24px; }
        .industry .mainContainerMarginPadding .media-cards .og-details .highlightedTitle {
          font-size: 24px; } }

/*# sourceMappingURL=industry.css.map */
