/*--------------------------
Color
---------------------------*/
/*----------------------------------------------------
                     TOPICS
-----------------------------------------------------*/
/*Section topicsArea*/
#topicsArea {
  padding: 30px 0 50px; }
  @media only screen and (max-width: 768px) {
    #topicsArea {
      padding: 5vw 0 10vw; } }
  #topicsArea .wrap {
    width: 960px;
    padding: 30px 0;
    margin: 0 auto;
    background-color: #fff;
    overflow: visible; }
    @media only screen and (max-width: 768px) {
      #topicsArea .wrap {
        width: 100vw;
        padding: 4vw 0; } }
    #topicsArea .wrap h2 {
      /*color: #005bac;*/
      color: #1EBAED;
      font-size: 2.8rem;
      font-weight: none;
      text-align: center;
      margin: 0 0 40px 0;
      padding: 0 0 10px 0;
      border-bottom: 1px dotted #005bac; }
      @media only screen and (max-width: 768px) {
        #topicsArea .wrap h2 {
          width: 100vw;
          font-size: 2.6rem; } }
    #topicsArea .wrap div.topicsWrap {
      width: 950px;
      padding: 0;
      font-size: 1.6rem; }
      @media only screen and (max-width: 768px) {
        #topicsArea .wrap div.topicsWrap {
          width: 80vw;
          height: 37vw;
          padding: 0;
          font-size: 1.4rem;
          margin: 0 auto; } }
      #topicsArea .wrap div.topicsWrap div.topicsBanner {
        width: 285px !important;
        height: 130px;
        line-height: 1.3;
        position: relative;
        overflow: hidden;
        margin: 0 20px;
        border-radius: 3px; }
        @media only screen and (max-width: 768px) {
          #topicsArea .wrap div.topicsWrap div.topicsBanner {
            width: 80vw !important;
            height: 37vw !important;
            margin: 0 0 5px; } }
        #topicsArea .wrap div.topicsWrap div.topicsBanner a {
          color: #fff;
          display: block;
          background: #2d5784; }
          #topicsArea .wrap div.topicsWrap div.topicsBanner a img {
            opacity: 0.4;
            max-width: 100%;
            height: auto;
            line-height: 0; }
          #topicsArea .wrap div.topicsWrap div.topicsBanner a h3 {
            width: 100%;
            font-size: 1.8rem;
            text-align: center;
            position: absolute;
            top: 42px; }
            @media only screen and (max-width: 768px) {
              #topicsArea .wrap div.topicsWrap div.topicsBanner a h3 {
                top: 12vw;
                font-size: 1.7rem; } }
            #topicsArea .wrap div.topicsWrap div.topicsBanner a h3 span {
              font-size: 72%;
              font-weight: normal; }
        #topicsArea .wrap div.topicsWrap div.topicsBanner a:hover {
          color: #fff;
          text-decoration: none;
          background: #6a9cc9; }

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