.header {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 1002;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .header ::-webkit-scrollbar {
    width: 4px; }
  .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .header .min-header {
    background: #F7F7F9;
    padding: 2px 0px;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 550px) {
      .header .min-header {
        padding: 4px 0px; } }
    .header .min-header p {
      color: #000;
      font-size: 14px;
      font-family: 'Changa-SemiBold'; }
      @media (max-width: 550px) {
        .header .min-header p {
          font-size: 8px; } }
    @media (max-width: 991px) {
      .header .min-header .social {
        display: none; } }
    .header .min-header .social a svg {
      width: 18px;
      height: 18px; }
  .header .header-center {
    position: relative;
    z-index: 2;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0px;
    border-bottom: 1px solid #e8e8e8;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 450px) {
      .header .header-center {
        padding: 8px 0px; } }
    .header .header-center .logo img {
      max-width: 450px; }
      @media (max-width: 991px) {
        .header .header-center .logo img {
          max-width: 158px; } }
    @media (max-width: 450px) {
      .header .header-center .logo img {
        max-width: 104px; } }
    .header .header-center .adv {
      overflow: hidden; }
      @media (max-width: 1220px) {
        .header .header-center .adv {
          display: none; } }
      .header .header-center .adv img {
        max-width: 927px;
        max-height: 90px; }
    .header .header-center .line {
      margin-bottom: 0px; }
    .header .header-center .icons {
      position: relative;
      display: flex;
      align-items: center; }
      .header .header-center .icons .searchicon {
        position: relative; }
        .header .header-center .icons .searchicon svg,
        .header .header-center .icons .searchicon img {
          max-height: 20px;
          width: 20px;
          fill: #000;
          cursor: pointer;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .header .header-center .icons .colors {
        display: flex;
        justify-content: space-between;
        width: 68px;
        height: 32px;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        background-clip: padding-box;
        background: #F7F7F9;
        margin-right: 32px;
        border: 1px solid #D2D2D2; }
        @media (max-width: 450px) {
          .header .header-center .icons .colors {
            margin-right: 12px; } }
        .header .header-center .icons .colors li {
          display: flex;
          align-items: center;
          justify-content: center;
          min-width: 32px;
          height: 32px;
          cursor: pointer;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background-clip: padding-box;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .header .header-center .icons .colors li svg {
            fill: #000;
            width: 20px;
            height: 20px; }
          .header .header-center .icons .colors li.active {
            background: #000; }
            .header .header-center .icons .colors li.active svg {
              fill: #fff; }
          .header .header-center .icons .colors li.wight {
            background: #000; }
            .header .header-center .icons .colors li.wight svg {
              fill: #fff; }
      .header .header-center .icons .weather {
        margin-right: 32px; }
        @media (max-width: 450px) {
          .header .header-center .icons .weather {
            margin-right: 12px; } }
        .header .header-center .icons .weather .number {
          display: flex;
          align-items: center; }
          .header .header-center .icons .weather .number svg {
            width: 24px;
            fill: #b9b9ba;
            margin-left: 8px; }
          .header .header-center .icons .weather .number span {
            color: #7d7d8b;
            font-family: sans-serif; }
        .header .header-center .icons .weather p {
          width: 100%;
          text-align: center;
          font-size: 12px;
          line-height: 20px; }
    .header .header-center .showboxsearch {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 248px;
      z-index: 100; }
      @media (max-width: 1290px) {
        .header .header-center .showboxsearch {
          width: 198px; } }
      .header .header-center .showboxsearch .formsearch {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%; }
      .header .header-center .showboxsearch .form-control {
        height: 46px;
        width: 100%;
        -webkit-border-radius: 56px;
        border-radius: 56px;
        background-clip: padding-box;
        border: 0px;
        box-shadow: none;
        outline: none;
        background: #F7F7F9;
        text-transform: none;
        padding-left: 70px; }
      .header .header-center .showboxsearch .bottom {
        position: absolute;
        left: 12px;
        padding: 0px;
        background: none;
        outline: none;
        outline-style: none;
        border: 0px;
        cursor: pointer; }
        .header .header-center .showboxsearch .bottom svg {
          width: 22px;
          height: 22px;
          fill: #d20000; }
      .header .header-center .showboxsearch .cancel {
        position: absolute;
        left: 44px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        z-index: 2;
        cursor: pointer; }
        .header .header-center .showboxsearch .cancel svg {
          width: 22px;
          fill: #e3171a; }
      .header .header-center .showboxsearch nav.list-search {
        position: absolute;
        top: 100%;
        left: 24px;
        width: calc(100% - 48px);
        background: #fff;
        display: none;
        padding: 12px;
        -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1); }
        .header .header-center .showboxsearch nav.list-search a {
          display: block;
          margin: 0px;
          margin-bottom: 4px;
          text-transform: capitalize;
          line-height: 22px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          background-clip: padding-box;
          padding: 8px 12px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .header .header-center .showboxsearch nav.list-search a:last-child {
            margin: 0px; }
          .header .header-center .showboxsearch nav.list-search a:hover {
            color: #d20000;
            background: #F7F7F9; }
      .header .header-center .showboxsearch:hover nav.list-search {
        display: block; }
  .header .menu {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #fff;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 20px #00000038;
    -moz-box-shadow: 0px 0px 20px #00000038;
    -o-box-shadow: 0px 0px 20px #00000038;
    -ms-box-shadow: 0px 0px 20px #00000038;
    box-shadow: 0px 0px 20px #00000038; }
    .header .menu.sticky {
      position: fixed;
      top: 0px;
      left: 0;
      display: flex;
      justify-content: space-between;
      height: 75px;
      -webkit-box-shadow: 4px 4px 60px #00000054;
      -moz-box-shadow: 4px 4px 60px #00000054;
      -o-box-shadow: 4px 4px 60px #00000054;
      -ms-box-shadow: 4px 4px 60px #00000054;
      box-shadow: 4px 4px 60px #00000054; }
      .header .menu.sticky .logo {
        display: block;
        margin-left: 24px; }
      .header .menu.sticky .s-show {
        display: block; }
      .header .menu.sticky #cssmenu ul li {
        height: 45px; }
        @media (max-width: 1366px) {
          .header .menu.sticky #cssmenu ul li {
            margin-left: 20px; } }
      .header .menu.sticky .social {
        margin-left: 32px; }
    .header .menu .s-show {
      display: none;
      position: absolute;
      left: 16px;
      top: 6px; }
      @media (max-width: 991px) {
        .header .menu .s-show {
          top: auto; } }
      .header .menu .s-show .search {
        display: block;
        margin-top: 2px; }
        @media (max-width: 991px) {
          .header .menu .s-show .search {
            margin-top: 0px; } }
        .header .menu .s-show .search svg,
        .header .menu .s-show .search img {
          max-height: 20px;
          width: 20px;
          fill: #000;
          cursor: pointer; }
      .header .menu .s-show .showbox {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 248px;
        z-index: 100; }
        @media (max-width: 1290px) {
          .header .menu .s-show .showbox {
            width: 198px; } }
        @media (max-width: 991px) {
          .header .menu .s-show .showbox {
            top: -7px; } }
        .header .menu .s-show .showbox .formsearch {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%; }
        .header .menu .s-show .showbox .form-control {
          height: 32px;
          width: 100%;
          border-radius: 0px;
          border: 0px;
          box-shadow: none;
          outline: none;
          background: #F7F7F9;
          text-transform: none;
          padding-left: 70px;
          -webkit-border-radius: 56px;
          border-radius: 56px;
          background-clip: padding-box; }
        .header .menu .s-show .showbox .bottom {
          position: absolute;
          left: 12px;
          padding: 0px;
          background: none;
          outline: none;
          outline-style: none;
          border: 0px;
          cursor: pointer; }
          .header .menu .s-show .showbox .bottom svg {
            width: 22px;
            height: 22px;
            fill: #d20000; }
        .header .menu .s-show .showbox .cancelicon {
          position: absolute;
          left: 44px;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          z-index: 2;
          cursor: pointer; }
          .header .menu .s-show .showbox .cancelicon svg {
            width: 22px;
            fill: #e3171a; }
        .header .menu .s-show .showbox nav.list-search {
          position: absolute;
          top: 100%;
          left: 24px;
          width: calc(100% - 48px);
          background: #fff;
          display: none;
          padding: 12px;
          -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1); }
          .header .menu .s-show .showbox nav.list-search a {
            display: block;
            margin: 0px;
            margin-bottom: 4px;
            text-transform: capitalize;
            line-height: 22px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            background-clip: padding-box;
            padding: 8px 12px;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
            .header .menu .s-show .showbox nav.list-search a:last-child {
              margin: 0px; }
            .header .menu .s-show .showbox nav.list-search a:hover {
              color: #d20000;
              background: #F7F7F9; }
        .header .menu .s-show .showbox:hover nav.list-search {
          display: block; }
    .header .menu .container {
      justify-content: flex-start; }
      @media (max-width: 991px) {
        .header .menu .container {
          justify-content: space-between; } }
    .header .menu .logo {
      display: none; }
      .header .menu .logo img {
        max-width: 86px; }
    .header .menu .social {
      display: none; }
      @media (max-width: 991px) {
        .header .menu .social {
          display: inline-flex; }
          .header .menu .social a {
            margin: 0px;
            margin-right: 12px; } }
    .header .menu #cssmenu {
      position: relative;
      z-index: 10; }
      .header .menu #cssmenu #menu-button {
        display: none; }
      .header .menu #cssmenu ul {
        float: right; }
        .header .menu #cssmenu ul li {
          float: right;
          height: 40px;
          display: flex;
          align-items: center;
          position: relative;
          margin-left: 27px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .header .menu #cssmenu ul li:last-child {
            margin: 0px;
            width: 113px;
            overflow: hidden; }
            @media (max-width: 991px) {
              .header .menu #cssmenu ul li:last-child {
                width: 100%;
                height: 45px; } }
            .header .menu #cssmenu ul li:last-child a {
              width: 100%;
              height: 28px; }
              @media (max-width: 991px) {
                .header .menu #cssmenu ul li:last-child a {
                  height: 45px; } }
          .header .menu #cssmenu ul li:hover > ul {
            right: auto;
            z-index: 800; }
          .header .menu #cssmenu ul li a {
            display: block;
            position: relative;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
            outline: none;
            color: #000;
            font-family: 'Changa-Medium';
            font-size: 18px; }
            @media (max-width: 1199px) {
              .header .menu #cssmenu ul li a {
                font-size: 14px; } }
            .header .menu #cssmenu ul li a .arrow {
              max-width: 12px;
              fill: #000;
              -moz-transition: all 0.5s ease-in-out 0s;
              -o-transition: all 0.5s ease-in-out 0s;
              -webkit-transition: all 0.5s ease-in-out 0s;
              transition: all 0.5s ease-in-out 0s;
              margin-right: 4px; }
              @media (max-width: 991px) {
                .header .menu #cssmenu ul li a .arrow {
                  display: none; } }
            .header .menu #cssmenu ul li a svg.logo-q {
              width: 226px;
              position: absolute;
              right: -59px;
              top: -136px; }
              @media (max-width: 991px) {
                .header .menu #cssmenu ul li a svg.logo-q {
                  width: 218px;
                  position: absolute;
                  right: -43px;
                  top: -122px; } }
              .header .menu #cssmenu ul li a svg.logo-q path {
                fill: #000;
                -moz-transition: all 0.5s ease-in-out 0s;
                -o-transition: all 0.5s ease-in-out 0s;
                -webkit-transition: all 0.5s ease-in-out 0s;
                transition: all 0.5s ease-in-out 0s; }
                @media (max-width: 991px) {
                  .header .menu #cssmenu ul li a svg.logo-q path {
                    fill: #fff; } }
            .header .menu #cssmenu ul li a:after {
              content: "";
              position: absolute;
              right: 0px;
              bottom: -6px;
              width: 0;
              background: #d20000;
              height: 3px;
              -moz-transition: all 0.5s ease-in-out 0s;
              -o-transition: all 0.5s ease-in-out 0s;
              -webkit-transition: all 0.5s ease-in-out 0s;
              transition: all 0.5s ease-in-out 0s; }
              @media (max-width: 991px) {
                .header .menu #cssmenu ul li a:after {
                  display: none; } }
            .header .menu #cssmenu ul li a:hover:after, .header .menu #cssmenu ul li a.active:after {
              width: 100%; }
            .header .menu #cssmenu ul li a:hover .arrow, .header .menu #cssmenu ul li a.active .arrow {
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); }
          .header .menu #cssmenu ul li:hover a .arrow {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
          .header .menu #cssmenu ul li:hover a:after {
            width: 100%; }
        .header .menu #cssmenu ul ul {
          position: absolute;
          top: 100%;
          right: -9999px;
          background: #fff;
          padding: 8px 0px;
          -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1); }
          .header .menu #cssmenu ul ul li {
            padding: 0px 12px !important;
            margin: 0px !important;
            height: auto; }
            .header .menu #cssmenu ul ul li:last-child {
              width: auto; }
            .header .menu #cssmenu ul ul li.has-sub > a:after {
              content: '';
              position: absolute;
              top: 21px;
              right: auto;
              left: 0px;
              width: 8px;
              height: 2px;
              display: block;
              background: #000; }
            .header .menu #cssmenu ul ul li.has-sub > a:before {
              content: '';
              position: absolute;
              top: 18px;
              left: 3px;
              display: block;
              width: 2px;
              height: 8px;
              background: #000; }
            .header .menu #cssmenu ul ul li.has-sub:hover > a:before {
              top: 17px;
              height: 0px; }
            .header .menu #cssmenu ul ul li.has-sub:hover > a::after {
              background: #b51f76; }
            .header .menu #cssmenu ul ul li a {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 8px 0px !important;
              min-width: 176px !important;
              height: auto !important;
              color: #000 !important;
              font-size: 16px !important; }
              .header .menu #cssmenu ul ul li a:after {
                display: none; }
              .header .menu #cssmenu ul ul li a:hover {
                color: #d20000 !important; }
            .header .menu #cssmenu ul ul li ul {
              margin-right: 188px;
              top: 0px !important;
              z-index: 830;
              margin-top: -12px; }
              .header .menu #cssmenu ul ul li ul:after {
                display: none; }
            .header .menu #cssmenu ul ul li:last-child a {
              padding-bottom: 0px; }

@media (max-width: 991px) {
  .header .menu {
    height: 55px; }
    .header .menu.sticky #cssmenu {
      position: absolute;
      margin-right: 98px; }
    .header .menu #cssmenu #menu-button {
      display: block; }
    .header .menu #cssmenu ul {
      position: absolute;
      top: 36px;
      width: 190px;
      display: none;
      background: #000;
      height: 260px;
      overflow: hidden;
      overflow-y: scroll;
      z-index: 120;
      -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
      box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1); }
      .header .menu #cssmenu ul li {
        display: block;
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
        height: auto !important;
        position: relative; }
        .header .menu #cssmenu ul li a {
          width: 100%;
          padding: 8px 12px;
          height: auto;
          margin: 0px;
          border-bottom: 1px solid rgba(120, 120, 120, 0.2);
          font-size: 16px;
          color: #fff; }
        .header .menu #cssmenu ul li:last-child a {
          border-bottom: 0px; }
    .header .menu #cssmenu #menu-button {
      display: block !important;
      cursor: pointer;
      float: right;
      height: 20px;
      width: 20px;
      position: relative; }
      .header .menu #cssmenu #menu-button:after {
        position: absolute;
        top: 10px;
        right: 0px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        content: '';
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header .menu #cssmenu #menu-button:before {
        position: absolute;
        top: 4px;
        right: 0px;
        display: block;
        height: 2px;
        width: 20px;
        background: #000;
        content: '';
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header .menu #cssmenu #menu-button.menu-opened:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #e3171a;
        top: 11px;
        border: 0px;
        height: 2px;
        width: 20px;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header .menu #cssmenu #menu-button.menu-opened:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #e3171a;
        top: 11px;
        width: 20px;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
    .header .menu #cssmenu .submenu-button {
      position: absolute;
      top: 0px;
      left: 0px;
      display: block;
      border-right: 1px solid rgba(120, 120, 120, 0.2);
      height: 44px;
      width: 44px;
      cursor: pointer;
      z-index: 10; }
      .header .menu #cssmenu .submenu-button.submenu-button.submenu-opened {
        background: #d20000; }
    .header .menu #cssmenu ul ul li a {
      min-width: 100%; }
    .header .menu #cssmenu ul ul ul li a {
      padding-left: 35px; }
    .header .menu #cssmenu ul ul li a {
      min-width: 100% !important;
      color: #fff;
      background: none; }
    .header .menu #cssmenu ul ul li:hover > a,
    .header .menu #cssmenu ul ul li.active > a {
      color: #fff; }
    .header .menu #cssmenu ul ul,
    .header .menu #cssmenu ul ul ul {
      position: relative !important;
      padding: 0px !important;
      margin: 0px !important;
      right: 0px !important; }
    .header .menu #cssmenu ul ul {
      height: auto; }
    .header .menu #cssmenu > ul > li.has-sub > a:after,
    .header .menu #cssmenu > ul > li.has-sub > a:before,
    .header .menu #cssmenu ul ul > li.has-sub > a:after,
    .header .menu #cssmenu ul ul > li.has-sub > a:before {
      display: none; }
    .header .menu #cssmenu ul ul .submenu-button {
      height: 39px;
      width: 39px; }
    .header .menu #cssmenu .submenu-button:after {
      position: absolute;
      top: 23px;
      right: 21px;
      width: 8px;
      height: 2px;
      display: block;
      background: #fff;
      content: ''; }
    .header .menu #cssmenu ul ul .submenu-button:after {
      top: 21px;
      right: 19px; }
    .header .menu #cssmenu .submenu-button.submenu-opened:after {
      background: #fff; }
    .header .menu #cssmenu .submenu-button:before {
      position: absolute;
      top: 20px;
      right: 24px;
      display: block;
      width: 2px;
      height: 8px;
      background: #fff;
      content: ''; }
    .header .menu #cssmenu ul ul .submenu-button:before {
      top: 18px;
      right: 22px; }
    .header .menu #cssmenu .submenu-button.submenu-opened:before {
      display: none; }
    .header .menu #cssmenu ul ul li ul {
      padding: 0px !important;
      width: 100%;
      height: auto;
      overflow: inherit;
      overflow-y: inherit; } }
.advtop {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .advtop {
      height: auto; } }
  .advtop.red {
    background: #e3171a; }
  .advtop.yellow {
    background: #e3c193; }
    .advtop.yellow .close-box:before, .advtop.yellow .close-box:after {
      background: #000; }
  .advtop.green {
    background: #a9d9d1; }
    .advtop.green .close-box:before, .advtop.green .close-box:after {
      background: #000; }
  .advtop.blue {
    background: #e3c193; }
  .advtop.gray {
    background: #9b9b9b; }
  .advtop.ofwight {
    background: #d4d4d4; }
    .advtop.ofwight .close-box:before, .advtop.ofwight .close-box:after {
      background: #000; }
  .advtop a {
    display: flex;
    align-items: center;
    justify-content: center; }
  .advtop img {
    max-width: 100%; }

.adv-side {
  position: absolute;
  max-width: 160px;
  height: 32px;
  top: 0px;
  display: none; }
  @media (min-width: 1900px) {
    .adv-side {
      display: block; } }
  .adv-side img {
    max-width: 100%; }
  .adv-side.right {
    right: -160px; }
  .adv-side.left {
    left: -160px; }

.slider {
  width: 100%;
  position: relative;
  background: #F7F7F9;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  padding: 56px 0px 32px 0px; }
  @media (max-width: 991px) {
    .slider {
      padding-bottom: 24px; } }
  .slider .adv-w {
    padding: 0px;
    margin-top: 24px;
    background: none !important; }
  .slider .adv-side {
    top: -23px; }
    .slider .adv-side .line {
      margin-bottom: 4px; }
  .slider .row {
    margin: 0px; }
  .slider .item {
    padding: 0px;
    margin-left: 11px; }
    .slider .item:last-child {
      margin: 0px; }
    .slider .item .line {
      margin: 0px;
      position: absolute;
      top: -33px;
      margin: 0px; }
      @media (max-width: 1199px) {
        .slider .item .line {
          display: none; } }
    .slider .item .photo {
      display: flex;
      position: relative;
      width: 100%;
      overflow: hidden;
      background: #F7F7F9;
      margin-top: 11px; }
      .slider .item .photo a {
        display: block;
        width: 100%; }
      .slider .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .slider .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .slider .item .photo .contant {
        padding-left: 56px; }
        .slider .item .photo .contant .title {
          font-family: 'Changa-SemiBold';
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
    .slider .item:nth-child(1) {
      max-width: calc(100% - 933px);
      flex: calc(100% - 933px); }
      .slider .item:nth-child(1) .photo {
        height: 511px; }
        .slider .item:nth-child(1) .photo .contant .title {
          line-height: 42px; }
      @media (max-width: 1360px) {
        .slider .item:nth-child(1) {
          max-width: calc(100% - 622px);
          flex: calc(100% - 622px); } }
      @media (max-width: 991px) {
        .slider .item:nth-child(1) {
          max-width: 100%;
          flex: 100%;
          margin: 0px; }
          .slider .item:nth-child(1) .photo {
            height: 372px; } }
    .slider .item:nth-child(2), .slider .item:nth-child(3), .slider .item:nth-child(4) {
      max-width: 300px;
      flex: 300px; }
      .slider .item:nth-child(2) .photo, .slider .item:nth-child(3) .photo, .slider .item:nth-child(4) .photo {
        height: 250px; }
        .slider .item:nth-child(2) .photo .contant .title, .slider .item:nth-child(3) .photo .contant .title, .slider .item:nth-child(4) .photo .contant .title {
          font-size: 16px !important;
          line-height: 24px; }
      @media (max-width: 991px) {
        .slider .item:nth-child(2), .slider .item:nth-child(3), .slider .item:nth-child(4) {
          display: flex;
          justify-content: space-between;
          max-width: 100%;
          flex: 100%;
          margin: 0px; }
          .slider .item:nth-child(2) .photo, .slider .item:nth-child(3) .photo, .slider .item:nth-child(4) .photo {
            width: calc(50% - 6px); } }
    @media (max-width: 991px) and (max-width: 550px) {
      .slider .item:nth-child(2) .photo, .slider .item:nth-child(3) .photo, .slider .item:nth-child(4) .photo {
        width: 100%; } }
      @media (max-width: 991px) {
            .slider .item:nth-child(2) .photo .contant .title, .slider .item:nth-child(3) .photo .contant .title, .slider .item:nth-child(4) .photo .contant .title {
              height: auto; } }
      @media (max-width: 550px) {
        .slider .item:nth-child(2), .slider .item:nth-child(3), .slider .item:nth-child(4) {
          display: block; } }
    @media (max-width: 1350px) {
      .slider .item:nth-child(3) {
        display: none; } }
    @media (max-width: 991px) {
      .slider .item:nth-child(3) {
        display: flex; } }
    @media (max-width: 550px) {
      .slider .item:nth-child(3) {
        display: block; } }
    @media (max-width: 991px) {
      .slider .item:nth-child(4) {
        justify-content: center; }
        .slider .item:nth-child(4) .photo {
          display: none; }
        .slider .item:nth-child(4) .boxadv {
          margin: 0px auto;
          width: 300px;
          margin-top: 32px; }
          .slider .item:nth-child(4) .boxadv .line {
            top: -20px; }
          .slider .item:nth-child(4) .boxadv .photo {
            display: block;
            width: auto; } }
    @media (max-width: 550px) {
      .slider .item:nth-child(4) .boxadv .line {
        top: -30px; } }
    .slider .item .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .slider .item .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }
    .slider .item .boxadv {
      position: relative; }

.bn-breaking-news {
  display: inline-block;
  position: relative;
  width: calc(100% - 24px);
  height: 45px !important;
  vertical-align: top;
  overflow: hidden;
  margin: 0px 12px 24px 0px;
  background: #F7F7F9;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  border-top-right-radius: 8px !important; }
  .bn-breaking-news .title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    height: 45px;
    width: auto;
    color: #fff;
    font-size: 24px !important;
    font-weight: 900;
    background: #d20000;
    padding: 0px 24px;
    border-top-right-radius: 8px; }
    @media (max-width: 991px) {
      .bn-breaking-news .title {
        font-size: 14px !important;
        padding: 0px 12px; } }
  .bn-breaking-news .bn-news {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 48px; }
    .bn-breaking-news .bn-news ul {
      content: '';
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex; }
      .bn-breaking-news .bn-news ul li {
        display: flex;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-decoration: none;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        position: absolute;
        display: none; }
        .bn-breaking-news .bn-news ul li a {
          position: relative;
          display: flex;
          align-items: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding: 0px 24px 0px 12px;
          font-family: 'Changa-SemiBold';
          color: #cc0000;
          height: 45px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 991px) {
            .bn-breaking-news .bn-news ul li a {
              font-size: 14px; } }
          .bn-breaking-news .bn-news ul li a:hover {
            color: #d20000; }
          .bn-breaking-news .bn-news ul li a::before {
            content: "";
            position: absolute;
            right: 2px;
            width: 6px;
            height: 6px;
            background: #7E7E7E;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg); }

.bn-effect-scroll .bn-news ul {
  display: block;
  width: 100%;
  position: relative; }
  .bn-effect-scroll .bn-news ul li {
    display: list-item;
    float: left;
    position: relative;
    width: auto; }

.section {
  position: relative;
  width: 100%;
  z-index: 10;
  padding-bottom: 32px; }
  @media (max-width: 991px) {
    .section {
      padding-bottom: 24px; } }
  .section .container {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .section .container {
        display: block; } }

.side-item {
  width: calc(100% - 210px);
  margin-top: 32px; }
  @media (max-width: 1199px) {
    .side-item {
      width: 100%;
      margin-top: 24px; } }
  @media (max-width: 991px) {
    .side-item .w-item {
      max-width: 100%;
      flex: 100%;
      margin-bottom: 24px; }
      .side-item .w-item:last-child {
        margin: 0px; } }
  .side-item .item {
    margin-top: 10px; }
    @media (max-width: 1199px) {
      .side-item .item {
        max-width: 50%;
        flex: 50%; }
        .side-item .item:nth-child(5), .side-item .item:nth-child(6) {
          display: none; } }
    @media (max-width: 991px) {
      .side-item .item {
        max-width: 50%;
        flex: 50%; }
        .side-item .item:nth-child(5), .side-item .item:nth-child(6) {
          display: block; } }
    @media (max-width: 500px) {
      .side-item .item {
        max-width: 100%;
        flex: 100%; } }
    .side-item .item .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      .side-item .item .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 234px;
        overflow: hidden;
        background: #F7F7F9; }
        .side-item .item .inner .photo img {
          max-width: 130%;
          max-height: 100%;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .side-item .item .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .side-item .item .inner .title {
        font: 15px/24px 'Changa-SemiBold' !important;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .side-item .item .inner .text {
        margin-top: 12px;
        height: 72px;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
        font-family: 'Changa-Medium'; }
        @media (max-width: 500px) {
          .side-item .item .inner .text {
            height: auto; } }
        .side-item .item .inner .text a {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          font-family: 'Changa-SemiBold';
          font-size: 14px;
          color: #000; }
          .side-item .item .inner .text a:hover {
            color: #d20000; }
  .side-item .list a {
    display: flex;
    align-items: center;
    width: 100%;
    border-right: 4px solid #d20000;
    font: 20px/24px 'Changa-Medium';
    background: #F7F7F9;
    color: #000;
    margin-top: 8px;
    padding-right: 16px;
    height: 50px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1199px) {
      .side-item .list a {
        font-size: 16px; } }
    .side-item .list a:hover {
      background: #d20000;
      color: #fff; }
    .side-item .list a img {
      width: 30px;
      height: 30px;
      margin-left: 8px; }

.item-pdf {
  width: 100%;
  margin-top: 18px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px 1px #ddd;
  -moz-box-shadow: 1px 1px 5px 1px #ddd;
  -o-box-shadow: 1px 1px 5px 1px #ddd;
  -ms-box-shadow: 1px 1px 5px 1px #ddd;
  box-shadow: 1px 1px 5px 1px #ddd;
  overflow: hidden; }
  @media (max-width: 991px) {
    .item-pdf {
      margin-top: 16px; } }
  .item-pdf .title {
    width: 100%;
    text-align: center;
    padding: 0px;
    padding: 20px 12px; }
  .item-pdf .s-inner {
    position: relative;
    width: 100%;
    height: 593px;
    padding: 17px 24px;
    overflow: hidden; }
    .item-pdf .s-inner .contant {
      padding-top: 152px; }
      @media (max-width: 991px) {
        .item-pdf .s-inner .contant {
          padding-top: 90px; } }
      .item-pdf .s-inner .contant .title {
        font-size: 22px !important;
        justify-content: center;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-family: 'Changa-SemiBold'; }
  .item-pdf .slider-pdf {
    position: relative;
    direction: ltr;
    overflow: hidden; }
    .item-pdf .slider-pdf .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -5px; }
      .item-pdf .slider-pdf .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .item-pdf .slider-pdf .slick-list .slick-track:after, .item-pdf .slider-pdf .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .item-pdf .slider-pdf .slick-prev,
    .item-pdf .slider-pdf .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .item-pdf .slider-pdf .slick-prev svg,
      .item-pdf .slider-pdf .slick-next svg {
        width: 22px;
        height: 22px;
        fill: #adadad;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .item-pdf .slider-pdf .slick-prev:hover svg,
      .item-pdf .slider-pdf .slick-next:hover svg {
        fill: #d20000; }
    .item-pdf .slider-pdf .slick-next {
      left: 30px; }
    .item-pdf .slider-pdf .slick-prev {
      left: 0px; }
    .item-pdf .slider-pdf .slick-dots {
      position: absolute;
      top: -44px;
      left: 0px; }
      @media (max-width: 991px) {
        .item-pdf .slider-pdf .slick-dots {
          display: none !important; } }
      .item-pdf .slider-pdf .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 4px;
        padding: 0px;
        cursor: pointer;
        width: 16px;
        height: 16px; }
        @media (max-width: 450px) {
          .item-pdf .slider-pdf .slick-dots li {
            width: 12px;
            height: 12px; } }
        .item-pdf .slider-pdf .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 16px;
          height: 16px;
          cursor: pointer;
          border: 0px;
          outline: none;
          background: #9B9B9B;
          padding: 0px; }
          @media (max-width: 450px) {
            .item-pdf .slider-pdf .slick-dots li button {
              width: 12px;
              height: 12px; } }
      .item-pdf .slider-pdf .slick-dots li.slick-active {
        background: #d20000; }
        .item-pdf .slider-pdf .slick-dots li.slick-active button {
          background: none; }
    .item-pdf .slider-pdf .slick-track {
      padding: 16px 0px 18px 0px; }
    .item-pdf .slider-pdf .slick-prev,
    .item-pdf .slider-pdf .slick-next {
      display: none !important; }
    .item-pdf .slider-pdf .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      padding: 0px !important;
      margin: 0px -160px; }
      @media (max-width: 991px) {
        .item-pdf .slider-pdf .slick-list {
          margin: 0px -100px; } }
    .item-pdf .slider-pdf .pdfitem {
      display: inline-block;
      position: relative;
      height: 442px;
      margin-left: -24px;
      margin-right: -24px;
      background: #fff;
      text-align: center;
      padding: 8px;
      margin-top: 20px; }
      .item-pdf .slider-pdf .pdfitem img {
        max-width: 100%;
        min-height: 100%;
        object-fit: cover; }
      .item-pdf .slider-pdf .pdfitem .pdftext {
        position: absolute;
        left: 0px;
        top: 0px;
        background: #e3171a;
        color: #fff;
        padding: 0px 16px;
        border-bottom-right-radius: 4px; }
    .item-pdf .slider-pdf .pdfitem.slick-slide.slick-active.slick-center {
      position: relative;
      z-index: 10;
      height: 520px;
      margin-top: 0px;
      top: 0px;
      -webkit-box-shadow: 0px 3px 15px #00000073;
      -moz-box-shadow: 0px 3px 15px #00000073;
      -o-box-shadow: 0px 3px 15px #00000073;
      -ms-box-shadow: 0px 3px 15px #00000073;
      box-shadow: 0px 3px 15px #00000073; }
  .item-pdf.bg {
    box-shadow: none;
    margin: 0px;
    padding-top: 0px; }
    .item-pdf.bg .slider-pdf .pdfitem {
      margin-left: -30px;
      margin-right: -30px; }
      .item-pdf.bg .slider-pdf .pdfitem.slick-current, .item-pdf.bg .slider-pdf .pdfitem.slick-center {
        height: 510px;
        top: 0px;
        box-shadow: 0px 3px 10px #00000059; }
    .item-pdf.bg .slick-track {
      padding: 0px 0px 20px 0px; }
  .item-pdf .listartcl {
    display: flex;
    justify-content: space-between; }
    .item-pdf .listartcl a {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: calc(50% - 4px);
      background: #F7F7F9;
      height: 122px; }
      .item-pdf .listartcl a img {
        max-width: 100%;
        max-height: 100%; }

.fot-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: calc(100% + 16px);
  padding: 4px 12px;
  background: #F7F7F9;
  margin: 16px -8px -8px 0px; }
  .fot-bar .all-item {
    display: flex; }
    .fot-bar .all-item .number {
      display: flex;
      align-items: center;
      font-size: 14px; }
      .fot-bar .all-item .number svg {
        max-width: 14px;
        margin-left: 4px; }
        .fot-bar .all-item .number svg path {
          fill: #e3171a; }
      .fot-bar .all-item .number span {
        color: #e3171a;
        font-size: 12px;
        font-family: 'Changa-Medium'; }
    .fot-bar .all-item .date {
      color: #C4C6D1 !important;
      margin-right: 8px;
      font-size: 12px;
      font-family: 'Changa-Medium'; }

.under {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 8px;
  margin-top: 10px;
  -webkit-box-shadow: 1px 1px 5px 1px #ddd;
  -moz-box-shadow: 1px 1px 5px 1px #ddd;
  -o-box-shadow: 1px 1px 5px 1px #ddd;
  -ms-box-shadow: 1px 1px 5px 1px #ddd;
  box-shadow: 1px 1px 5px 1px #ddd; }
  .under .in-under {
    display: flex;
    align-items: center; }
    .under .in-under .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      min-width: 98px;
      max-width: 98px;
      height: 80px;
      overflow: hidden;
      background: #F7F7F9; }
      .under .in-under .photo img {
        max-width: 100%;
        max-height: 100%;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .under .in-under .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .under .in-under .title {
      font-size: 16px !important;
      font-family: 'Changa-SemiBold';
      line-height: 22px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      margin: 0px;
      margin-right: 16px; }
  .under.tostyle {
    padding: 0px; }
    .under.tostyle .photo {
      min-width: 132px;
      max-width: 132px;
      height: 92px;
      border: 0px; }
    .under.tostyle .title {
      line-height: 35px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.w-to {
  width: 100%; }
  @media (max-width: 1199px) {
    .w-to .item {
      max-width: 33.333%;
      flex: 33.333%; }
      .w-to .item:nth-child(4), .w-to .item:nth-child(5) {
        display: none; } }
  @media (max-width: 991px) {
    .w-to .item {
      max-width: 50%;
      flex: 50%; }
      .w-to .item:nth-child(4) {
        display: block; } }
  @media (max-width: 500px) {
    .w-to .item {
      max-width: 100%;
      flex: 100%; }
      .w-to .item:nth-child(5) {
        display: block; } }
  .w-to .item .fot-bar {
    margin-top: 20px; }

.advleft {
  display: block;
  width: 200px;
  margin-top: 26px; }
  @media (max-width: 1199px) {
    .advleft {
      display: none; } }
  .advleft .line {
    margin-top: -6px; }
  .advleft img {
    max-width: 100%; }
  .advleft.to-w {
    width: 300px;
    margin-top: 28px; }
    .advleft.to-w .adv-one {
      width: 100%;
      margin-bottom: 10px; }
      .advleft.to-w .adv-one:last-child {
        margin: 0px; }

.advertise {
  margin-bottom: 32px; }
  .advertise.adv-mt {
    margin-top: 32px; }

.adv-w {
  width: 100%;
  background: #F7F7F9;
  padding: 32px; }
  @media (max-width: 991px) {
    .adv-w {
      padding: 16px; } }
  .adv-w .adv {
    margin: 0px auto;
    max-width: 970px;
    overflow: hidden; }
    .adv-w .adv img {
      max-width: 100%; }

.mimvideos {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  background: #333; }
  @media (max-width: 991px) {
    .mimvideos {
      padding: 24px 0px; } }
  .mimvideos .title a {
    color: #fff !important; }
    .mimvideos .title a svg {
      fill: #fff !important; }
  .mimvideos .gallery {
    display: flex;
    width: 100%; }
    @media (max-width: 991px) {
      .mimvideos .gallery {
        display: block; } }
  .mimvideos .item {
    margin-top: 24px;
    padding-left: 36px; }
    @media (max-width: 991px) {
      .mimvideos .item {
        max-width: 100%;
        flex: 100%;
        padding-left: 8px;
        margin-top: 16px; } }
    @media (max-width: 991px) {
      .mimvideos .item {
        height: 300px; } }
    .mimvideos .item .iframe {
      width: 100%;
      height: 559px;
      background: #000; }
      @media (max-width: 991px) {
        .mimvideos .item .iframe {
          height: 300px; } }
    .mimvideos .item iframe,
    .mimvideos .item video {
      display: block;
      border: 0px;
      width: 100%;
      height: 559px; }
      @media (max-width: 991px) {
        .mimvideos .item iframe,
        .mimvideos .item video {
          height: 300px; } }
  .mimvideos ::-webkit-scrollbar-track {
    background: #2b2b2b; }
  .mimvideos ::-webkit-scrollbar-thumb {
    background-color: #969696;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box; }
  .mimvideos .gallery-items {
    margin-top: 24px;
    padding-right: 0px; }
    @media (max-width: 991px) {
      .mimvideos .gallery-items {
        max-width: 100%;
        flex: 100%;
        padding-right: 8px;
        margin-top: 16px; } }
    .mimvideos .gallery-items nav a {
      display: flex;
      align-items: center;
      position: relative;
      width: 100%;
      margin-bottom: 16px;
      background: #231f20;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .mimvideos .gallery-items nav a:last-child {
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .mimvideos .gallery-items nav a {
          margin-right: 0px; } }
      .mimvideos .gallery-items nav a:hover {
        background: #4a4a4a; }
      .mimvideos .gallery-items nav a .vid-thumb {
        min-width: 177px;
        max-width: 177px;
        height: 99px;
        overflow: hidden;
        background: #F7F7F9;
        border-bottom: 2px solid #d20000; }
        @media (max-width: 767px) {
          .mimvideos .gallery-items nav a .vid-thumb {
            min-width: 138px;
            max-width: 138px; } }
        .mimvideos .gallery-items nav a .vid-thumb img {
          width: 100%;
          min-height: 100%;
          object-fit: cover; }
      .mimvideos .gallery-items nav a .text {
        padding: 0px 16px; }
        .mimvideos .gallery-items nav a .text .title {
          color: #fff;
          font-size: 17px !important;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-family: 'Changa-Medium'; }
        .mimvideos .gallery-items nav a .text .date {
          display: block;
          color: #b8b8b8;
          font-family: 'Changa-Light'; }
      .mimvideos .gallery-items nav a.active .vid-thumb {
        border-bottom: 6px solid #d20000; }

.w-m {
  width: calc(100% - 310px);
  margin-top: 0px !important; }
  @media (max-width: 1199px) {
    .w-m {
      width: 100%; } }
  @media (max-width: 1199px) {
    .w-m .item {
      max-width: 33.333%;
      flex: 33.333%; }
      .w-m .item:nth-child(4) {
        display: none; } }
  @media (max-width: 991px) {
    .w-m .item {
      max-width: 50%;
      flex: 50%; }
      .w-m .item:nth-child(4) {
        display: block; } }
  @media (max-width: 500px) {
    .w-m .item {
      max-width: 100%;
      flex: 100%; } }
  .w-m .item .fot-bar {
    margin-top: 22px; }
  @media (max-width: 1199px) {
    .w-m .sweet {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 991px) {
    .w-m .sweet {
      max-width: 100%;
      flex: 100%; } }
  .w-m .sweet .inner .photo {
    height: 316px; }

.w-book {
  width: 100%;
  margin-top: 0px !important; }

.us-book {
  margin-top: 10px;
  max-width: 20%;
  flex: 20%; }
  @media (max-width: 1199px) {
    .us-book {
      max-width: 30%;
      flex: 30%; } }
  @media (max-width: 991px) {
    .us-book {
      max-width: 100%;
      flex: 100%; } }
  .us-book .inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 8px;
    overflow: hidden;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd; }
    .us-book .inner .bg {
      width: 100%;
      margin-top: 24px; }
    .us-book .inner .photo {
      display: block;
      position: relative;
      margin: 0px auto;
      width: 144px;
      height: 144px;
      overflow: hidden;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border-top-right-radius: 0px;
      border: 4px solid #fff;
      background: #fff;
      -webkit-box-shadow: 1px 1px 5px 1px #0000006b;
      -moz-box-shadow: 1px 1px 5px 1px #0000006b;
      -o-box-shadow: 1px 1px 5px 1px #0000006b;
      -ms-box-shadow: 1px 1px 5px 1px #0000006b;
      box-shadow: 1px 1px 5px 1px #0000006b; }
      .us-book .inner .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .us-book .inner .text {
      text-align: center;
      margin-top: 15px;
      font-family: 'Changa-Medium';
      color: #d20000;
      font-size: 18px; }
    .us-book .inner .numbers {
      display: block;
      width: 100%;
      text-align: center;
      color: #9B9B9B;
      font: 14px/36px 'Changa-Regular'; }
    .us-book .inner .title {
      font-size: 20px !important;
      margin: 5px 0px;
      justify-content: center;
      font-family: 'Changa-SemiBold'; }
    .us-book .inner .line-book {
      position: relative;
      background: #F7F7F9;
      width: 100%;
      padding: 8px 16px;
      margin-top: 8px; }
      .us-book .inner .line-book .title {
        font: 14px/24px 'Changa-SemiBold' !important;
        margin: 0px;
        padding-left: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .us-book .inner .line-book .popup_main .share {
        position: absolute;
        left: 16px;
        top: 16px; }
      .us-book .inner .line-book .all-item {
        display: flex;
        justify-content: space-between;
        margin-top: 4px; }
        .us-book .inner .line-book .all-item .number {
          display: flex;
          align-items: center;
          font-size: 14px; }
          .us-book .inner .line-book .all-item .number svg {
            max-width: 14px;
            margin-left: 4px; }
            .us-book .inner .line-book .all-item .number svg path {
              fill: #e3171a; }
          .us-book .inner .line-book .all-item .number span {
            color: #e3171a;
            font-size: 12px;
            font-family: 'Changa-Medium'; }
        .us-book .inner .line-book .all-item .date {
          color: #C4C6D1;
          font-size: 12px;
          font-family: 'Changa-Medium'; }
  .us-book.in-sid {
    max-width: 100%;
    flex: 100%; }
    .us-book.in-sid .inner {
      padding: 24px;
      padding-top: 0px;
      box-shadow: none; }
      .us-book.in-sid .inner .photo {
        width: 240px;
        height: 240px; }
      .us-book.in-sid .inner .bg {
        height: 322px;
        width: 350px;
        margin: -8px auto 0px auto;
        background: none;
        padding-top: 42px; }
      .us-book.in-sid .inner .blue {
        color: #d20000;
        font-family: 'Changa-Medium';
        font-size: 25px;
        margin-top: 20px; }
      .us-book.in-sid .inner .text {
        font-size: 20px;
        margin: 8px 0px 16px 0px;
        color: #333333; }
      .us-book.in-sid .inner .num-view {
        text-align: center;
        font: 20px/36px 'Changa-SemiBold';
        color: #000; }
        .us-book.in-sid .inner .num-view span {
          color: #d20000; }
      .us-book.in-sid .inner .social {
        justify-content: center; }

.slid-book {
  max-width: 80%;
  flex: 80%; }
  @media (max-width: 1199px) {
    .slid-book {
      max-width: 70%;
      flex: 70%; } }
  @media (max-width: 991px) {
    .slid-book {
      max-width: 100%;
      flex: 100%; } }
  .slid-book .slider-reviews {
    position: relative;
    direction: ltr;
    margin-top: 4px; }
    .slid-book .slider-reviews .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -5px; }
      .slid-book .slider-reviews .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .slid-book .slider-reviews .slick-list .slick-track:after, .slid-book .slider-reviews .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .slid-book .slider-reviews .slick-prev,
    .slid-book .slider-reviews .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .slid-book .slider-reviews .slick-prev svg,
      .slid-book .slider-reviews .slick-next svg {
        width: 22px;
        height: 22px;
        fill: #adadad;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .slid-book .slider-reviews .slick-prev:hover svg,
      .slid-book .slider-reviews .slick-next:hover svg {
        fill: #d20000; }
    .slid-book .slider-reviews .slick-next {
      left: 30px; }
    .slid-book .slider-reviews .slick-prev {
      left: 0px; }
    .slid-book .slider-reviews .slick-dots {
      position: absolute;
      top: -44px;
      left: 0px; }
      @media (max-width: 991px) {
        .slid-book .slider-reviews .slick-dots {
          display: none !important; } }
      .slid-book .slider-reviews .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 4px;
        padding: 0px;
        cursor: pointer;
        width: 16px;
        height: 16px; }
        @media (max-width: 450px) {
          .slid-book .slider-reviews .slick-dots li {
            width: 12px;
            height: 12px; } }
        .slid-book .slider-reviews .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 16px;
          height: 16px;
          cursor: pointer;
          border: 0px;
          outline: none;
          background: #9B9B9B;
          padding: 0px; }
          @media (max-width: 450px) {
            .slid-book .slider-reviews .slick-dots li button {
              width: 12px;
              height: 12px; } }
      .slid-book .slider-reviews .slick-dots li.slick-active {
        background: #d20000; }
        .slid-book .slider-reviews .slick-dots li.slick-active button {
          background: none; }
  .slid-book .slick-track {
    padding: 6px 0px !important; }
  .slid-book .inner {
    direction: rtl;
    display: inline-table;
    position: relative;
    background: #fff;
    margin: 0px 5px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd; }
    .slid-book .inner .bg {
      width: 100%;
      margin-top: 24px; }
    .slid-book .inner .photo {
      display: block;
      position: relative;
      margin: 0px auto;
      width: 144px;
      height: 144px;
      overflow: hidden;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border-top-right-radius: 0px;
      border: 4px solid #fff;
      background: #fff;
      -webkit-box-shadow: 1px 1px 5px 1px #0000006b;
      -moz-box-shadow: 1px 1px 5px 1px #0000006b;
      -o-box-shadow: 1px 1px 5px 1px #0000006b;
      -ms-box-shadow: 1px 1px 5px 1px #0000006b;
      box-shadow: 1px 1px 5px 1px #0000006b; }
      .slid-book .inner .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .slid-book .inner .text {
      text-align: center;
      margin-top: 20px;
      font-family: 'Changa-Medium';
      font-size: 18px;
      color: #d20000; }
    .slid-book .inner .numbers {
      display: block;
      width: 100%;
      text-align: center;
      color: #9B9B9B;
      font: 14px/36px 'Changa-Regular'; }
    .slid-book .inner .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 127px;
      background: #FAFAFA;
      font-size: 20px !important;
      margin-top: 12px;
      justify-content: center;
      font-family: 'Changa-SemiBold'; }
    .slid-book .inner .fot-bar {
      width: 100% !important;
      margin: 0px !important; }

.article {
  width: 100%;
  margin-top: 10px;
  -webkit-box-shadow: 1px 1px 5px 1px #ddd;
  -moz-box-shadow: 1px 1px 5px 1px #ddd;
  -o-box-shadow: 1px 1px 5px 1px #ddd;
  -ms-box-shadow: 1px 1px 5px 1px #ddd;
  box-shadow: 1px 1px 5px 1px #ddd; }
  .article .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #F7F7F9;
    padding: 16px; }
    .article .head .title {
      width: auto; }
      .article .head .title a {
        font-size: 20px !important;
        font-family: 'Changa-SemiBold';
        padding: 0px; }
    .article .head span {
      display: flex;
      color: #C4C6D1;
      font-family: 'Changa-Light'; }
  .article .east-view .est-item {
    display: flex;
    align-items: center; }
  .article .east-view .title {
    font-size: 26px;
    margin: 0px;
    text-align: center; }
    @media (max-width: 991px) {
      .article .east-view .title {
        font-size: 24px; } }

.min-photo {
  position: relative;
  width: 100%;
  padding: 32px 0px;
  background: #F7F7F9; }
  @media (max-width: 991px) {
    .min-photo {
      padding: 24px 0px; } }
  .min-photo .item {
    max-width: 20%;
    flex: 20%;
    margin-top: 10px; }
    @media (max-width: 1199px) {
      .min-photo .item {
        max-width: 33.333%;
        flex: 33.333%; }
        .min-photo .item:nth-child(10) {
          display: none; } }
    @media (max-width: 991px) {
      .min-photo .item {
        max-width: 50%;
        flex: 50%; }
        .min-photo .item:nth-child(10) {
          display: block; } }
    @media (max-width: 500px) {
      .min-photo .item {
        max-width: 100%;
        flex: 100%; } }
    .min-photo .item .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      .min-photo .item .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 234px;
        overflow: hidden;
        background: #F7F7F9;
        cursor: pointer; }
        .min-photo .item .inner .photo img {
          max-width: 100%;
          max-height: 100%;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .min-photo .item .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .min-photo .item .inner .title {
        margin: 0px;
        margin-top: 12px;
        justify-content: center;
        font-family: 'Changa-SemiBold';
        font-size: 18px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: center; }
      .min-photo .item .inner .text {
        text-align: center;
        font-size: 14px; }

.itemnews {
  max-width: 20%;
  flex: 20%; }
  @media (max-width: 1199px) {
    .itemnews {
      max-width: 50%;
      flex: 50%;
      margin-bottom: 16px; }
      .itemnews:last-child {
        margin: 0px; } }
  @media (max-width: 991px) {
    .itemnews {
      max-width: 50%;
      flex: 50%; }
      .itemnews:nth-child(5), .itemnews:nth-child(6) {
        display: block; } }
  @media (max-width: 500px) {
    .itemnews {
      max-width: 100%;
      flex: 100%; } }
  .itemnews .inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 8px;
    margin-top: 8px;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd; }
    .itemnews .inner .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      height: 234px;
      overflow: hidden;
      background: #F7F7F9; }
      .itemnews .inner .photo img {
        max-width: 100%;
        max-height: 100%;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .itemnews .inner .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .itemnews .inner .list li {
      padding-bottom: 12px;
      margin-top: 12px;
      border-bottom: 1px solid #E3E3E3; }
      .itemnews .inner .list li:last-child {
        border: 0px; }
    .itemnews .inner .list a {
      position: relative;
      background: none;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin: 0px;
      font: 16px/24px 'Changa-SemiBold';
      height: auto;
      border-right: 0px; }
      .itemnews .inner .list a:hover {
        color: #d20000; }
      .itemnews .inner .list a::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 4px;
        width: 4px;
        height: 16px;
        background: #d20000; }
  .itemnews.w-news {
    max-width: 25% !important;
    flex: 25% !important; }
    @media (max-width: 991px) {
      .itemnews.w-news {
        max-width: 50% !important;
        flex: 50% !important; } }
    @media (max-width: 550px) {
      .itemnews.w-news {
        max-width: 100% !important;
        flex: 100% !important; } }
    .itemnews.w-news .inner .photo {
      height: 215px; }
    .itemnews.w-news .inner .title {
      font: 16px/24px 'Changa-SemiBold';
      margin-top: 12px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .itemnews.w-news .under .in-under .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.mininfographic {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 24px;
  padding-bottom: 32px !important;
  background: #E8E8EF;
  padding-top: 200px;
  margin-top: -200px; }
  .mininfographic .slider-infographic {
    position: relative;
    direction: ltr; }
    .mininfographic .slider-infographic .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -5px; }
      .mininfographic .slider-infographic .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .mininfographic .slider-infographic .slick-list .slick-track:after, .mininfographic .slider-infographic .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .mininfographic .slider-infographic .slick-prev,
    .mininfographic .slider-infographic .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .mininfographic .slider-infographic .slick-prev svg,
      .mininfographic .slider-infographic .slick-next svg {
        width: 22px;
        height: 22px;
        fill: #adadad;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mininfographic .slider-infographic .slick-prev:hover svg,
      .mininfographic .slider-infographic .slick-next:hover svg {
        fill: #d20000; }
    .mininfographic .slider-infographic .slick-next {
      left: 30px; }
    .mininfographic .slider-infographic .slick-prev {
      left: 0px; }
    .mininfographic .slider-infographic .slick-dots {
      position: absolute;
      top: -44px;
      left: 0px; }
      @media (max-width: 991px) {
        .mininfographic .slider-infographic .slick-dots {
          display: none !important; } }
      .mininfographic .slider-infographic .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 4px;
        padding: 0px;
        cursor: pointer;
        width: 16px;
        height: 16px; }
        @media (max-width: 450px) {
          .mininfographic .slider-infographic .slick-dots li {
            width: 12px;
            height: 12px; } }
        .mininfographic .slider-infographic .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 16px;
          height: 16px;
          cursor: pointer;
          border: 0px;
          outline: none;
          background: #9B9B9B;
          padding: 0px; }
          @media (max-width: 450px) {
            .mininfographic .slider-infographic .slick-dots li button {
              width: 12px;
              height: 12px; } }
      .mininfographic .slider-infographic .slick-dots li.slick-active {
        background: #d20000; }
        .mininfographic .slider-infographic .slick-dots li.slick-active button {
          background: none; }
  .mininfographic .slick-dots {
    display: none !important; }
  .mininfographic .item {
    display: inline-block;
    position: relative;
    background: #fff;
    margin: 16px 5px 24px 5px;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd;
    cursor: pointer; }
    .mininfographic .item:hover {
      box-shadow: 0px 2px 17px rgba(73, 73, 73, 0.1); }
    .mininfographic .item .photo {
      width: 100%;
      height: 205px;
      overflow: hidden; }
      .mininfographic .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mininfographic .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }

.caricature {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  padding: 12px 0px 48px 0px; }
  @media (max-width: 991px) {
    .caricature {
      padding: 8px 0px 24px 0px; } }
  .caricature .item {
    margin-top: 24px; }
    @media (max-width: 991px) {
      .caricature .item {
        max-width: 50%;
        flex: 50%; }
        .caricature .item:nth-child(3) {
          display: none; } }
    @media (max-width: 767px) {
      .caricature .item {
        max-width: 100%;
        flex: 100%; }
        .caricature .item:nth-child(3) {
          display: block; } }
    .caricature .item .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd;
      cursor: pointer; }
      .caricature .item .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 312px;
        overflow: hidden;
        background: #F7F7F9; }
        .caricature .item .inner .photo img {
          max-width: 100%;
          max-height: 100%;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .caricature .item .inner .title {
        margin: 0px;
        margin-top: 12px;
        justify-content: center;
        font-family: 'Changa-SemiBold';
        font-size: 18px !important; }
      .caricature .item .inner .text {
        text-align: center;
        font-size: 14px; }
    .caricature .item:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .caricature.st-caric .item .inner {
    box-shadow: none;
    background: #232323; }
    .caricature.st-caric .item .inner .photo {
      background: #f7f7f90a; }
    .caricature.st-caric .item .inner .title {
      color: #fff; }
    .caricature.st-caric .item .inner .text {
      color: #C4C6D1; }

.news-inner {
  position: relative;
  width: 100%;
  z-index: 10;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  background: #F7F7F9;
  padding: 22px 0px 48px 0px; }
  @media (max-width: 991px) {
    .news-inner {
      padding-bottom: 24px; } }
  .news-inner:after {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    height: 600px;
    background: #E8E8EF; }
  .news-inner .container {
    z-index: 10; }
  .news-inner .bn-breaking-news {
    margin-bottom: 0px !important; }

@media (max-width: 991px) {
  .news-item {
    max-width: 100%;
    flex: 100%; } }

.w-inner {
  width: 100%;
  background: #fff;
  padding: 24px;
  margin-top: 10px;
  overflow: hidden;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 767px) {
    .w-inner {
      padding: 16px; } }
  .w-inner .bo-line {
    border-bottom: 4px solid #d20000;
    width: auto;
    padding-bottom: 4px;
    font-size: 22px !important;
    font-family: 'Changa-Medium'; }
  .w-inner .s-title {
    line-height: 36px;
    margin-top: 16px;
    font-family: 'Changa-SemiBold'; }
  .w-inner .name {
    display: block;
    margin-top: 16px;
    color: #464646;
    font-size: 18px; }
  .w-inner .news-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 16px;
    background: #F7F7F9; }
    .w-inner .news-photo img {
      max-width: 100%;
      max-height: 100%; }
  .w-inner .adv-w {
    margin-top: 16px; }
    .w-inner .adv-w .adv {
      margin: 0px auto;
      max-width: 728px; }
  .w-inner .tag {
    display: block;
    color: #000;
    font-size: 22px;
    font-family: 'Changa-SemiBold';
    margin-top: 16px; }
    .w-inner .tag.size {
      font-size: 18px;
      margin-top: 24px; }
  .w-inner .text {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
    color: #231F20; }
    .w-inner .text a {
      font-size: 18px;
      color: #231F20;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .w-inner .text a:hover {
        color: #d20000; }
  .w-inner .textbox {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .w-inner .textbox {
        display: block; } }
    .w-inner .textbox .text {
      padding-left: 24px;
      margin-top: 4px; }
      @media (max-width: 767px) {
        .w-inner .textbox .text {
          padding: 0px; } }
    .w-inner .textbox .item {
      min-width: 300px;
      max-width: 300px; }
      @media (max-width: 767px) {
        .w-inner .textbox .item {
          min-width: 100%;
          max-width: 100%; } }
      .w-inner .textbox .item .inner {
        margin-top: 16px; }
      .w-inner .textbox .item.interests {
        border-bottom: 1px solid #e8e8e8;
        height: 356px;
        margin-top: 40px; }
  .w-inner .item {
    margin-top: 24px; }
    @media (max-width: 1199px) {
      .w-inner .item {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 767px) {
      .w-inner .item {
        max-width: 100%;
        flex: 100%; } }
    .w-inner .item .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      .w-inner .item .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 234px;
        overflow: hidden;
        background: #F7F7F9; }
        .w-inner .item .inner .photo img {
          max-width: 100%;
          max-height: 100%;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .w-inner .item .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .w-inner .item .inner .title {
        font: 15px/24px 'Changa-SemiBold' !important;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .w-inner .item .inner .text {
        margin-top: 8px;
        height: 72px;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px; }
        @media (max-width: 500px) {
          .w-inner .item .inner .text {
            height: auto; } }
        .w-inner .item .inner .text a {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          font-family: 'Changa-SemiBold';
          font-size: 14px;
          color: #000; }
          .w-inner .item .inner .text a:hover {
            color: #d20000; }
    .w-inner .item .under .title {
      margin-top: 0px; }
      @media (max-width: 767px) {
        .w-inner .item .under .title {
          font: 16px/22px 'Changa-SemiBold' !important; } }
  .w-inner .ch-st {
    font-family: 'Changa-SemiBold';
    font-size: 22px !important; }
  .w-inner .other {
    margin-top: 24px; }
    .w-inner .other .item {
      margin-top: 10px; }
      .w-inner .other .item .under {
        margin: 0px; }
        .w-inner .other .item .under .fot-bar {
          margin-top: 20px; }
  .w-inner .read-also {
    margin-top: 32px;
    padding: 16px 0px 24px 0px;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2; }
    .w-inner .read-also .ch-st {
      display: table;
      background: #fff;
      margin-top: -32px;
      width: auto;
      padding-left: 16px; }
    .w-inner .read-also .list a {
      display: block;
      position: relative;
      margin-top: 16px;
      padding-right: 16px;
      color: #000;
      font-family: 'Changa-SemiBold';
      font-size: 18px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .w-inner .read-also .list a:hover {
        color: #d20000; }
      .w-inner .read-also .list a::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 10px;
        width: 4px;
        height: 16px;
        background: #d20000; }
    .w-inner .read-also.bg-new .under {
      background: #F7F7F9;
      box-shadow: none; }
      .w-inner .read-also.bg-new .under .in-under .photo {
        border: 0px; }
      .w-inner .read-also.bg-new .under .in-under .title {
        margin-top: 0px;
        font: 18px/34px 'Changa-SemiBold' !important; }
        @media (max-width: 767px) {
          .w-inner .read-also.bg-new .under .in-under .title {
            font: 16px/22px 'Changa-SemiBold' !important; } }
  .w-inner .morenews {
    margin-top: 24px; }
  .w-inner .interests .line .title {
    background: #fff;
    width: auto;
    padding-left: 16px;
    font-size: 18px !important; }
  .w-inner .interests .under {
    background: none;
    box-shadow: none;
    padding: 0px; }
    .w-inner .interests .under .in-under .photo {
      border: 0px;
      min-width: 106px;
      max-width: 106px;
      height: 91px; }
    .w-inner .interests .under .in-under .title {
      font-family: 'Changa-SemiBold'; }

.east-view {
  position: relative;
  margin-top: -5px; }
  @media (max-width: 767px) {
    .east-view {
      display: block; }
      .east-view .est-item {
        max-width: 100%;
        flex: 100%; }
        .east-view .est-item:last-child {
          padding: 24px 12px; } }
  .east-view .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 170px;
    padding: 12px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .east-view .photo {
        margin: 0px auto;
        min-width: 202px;
        max-width: 202px;
        height: 202px; } }
    .east-view .photo img {
      max-width: 100%;
      max-height: 80%;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .east-view .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  @media (max-width: 767px) {
    .east-view .text {
      margin: 0px; } }
  .east-view .text .title {
    margin: 0px; }
    @media (max-width: 767px) {
      .east-view .text .title {
        text-align: center; } }
  .east-view .text p {
    margin-top: 8px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .east-view .text p {
        text-align: center; } }
    .east-view .text p a {
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      font-family: 'Changa-SemiBold'; }
      .east-view .text p a:hover {
        color: #d20000; }
  .east-view.more-wiew {
    display: flex;
    align-items: center;
    padding: 0px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D2D2D2;
    margin-top: 16px; }
    @media (max-width: 767px) {
      .east-view.more-wiew {
        display: block; } }
    .east-view.more-wiew:last-child {
      padding: 0px;
      border: 0px; }
    .east-view.more-wiew .photo {
      min-width: 176px;
      max-width: 176px;
      height: 152px;
      padding: 0px;
      -webkit-border-radius: 0;
      border-radius: 0;
      background-clip: padding-box;
      background: #F7F7F9;
      box-shadow: none; }
      @media (max-width: 767px) {
        .east-view.more-wiew .photo {
          margin: 0px auto; } }
      .east-view.more-wiew .photo img {
        max-height: 100%; }
    .east-view.more-wiew .text {
      margin-top: 0px;
      padding-right: 16px; }
      .east-view.more-wiew .text .title {
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .east-view.more-wiew .text p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
        color: #231F20;
        font-family: 'Changa-Medium';
        margin-top: 4px; }
      .east-view.more-wiew .text .fot-bar {
        margin: 0px;
        width: 100%;
        margin-top: 2px;
        padding: 0px 12px; }

@media (max-width: 991px) {
  .sidebar {
    max-width: 100%;
    flex: 100%; } }

.scroll {
  position: sticky;
  top: 60px; }

.cast-w {
  margin: 0px auto;
  width: 300px;
  overflow: hidden; }

.hottest {
  padding: 0px;
  margin: 0px; }
  .hottest li {
    position: relative;
    background: #F7F7F9;
    padding: 8px 16px;
    margin-top: 16px; }
    .hottest li .title {
      position: relative;
      background: none;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      padding-right: 50px;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font: 22px/35px 'Changa-SemiBold'; }
      .hottest li .title:hover {
        color: #d20000; }
      .hottest li .title::before {
        content: "";
        position: absolute;
        right: 32px;
        top: 10px;
        width: 4px;
        height: 16px;
        background: #d20000; }
      .hottest li .title span {
        position: absolute;
        right: 0px;
        top: 2px;
        color: #b8b8b8;
        font-size: 40px;
        font-family: 'Changa-Light'; }
    .hottest li .text {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 18px;
      color: #7B7B7B;
      line-height: 35px;
      margin-top: 8px; }
    .hottest li .fot-bar {
      margin: 0px;
      width: 100%;
      margin-top: 8px;
      padding: 0px; }

.choices li {
  position: relative;
  background: #F7F7F9;
  padding: 16px;
  margin-top: 16px; }
  .choices li .east-view {
    display: flex;
    align-items: center;
    padding: 0px; }
    @media (max-width: 767px) {
      .choices li .east-view {
        display: flex; } }
    .choices li .east-view .photo {
      box-shadow: none;
      min-width: 50px;
      max-width: 50px;
      height: 50px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      padding: 0px;
      border: 2px solid #999999; }
      .choices li .east-view .photo img {
        width: 100% !important;
        min-height: 100% !important;
        object-fit: cover; }
      .choices li .east-view .photo:hover img {
        transform: none; }
    .choices li .east-view .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      margin-right: 16px;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #333333;
      font: 22px/28px 'Changa-Regular'; }
  .choices li a {
    position: relative;
    background: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding-right: 16px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font: 20px/32px 'Changa-SemiBold'; }
    .choices li a:hover {
      color: #d20000; }
    .choices li a::before {
      content: "";
      position: absolute;
      right: 0px;
      top: 10px;
      width: 4px;
      height: 16px;
      background: #d20000; }

.dwn-app {
  width: 100%;
  background: #DEF1FA;
  padding: 48px 24px;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .dwn-app {
      padding: 16px; } }
  .dwn-app .logo {
    width: 100%;
    text-align: center; }
    .dwn-app .logo img {
      max-width: 134px; }
  .dwn-app .title {
    font: 30px/55px 'Changa-SemiBold';
    justify-content: center;
    margin-top: 24px; }
  .dwn-app .text {
    text-align: center;
    color: #231F20;
    font-size: 18px;
    margin-top: 8px; }
  .dwn-app .icons {
    text-align: center;
    margin-top: 24px; }
    .dwn-app .icons a {
      display: inline-block;
      margin-top: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .dwn-app .icons a:hover {
        opacity: 0.7; }
      .dwn-app .icons a img {
        width: 280px; }
        @media (max-width: 767px) {
          .dwn-app .icons a img {
            width: 240px; } }

.boxemail {
  text-align: center; }
  .boxemail img {
    max-width: 274px; }
  .boxemail .title {
    font: 26px/48px 'Changa-SemiBold';
    justify-content: center;
    margin-top: 24px; }
  .boxemail .text {
    text-align: center;
    color: #2C2F38;
    font-size: 18px; }
  .boxemail .email {
    width: 100%;
    text-align: center;
    padding: 0px 48px; }
    @media (max-width: 767px) {
      .boxemail .email {
        padding: 0px; } }
    .boxemail .email .form-control {
      -webkit-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box;
      height: 52px;
      background: #EEEEEE;
      margin-top: 20px;
      border: 1px solid #BDBDBD;
      text-align: center; }
    .boxemail .email .bottom {
      width: 204px;
      height: 54px;
      margin-top: 20px; }

.latest-news {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #D2D2D2;
  margin-top: 16px; }
  .latest-news:last-child {
    padding: 0px;
    border: 0px; }
  .latest-news .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 98px;
    max-width: 98px;
    height: 98px;
    overflow: hidden;
    background: #F7F7F9;
    border-right: 4px solid #d20000; }
    .latest-news .photo img {
      max-width: 100%;
      max-height: 100%;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .latest-news .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .latest-news .title {
    font: 22px/36px 'Changa-SemiBold' !important;
    margin: 0px;
    margin-right: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
    @media (max-width: 767px) {
      .latest-news .title {
        font-size: 16px !important;
        line-height: 24px; } }

.l-news {
  background: #F7F7F9; }
  .l-news .adv-side {
    top: 20px; }

.writer {
  padding: 22px 0px 32px 0px; }
  .writer::after {
    display: none; }

.writ-item {
  margin-top: 16px; }
  @media (max-width: 991px) {
    .writ-item {
      max-width: 100%;
      flex: 100%; } }
  .writ-item .inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    padding-bottom: 0px;
    overflow: hidden;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .writ-item .inner .bg {
      display: flex;
      align-items: center;
      border: 3px solid #F7F7F9;
      border-radius: 74px 0px;
      width: 100%;
      height: 150px;
      background: #EEEEEE; }
    .writ-item .inner .photo {
      display: block;
      position: relative;
      min-width: 150px;
      max-width: 150px;
      height: 150px;
      overflow: hidden;
      -webkit-border-radius: 74px 0px 74px 74px;
      border-radius: 74px 0px 74px 74px;
      background-clip: padding-box;
      box-shadow: 0px 0px 6px #00000029;
      border: 3px solid #9B9B9B; }
      @media (max-width: 1199px) {
        .writ-item .inner .photo {
          min-width: 90px;
          max-width: 90px;
          height: 90px; } }
      @media (max-width: 991px) {
        .writ-item .inner .photo {
          min-width: 150px;
          max-width: 150px;
          height: 150px; } }
      @media (max-width: 500px) {
        .writ-item .inner .photo {
          min-width: 90px;
          max-width: 90px;
          height: 90px; } }
      .writ-item .inner .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .writ-item .inner .text-writ {
      padding: 16px; }
    .writ-item .inner .name {
      display: block;
      margin-top: 4px;
      color: #0F1418;
      opacity: 0.5; }
      @media (max-width: 767px) {
        .writ-item .inner .name {
          font-size: 13px; } }
    .writ-item .inner .text {
      margin-top: 8px;
      overflow: hidden;
      font-size: 18px;
      line-height: 35px;
      color: #231F20; }
      .writ-item .inner .text a {
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        font-family: 'Changa-SemiBold';
        font-size: 18px;
        color: #000; }
        .writ-item .inner .text a:hover {
          color: #d20000; }
    .writ-item .inner .title {
      font: 20px/36px 'Changa-SemiBold' !important;
      color: #000;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      @media (max-width: 767px) {
        .writ-item .inner .title {
          font: 18px/26px 'Changa-SemiBold' !important; } }
      .writ-item .inner .title.blue {
        color: #d20000;
        font-family: 'Changa-Medium';
        font-size: 16px !important; }
    .writ-item .inner .fot-bar {
      background: #FAFAFA;
      width: calc(100% + 40px);
      margin: 12px -20px 0px -20px; }

.whgit {
  background: #fff; }
  .whgit .adv {
    margin: 0px auto;
    max-width: 728px; }
    .whgit .adv .line p {
      background: #fff; }

.head-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px; }
  @media (max-width: 991px) {
    .head-title {
      margin: 0px; } }
  .head-title .form-control {
    width: 186px;
    height: 45px;
    background: #fff url(../images/arrow.svg) no-repeat;
    background-position: 8px 16px !important;
    border-radius: 0px;
    font-family: 'Changa-Medium';
    font-size: 14px;
    color: #231F20;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .head-title .search {
    position: relative;
    width: 332px; }
    .head-title .search .form-control {
      width: 100%;
      background-image: none;
      padding-left: 40px; }
    .head-title .search .bottom {
      position: absolute;
      top: 12px;
      left: 12px;
      padding: 0px;
      background: none;
      outline: none;
      outline-style: none;
      border: 0px;
      cursor: pointer; }
      .head-title .search .bottom svg {
        width: 18px;
        height: 18px;
        fill: #231F20;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
  .head-title .dateinput {
    position: relative; }
    .head-title .dateinput .form-control {
      background-image: none;
      padding-right: 34px; }
    .head-title .dateinput img,
    .head-title .dateinput svg {
      max-width: 16px;
      position: absolute;
      right: 12px;
      bottom: 15px; }

.reviews {
  margin-top: 32px; }
  @media (max-width: 991px) {
    .reviews .item {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 767px) {
    .reviews .item {
      max-width: 100%;
      flex: 100%; } }
  .reviews .item .under .in-under {
    padding: 8px 0px 0px 0px; }
    .reviews .item .under .in-under .photo {
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 3px solid #fff;
      min-width: 78px;
      max-width: 78px;
      box-shadow: 0px 0px 6px #00000029;
      height: 78px; }
      .reviews .item .under .in-under .photo img {
        min-height: 100%;
        object-fit: cover; }
    .reviews .item .under .in-under .in-des {
      padding-right: 16px; }
      .reviews .item .under .in-under .in-des .title {
        margin: 0px;
        padding: 0px; }
        .reviews .item .under .in-under .in-des .title.blue {
          color: #d20000;
          font-family: 'Changa-Regular';
          font-size: 12px !important;
          margin-top: 4px; }
  .reviews.tow-rev .item .under .in-under .in-des .title {
    margin: 0px;
    padding: 0px; }
    .reviews.tow-rev .item .under .in-under .in-des .title.blue {
      color: #d20000;
      font-family: 'Changa-SemiBold';
      font-size: 16px !important;
      margin-top: 0px; }
  .reviews.tow-rev .item .under .in-under .in-des .text {
    color: #b8b8b8;
    font-size: 12px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px; }

.list-letters {
  display: flex;
  justify-content: space-between;
  overflow: hidden; }
  @media (max-width: 767px) {
    .list-letters {
      max-width: 100%;
      flex: 100%;
      overflow-x: scroll;
      padding-bottom: 12px; } }
  .list-letters a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    background: #E6E6E6;
    color: #8B8B8B;
    font-family: 'Changa-Medium'; }
    @media (max-width: 1400px) {
      .list-letters a {
        min-width: 30px;
        max-width: 30px; } }
    @media (max-width: 767px) {
      .list-letters a {
        margin-left: 4px; }
        .list-letters a:last-child {
          margin: 0px; } }
    .list-letters a:hover, .list-letters a.active {
      background: #d20000;
      color: #fff; }

.m-rev {
  margin-top: 10px; }
  .m-rev .item .under .title {
    font-size: 16px !important;
    font-family: 'Changa-SemiBold';
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .m-rev .item .under .text {
    color: #858585;
    font-size: 12px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px; }

.add-bg {
  background: #F7F7F9; }
  .add-bg .side-item {
    margin: 0px; }

.ec-arbic .item .inner .photo {
  border: 0px !important; }

.w-box {
  padding-bottom: 0px !important; }
  .w-box .item {
    max-width: 20%;
    flex: 20%; }
    @media (max-width: 1199px) {
      .w-box .item {
        max-width: 33.333%;
        flex: 33.333%;
        display: block !important; } }
    @media (max-width: 991px) {
      .w-box .item {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 500px) {
      .w-box .item {
        max-width: 100%;
        flex: 100%; } }

.gallery,
.cars,
.sweeteners,
.infographic,
.reports {
  background: #F7F7F9;
  padding-bottom: 32px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 991px) {
    .gallery,
    .cars,
    .sweeteners,
    .infographic,
    .reports {
      padding-bottom: 24px; } }
  .gallery .adv-w,
  .cars .adv-w,
  .sweeteners .adv-w,
  .infographic .adv-w,
  .reports .adv-w {
    background: #fff; }
  .gallery .min-photo,
  .cars .min-photo,
  .sweeteners .min-photo,
  .infographic .min-photo,
  .reports .min-photo {
    padding: 0px !important;
    padding-top: 32px !important; }
    @media (max-width: 991px) {
      .gallery .min-photo,
      .cars .min-photo,
      .sweeteners .min-photo,
      .infographic .min-photo,
      .reports .min-photo {
        padding-top: 24px !important; } }

.gal-item {
  margin-top: 32px; }
  @media (max-width: 991px) {
    .gal-item {
      max-width: 100%;
      flex: 100%;
      margin-top: 16px; } }
  .gal-item .photo {
    display: flex;
    position: relative;
    width: 100%;
    height: 424px;
    overflow: hidden;
    background: #F7F7F9; }
    .gal-item .photo a {
      position: relative;
      display: block;
      width: 100%; }
    .gal-item .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .gal-item .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .gal-item .popup_main .share {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 16px;
    bottom: 80px;
    z-index: 10;
    width: 32px;
    height: 32px;
    bottom: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    cursor: pointer; }
    .gal-item .popup_main .share svg {
      max-width: 14px;
      height: 14px;
      fill: #fff; }
  .gal-item .contant .title {
    font-family: 'Changa-SemiBold';
    font-size: 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff; }
  .gal-item .contant p {
    font-size: 17px;
    color: #B7B7B7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px; }

.gallery-shows {
  background: #333;
  position: relative;
  width: 100%;
  z-index: 10;
  padding: 48px 0px; }
  @media (max-width: 991px) {
    .gallery-shows {
      padding: 24px 0px; } }
  .gallery-shows .title a {
    color: #fff; }
    .gallery-shows .title a svg {
      fill: #fff; }
  @media (max-width: 1199px) {
    .gallery-shows .item {
      max-width: 50% !important;
      flex: 50% !important; }
      .gallery-shows .item:nth-child(3) .photo:last-child {
        display: none; } }
    @media (max-width: 1199px) and (max-width: 667px) {
      .gallery-shows .item:nth-child(3) .photo:last-child {
        display: block; } }

  @media (max-width: 667px) {
    .gallery-shows .item {
      max-width: 100% !important;
      flex: 100% !important; } }
  .gallery-shows .item .photo {
    display: flex;
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
    margin-top: 10px; }
    @media (max-width: 1199px) {
      .gallery-shows .item .photo {
        height: 247px; } }
    .gallery-shows .item .photo a {
      display: block;
      width: 100%; }
    .gallery-shows .item .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .gallery-shows .item .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .gallery-shows .item .photo .contant {
      padding-left: 56px; }
  .gallery-shows .item .contant .title {
    font-family: 'Changa-SemiBold';
    font-size: 16px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    margin: 0px; }
  .gallery-shows .item .popup_main .share {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 16px;
    bottom: 80px;
    z-index: 10;
    width: 32px;
    height: 32px;
    bottom: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    cursor: pointer; }
    .gallery-shows .item .popup_main .share svg {
      max-width: 14px;
      height: 14px;
      fill: #fff; }
  .gallery-shows .item:nth-child(2) {
    max-width: 40%;
    flex: 40%; }
    .gallery-shows .item:nth-child(2) .title {
      font-size: 20px !important; }
  .gallery-shows .item:nth-child(3) .photo {
    height: 250px; }

.more-g {
  position: relative;
  width: 100%;
  z-index: 10;
  padding: 32px 0px; }
  @media (max-width: 991px) {
    .more-g {
      padding: 24px 0px; } }
  .more-g .item {
    margin-top: 10px;
    max-width: 20%;
    flex: 20%; }
    @media (max-width: 1199px) {
      .more-g .item {
        max-width: 33.333%;
        flex: 33.333%; }
        .more-g .item:last-child {
          display: none; } }
    @media (max-width: 991px) {
      .more-g .item {
        max-width: 50%;
        flex: 50%; }
        .more-g .item:last-child {
          display: block; } }
    @media (max-width: 500px) {
      .more-g .item {
        max-width: 100%;
        flex: 100%; } }
    .more-g .item .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      .more-g .item .inner .all-photo {
        position: relative;
        display: block;
        width: 100%;
        padding: 4px;
        background: #E7E7E7; }
      .more-g .item .inner .photo {
        width: 100%;
        height: 118px;
        overflow: hidden; }
        .more-g .item .inner .photo img {
          width: 100%;
          min-height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .more-g .item .inner .photo:last-child {
          display: flex;
          justify-content: space-between;
          margin-top: 2px; }
          .more-g .item .inner .photo:last-child img {
            width: calc(50% - 1px); }
      .more-g .item .inner .title {
        margin: 0px;
        margin-top: 12px;
        justify-content: center;
        font-family: 'Changa-SemiBold';
        font-size: 18px !important; }
      .more-g .item .inner .text {
        text-align: center;
        font-size: 14px; }
  .more-g .item-old {
    margin-top: 10px; }
    @media (max-width: 991px) {
      .more-g .item-old {
        max-width: 100%;
        flex: 100%; } }
    .more-g .item-old .inner {
      display: flex;
      position: relative;
      width: 100%;
      background: #fff;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      @media (max-width: 500px) {
        .more-g .item-old .inner {
          display: block; } }
      .more-g .item-old .inner .all-photo {
        display: block;
        position: relative;
        min-width: 316px;
        max-width: 316px;
        padding: 4px;
        background: #E7E7E7; }
        @media (max-width: 1199px) {
          .more-g .item-old .inner .all-photo {
            min-width: 234px;
            max-width: 234px; } }
        @media (max-width: 500px) {
          .more-g .item-old .inner .all-photo {
            min-width: 100%;
            max-width: 100%; } }
        .more-g .item-old .inner .all-photo .to-img {
          display: flex;
          justify-content: space-between; }
          .more-g .item-old .inner .all-photo .to-img .photo {
            width: calc(50% - 2px);
            height: 132px;
            overflow: hidden; }
            .more-g .item-old .inner .all-photo .to-img .photo img {
              width: 100%;
              min-height: 100%;
              object-fit: cover;
              -moz-transition: all 0.5s ease-in-out 0s;
              -o-transition: all 0.5s ease-in-out 0s;
              -webkit-transition: all 0.5s ease-in-out 0s;
              transition: all 0.5s ease-in-out 0s; }
          .more-g .item-old .inner .all-photo .to-img:last-child {
            margin-top: 4px; }
      .more-g .item-old .inner .text-d .title {
        font: 20px/37px 'Changa-SemiBold' !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 16px;
        padding-bottom: 0px;
        margin: 0px;
        height: 90px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .more-g .item-old .inner .text-d .title:hover {
          color: #d20000; }
      .more-g .item-old .inner .text-d .text {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #231F20;
        height: 112px;
        padding: 0px 16px;
        margin-top: 8px;
        overflow: hidden;
        font-family: 'Changa-Medium'; }
      .more-g .item-old .inner .text-d .fot-bar {
        margin: 0px;
        width: 100%;
        margin-top: 30px;
        padding: 4px 16px; }

.news-sport {
  background: #333;
  position: relative;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  padding: 48px 0px; }
  @media (max-width: 991px) {
    .news-sport {
      padding: 24px 0px; } }
  .news-sport .title a {
    color: #fff; }
    .news-sport .title a svg {
      fill: #fff; }
  .news-sport .text {
    color: #b8b8b8;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .news-sport .row {
    margin-left: -24px;
    margin-right: -24px; }
    @media (max-width: 991px) {
      .news-sport .row {
        margin-right: -5px;
        margin-left: -5px; } }
  .news-sport .item {
    margin-top: 16px;
    padding: 0px 24px; }
    @media (max-width: 991px) {
      .news-sport .item {
        max-width: 100%;
        flex: 100%;
        padding: 0px 5px; } }
    .news-sport .item .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      height: 391px;
      overflow: hidden;
      background: #F7F7F9; }
      .news-sport .item .photo img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .news-sport .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .news-sport .item .title {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      font: 20px/32px 'Changa-SemiBold' !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      margin: 0px;
      margin-top: 8px;
      padding-right: 16px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .news-sport .item .title:hover {
        color: #d20000; }
      .news-sport .item .title::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 10px;
        width: 4px;
        height: 16px;
        background: #d20000; }
    .news-sport .item .date {
      display: block;
      color: #C4C6D1;
      margin-top: 8px;
      padding-right: 16px;
      font-family: 'Changa-Medium';
      font-size: 12px; }

.videos,
.se-box,
.ec-arbic {
  background: #F7F7F9;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  padding-bottom: 32px; }
  @media (max-width: 991px) {
    .videos,
    .se-box,
    .ec-arbic {
      padding-bottom: 24px; } }
  @media (max-width: 991px) {
    .videos .item,
    .se-box .item,
    .ec-arbic .item {
      max-width: 100%;
      flex: 100%; } }
  .videos .item .v-item,
  .se-box .item .v-item,
  .ec-arbic .item .v-item {
    position: relative;
    margin-top: 10px; }
    .videos .item .v-item .popup_main .share,
    .se-box .item .v-item .popup_main .share,
    .ec-arbic .item .v-item .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .videos .item .v-item .popup_main .share svg,
      .se-box .item .v-item .popup_main .share svg,
      .ec-arbic .item .v-item .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }
  .videos .item .photo,
  .se-box .item .photo,
  .ec-arbic .item .photo {
    display: flex;
    position: relative;
    width: 100%;
    height: 431px;
    overflow: hidden;
    background: #F7F7F9; }
    .videos .item .photo img,
    .se-box .item .photo img,
    .ec-arbic .item .photo img {
      width: 100%;
      min-height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .videos .item .photo:hover img,
    .se-box .item .photo:hover img,
    .ec-arbic .item .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .videos .item .photo:hover i.icon-play,
    .se-box .item .photo:hover i.icon-play,
    .ec-arbic .item .photo:hover i.icon-play {
      background: #d20000; }
  .videos .item .contant,
  .se-box .item .contant,
  .ec-arbic .item .contant {
    padding-left: 56px; }
    .videos .item .contant .title,
    .se-box .item .contant .title,
    .ec-arbic .item .contant .title {
      font-family: 'Changa-SemiBold';
      font-size: 20px !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #fff; }
    .videos .item .contant p,
    .se-box .item .contant p,
    .ec-arbic .item .contant p {
      font-size: 17px;
      color: #B7B7B7;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-top: 8px; }
  .videos .item .inner,
  .se-box .item .inner,
  .ec-arbic .item .inner {
    position: relative;
    display: flex;
    background: #fff;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 500px) {
      .videos .item .inner,
      .se-box .item .inner,
      .ec-arbic .item .inner {
        display: block; } }
    .videos .item .inner .photo,
    .se-box .item .inner .photo,
    .ec-arbic .item .inner .photo {
      min-width: 316px;
      max-width: 316px;
      height: 264px;
      border-bottom: 4px solid #d20000; }
      @media (max-width: 500px) {
        .videos .item .inner .photo,
        .se-box .item .inner .photo,
        .ec-arbic .item .inner .photo {
          min-width: 100%;
          max-width: 100%; } }
    .videos .item .inner .text-d .title,
    .se-box .item .inner .text-d .title,
    .ec-arbic .item .inner .text-d .title {
      font: 20px/37px 'Changa-SemiBold' !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      padding: 16px;
      padding-bottom: 0px;
      margin: 0px;
      height: 88px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .videos .item .inner .text-d .title:hover,
      .se-box .item .inner .text-d .title:hover,
      .ec-arbic .item .inner .text-d .title:hover {
        color: #d20000; }
    .videos .item .inner .text-d .text,
    .se-box .item .inner .text-d .text,
    .ec-arbic .item .inner .text-d .text {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      color: #231F20;
      height: 94px;
      line-height: 24px;
      padding: 0px 16px;
      margin-top: 15px;
      overflow: hidden;
      font-family: 'Changa-Medium'; }
      @media (max-width: 991px) {
        .videos .item .inner .text-d .text,
        .se-box .item .inner .text-d .text,
        .ec-arbic .item .inner .text-d .text {
          height: auto; } }
    .videos .item .inner .text-d .fot-bar,
    .se-box .item .inner .text-d .fot-bar,
    .ec-arbic .item .inner .text-d .fot-bar {
      margin: 0px;
      width: 100%;
      margin-top: 31px;
      padding: 4px 16px; }
  .videos .adv-w,
  .se-box .adv-w,
  .ec-arbic .adv-w {
    background: #fff; }
  .videos i.icon-play,
  .se-box i.icon-play,
  .ec-arbic i.icon-play {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    width: 104px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    z-index: 1;
    background: #d2000099;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-clip: padding-box;
    margin-top: -28px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .videos i.icon-play svg,
    .se-box i.icon-play svg,
    .ec-arbic i.icon-play svg {
      width: 32px;
      height: 32px; }
  .videos .min-video,
  .se-box .min-video,
  .ec-arbic .min-video {
    margin-top: 32px; }
    @media (max-width: 991px) {
      .videos .min-video,
      .se-box .min-video,
      .ec-arbic .min-video {
        margin-top: 24px; } }
    .videos .min-video .v-item,
    .se-box .min-video .v-item,
    .ec-arbic .min-video .v-item {
      margin-top: 10px; }
      @media (max-width: 1199px) {
        .videos .min-video .v-item,
        .se-box .min-video .v-item,
        .ec-arbic .min-video .v-item {
          max-width: 33.333%;
          flex: 33.333%; } }
      @media (max-width: 991px) {
        .videos .min-video .v-item,
        .se-box .min-video .v-item,
        .ec-arbic .min-video .v-item {
          max-width: 50%;
          flex: 50%; } }
      @media (max-width: 500px) {
        .videos .min-video .v-item,
        .se-box .min-video .v-item,
        .ec-arbic .min-video .v-item {
          max-width: 100%;
          flex: 100%; } }
      .videos .min-video .v-item .inner,
      .se-box .min-video .v-item .inner,
      .ec-arbic .min-video .v-item .inner {
        position: relative;
        width: 100%;
        background: #fff;
        padding: 8px;
        -webkit-box-shadow: 1px 1px 5px 1px #ddd;
        -moz-box-shadow: 1px 1px 5px 1px #ddd;
        -o-box-shadow: 1px 1px 5px 1px #ddd;
        -ms-box-shadow: 1px 1px 5px 1px #ddd;
        box-shadow: 1px 1px 5px 1px #ddd; }
        .videos .min-video .v-item .inner .photo,
        .se-box .min-video .v-item .inner .photo,
        .ec-arbic .min-video .v-item .inner .photo {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          width: 100%;
          height: 203px;
          overflow: hidden;
          background: #F7F7F9;
          border-bottom: 4px solid #d20000; }
          .videos .min-video .v-item .inner .photo img,
          .se-box .min-video .v-item .inner .photo img,
          .ec-arbic .min-video .v-item .inner .photo img {
            max-width: 100%;
            max-height: 100%;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .videos .min-video .v-item .inner .photo:hover img,
          .se-box .min-video .v-item .inner .photo:hover img,
          .ec-arbic .min-video .v-item .inner .photo:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1); }
          .videos .min-video .v-item .inner .photo:hover i.icon-play,
          .se-box .min-video .v-item .inner .photo:hover i.icon-play,
          .ec-arbic .min-video .v-item .inner .photo:hover i.icon-play {
            background: #d20000; }
          .videos .min-video .v-item .inner .photo i.icon-play,
          .se-box .min-video .v-item .inner .photo i.icon-play,
          .ec-arbic .min-video .v-item .inner .photo i.icon-play {
            width: 84px;
            height: 50px; }
            .videos .min-video .v-item .inner .photo i.icon-play svg,
            .se-box .min-video .v-item .inner .photo i.icon-play svg,
            .ec-arbic .min-video .v-item .inner .photo i.icon-play svg {
              width: 24px;
              height: 24px; }
        .videos .min-video .v-item .inner .title,
        .se-box .min-video .v-item .inner .title,
        .ec-arbic .min-video .v-item .inner .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          margin: 0px;
          margin-top: 12px;
          justify-content: center;
          font-family: 'Changa-SemiBold';
          font-size: 18px !important; }
          .videos .min-video .v-item .inner .title:hover,
          .se-box .min-video .v-item .inner .title:hover,
          .ec-arbic .min-video .v-item .inner .title:hover {
            color: #d20000; }
        .videos .min-video .v-item .inner .text,
        .se-box .min-video .v-item .inner .text,
        .ec-arbic .min-video .v-item .inner .text {
          text-align: center;
          font-size: 14px; }

.modal {
  padding: 0px !important;
  overflow-y: hidden !important; }
  .modal .modal-dialog {
    max-width: 100% !important;
    height: 100%;
    margin: 0px !important;
    min-height: inherit !important; }
  .modal .modal-content {
    flex-direction: initial;
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
    height: 100%;
    background: #404040;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    border: 0px; }
    @media (max-width: 991px) {
      .modal .modal-content {
        display: block;
        overflow-y: scroll;
        overflow-x: hidden; } }

.videos-shows {
  background: #333;
  position: relative;
  width: 100%;
  z-index: 10;
  padding: 48px 0px; }
  @media (max-width: 991px) {
    .videos-shows {
      padding: 24px 0px; } }
  .videos-shows .title a {
    color: #fff; }
    .videos-shows .title a svg {
      fill: #fff; }
  .videos-shows i.icon-play {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    width: 104px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    z-index: 1;
    background: #d2000099;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-clip: padding-box;
    margin-top: -28px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .videos-shows i.icon-play svg {
      width: 32px;
      height: 32px; }
  .videos-shows .v-item {
    position: relative;
    margin-top: 10px; }
  @media (max-width: 991px) {
    .videos-shows .item {
      max-width: 100%;
      flex: 100%; } }
  .videos-shows .item .photo {
    display: flex;
    position: relative;
    width: 100%;
    height: 432px;
    overflow: hidden;
    margin-top: 10px; }
    .videos-shows .item .photo a {
      display: block;
      width: 100%; }
    .videos-shows .item .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .videos-shows .item .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .videos-shows .item .photo:hover i.icon-play {
      background: #d20000; }
    .videos-shows .item .photo .contant {
      padding-left: 56px; }
  .videos-shows .item .contant .title {
    font-family: 'Changa-SemiBold';
    font-size: 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    margin: 0px; }
  .videos-shows .item .contant p {
    font-size: 17px;
    color: #B7B7B7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px; }
  .videos-shows .item .popup_main .share {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 16px;
    bottom: 80px;
    z-index: 10;
    width: 32px;
    height: 32px;
    bottom: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    cursor: pointer; }
    .videos-shows .item .popup_main .share svg {
      max-width: 14px;
      height: 14px;
      fill: #fff; }
  .videos-shows .item .item-inner .photo {
    height: 214px; }
    .videos-shows .item .item-inner .photo .icon-play {
      width: 80px;
      height: 50px; }
      .videos-shows .item .item-inner .photo .icon-play svg {
        width: 24px;
        height: 24px; }
  .videos-shows .item .item-inner .contant .title {
    font-size: 16px !important; }
  @media (max-width: 991px) {
    .videos-shows .item:nth-child(2) {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 500px) {
    .videos-shows .item:nth-child(2) {
      max-width: 100%;
      flex: 100%; } }
  .videos-shows .item:nth-child(2) .v-item .photo {
    height: 214px; }
    .videos-shows .item:nth-child(2) .v-item .photo .icon-play {
      width: 80px;
      height: 50px; }
      .videos-shows .item:nth-child(2) .v-item .photo .icon-play svg {
        width: 24px;
        height: 24px; }
  .videos-shows .item:nth-child(2) .v-item .contant .title {
    font-size: 16px !important; }
  .videos-shows .item:nth-child(2) .v-item:last-child .photo {
    height: 432px; }
    @media (max-width: 991px) {
      .videos-shows .item:nth-child(2) .v-item:last-child .photo {
        height: 214px; } }
  @media (max-width: 991px) {
    .videos-shows .item:nth-child(3) {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 500px) {
    .videos-shows .item:nth-child(3) {
      max-width: 100%;
      flex: 100%; } }
  .videos-shows .item:nth-child(3) .v-item .photo {
    height: 432px; }
    @media (max-width: 991px) {
      .videos-shows .item:nth-child(3) .v-item .photo {
        height: 214px; } }
    .videos-shows .item:nth-child(3) .v-item .photo .icon-play {
      width: 80px;
      height: 50px; }
      .videos-shows .item:nth-child(3) .v-item .photo .icon-play svg {
        width: 24px;
        height: 24px; }
  .videos-shows .item:nth-child(3) .v-item .contant .title {
    font-size: 16px !important; }
  .videos-shows .item:nth-child(3) .v-item:last-child .photo {
    height: 214px; }

.more-v {
  padding: 32px 0px; }
  @media (max-width: 991px) {
    .more-v {
      padding: 24px 0px; } }
  .more-v .item .inner .photo {
    min-width: 372px;
    max-width: 372px;
    height: 210px; }
    @media (max-width: 1300px) {
      .more-v .item .inner .photo {
        min-width: 272px;
        max-width: 272px; } }
    @media (max-width: 500px) {
      .more-v .item .inner .photo {
        min-width: 100%;
        max-width: 100%; } }
  .more-v .item .inner .text-d .text {
    -webkit-line-clamp: 3;
    height: 70px;
    margin-top: 4px; }
    @media (max-width: 991px) {
      .more-v .item .inner .text-d .text {
        height: auto; } }
  .more-v .item .inner .text-d .fot-bar {
    margin-top: 12px; }

.sh-vs {
  background: #F7F7F9; }
  .sh-vs .title a {
    color: #000;
    padding-bottom: 12px; }
    .sh-vs .title a svg {
      fill: #000; }
  .sh-vs .item .photo {
    height: 433px; }
  .sh-vs .item .title {
    margin: 0px; }
  .sh-vs .item:nth-child(2) .v-item .photo, .sh-vs .item:nth-child(3) .v-item .photo {
    height: 211px !important; }
  .sh-vs .adv-w,
  .sh-vs .adv .line p {
    background: #fff; }

.sh-news {
  background: #333;
  position: relative;
  width: 100%;
  z-index: 10;
  padding: 48px 0px; }
  @media (max-width: 991px) {
    .sh-news {
      padding: 24px 0px; } }
  .sh-news .title {
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      .sh-news .title {
        margin: 0px; } }
    .sh-news .title a {
      color: #fff; }
      .sh-news .title a svg {
        fill: #fff; }
  .sh-news .item {
    margin-top: 10px; }
    @media (max-width: 1199px) {
      .sh-news .item {
        max-width: 50%;
        flex: 50%; }
        .sh-news .item:nth-child(5), .sh-news .item:nth-child(6) {
          display: none; } }
    @media (max-width: 991px) {
      .sh-news .item {
        max-width: 50%;
        flex: 50%; }
        .sh-news .item:nth-child(5), .sh-news .item:nth-child(6) {
          display: block; } }
    @media (max-width: 500px) {
      .sh-news .item {
        max-width: 100%;
        flex: 100%; } }
    .sh-news .item .under {
      background: #232323;
      box-shadow: none;
      margin: 0px; }
      .sh-news .item .under .in-under .title {
        color: #fff; }
        .sh-news .item .under .in-under .title:hover {
          color: #d20000; }
    .sh-news .item .fot-bar {
      background: #1f1f1f; }
    .sh-news .item .inner {
      position: relative;
      width: 100%;
      background: #232323;
      padding: 8px;
      margin-top: 10px; }
      .sh-news .item .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 234px;
        overflow: hidden;
        background: #F7F7F9; }
        .sh-news .item .inner .photo img {
          max-width: 100%;
          max-height: 100%;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .sh-news .item .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .sh-news .item .inner .title {
        font: 15px/24px 'Changa-SemiBold' !important;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #fff; }
        .sh-news .item .inner .title:hover {
          color: #d20000; }
      .sh-news .item .inner .text {
        margin-top: 8px;
        height: 72px;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px; }
        @media (max-width: 500px) {
          .sh-news .item .inner .text {
            height: auto; } }
        .sh-news .item .inner .text a {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          font-family: 'Changa-SemiBold';
          font-size: 14px;
          color: #000; }
          .sh-news .item .inner .text a:hover {
            color: #d20000; }

.qatar {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 126px 0px 280px 0px;
  overflow: hidden; }
  @media (max-width: 667px) {
    .qatar {
      padding: 80px 0px 160px 0px; } }
  .qatar::after {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    height: 81px;
    z-index: 10;
    background: url(../images/qatar22/white-arrow-rev3.png) no-repeat center top;
    background-size: 100% 100%; }
  .qatar::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: transparent linear-gradient(90deg, #000000 0%, #871436 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4; }
  .qatar .photo {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%; }
    .qatar .photo img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .qatar .container {
    z-index: 10;
    text-align: center; }
    .qatar .container .logo img {
      max-width: 214px; }
      @media (max-width: 667px) {
        .qatar .container .logo img {
          max-width: 178px; } }
    .qatar .container .title {
      font: 36px/44px 'Changa-SemiBold';
      justify-content: center;
      color: #fff;
      margin-top: 32px; }
      @media (max-width: 991px) {
        .qatar .container .title {
          font-size: 32px;
          margin-top: 24px; } }
      @media (max-width: 667px) {
        .qatar .container .title {
          font-size: 22px; } }
    .qatar .container .counter {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 32px; }
      @media (max-width: 991px) {
        .qatar .container .counter {
          margin-top: 24px; } }
      .qatar .container .counter .it-counter {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px 24px;
        text-align: center; }
        @media (max-width: 767px) {
          .qatar .container .counter .it-counter {
            margin: 0px 12px; } }
        .qatar .container .counter .it-counter div {
          font: 45px/42px 'Changa-Light';
          color: #fff; }
          @media (max-width: 991px) {
            .qatar .container .counter .it-counter div {
              font-size: 32px;
              line-height: 16px; } }
        .qatar .container .counter .it-counter span {
          display: block;
          font-size: 18px;
          color: #fff;
          text-align: center;
          line-height: 22px;
          font-weight: 200;
          margin-top: 8px; }
          @media (max-width: 550px) {
            .qatar .container .counter .it-counter span {
              font-size: 14px;
              line-height: 16px; } }

.categories {
  position: relative;
  width: 100%;
  padding: 32px 0px;
  background: #F7F7F9; }
  @media (max-width: 991px) {
    .categories {
      padding: 24px 0px; } }
  .categories .title {
    justify-content: center;
    font-size: 32px !important;
    line-height: 59px;
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      .categories .title {
        font-size: 24px !important;
        margin: 0px; } }
  .categories .item {
    margin-top: 10px; }
    @media (max-width: 991px) {
      .categories .item {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 767px) {
      .categories .item {
        max-width: 100%;
        flex: 100%; } }
    .categories .item .photo {
      display: flex;
      position: relative;
      width: 100%;
      height: 306px;
      overflow: hidden;
      background: #F7F7F9; }
      @media (max-width: 991px) {
        .categories .item .photo {
          height: 280px; } }
      .categories .item .photo a {
        display: block;
        width: 100%; }
      .categories .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .categories .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .categories .item .photo .contant .title {
        font: 20px/30px 'Changa-SemiBold' !important;
        margin: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
  .categories .bottom {
    width: 204px;
    height: 54px;
    margin-top: 8px; }
    @media (max-width: 991px) {
      .categories .bottom {
        margin-top: 0px; } }

.stadium {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .stadium {
      padding: 24px 0px; } }
  .stadium::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 462px;
    z-index: 1;
    background: url(../images/qatar22/stadium.jpg) no-repeat center center/cover; }
  .stadium::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 462px;
    z-index: 2;
    background: linear-gradient(303.91deg, #810235e6 7.57%, #025d8dd1 94.39%); }
  .stadium .container {
    z-index: 10; }
  .stadium .title {
    color: #fff;
    justify-content: center;
    margin-bottom: 24px; }
  .stadium .text {
    text-align: center;
    color: #fff;
    font-size: 18px; }
  .stadium .stadium-slider {
    position: relative;
    direction: ltr;
    margin-top: 70px; }
    .stadium .stadium-slider .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -5px; }
      .stadium .stadium-slider .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .stadium .stadium-slider .slick-list .slick-track:after, .stadium .stadium-slider .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .stadium .stadium-slider .slick-prev,
    .stadium .stadium-slider .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .stadium .stadium-slider .slick-prev svg,
      .stadium .stadium-slider .slick-next svg {
        width: 22px;
        height: 22px;
        fill: #adadad;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .stadium .stadium-slider .slick-prev:hover svg,
      .stadium .stadium-slider .slick-next:hover svg {
        fill: #d20000; }
    .stadium .stadium-slider .slick-next {
      left: 30px; }
    .stadium .stadium-slider .slick-prev {
      left: 0px; }
    .stadium .stadium-slider .slick-dots {
      position: absolute;
      top: -44px;
      left: 0px; }
      @media (max-width: 991px) {
        .stadium .stadium-slider .slick-dots {
          display: none !important; } }
      .stadium .stadium-slider .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 4px;
        padding: 0px;
        cursor: pointer;
        width: 16px;
        height: 16px; }
        @media (max-width: 450px) {
          .stadium .stadium-slider .slick-dots li {
            width: 12px;
            height: 12px; } }
        .stadium .stadium-slider .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 16px;
          height: 16px;
          cursor: pointer;
          border: 0px;
          outline: none;
          background: #9B9B9B;
          padding: 0px; }
          @media (max-width: 450px) {
            .stadium .stadium-slider .slick-dots li button {
              width: 12px;
              height: 12px; } }
      .stadium .stadium-slider .slick-dots li.slick-active {
        background: #d20000; }
        .stadium .stadium-slider .slick-dots li.slick-active button {
          background: none; }
    .stadium .stadium-slider .slick-dots {
      display: block !important; }
      .stadium .stadium-slider .slick-dots li button {
        background: #fff;
        opacity: 0.75; }
  .stadium .item {
    display: inline-block;
    position: relative;
    background: #fff;
    margin: 0px 8px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .stadium .item:hover {
      transform: translateY(-16px); }
      .stadium .item:hover .photo img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2); }
    .stadium .item .photo {
      position: relative;
      width: 100%;
      background: #fff;
      height: 480px;
      text-align: center;
      overflow: hidden; }
      @media (max-width: 991px) {
        .stadium .item .photo {
          height: 380px; } }
      .stadium .item .photo img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .stadium .item .title {
      font: 28px/51px 'Changa-SemiBold';
      justify-content: center;
      margin: 0px; }
      @media (max-width: 991px) {
        .stadium .item .title {
          font-size: 22px; } }

.partners {
  position: relative;
  width: 100%;
  padding: 32px 0px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .partners {
      padding: 24px 0px; } }
  .partners .title {
    justify-content: center;
    font-size: 32px !important;
    line-height: 59px; }
    @media (max-width: 991px) {
      .partners .title {
        font-size: 24px !important; } }
  .partners::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: transparent linear-gradient(180deg, #E8E8EF 0%, #d20000100%) 0% 0% no-repeat padding-box;
    opacity: 0.03; }
  .partners .container {
    z-index: 10; }
  .partners .row {
    justify-content: center;
    padding: 0px 13%; }
    @media (max-width: 991px) {
      .partners .row {
        padding: 0px; } }
  .partners .col {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 12px 0px 12px;
    max-width: 178px;
    flex: 178px;
    height: 114px; }
    @media (max-width: 450px) {
      .partners .col {
        max-width: 40%;
        flex: 40%; } }
    .partners .col img {
      max-width: 100%;
      max-height: 100%; }

.cars .container,
.reports .container {
  max-width: 100%;
  padding: 0px; }
  .cars .container .row,
  .reports .container .row {
    margin: 0px; }
.cars .gal-item,
.reports .gal-item {
  padding: 0px;
  margin: 0px; }
  .cars .gal-item .photo,
  .reports .gal-item .photo {
    height: 660px; }
    @media (max-width: 991px) {
      .cars .gal-item .photo,
      .reports .gal-item .photo {
        height: 420px; } }
    .cars .gal-item .photo .contant,
    .reports .gal-item .photo .contant {
      padding-left: 56px; }
    .cars .gal-item .photo .popup_main .share,
    .reports .gal-item .photo .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .cars .gal-item .photo .popup_main .share svg,
      .reports .gal-item .photo .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }

.reports {
  padding-bottom: 0px !important; }
  .reports .gal-item .photo {
    height: 560px; }
    @media (max-width: 991px) {
      .reports .gal-item .photo {
        height: 420px; } }

.se-box {
  position: relative;
  background: #ccc; }
  .se-box .title a {
    color: #fff; }
    .se-box .title a svg {
      fill: #fff; }
  .se-box .item .inner {
    box-shadow: none;
    background: #232323; }
    .se-box .item .inner .photo {
      border: 0px; }
    .se-box .item .inner .fot-bar {
      background: #1F1F1F;
      margin-top: 31px !important; }
    .se-box .item .inner .text-d .title {
      color: #fff; }
    .se-box .item .inner .text-d .text {
      color: #F7F7F9; }

.bg-photo {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%; }
  .bg-photo::before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: #06182B 0% 0% no-repeat padding-box;
    opacity: 0.85; }
  .bg-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.adinner {
  margin: 0px;
  padding: 32px 0px;
  background: #F7F7F9; }
  .adinner .adv-w {
    background: #fff; }

.m-cars,
.m-reports {
  background: #F7F7F9;
  padding: 0px; }
  .m-cars .side-item,
  .m-reports .side-item {
    margin: 0px;
    width: 100% !important; }
    .m-cars .side-item .item,
    .m-reports .side-item .item {
      max-width: 20%;
      flex: 20%; }
      @media (max-width: 1199px) {
        .m-cars .side-item .item,
        .m-reports .side-item .item {
          max-width: 33.333%;
          flex: 33.333%; }
          .m-cars .side-item .item:nth-child(4), .m-cars .side-item .item:nth-child(5),
          .m-reports .side-item .item:nth-child(4),
          .m-reports .side-item .item:nth-child(5) {
            display: block; } }
      @media (max-width: 991px) {
        .m-cars .side-item .item,
        .m-reports .side-item .item {
          max-width: 50%;
          flex: 50%; } }
      @media (max-width: 500px) {
        .m-cars .side-item .item,
        .m-reports .side-item .item {
          max-width: 100%;
          flex: 100%; } }

@media (max-width: 991px) {
  .sweeteners .gal-item,
  .infographic .gal-item {
    max-width: 50%;
    flex: 50%; } }
@media (max-width: 550px) {
  .sweeteners .gal-item,
  .infographic .gal-item {
    max-width: 100%;
    flex: 100%; } }
.sweeteners .gal-item .photo,
.infographic .gal-item .photo {
  height: 528px;
  -webkit-box-shadow: 1px 1px 5px 1px #ddd;
  -moz-box-shadow: 1px 1px 5px 1px #ddd;
  -o-box-shadow: 1px 1px 5px 1px #ddd;
  -ms-box-shadow: 1px 1px 5px 1px #ddd;
  box-shadow: 1px 1px 5px 1px #ddd; }
  @media (max-width: 1199px) {
    .sweeteners .gal-item .photo,
    .infographic .gal-item .photo {
      height: 364px; } }
  @media (max-width: 550px) {
    .sweeteners .gal-item .photo,
    .infographic .gal-item .photo {
      height: 300px; } }
.sweeteners .gal-item .contant,
.infographic .gal-item .contant {
  padding-left: 56px; }

.bg-blak {
  background: #333333 !important;
  padding: 48px 0px !important; }
  @media (max-width: 991px) {
    .bg-blak {
      padding: 24px 0px !important; } }
  .bg-blak .title a {
    color: #fff; }
    .bg-blak .title a svg {
      fill: #fff; }
  .bg-blak .inner {
    background: #232323 !important;
    box-shadow: none !important; }
    .bg-blak .inner .photo {
      background: #f7f7f90a !important; }
    .bg-blak .inner .title {
      color: #fff !important; }
      .bg-blak .inner .title:hover {
        color: #d20000 !important; }
    .bg-blak .inner .fot-bar {
      background: #1F1F1F; }
  .bg-blak .min-photo {
    background: none;
    padding: 0px !important; }
    .bg-blak .min-photo .text {
      color: #b8b8b8; }

.sh-dat {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 450px) {
    .sh-dat {
      display: block; } }
  .sh-dat .date {
    color: #b8b8b8;
    margin-top: 16px; }
  .sh-dat .social {
    margin-top: 16px; }
    @media (max-width: 450px) {
      .sh-dat .social {
        justify-content: flex-end; } }
    .sh-dat .social a {
      margin: 0px;
      margin-right: 12px; }
      .sh-dat .social a:last-child {
        margin: 0px; }
      @media (max-width: 450px) {
        .sh-dat .social a {
          margin: 0px;
          margin-left: 12px; }
          .sh-dat .social a:last-child {
            margin-left: 12px; } }
      .sh-dat .social a svg {
        width: 20px;
        height: 20px; }

.policy {
  background: #F7F7F9;
  padding-top: 22px; }
  .policy .gal-item {
    margin-top: 10px; }
  @media (max-width: 1599px) {
    .policy .po-item {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; } }
  @media (max-width: 991px) {
    .policy .po-item {
      max-width: 100%;
      flex: 100%; } }
  .policy .po-inner {
    max-width: 610px;
    flex: 610px;
    padding: 0px;
    margin-right: 10px; }
    @media (max-width: 1599px) {
      .policy .po-inner {
        flex: 0 0 60.666667%;
        max-width: 60.666667%; } }
    @media (max-width: 1211px) {
      .policy .po-inner {
        flex: 0 0 59.666667%;
        max-width: 59.666667%; } }
    @media (max-width: 1199px) {
      .policy .po-inner {
        flex: 0 0 56.666667%;
        max-width: 56.666667%; } }
    @media (max-width: 1100px) {
      .policy .po-inner {
        flex: 0 0 41.666667%;
        max-width: 41.666667%; } }
    @media (max-width: 991px) {
      .policy .po-inner {
        max-width: 100%;
        flex: 100%;
        margin: 0px;
        padding: 0px 5px; } }
    .policy .po-inner .gal-item .photo {
      height: 251px; }
    .policy .po-inner .gal-item .contant {
      padding-left: 56px; }
      .policy .po-inner .gal-item .contant .title {
        font-size: 16px !important;
        line-height: 24px; }
    .policy .po-inner:last-child .gal-item .photo {
      height: 512px; }
      @media (max-width: 991px) {
        .policy .po-inner:last-child .gal-item .photo {
          height: 250px; } }
  .policy .w-box {
    max-width: 300px;
    flex: 300px;
    padding: 0px;
    margin-right: 5px; }
    @media (max-width: 991px) {
      .policy .w-box {
        max-width: 100%;
        flex: 100%;
        padding: 0px 5px;
        margin: 0px; } }
  .policy .text-inner {
    background: #fff;
    padding: 16px;
    width: calc(100% + 100px);
    margin-right: -100px;
    height: 512px;
    overflow: hidden; }
    @media (max-width: 991px) {
      .policy .text-inner {
        width: 100%;
        margin: 0px;
        height: auto; } }
    .policy .text-inner .title {
      margin: 0px;
      font: 26px/40px 'Changa-SemiBold'; }
    .policy .text-inner .text {
      margin-top: 16px;
      overflow: hidden;
      font-size: 18px;
      line-height: 28px;
      color: #231F20; }
      .policy .text-inner .text a {
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        font-family: 'Changa-SemiBold';
        font-size: 18px;
        color: #000; }
        .policy .text-inner .text a:hover {
          color: #d20000; }
  .policy .adv-w {
    background: #fff; }
    .policy .adv-w .line p {
      background: #fff; }

.boxpopup,
.videospopup,
.caricat-popup,
.info-popup {
  display: flex;
  align-items: center;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #404040;
  opacity: 0;
  z-index: -1000; }
  @media (max-width: 991px) {
    .boxpopup,
    .videospopup,
    .caricat-popup,
    .info-popup {
      display: block;
      overflow: hidden;
      overflow-y: scroll; } }
  .boxpopup.active,
  .videospopup.active,
  .caricat-popup.active,
  .info-popup.active {
    opacity: 1;
    z-index: 1100; }
  .boxpopup .items,
  .videospopup .items,
  .caricat-popup .items,
  .info-popup .items {
    position: relative; /*new 08*/
    width: calc(100% - 432px);
    padding: 24px 0px; }
    @media (max-width: 991px) {
      .boxpopup .items,
      .videospopup .items,
      .caricat-popup .items,
      .info-popup .items {
        width: 100%;
        padding: 16px; } }
    .boxpopup .items .adv-w,
    .videospopup .items .adv-w,
    .caricat-popup .items .adv-w,
    .info-popup .items .adv-w {
      padding: 0px 44px;
      background: none; }
      @media (max-width: 991px) {
        .boxpopup .items .adv-w,
        .videospopup .items .adv-w,
        .caricat-popup .items .adv-w,
        .info-popup .items .adv-w {
          padding: 0px; } }
      .boxpopup .items .adv-w .adv .line,
      .videospopup .items .adv-w .adv .line,
      .caricat-popup .items .adv-w .adv .line,
      .info-popup .items .adv-w .adv .line {
        margin: 0px; }
        .boxpopup .items .adv-w .adv .line::before,
        .videospopup .items .adv-w .adv .line::before,
        .caricat-popup .items .adv-w .adv .line::before,
        .info-popup .items .adv-w .adv .line::before {
          width: calc(100% - 86px);
          background: #767676; }
        .boxpopup .items .adv-w .adv .line p,
        .videospopup .items .adv-w .adv .line p,
        .caricat-popup .items .adv-w .adv .line p,
        .info-popup .items .adv-w .adv .line p {
          color: #cbcbcb; }
    .boxpopup .items .slid-photos,
    .videospopup .items .slid-photos,
    .caricat-popup .items .slid-photos,
    .info-popup .items .slid-photos {
      direction: ltr;
      position: relative;
      width: 100%;
      margin-top: 24px; }
      @media (max-width: 991px) {
        .boxpopup .items .slid-photos,
        .videospopup .items .slid-photos,
        .caricat-popup .items .slid-photos,
        .info-popup .items .slid-photos {
          margin-top: 12px; } }
      .boxpopup .items .slid-photos .het-img,
      .videospopup .items .slid-photos .het-img,
      .caricat-popup .items .slid-photos .het-img,
      .info-popup .items .slid-photos .het-img {
        margin: 0px auto;
        width: 100vh;
        height: 56vh;
        overflow: hidden; }
        @media (max-width: 1199px) {
          .boxpopup .items .slid-photos .het-img,
          .videospopup .items .slid-photos .het-img,
          .caricat-popup .items .slid-photos .het-img,
          .info-popup .items .slid-photos .het-img {
            width: 100%; } }
        .boxpopup .items .slid-photos .het-img .slides > li,
        .videospopup .items .slid-photos .het-img .slides > li,
        .caricat-popup .items .slid-photos .het-img .slides > li,
        .info-popup .items .slid-photos .het-img .slides > li {
          display: none;
          -webkit-backface-visibility: hidden;
          display: flex !important;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 56vh;
          overflow: hidden; }
    .boxpopup .items .flexslider .slides > li,
    .videospopup .items .flexslider .slides > li,
    .caricat-popup .items .flexslider .slides > li,
    .info-popup .items .flexslider .slides > li {
      display: none;
      -webkit-backface-visibility: hidden; }
    .boxpopup .items .het-img2,
    .videospopup .items .het-img2,
    .caricat-popup .items .het-img2,
    .info-popup .items .het-img2 {
      position: relative;
      margin-top: 24px; }
      @media (max-width: 991px) {
        .boxpopup .items .het-img2,
        .videospopup .items .het-img2,
        .caricat-popup .items .het-img2,
        .info-popup .items .het-img2 {
          margin-top: 12px; } }
      .boxpopup .items .het-img2 li,
      .videospopup .items .het-img2 li,
      .caricat-popup .items .het-img2 li,
      .info-popup .items .het-img2 li {
        cursor: pointer;
        width: 270px !important; }
        .boxpopup .items .het-img2 li img,
        .videospopup .items .het-img2 li img,
        .caricat-popup .items .het-img2 li img,
        .info-popup .items .het-img2 li img {
          width: 100%;
          height: 154px;
          object-fit: cover;
          border: 5px solid #CBCBCB; }
          @media (max-width: 1400px) {
            .boxpopup .items .het-img2 li img,
            .videospopup .items .het-img2 li img,
            .caricat-popup .items .het-img2 li img,
            .info-popup .items .het-img2 li img {
              height: 120px; } }
        .boxpopup .items .het-img2 li.flex-active-slide img,
        .videospopup .items .het-img2 li.flex-active-slide img,
        .caricat-popup .items .het-img2 li.flex-active-slide img,
        .info-popup .items .het-img2 li.flex-active-slide img {
          border: 5px solid #d20000; }
      .boxpopup .items .het-img2 .flex-viewport,
      .videospopup .items .het-img2 .flex-viewport,
      .caricat-popup .items .het-img2 .flex-viewport,
      .info-popup .items .het-img2 .flex-viewport {
        padding-right: 90px; }
        @media (max-width: 991px) {
          .boxpopup .items .het-img2 .flex-viewport,
          .videospopup .items .het-img2 .flex-viewport,
          .caricat-popup .items .het-img2 .flex-viewport,
          .info-popup .items .het-img2 .flex-viewport {
            padding: 0px; } }
    .boxpopup .items .flexslider .slides img,
    .videospopup .items .flexslider .slides img,
    .caricat-popup .items .flexslider .slides img,
    .info-popup .items .flexslider .slides img {
      display: block;
      width: 100%;
      min-height: 100%;
      -moz-user-select: none;
      object-fit: cover; }
    .boxpopup .items .flex-direction-nav a,
    .videospopup .items .flex-direction-nav a,
    .caricat-popup .items .flex-direction-nav a,
    .info-popup .items .flex-direction-nav a {
      text-decoration: none;
      display: block;
      width: 40px;
      height: 40px;
      background: #464545 url(/images/right-arrow.png) no-repeat center center;
      margin-top: -102px;
      background-size: 27%;
      position: absolute;
      top: 50%;
      z-index: 10;
      overflow: hidden;
      cursor: pointer;
      text-indent: -9000px; }
      @media (max-width: 991px) {
        .boxpopup .items .flex-direction-nav a,
        .videospopup .items .flex-direction-nav a,
        .caricat-popup .items .flex-direction-nav a,
        .info-popup .items .flex-direction-nav a {
          margin-top: -64px; } }
    .boxpopup .items .flex-direction-nav .flex-prev,
    .videospopup .items .flex-direction-nav .flex-prev,
    .caricat-popup .items .flex-direction-nav .flex-prev,
    .info-popup .items .flex-direction-nav .flex-prev {
      left: 20px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

/*new 08*/

    .boxpopup .items .flex-direction-nav .flex-disabled,
    .videospopup .items .flex-direction-nav .flex-disabled,
    .caricat-popup .items .flex-direction-nav .flex-disabled,
    .info-popup .items .flex-direction-nav .flex-disabled {
      opacity: 0 !important;
      filter: alpha(opacity=0);
      cursor: default;
      z-index: -1; }
/*new 08*/
    .boxpopup .items .flex-direction-nav .flex-next,
    .videospopup .items .flex-direction-nav .flex-next,
    .caricat-popup .items .flex-direction-nav .flex-next,
    .info-popup .items .flex-direction-nav .flex-next {
      right: 20px;
      text-align: right;
      text-indent: 9000px; }
    .boxpopup .items .het-img2 .flex-direction-nav a,
    .videospopup .items .het-img2 .flex-direction-nav a,
    .caricat-popup .items .het-img2 .flex-direction-nav a,
    .info-popup .items .het-img2 .flex-direction-nav a {
      margin-top: -18px;
      display: none; }
    .boxpopup .items .het-img2:hover .flex-direction-nav a,
    .videospopup .items .het-img2:hover .flex-direction-nav a,
    .caricat-popup .items .het-img2:hover .flex-direction-nav a,
    .info-popup .items .het-img2:hover .flex-direction-nav a {
      display: block; }
    .boxpopup .items .het-img2 li,
    .videospopup .items .het-img2 li,
    .caricat-popup .items .het-img2 li,
    .info-popup .items .het-img2 li {
      margin: 0px 8px; }
  .boxpopup .video-item,
  .videospopup .video-item,
  .caricat-popup .video-item,
  .info-popup .video-item {
    margin: 0px auto;
    width: 100vh;
    height: 56vh;
    margin-top: 16px; }
    @media (max-width: 1199px) {
      .boxpopup .video-item,
      .videospopup .video-item,
      .caricat-popup .video-item,
      .info-popup .video-item {
        width: 100%;
        padding: 0px 32px; } }
    @media (max-width: 600px) {
      .boxpopup .video-item,
      .videospopup .video-item,
      .caricat-popup .video-item,
      .info-popup .video-item {
        padding: 0px; } }
    .boxpopup .video-item iframe,
    .boxpopup .video-item video,
    .videospopup .video-item iframe,
    .videospopup .video-item video,
    .caricat-popup .video-item iframe,
    .caricat-popup .video-item video,
    .info-popup .video-item iframe,
    .info-popup .video-item video {
      display: block;
      width: 100%;
      height: 100%;
      border: 0px; }
  .boxpopup ::-webkit-scrollbar-track,
  .videospopup ::-webkit-scrollbar-track,
  .caricat-popup ::-webkit-scrollbar-track,
  .info-popup ::-webkit-scrollbar-track {
    background: none; }
  .boxpopup nav.list-v,
  .videospopup nav.list-v,
  .caricat-popup nav.list-v,
  .info-popup nav.list-v {
    display: flex;
    justify-content: center; }
    @media (max-width: 1199px) {
      .boxpopup nav.list-v,
      .videospopup nav.list-v,
      .caricat-popup nav.list-v,
      .info-popup nav.list-v {
        overflow: hidden;
        overflow-x: scroll;
        padding-bottom: 12px; } }
    @media (max-width: 600px) {
      .boxpopup nav.list-v,
      .videospopup nav.list-v,
      .caricat-popup nav.list-v,
      .info-popup nav.list-v {
        overflow: inherit;
        overflow-x: initial;
        padding-bottom: 0px; } }
    .boxpopup nav.list-v a,
    .videospopup nav.list-v a,
    .caricat-popup nav.list-v a,
    .info-popup nav.list-v a {
      display: flex;
      align-items: center;
      position: relative;
      margin: 20px 5px 0px 5px;
      background: #231f20;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .boxpopup nav.list-v a:hover,
      .videospopup nav.list-v a:hover,
      .caricat-popup nav.list-v a:hover,
      .info-popup nav.list-v a:hover {
        background: #4a4a4a; }
      .boxpopup nav.list-v a .vid-thumb,
      .videospopup nav.list-v a .vid-thumb,
      .caricat-popup nav.list-v a .vid-thumb,
      .info-popup nav.list-v a .vid-thumb {
        min-width: 16vw;
        max-width: 16vw;
        height: 20vh;
        overflow: hidden;
        background: #F7F7F9;
        border-bottom: 2px solid #d20000; }
        @media (max-width: 1300px) {
          .boxpopup nav.list-v a .vid-thumb,
          .videospopup nav.list-v a .vid-thumb,
          .caricat-popup nav.list-v a .vid-thumb,
          .info-popup nav.list-v a .vid-thumb {
            min-width: 14vw;
            max-width: 14vw; } }
        @media (max-width: 600px) {
          .boxpopup nav.list-v a .vid-thumb,
          .videospopup nav.list-v a .vid-thumb,
          .caricat-popup nav.list-v a .vid-thumb,
          .info-popup nav.list-v a .vid-thumb {
            min-width: 20vw;
            max-width: 20vw;
            height: 12vh; } }
        .boxpopup nav.list-v a .vid-thumb img,
        .videospopup nav.list-v a .vid-thumb img,
        .caricat-popup nav.list-v a .vid-thumb img,
        .info-popup nav.list-v a .vid-thumb img {
          width: 100%;
          min-height: 100%;
          object-fit: cover; }
      .boxpopup nav.list-v a.active .vid-thumb,
      .videospopup nav.list-v a.active .vid-thumb,
      .caricat-popup nav.list-v a.active .vid-thumb,
      .info-popup nav.list-v a.active .vid-thumb {
        border-bottom: 6px solid #d20000; }

/*new 08*/
  .boxpopup .icon-close,
  .videospopup .icon-close,
  .caricat-popup .icon-close,
  .info-popup .icon-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #d20000;
    z-index: 1; }
    .boxpopup .icon-close:before, .boxpopup .icon-close:after,
    .videospopup .icon-close:before,
    .videospopup .icon-close:after,
    .caricat-popup .icon-close:before,
    .caricat-popup .icon-close:after,
    .info-popup .icon-close:before,
    .info-popup .icon-close:after {
      position: absolute;
      display: block;
      height: 1px;
      width: 16px;
      background: #fff;
      content: '';
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .boxpopup .icon-close:after,
    .videospopup .icon-close:after,
    .caricat-popup .icon-close:after,
    .info-popup .icon-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
/*new 08*/



  .boxpopup .item,
  .videospopup .item,
  .caricat-popup .item,
  .info-popup .item {
    width: 432px;
    height: 100%;
    background: #fff;
    padding: 16px;
    overflow-y: scroll;
    overflow-x: hidden; }
    @media (max-width: 991px) {
      .boxpopup .item,
      .videospopup .item,
      .caricat-popup .item,
      .info-popup .item {
        width: 100%;
        overflow-y: auto;
        overflow-x: auto;
        height: auto; } }
    .boxpopup .item .head,
    .videospopup .item .head,
    .caricat-popup .item .head,
    .info-popup .item .head {
      position: relative;
      display: flex;
      justify-content: space-between;
      padding-bottom: 16px;
      border-bottom: 1px solid #e8e8e8; }
      .boxpopup .item .head .logo img,
      .videospopup .item .head .logo img,
      .caricat-popup .item .head .logo img,
      .info-popup .item .head .logo img {
        max-width: 112px; }
      .boxpopup .item .head .icon-close,
      .videospopup .item .head .icon-close,
      .caricat-popup .item .head .icon-close,
      .info-popup .item .head .icon-close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        width: 40px;
        height: 40px;
        background: #d20000;
        z-index: 1; }
        .boxpopup .item .head .icon-close:before, .boxpopup .item .head .icon-close:after,
        .videospopup .item .head .icon-close:before,
        .videospopup .item .head .icon-close:after,
        .caricat-popup .item .head .icon-close:before,
        .caricat-popup .item .head .icon-close:after,
        .info-popup .item .head .icon-close:before,
        .info-popup .item .head .icon-close:after {
          position: absolute;
          display: block;
          height: 1px;
          width: 16px;
          background: #fff;
          content: '';
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .boxpopup .item .head .icon-close:after,
        .videospopup .item .head .icon-close:after,
        .caricat-popup .item .head .icon-close:after,
        .info-popup .item .head .icon-close:after {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
    .boxpopup .item .title,
    .videospopup .item .title,
    .caricat-popup .item .title,
    .info-popup .item .title {
      font-family: 'Changa-SemiBold';
      margin-top: 16px;
      line-height: 48px;
      padding-right: 20px; }
      .boxpopup .item .title::before,
      .videospopup .item .title::before,
      .caricat-popup .item .title::before,
      .info-popup .item .title::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 20px;
        width: 5px;
        height: calc(100% - 32px);
        background: #d20000; }
    .boxpopup .item .date,
    .videospopup .item .date,
    .caricat-popup .item .date,
    .info-popup .item .date {
      display: block;
      color: #b8b8b8;
      margin-top: 8px; }
    .boxpopup .item .text,
    .videospopup .item .text,
    .caricat-popup .item .text,
    .info-popup .item .text {
      margin-top: 8px;
      color: #231F20;
      font-size: 18px; }
    .boxpopup .item .social,
    .videospopup .item .social,
    .caricat-popup .item .social,
    .info-popup .item .social {
      justify-content: flex-end;
      margin: 16px 0px; }
      .boxpopup .item .social a,
      .videospopup .item .social a,
      .caricat-popup .item .social a,
      .info-popup .item .social a {
        margin: 0px;
        margin-left: 12px; }
        .boxpopup .item .social a svg,
        .videospopup .item .social a svg,
        .caricat-popup .item .social a svg,
        .info-popup .item .social a svg {
          width: 20px;
          height: 20px; }
    .boxpopup .item .to-w,
    .videospopup .item .to-w,
    .caricat-popup .item .to-w,
    .info-popup .item .to-w {
      display: block !important;
      margin: 0px auto;
      margin-top: 16px; }
  .boxpopup ::-webkit-scrollbar,
  .videospopup ::-webkit-scrollbar,
  .caricat-popup ::-webkit-scrollbar,
  .info-popup ::-webkit-scrollbar {
    width: 4px; }
  .boxpopup .content,
  .videospopup .content,
  .caricat-popup .content,
  .info-popup .content {
    text-align: center; }
    .boxpopup .content .title,
    .videospopup .content .title,
    .caricat-popup .content .title,
    .info-popup .content .title {
      justify-content: center;
      color: #fff;
      margin-top: 24px; }
    .boxpopup .content .date,
    .videospopup .content .date,
    .caricat-popup .content .date,
    .info-popup .content .date {
      display: block;
      color: #cfcaca;
      margin-top: 4px; }
  .boxpopup .item-caric,
  .videospopup .item-caric,
  .caricat-popup .item-caric,
  .info-popup .item-caric {
    display: flex;
    align-items: center;
    margin-top: 16px;
    background: #F7F7F9;
    padding: 10px; }
    .boxpopup .item-caric .photo,
    .videospopup .item-caric .photo,
    .caricat-popup .item-caric .photo,
    .info-popup .item-caric .photo {
      min-width: 90px;
      max-width: 90px;
      height: 80px;
      overflow: hidden; }
      .boxpopup .item-caric .photo img,
      .videospopup .item-caric .photo img,
      .caricat-popup .item-caric .photo img,
      .info-popup .item-caric .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .boxpopup .item-caric .content,
    .videospopup .item-caric .content,
    .caricat-popup .item-caric .content,
    .info-popup .item-caric .content {
      padding-right: 12px;
      text-align: right; }
      .boxpopup .item-caric .content .title,
      .videospopup .item-caric .content .title,
      .caricat-popup .item-caric .content .title,
      .info-popup .item-caric .content .title {
        justify-content: flex-start;
        margin: 0px;
        color: #000;
        line-height: 26px;
        font-size: 20px;
        padding: 0px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .boxpopup .item-caric .content .title::before,
        .videospopup .item-caric .content .title::before,
        .caricat-popup .item-caric .content .title::before,
        .info-popup .item-caric .content .title::before {
          display: none; }
      .boxpopup .item-caric .content .date,
      .videospopup .item-caric .content .date,
      .caricat-popup .item-caric .content .date,
      .info-popup .item-caric .content .date {
        display: block;
        color: #939292; }
    .boxpopup .item-caric:hover .photo img,
    .videospopup .item-caric:hover .photo img,
    .caricat-popup .item-caric:hover .photo img,
    .info-popup .item-caric:hover .photo img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .boxpopup .item-caric:hover .content,
    .videospopup .item-caric:hover .content,
    .caricat-popup .item-caric:hover .content,
    .info-popup .item-caric:hover .content {
      padding-right: 12px;
      text-align: right; }
      .boxpopup .item-caric:hover .content .title,
      .videospopup .item-caric:hover .content .title,
      .caricat-popup .item-caric:hover .content .title,
      .info-popup .item-caric:hover .content .title {
        color: #d20000; }
  .boxpopup .in-item,
  .videospopup .in-item,
  .caricat-popup .in-item,
  .info-popup .in-item {
    margin-top: 16px;
    max-width: 50% !important;
    flex: 50% !important; }
    .boxpopup .in-item .photo,
    .videospopup .in-item .photo,
    .caricat-popup .in-item .photo,
    .info-popup .in-item .photo {
      display: block;
      width: 100%;
      height: 240px;
      overflow: hidden;
      background: #F7F7F9; }
      .boxpopup .in-item .photo img,
      .videospopup .in-item .photo img,
      .caricat-popup .in-item .photo img,
      .info-popup .in-item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .boxpopup .in-item .photo:hover img,
      .videospopup .in-item .photo:hover img,
      .caricat-popup .in-item .photo:hover img,
      .info-popup .in-item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }

/*new 08*/
.boxpopup .icon-close {
  background: none;
  top: 22px; }
  .boxpopup .icon-close:before, .boxpopup .icon-close:after {
    width: 20px; }
.boxpopup .zoombox {
  position: absolute;
  right: 9px;
  top: 26px;
  cursor: pointer;
  z-index: 1; }
  .boxpopup .zoombox svg {
    fill: #fff;
    width: 17px; }
  .boxpopup .zoombox.ro-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
.boxpopup.des-item .item,
.boxpopup.des-item .het-img2,
.boxpopup.des-item .adv-w {
  display: none; }
.boxpopup.des-item .items {
  width: 100%; }
  @media (max-width: 991px) {
    .boxpopup.des-item .items {
      padding: 40px 50px; } }
  .boxpopup.des-item .items .slid-photos {
    margin: 0px; }
  .boxpopup.des-item .items .flex-nav-next .flex-next,
  .boxpopup.des-item .items .flex-direction-nav .flex-prev {
    top: 56vh; }
  .boxpopup.des-item .items .het-img {
    height: 88vh; }
    .boxpopup.des-item .items .het-img .slides > li {
      height: 88vh; }
/*new 08*/

.item-photo {
  margin: 24px auto 0px auto;
  width: 100vh;
  /* height: 64vh; */
  overflow: hidden; }
  @media (max-width: 991px) {
    .item-photo {
      width: 100%; } }
  .item-photo img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover; }

.show-info {
  cursor: pointer; }

.p-top {
  padding-top: 32px; }
  @media (min-width: 1900px) {
    .p-top {
      padding-bottom: 64px; } }
  @media (max-width: 991px) {
    .p-top {
      padding-top: 24px; } }

.videos.w-vid {
  padding-top: 17px; }
  .videos.w-vid .item:first-child {
    max-width: 765px;
    flex: 765px; }
    @media (max-width: 1599px) {
      .videos.w-vid .item:first-child {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 991px) {
      .videos.w-vid .item:first-child {
        max-width: 100%;
        flex: 100%; } }
  @media (max-width: 767px) {
    .videos.w-vid .item:last-child .inner {
      display: block; } }
  .videos.w-vid .item:last-child .photo {
    min-width: 372px;
    max-width: 372px;
    height: 210px; }
    @media (max-width: 1300px) {
      .videos.w-vid .item:last-child .photo {
        min-width: 274px;
        max-width: 274px; } }
    @media (max-width: 767px) {
      .videos.w-vid .item:last-child .photo {
        min-width: 100%;
        max-width: 100%; } }
  .videos.w-vid .item:last-child .text-d .text {
    -webkit-line-clamp: 3;
    height: 70px;
    margin-top: 5px; }
    @media (max-width: 991px) {
      .videos.w-vid .item:last-child .text-d .text {
        height: auto; } }
  .videos.w-vid .item:last-child .text-d .fot-bar {
    margin-top: 11px !important; }

.no-merg {
  padding-top: 0px; }

.new-st {
  background: #fff; }
  .new-st .title a {
    color: #000; }
    .new-st .title a svg {
      fill: #000; }

.mt,
.widget .reviews {
  margin-top: 10px; }

.widget::after {
  display: none; }
@media (max-width: 1199px) {
  .widget .ec-arbic .item {
    max-width: 100%;
    flex: 100%; } }
@media (max-width: 767px) {
  .widget .ec-arbic .item .inner {
    display: block; } }
.widget .ec-arbic .item .inner .photo {
  min-width: 205px;
  max-width: 205px;
  height: 172px; }
  @media (max-width: 767px) {
    .widget .ec-arbic .item .inner .photo {
      min-width: 100%;
      max-width: 100%;
      height: 230px; } }
.widget .ec-arbic .item .inner .text-d .title {
  font-size: 18px !important;
  line-height: 28px !important;
  height: 68px; }
.widget .ec-arbic .item .inner .text-d .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 24px;
  height: 44px; }
.widget .ec-arbic .item .inner .text-d .fot-bar {
  margin-top: 9px; }

.itempdf {
  margin-top: 24px;
  max-width: calc(50% - 8px);
  flex: calc(50% - 8px); }
  @media (max-width: 767px) {
    .itempdf {
      max-width: 100%;
      flex: 100%; } }
  .itempdf .inner {
    display: flex;
    border: 2px solid #d9d9d9;
    background: #fff; }
    .itempdf .inner .photo {
      position: relative;
      min-width: 50%;
      max-width: 50%;
      height: 428px;
      padding: 8px; }
      .itempdf .inner .photo img {
        width: 100%;
        min-height: 100%; }
      .itempdf .inner .photo.ovover::after {
        content: '';
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 100%;
        width: 142px;
        background: url(/images/itempdf.png) no-repeat left;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .itempdf .inner .photo .text-pdf {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #ffffffc4;
        border-right: 4px solid #93929200; }
        .itempdf .inner .photo .text-pdf::after {
          content: '';
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          width: 100%;
          height: 100%;
          left: 5px;
          background: url(/images/itempdf.png) no-repeat right; }
        .itempdf .inner .photo .text-pdf .center {
          position: relative;
          z-index: 1;
          text-align: center; }
          .itempdf .inner .photo .text-pdf .center .title {
            justify-content: center; }
            @media (max-width: 1199px) {
              .itempdf .inner .photo .text-pdf .center .title {
                font-size: 22px; } }
            @media (max-width: 500px) {
              .itempdf .inner .photo .text-pdf .center .title {
                font-size: 20px; } }
          .itempdf .inner .photo .text-pdf .center .date {
            display: block;
            font-size: 17px;
            color: #d20000;
            margin-top: 8px; }
            @media (max-width: 500px) {
              .itempdf .inner .photo .text-pdf .center .date {
                font-size: 14px; } }
          .itempdf .inner .photo .text-pdf .center .bottom {
            margin-top: 24px;
            font-size: 17px;
            font-family: 'Changa-Medium';
            width: 150px;
            height: 46px;
            padding: 8px 12px; }
            @media (max-width: 767px) {
              .itempdf .inner .photo .text-pdf .center .bottom {
                width: 124px;
                font-size: 14px; } }

.sport {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: calc(100vh - 179px);
  overflow: hidden;
  background: #000;
  padding: 32px 0px; }
  @media (max-width: 1300px) {
    .sport {
      height: calc(120vh - 179px); } }
  @media (max-width: 991px) {
    .sport {
      display: block;
      align-items: inherit;
      height: auto;
      padding: 0px; } }
  @media (max-width: 767px) {
    .sport {
      background: none; } }
  .sport::before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #055898 0% 0% no-repeat padding-box;
    opacity: 0.65; }
    @media (max-width: 767px) {
      .sport::before {
        display: none; } }
  .sport .videobox {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px; }
    @media (max-width: 767px) {
      .sport .videobox {
        height: auto; }
        .sport .videobox::before {
          content: '';
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 10;
          background: #055898 0% 0% no-repeat padding-box;
          opacity: 0.65; } }
  .sport iframe,
  .sport video {
    position: absolute;
    height: 180%;
    width: 180%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .sport iframe,
      .sport video {
        display: block;
        position: relative;
        height: auto;
        width: 100%;
        left: 0px;
        top: 0px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
  .sport .container {
    z-index: 10;
    height: 100%;
    display: flex;
    align-items: flex-end; }
    .sport .container .play-bot {
      position: absolute;
      left: 16px;
      top: 16px; }
      @media (max-width: 991px) {
        .sport .container .play-bot {
          top: 24px; } }
      .sport .container .play-bot svg {
        max-width: 13px;
        fill: #fff; }
  @media (max-width: 991px) {
    .sport .morenews {
      margin-top: 120px;
      margin-bottom: 32px; } }
  .sport .morenews .title a {
    color: #fff; }
    .sport .morenews .title a svg {
      fill: #fff; }
  .sport .item {
    max-width: 20%;
    flex: 20%; }
    @media (max-width: 1199px) {
      .sport .item {
        max-width: 25%;
        flex: 25%; }
        .sport .item:last-child {
          display: none; } }
    @media (max-width: 991px) {
      .sport .item {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 500px) {
      .sport .item {
        max-width: 100%;
        flex: 100%; }
        .sport .item:last-child {
          display: block; } }
    .sport .item .photo {
      display: flex;
      position: relative;
      width: 100%;
      height: 250px;
      overflow: hidden;
      background: #F7F7F9;
      margin-top: 10px; }
      .sport .item .photo a {
        display: block;
        width: 100%; }
      .sport .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .sport .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .sport .item .photo .contant {
        padding-left: 56px; }
        .sport .item .photo .contant .title {
          font: 16px/24px 'Changa-SemiBold';
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
    .sport .item .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .sport .item .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }

.pad-top {
  padding: 48px 0px; }
  @media (max-width: 550px) {
    .pad-top {
      padding: 24px 0px; } }

.YouTubePopUp-Wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.92);
  z-index: 9999999999999;
  padding: 15px; }
  .YouTubePopUp-Wrap .YouTubePopUp-Content {
    max-width: 680px;
    display: block;
    margin: 0px auto;
    height: 100%;
    position: relative; }
    .YouTubePopUp-Wrap .YouTubePopUp-Content iframe {
      position: absolute;
      top: 0px;
      bottom: 0px;
      max-width: 100% !important;
      width: 100% !important;
      display: block !important;
      height: 480px !important;
      border: none !important;
      margin: auto 0px;
      background: #fff;
      padding: 15px; }
      @media (max-width: 767px) {
        .YouTubePopUp-Wrap .YouTubePopUp-Content iframe {
          height: 300px !important; } }
  .YouTubePopUp-Wrap .YouTubePopUp-Close {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 528px;
    cursor: pointer;
    margin: auto 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fff;
    background-size: 100%;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }

.writ-blak {
  background: #333;
  padding: 48px 0px; }
  @media (max-width: 767px) {
    .writ-blak {
      padding: 24px 0px; } }
  .writ-blak .title a {
    color: #fff; }
    .writ-blak .title a svg {
      fill: #fff; }
  .writ-blak .writ-item .inner {
    background: #232323; }
    .writ-blak .writ-item .inner .bg {
      background: #F7F7F9 0% 0% no-repeat padding-box;
      border: 3px solid #F7F7F9; }
      .writ-blak .writ-item .inner .bg .title {
        color: #231F20; }
      .writ-blak .writ-item .inner .bg .name {
        color: #d20000;
        opacity: 1; }
    .writ-blak .writ-item .inner .text {
      color: #CACACA; }
      .writ-blak .writ-item .inner .text a {
        color: #CACACA; }
        .writ-blak .writ-item .inner .text a:hover {
          color: #d20000; }
    .writ-blak .writ-item .inner .fot-bar {
      background: #1F1F1F; }

.ec-style {
  padding: 48px 0px !important; }
  @media (max-width: 991px) {
    .ec-style {
      padding: 24px 0px !important; } }
  .ec-style .bg-photo::before {
    background: #07314B 0% 0% no-repeat padding-box;
    opacity: 0.6; }
  .ec-style .item {
    margin: 0px !important; }
    @media (max-width: 991px) {
      .ec-style .item {
        margin-bottom: 24px !important; }
        .ec-style .item:last-child {
          margin: 0px !important; } }
    .ec-style .item .inner {
      display: block !important;
      margin: 0px !important; }
      .ec-style .item .inner .title {
        padding: 20px 32px 0px 20px;
        margin: 0px;
        margin-bottom: 20px;
        font: 20px/30px 'Changa-SemiBold';
        color: #fff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .ec-style .item .inner .title:hover {
          color: #d20000; }
        .ec-style .item .inner .title::before {
          content: "";
          position: absolute;
          right: 20px;
          top: 28px;
          width: 4px;
          height: 16px;
          background: #d20000; }
      .ec-style .item .inner .photo {
        min-width: 100% !important;
        max-width: 100% !important;
        height: 423px !important; }
      .ec-style .item .inner .fot-bar {
        margin: 0px !important;
        width: 100%; }

.w-mer {
  justify-content: space-between; }

.privatepolicy,
.termsofuse,
.contact,
.editingstaff {
  background: #F7F7F9;
  padding-top: 22px; }
  @media (max-width: 991px) {
    .privatepolicy,
    .termsofuse,
    .contact,
    .editingstaff {
      padding-top: 0px; } }
  .privatepolicy .item-n,
  .termsofuse .item-n,
  .contact .item-n,
  .editingstaff .item-n {
    background: #fff; }
  @media (max-width: 991px) {
    .privatepolicy .itme,
    .termsofuse .itme,
    .contact .itme,
    .editingstaff .itme {
      max-width: 100%;
      flex: 100%; } }
  .privatepolicy .des-text,
  .termsofuse .des-text,
  .contact .des-text,
  .editingstaff .des-text {
    margin-top: 24px; }
    @media (max-width: 767px) {
      .privatepolicy .des-text,
      .termsofuse .des-text,
      .contact .des-text,
      .editingstaff .des-text {
        margin-top: 12px; } }
    .privatepolicy .des-text .title,
    .termsofuse .des-text .title,
    .contact .des-text .title,
    .editingstaff .des-text .title {
      padding: 0px;
      color: #d20000;
      margin-bottom: 8px;
      font-size: 20px !important; }

.contact .inpudata {
  margin-top: 10px;
  position: relative; }
  .contact .inpudata .form-control {
    height: 52px;
    text-transform: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #949494;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 0px; }
    .contact .inpudata .form-control:focus, .contact .inpudata .form-control:hover, .contact .inpudata .form-control:focus-visible {
      border: 1px solid #d20000;
      outline: 0;
      outline-style: none; }
  .contact .inpudata textarea.form-control {
    height: 160px;
    resize: none; }

.showpopup,
.videopopup {
  cursor: pointer; }

.to-st {
  background: #F7F7F9;
  padding: 0px;
  padding-bottom: 32px; }
  .to-st .item {
    margin-top: 10px; }
    .to-st .item .inner .photo {
      height: 234px; }

.in-style .side-item .item .photo {
  width: 100%;
  height: 292px;
  overflow: hidden; }
  .in-style .side-item .item .photo img {
    width: 100%;
    min-height: 100%;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .in-style .side-item .item .photo:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

.info-box .item {
  max-width: 20%;
  flex: 20%; }
  @media (max-width: 1199px) {
    .info-box .item {
      max-width: 33.333%;
      flex: 33.333%; } }
  @media (max-width: 991px) {
    .info-box .item {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 500px) {
    .info-box .item {
      max-width: 100%;
      flex: 100%; } }
  .info-box .item .inner {
    padding: 0px; }
    .info-box .item .inner .photo {
      height: 322px; }
      .info-box .item .inner .photo img {
        width: 100%;
        object-fit: cover; }

.caricature.pt-4 .item .inner .photo {
  height: 202px; }

.summa {
  -webkit-box-shadow: 0px 3px 15px #00000073;
  -moz-box-shadow: 0px 3px 15px #00000073;
  -o-box-shadow: 0px 3px 15px #00000073;
  -ms-box-shadow: 0px 3px 15px #00000073;
  box-shadow: 0px 3px 15px #00000073;
  margin: 24px auto 16px auto; }

.m-inner {
  width: 100%;
  background: #fff;
  padding: 24px;
  margin-top: 10px;
  overflow: hidden;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 767px) {
    .m-inner {
      padding: 16px; } }
  .m-inner .gal-item {
    margin-top: 24px; }

.advpan {
  width: 100%;
  background: #a1cadf;
  text-align: center;
  overflow: hidden; }
  .advpan img {
    width: auto; }
    @media (max-width: 991px) {
      .advpan img {
        width: 100%; } }

.adv-ertise {
  position: relative;
  width: 100%;
  padding-bottom: 64px; }
  @media (max-width: 991px) {
    .adv-ertise {
      padding-bottom: 24px; } }
  .adv-ertise .methods {
    margin-top: 80px; }
    @media (max-width: 991px) {
      .adv-ertise .methods {
        margin-top: 24px; } }
    .adv-ertise .methods .title {
      justify-content: center; }
    .adv-ertise .methods .item {
      margin-top: 48px;
      text-align: center; }
      @media (max-width: 991px) {
        .adv-ertise .methods .item {
          flex: 100%;
          max-width: 100%;
          margin-top: 24px; } }
      .adv-ertise .methods .item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto;
        width: 108px;
        height: 108px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        -webkit-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.1); }
        @media (max-width: 991px) {
          .adv-ertise .methods .item .icon {
            width: 80px;
            height: 80px; } }
        .adv-ertise .methods .item .icon svg,
        .adv-ertise .methods .item .icon img {
          width: 56px;
          height: 56px;
          fill: #d20000; }
          @media (max-width: 991px) {
            .adv-ertise .methods .item .icon svg,
            .adv-ertise .methods .item .icon img {
              width: 40px;
              height: 40px; } }
      .adv-ertise .methods .item .title {
        margin-top: 24px;
        font-size: 22px !important;
        font-family: 'Changa-Medium'; }
      .adv-ertise .methods .item .text {
        text-align: center;
        margin-top: 12px; }
      .adv-ertise .methods .item:nth-child(2) .icon {
        background: #d20000; }
        .adv-ertise .methods .item:nth-child(2) .icon svg,
        .adv-ertise .methods .item:nth-child(2) .icon img {
          fill: #fff; }
    .adv-ertise .methods .item-met {
      margin-top: 64px; }
      @media (max-width: 991px) {
        .adv-ertise .methods .item-met {
          max-width: 100%;
          flex: 100%;
          margin-top: 24px; } }
      .adv-ertise .methods .item-met .title {
        justify-content: flex-start; }
      .adv-ertise .methods .item-met .photo {
        width: 100%;
        text-align: center;
        padding-left: 48px; }
        @media (max-width: 991px) {
          .adv-ertise .methods .item-met .photo {
            padding-left: 0px; } }
        .adv-ertise .methods .item-met .photo img {
          width: 100%; }
      .adv-ertise .methods .item-met .inner {
        width: 100%;
        background: url(../images/border.png) no-repeat;
        background-position: 98% center;
        padding: 48px 0px;
        margin-top: 24px; }
        @media (max-width: 991px) {
          .adv-ertise .methods .item-met .inner {
            background: none; } }
        .adv-ertise .methods .item-met .inner .stap {
          display: flex;
          align-items: center;
          margin: 0px -24px 54px 0px; }
          @media (max-width: 991px) {
            .adv-ertise .methods .item-met .inner .stap {
              margin-right: 0px; } }
          .adv-ertise .methods .item-met .inner .stap:nth-child(1) .icon {
            background: #d20000; }
            .adv-ertise .methods .item-met .inner .stap:nth-child(1) .icon svg,
            .adv-ertise .methods .item-met .inner .stap:nth-child(1) .icon img {
              fill: #fff; }
          .adv-ertise .methods .item-met .inner .stap:last-child {
            margin-bottom: 0px; }
          .adv-ertise .methods .item-met .inner .stap .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 80px;
            max-width: 80px;
            height: 80px;
            border: 2px solid #d20000;
            background: #fff;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-clip: padding-box; }
            .adv-ertise .methods .item-met .inner .stap .icon svg,
            .adv-ertise .methods .item-met .inner .stap .icon img {
              width: 40px;
              height: 40px;
              fill: #d20000; }
          .adv-ertise .methods .item-met .inner .stap .cotant {
            margin-right: 12px; }
          .adv-ertise .methods .item-met .inner .stap .title {
            font-size: 22px !important;
            font-family: 'Changa-Medium'; }
  .adv-ertise .cost {
    margin-top: 48px; }
    @media (max-width: 991px) {
      .adv-ertise .cost {
        margin-top: 24px; } }
    .adv-ertise .cost .title {
      text-align: center;
      font-size: 32px; }
    .adv-ertise .cost .item {
      margin-top: 32px; }
      @media (max-width: 991px) {
        .adv-ertise .cost .item {
          max-width: 50%;
          flex: 50%;
          margin-top: 24px; } }
      @media (max-width: 550px) {
        .adv-ertise .cost .item {
          max-width: 100%;
          flex: 100%; } }
      .adv-ertise .cost .item .inner {
        width: 100%;
        background: #fff;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background-clip: padding-box;
        padding: 16px;
        text-align: center;
        -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1); }
        .adv-ertise .cost .item .inner .photo {
          width: 100%;
          height: 180px;
          background: #F7F7F9; }
          .adv-ertise .cost .item .inner .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .adv-ertise .cost .item .inner .title {
          font-size: 22px !important;
          margin-top: 24px; }
        .adv-ertise .cost .item .inner .price {
          display: block;
          font-size: 44px;
          color: #e3171a;
          margin-top: 20px; }
        .adv-ertise .cost .item .inner .month {
          display: block;
          margin-top: 4px; }
        .adv-ertise .cost .item .inner .list {
          margin-top: 16px; }
          .adv-ertise .cost .item .inner .list li {
            display: flex;
            align-items: center;
            margin-top: 16px; }
            .adv-ertise .cost .item .inner .list li svg {
              fill: #d20000;
              width: 24px;
              margin-left: 8px; }
  .adv-ertise .bottoms {
    display: flex;
    align-items: center;
    justify-content: center; }
    .adv-ertise .bottoms .bottom {
      margin: 48px 12px 0px 12px; }
      .adv-ertise .bottoms .bottom:last-child {
        border: 1px solid #d20000;
        background: none;
        color: #d20000; }
        .adv-ertise .bottoms .bottom:last-child:hover {
          background: #001624;
          border: 1px solid #001624;
          color: #fff; }
  .adv-ertise .advertiser-order {
    margin: 0px auto;
    max-width: 800px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 24px;
    -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 64px; }
    @media (max-width: 991px) {
      .adv-ertise .advertiser-order {
        margin-top: 24px; } }
    .adv-ertise .advertiser-order .title {
      text-align: center;
      font-size: 32px; }
      @media (max-width: 991px) {
        .adv-ertise .advertiser-order .title {
          font-size: 26px; } }
    .adv-ertise .advertiser-order .inpudata {
      margin-top: 24px;
      position: relative; }
      .adv-ertise .advertiser-order .inpudata .form-control {
        height: 52px;
        text-transform: none;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
        border: 1px solid #949494;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .adv-ertise .advertiser-order .inpudata .form-control:focus, .adv-ertise .advertiser-order .inpudata .form-control:hover, .adv-ertise .advertiser-order .inpudata .form-control:focus-visible {
          border: 1px solid #d20000;
          outline: 0;
          outline-style: none; }
      .adv-ertise .advertiser-order .inpudata textarea.form-control {
        height: 160px;
        resize: none; }
      .adv-ertise .advertiser-order .inpudata .bottom {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        color: #fff;
        outline: none;
        outline-style: none;
        border: 0px;
        text-align: center;
        background: #d20000;
        font-family: 'Changa-SemiBold';
        font-size: 18px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        cursor: pointer;
        padding: 8px 24px;
        width: 120px;
        height: 52px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box; }
        .adv-ertise .advertiser-order .inpudata .bottom:hover {
          background: #001624; }
        .adv-ertise .advertiser-order .inpudata .bottom:focus {
          outline: none;
          outline-style: none;
          border: 0px; }
      .adv-ertise .advertiser-order .inpudata .text {
        font-size: 22px;
        color: #000;
        text-align: center; }
      .adv-ertise .advertiser-order .inpudata .che-box {
        position: relative;
        cursor: pointer;
        font-weight: normal;
        margin: 0px;
        padding-right: 36px;
        margin: 16px 8px 0px 8px; }
        .adv-ertise .advertiser-order .inpudata .che-box input[type="checkbox"],
        .adv-ertise .advertiser-order .inpudata .che-box input[type="radio"] {
          position: absolute;
          left: 9000px; }
        .adv-ertise .advertiser-order .inpudata .che-box input[type="checkbox"] + .label-text:before,
        .adv-ertise .advertiser-order .inpudata .che-box input[type="radio"] + .label-text:before {
          content: "";
          position: absolute;
          right: 12px;
          top: 3px;
          background: #fff;
          border-radius: 2px;
          width: 16px;
          height: 16px;
          font-style: initial;
          border: 1px solid #000; }
        .adv-ertise .advertiser-order .inpudata .che-box input[type="checkbox"]:checked + .label-text:before,
        .adv-ertise .advertiser-order .inpudata .che-box input[type="radio"]:checked + .label-text:before {
          content: "";
          background: #D2950D url(../images/tick.svg) no-repeat center center;
          border: 1px solid #D2950D;
          background-size: 84% 74%;
          animation: effect 250ms ease-in; }
        .adv-ertise .advertiser-order .inpudata .che-box span.label-text {
          color: #000;
          font-weight: normal; }

.st-bot {
  position: relative;
  width: 100%;
  padding: 64px 0px;
  background: #000; }
  @media (max-width: 991px) {
    .st-bot {
      margin-top: 24px; } }
  .st-bot .photo {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%; }
    .st-bot .photo::before {
      content: '';
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(303.91deg, #810235e6 7.57%, #025d8dd1 94.39%); }
    .st-bot .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .st-bot .item {
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    @media (max-width: 991px) {
      .st-bot .item {
        max-width: 100%;
        flex: 100%;
        margin-bottom: 24px; }
        .st-bot .item:last-child {
          margin: 0px; } }
    .st-bot .item .timer {
      font-size: 74px;
      color: #fff;
      line-height: 1; }
      @media (max-width: 991px) {
        .st-bot .item .timer {
          font-size: 54px;
          font-weight: 600; } }
      @media (max-width: 767px) {
        .st-bot .item .timer {
          font-size: 40px; } }
    .st-bot .item p {
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      margin-right: 8px; }
      @media (max-width: 991px) {
        .st-bot .item p {
          font-size: 16px; } }

.widgets {
  position: relative;
  width: 100%;
  padding: 32px 0px; }
  @media (max-width: 991px) {
    .widgets {
      padding: 24px 0px; } }
  .widgets .item {
    margin-top: 10px; }
    @media (max-width: 991px) {
      .widgets .item {
        max-width: 100%;
        flex: 100%; } }
    .widgets .item .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .widgets .item .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }
    .widgets .item .photo {
      display: flex;
      position: relative;
      width: 100%;
      height: 310px;
      overflow: hidden;
      background: #F7F7F9; }
      .widgets .item .photo a {
        display: block;
        width: 100%; }
      .widgets .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .widgets .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .widgets .item .contant .title {
      font-family: 'Changa-SemiBold';
      font-size: 20px !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #fff; }
    .widgets .item .to-news {
      display: flex;
      align-items: center;
      margin-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #dfdfdf; }
      .widgets .item .to-news:last-child {
        border: 0px;
        padding: 0px; }
      .widgets .item .to-news .photo {
        min-width: 100px;
        max-width: 100px;
        height: 100px; }
      .widgets .item .to-news .contant-text {
        margin-right: 12px; }
        .widgets .item .to-news .contant-text .title {
          font-family: 'Changa-SemiBold';
          font-size: 18px !important;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0px; }
  .widgets .inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 8px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px 1px #ddd;
    -moz-box-shadow: 1px 1px 5px 1px #ddd;
    -o-box-shadow: 1px 1px 5px 1px #ddd;
    -ms-box-shadow: 1px 1px 5px 1px #ddd;
    box-shadow: 1px 1px 5px 1px #ddd; }
  .widgets .itemdiv {
    margin-top: 10px; }
    @media (max-width: 991px) {
      .widgets .itemdiv {
        max-width: 50% !important;
        flex: 50% !important; } }
    @media (max-width: 500px) {
      .widgets .itemdiv {
        max-width: 100% !important;
        flex: 100% !important; } }
    .widgets .itemdiv .inner {
      position: relative;
      width: 100%;
      background: #fff;
      padding: 8px;
      overflow: hidden;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      .widgets .itemdiv .inner .photo {
        display: flex;
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        background: #F7F7F9; }
        .widgets .itemdiv .inner .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .widgets .itemdiv .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .widgets .itemdiv .inner .title {
        font-family: 'Changa-SemiBold';
        font-size: 18px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  @media (max-width: 991px) {
    .widgets .item-ne {
      max-width: 100%;
      flex: 100%; } }
  .widgets .item-ne .newitem {
    position: relative;
    margin-top: 10px; }
    .widgets .item-ne .newitem .photo {
      display: flex;
      position: relative;
      width: 100%;
      overflow: hidden;
      background: #F7F7F9;
      height: 310px;
      margin-bottom: 8px; }
      .widgets .item-ne .newitem .photo a {
        display: block;
        width: 100%; }
      .widgets .item-ne .newitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .widgets .item-ne .newitem .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .widgets .item-ne .newitem .title {
      font-family: 'Changa-SemiBold';
      font-size: 18px !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .widgets .item-tow .popup_main .share {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 16px;
    bottom: 80px;
    z-index: 10;
    width: 32px;
    height: 32px;
    bottom: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    cursor: pointer; }
    .widgets .item-tow .popup_main .share svg {
      max-width: 14px;
      height: 14px;
      fill: #fff; }
  .widgets .item-tow .photo {
    display: flex;
    position: relative;
    width: 100%;
    height: 409px;
    overflow: hidden;
    background: #F7F7F9;
    margin-top: 10px; }
    .widgets .item-tow .photo a {
      position: relative;
      display: block;
      width: 100%; }
    .widgets .item-tow .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .widgets .item-tow .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .widgets .item-tow .title {
    font-family: 'Changa-SemiBold';
    font-size: 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff; }
  .widgets .item-tow:nth-child(2) .photo, .widgets .item-tow:nth-child(3) .photo {
    height: 200px; }
  @media (max-width: 991px) {
    .widgets .thre-wid {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 767px) {
    .widgets .thre-wid {
      max-width: 100%;
      flex: 100%; } }
  .widgets .photo .contant {
    padding-left: 56px; }
  .widgets .ec-item {
    margin-top: 10px; }
    @media (max-width: 767px) {
      .widgets .ec-item {
        max-width: 100%;
        flex: 100%; } }
    .widgets .ec-item .popup_main .share {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 16px;
      bottom: 80px;
      z-index: 10;
      width: 32px;
      height: 32px;
      bottom: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      border: 1px solid #d4d4d4;
      cursor: pointer; }
      .widgets .ec-item .popup_main .share svg {
        max-width: 14px;
        height: 14px;
        fill: #fff; }
    .widgets .ec-item .photo {
      display: flex;
      position: relative;
      width: 100%;
      height: 240px;
      overflow: hidden;
      background: #F7F7F9; }
      .widgets .ec-item .photo a {
        display: block;
        width: 100%; }
      .widgets .ec-item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .widgets .ec-item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .widgets .ec-item .contant .title {
      font-family: 'Changa-SemiBold';
      font-size: 20px !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .widgets .itemsop {
    margin-top: 10px; }
    @media (max-width: 1199px) {
      .widgets .itemsop {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 991px) {
      .widgets .itemsop {
        margin-top: 12px; } }
    @media (max-width: 550px) {
      .widgets .itemsop {
        max-width: 100%;
        flex: 100%; } }
    .widgets .itemsop .inner {
      position: relative;
      width: 100%;
      background: linear-gradient(-180deg, #001d2f 0, #103b56fa);
      padding: 8px;
      padding-bottom: 20px; }
      .widgets .itemsop .inner .photo {
        display: flex;
        position: relative;
        width: 100%;
        height: 180px;
        overflow: hidden;
        background: #F7F7F9; }
        .widgets .itemsop .inner .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .widgets .itemsop .inner .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .widgets .itemsop .inner .it-span {
        right: auto !important;
        left: 12px;
        width: 52px !important;
        height: 52px !important;
        text-align: center;
        padding: 4px !important;
        border-radius: 50% !important;
        font-size: 14px; }
      .widgets .itemsop .inner .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 10px;
        text-align: center;
        font-family: 'Changa-SemiBold';
        font-size: 18px !important;
        color: #fff; }
  .widgets .sweet .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0px;
    font-family: 'Changa-SemiBold';
    font-size: 18px !important; }
  .widgets .sweet .text a {
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Changa-SemiBold';
    font-size: 14px;
    color: #000; }
  .widgets .h-wid .inner .title {
    font-family: 'Changa-SemiBold';
    font-size: 18px !important; }
  .widgets .h-wid .inner .text {
    margin-top: 10px !important; }
    .widgets .h-wid .inner .text a {
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      font-family: 'Changa-SemiBold';
      font-size: 14px;
      color: #000; }
      .widgets .h-wid .inner .text a:hover {
        color: #d20000; }

.widgets.bg {
  background: #E8E8EF; }
  .widgets.bg .gal-item {
    margin-top: 10px; }

.widgets.bgn {
  background: #001d2f;
  padding: 24px 0px; }
  .widgets.bgn .title a {
    color: #fff; }
    .widgets.bgn .title a svg {
      fill: #fff; }
  .widgets.bgn .item-v {
    margin-top: 10px; }
    @media (max-width: 991px) {
      .widgets.bgn .item-v {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 767px) {
      .widgets.bgn .item-v {
        max-width: 100%;
        flex: 100%; } }
    .widgets.bgn .item-v .photo {
      display: flex;
      position: relative;
      width: 100%;
      height: 180px;
      overflow: hidden;
      background: #F7F7F9; }
      .widgets.bgn .item-v .photo img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .widgets.bgn .item-v .photo i.icon-play {
        position: absolute;
        top: 50%;
        right: 0px;
        left: 0px;
        width: 84px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto;
        z-index: 1;
        background: #d2000099;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background-clip: padding-box;
        margin-top: -28px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .widgets.bgn .item-v .photo i.icon-play svg {
          width: 24px;
          height: 24px; }
      .widgets.bgn .item-v .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .widgets.bgn .item-v .photo:hover i.icon-play {
        background: #d20000; }
    .widgets.bgn .item-v .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-top: 10px;
      text-align: center;
      font-family: 'Changa-SemiBold';
      font-size: 18px !important;
      color: #fff; }
      .widgets.bgn .item-v .title:hover {
        color: #d20000; }

.w-four {
  background: none; }
  .w-four .gal-item {
    margin: 0px; }
    .w-four .gal-item .photo {
      margin-top: 10px; }
    .w-four .gal-item:nth-child(1) .photo, .w-four .gal-item:nth-child(3) .photo {
      height: 344px; }
      .w-four .gal-item:nth-child(1) .photo:last-child, .w-four .gal-item:nth-child(3) .photo:last-child {
        height: 200px; }
    .w-four .gal-item:nth-child(2) .photo {
      height: 554px; }

.sweeteners .gal-item.h-box .photo {
  height: 466px; }
.sweeteners .gal-item.h-box:nth-child(3), .sweeteners .gal-item.h-box:nth-child(4), .sweeteners .gal-item.h-box:nth-child(5), .sweeteners .gal-item.h-box:nth-child(6) {
  margin-top: 10px; }
  .sweeteners .gal-item.h-box:nth-child(3) .photo, .sweeteners .gal-item.h-box:nth-child(4) .photo, .sweeteners .gal-item.h-box:nth-child(5) .photo, .sweeteners .gal-item.h-box:nth-child(6) .photo {
    height: 266px; }

.new-w {
  background: #151d23;
  padding: 32px 0px; }
  @media (max-width: 991px) {
    .new-w {
      padding: 24px 0px; } }
  .new-w .container {
    display: flex;
    max-width: 100% !important;
    padding: 0px; }
    @media (max-width: 991px) {
      .new-w .container {
        display: block; } }
  .new-w .photo {
    display: flex;
    position: relative;
    min-width: 54%;
    max-width: 54%;
    height: 557px;
    overflow: hidden;
    background: #F7F7F9; }
    @media (max-width: 991px) {
      .new-w .photo {
        min-width: 100%;
        max-width: 100%;
        height: 420px; } }
    .new-w .photo a {
      display: block;
      width: 100%; }
    .new-w .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .new-w .photo:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .new-w .gal-item {
    display: flex;
    align-items: center;
    position: relative;
    height: 557px;
    margin: 0px;
    padding: 32px; }
    @media (max-width: 991px) {
      .new-w .gal-item {
        height: auto;
        padding: 24px; } }
    .new-w .gal-item::before {
      content: '';
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%; }
    .new-w .gal-item .opac-no {
      position: relative;
      z-index: 1;
      width: 100%; }
      @media (min-width: 1600px) {
        .new-w .gal-item .opac-no {
          width: 70%; } }
      .new-w .gal-item .opac-no .title {
        font: 40px/74px 'Changa-SemiBold';
        color: #fff;
        margin: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .new-w .gal-item .opac-no .title:hover {
          color: #d20000; }
        @media (max-width: 991px) {
          .new-w .gal-item .opac-no .title {
            font: 26px/40px 'Changa-SemiBold'; } }
      .new-w .gal-item .opac-no .text {
        font: 26px/47px 'Changa-Regular';
        color: #b8b8b8;
        height: 178px;
        overflow: hidden;
        margin-top: 12px; }
        @media (max-width: 991px) {
          .new-w .gal-item .opac-no .text {
            height: auto;
            font: 18px/32px 'Changa-Regular'; } }
        .new-w .gal-item .opac-no .text a {
          font: 26px/47px 'Changa-SemiBold';
          color: #b8b8b8;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .new-w .gal-item .opac-no .text a:hover {
            color: #d20000; }
          @media (max-width: 991px) {
            .new-w .gal-item .opac-no .text a {
              height: auto;
              font: 18px/32px 'Changa-Regular'; } }

.slide-writ {
  width: 100%;
  background: #EEEEEE;
  border-right: 60px solid #fff;
  margin-bottom: 32px; }
  @media (max-width: 991px) {
    .slide-writ {
      border: 0px; } }
  .slide-writ .sw-inner {
    position: relative;
    direction: ltr; }
    .slide-writ .sw-inner .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -5px; }
      .slide-writ .sw-inner .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .slide-writ .sw-inner .slick-list .slick-track:after, .slide-writ .sw-inner .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .slide-writ .sw-inner .slick-prev,
    .slide-writ .sw-inner .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .slide-writ .sw-inner .slick-prev svg,
      .slide-writ .sw-inner .slick-next svg {
        width: 22px;
        height: 22px;
        fill: #adadad;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .slide-writ .sw-inner .slick-prev:hover svg,
      .slide-writ .sw-inner .slick-next:hover svg {
        fill: #d20000; }
    .slide-writ .sw-inner .slick-next {
      left: 30px; }
    .slide-writ .sw-inner .slick-prev {
      left: 0px; }
    .slide-writ .sw-inner .slick-dots {
      position: absolute;
      top: -44px;
      left: 0px; }
      @media (max-width: 991px) {
        .slide-writ .sw-inner .slick-dots {
          display: none !important; } }
      .slide-writ .sw-inner .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 4px;
        padding: 0px;
        cursor: pointer;
        width: 16px;
        height: 16px; }
        @media (max-width: 450px) {
          .slide-writ .sw-inner .slick-dots li {
            width: 12px;
            height: 12px; } }
        .slide-writ .sw-inner .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 16px;
          height: 16px;
          cursor: pointer;
          border: 0px;
          outline: none;
          background: #9B9B9B;
          padding: 0px; }
          @media (max-width: 450px) {
            .slide-writ .sw-inner .slick-dots li button {
              width: 12px;
              height: 12px; } }
      .slide-writ .sw-inner .slick-dots li.slick-active {
        background: #d20000; }
        .slide-writ .sw-inner .slick-dots li.slick-active button {
          background: none; }
    .slide-writ .sw-inner .slick-dots {
      position: relative !important;
      display: block !important;
      top: auto !important;
      bottom: 51px;
      height: 0px;
      width: 100%;
      text-align: center; }
      @media (max-width: 991px) {
        .slide-writ .sw-inner .slick-dots {
          display: block !important;
          bottom: 34px;
          height: 3px; } }
      .slide-writ .sw-inner .slick-dots li {
        width: 110px !important;
        height: 3px !important; }
        @media (max-width: 991px) {
          .slide-writ .sw-inner .slick-dots li {
            width: 60px !important;
            height: 3px !important; } }
        .slide-writ .sw-inner .slick-dots li button {
          width: 110px !important;
          height: 3px !important; }
          @media (max-width: 991px) {
            .slide-writ .sw-inner .slick-dots li button {
              width: 60px !important;
              height: 3px !important; } }
  .slide-writ .item {
    direction: rtl;
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 458px;
    cursor: pointer;
    padding: 0px 200px; }
    @media (max-width: 1250px) {
      .slide-writ .item {
        padding: 0px 100px; } }
    @media (max-width: 991px) {
      .slide-writ .item {
        display: inline-block;
        height: auto;
        padding: 26px;
        text-align: center; } }
    .slide-writ .item::after {
      content: '';
      position: absolute;
      top: 0;
      right: 80px;
      width: 52%;
      height: 100%;
      background: #fff; }
      @media (max-width: 991px) {
        .slide-writ .item::after {
          left: 80px;
          height: 42%;
          width: calc(100% - 160px); } }
    .slide-writ .item .photo {
      position: relative;
      min-width: 327px;
      max-width: 327px;
      height: 327px;
      overflow: hidden;
      box-shadow: 0px 0px 6px #00000029;
      border: 5px solid #9B9B9B;
      border-radius: 200px 0px 200px 200px;
      z-index: 10; }
      @media (max-width: 991px) {
        .slide-writ .item .photo {
          margin: 0px auto;
          min-width: 227px;
          max-width: 227px;
          height: 227px; } }
      .slide-writ .item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .slide-writ .item .photo:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .slide-writ .item .textslide {
      position: relative;
      z-index: 10;
      margin-right: 80px; }
      @media (max-width: 991px) {
        .slide-writ .item .textslide {
          margin: 0px;
          margin-top: 24px; } }
      .slide-writ .item .textslide .text {
        margin-top: 8px;
        overflow: hidden;
        font-size: 18px;
        line-height: 35px;
        color: #231F20; }
        @media (max-width: 991px) {
          .slide-writ .item .textslide .text {
            text-align: center; } }
        .slide-writ .item .textslide .text a {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          font-family: 'Changa-SemiBold';
          font-size: 18px;
          color: #000; }
          .slide-writ .item .textslide .text a:hover {
            color: #d20000; }
      .slide-writ .item .textslide .title {
        margin-top: 48px; }
        .slide-writ .item .textslide .title:hover {
          color: #d20000; }
        @media (max-width: 991px) {
          .slide-writ .item .textslide .title {
            justify-content: center; } }
      .slide-writ .item .textslide .name {
        display: block;
        margin-top: 4px;
        color: #0F1418;
        opacity: 0.5; }
        @media (max-width: 767px) {
          .slide-writ .item .textslide .name {
            font-size: 13px; } }

.sharicon {
  display: flex;
  align-items: center;
  margin-right: 24px; }
  .sharicon a {
    display: flex;
    margin-right: 12px;
    font-weight: 600;
    color: #000;
    font-size: 22px;
    height: 20px;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .sharicon a:first-child {
      margin: 0px; }
    .sharicon a svg {
      width: 20px;
      height: 20px;
      fill: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .sharicon a:hover {
      color: #d20000; }
      .sharicon a:hover svg {
        fill: #d20000; }

.error404 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  text-align: center;
  background: #F7F7F9; }
  .error404 .title {
    font-size: 150px !important;
    color: #000;
    width: 100%;
    text-align: center; }
  .error404 p {
    color: #d20000;
    font-size: 24px;
    margin-top: 72px; }
  .error404 .bottom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    outline: none;
    outline-style: none;
    border: 0px;
    text-align: center;
    background: #d20000;
    font-family: 'Changa-SemiBold';
    font-size: 18px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
    padding: 8px 24px;
    float: none;
    display: inline-flex;
    margin-top: 32px;
    box-shadow: 0px 2px 17px rgba(73, 73, 73, 0.1);
    padding: 12px 20px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-clip: padding-box; }
    .error404 .bottom:hover {
      background: #001624; }
    .error404 .bottom:focus {
      outline: none;
      outline-style: none;
      border: 0px; }

.scrollToTop {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: none;
  width: 50px;
  height: 50px;
  padding-top: 10px;
  border: 0px;
  background: #d20000;
  z-index: 998;
  text-align: center; }
  @media (max-width: 991px) {
    .scrollToTop {
      display: none !important; } }
  .scrollToTop svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 20px; }
    .scrollToTop svg path {
      fill: #fff; }

.footer {
  position: relative;
  width: 100%;
  background: #F7F7F9;
  padding: 0px !important;
  position: relative;
  z-index: 999; }
  .footer .icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0px;
    border-bottom: 1px solid #D2D2D2; }
    @media (max-width: 991px) {
      .footer .icons {
        justify-content: center; } }
    .footer .icons .n-scrol {
      position: relative;
      right: auto;
      bottom: auto;
      display: block !important; }
      @media (max-width: 991px) {
        .footer .icons .n-scrol {
          display: none !important; } }
    .footer .icons .social a {
      margin: 0px;
      margin-right: 16px; }
      .footer .icons .social a svg {
        width: 20px;
        height: 20px; }
  .footer .boxfot {
    margin-top: 48px; }
    @media (max-width: 991px) {
      .footer .boxfot {
        max-width: 100%;
        flex: 100%;
        margin-top: 32px; } }
    .footer .boxfot .inner {
      width: 100%; }
      @media (max-width: 991px) {
        .footer .boxfot .inner {
          text-align: center; } }
      .footer .boxfot .inner img {
        max-width: 200px; }
      .footer .boxfot .inner p {
        margin-top: 12px;
        font: 14px/22px 'Changa-Medium';
        color: #5C636E; }
        @media (max-width: 991px) {
          .footer .boxfot .inner p {
            text-align: center; } }
      .footer .boxfot .inner .app-icons {
        display: flex;
        margin-top: 12px; }
        @media (max-width: 991px) {
          .footer .boxfot .inner .app-icons {
            width: 100%;
            margin-top: 24px;
            justify-content: center; } }
        .footer .boxfot .inner .app-icons a {
          margin-right: 16px; }
          .footer .boxfot .inner .app-icons a:first-child {
            margin: 0px; }
          .footer .boxfot .inner .app-icons a img {
            max-width: 142px; }
    .footer .boxfot .title {
      font-size: 20px;
      font-family: 'Changa-SemiBold';
      margin-bottom: 16px; }
      @media (max-width: 991px) {
        .footer .boxfot .title {
          justify-content: center; } }
    .footer .boxfot .navmenu a {
      display: inline-block;
      width: 50%;
      position: relative;
      margin-top: 8px;
      font-size: 18px;
      color: #5C636E;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .footer .boxfot .navmenu a:hover {
        color: #d20000; }
      @media (max-width: 991px) {
        .footer .boxfot .navmenu a {
          text-align: center; }
          .footer .boxfot .navmenu a svg {
            display: none; } }
    .footer .boxfot .navmenu.w-link a {
      width: 100%; }
    .footer .boxfot .sendemail {
      background: #fff;
      padding: 32px 24px;
      -webkit-box-shadow: 1px 1px 5px 1px #ddd;
      -moz-box-shadow: 1px 1px 5px 1px #ddd;
      -o-box-shadow: 1px 1px 5px 1px #ddd;
      -ms-box-shadow: 1px 1px 5px 1px #ddd;
      box-shadow: 1px 1px 5px 1px #ddd; }
      @media (max-width: 991px) {
        .footer .boxfot .sendemail p {
          text-align: center; } }
      .footer .boxfot .sendemail .email {
        width: 100%;
        text-align: center; }
        .footer .boxfot .sendemail .email .form-control {
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background-clip: padding-box;
          height: 52px;
          background: #EEEEEE;
          margin-top: 16px;
          border: 1px solid #BDBDBD;
          text-align: left; }
        .footer .boxfot .sendemail .email ::-webkit-input-placeholder {
          /* Edge */
          text-align: right; }
        .footer .boxfot .sendemail .email :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          text-align: right; }
        .footer .boxfot .sendemail .email ::placeholder {
          text-align: right; }
        .footer .boxfot .sendemail .email .bottom {
          width: 204px;
          height: 54px;
          margin-top: 16px; }
          @media (max-width: 1199px) {
            .footer .boxfot .sendemail .email .bottom {
              width: 100%; } }
  .footer .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0px;
    border-top: 1px solid #D2D2D2;
    margin-top: 48px; }
    .footer .copyright p,
    .footer .copyright a {
      display: flex;
      align-items: center;
      font-size: 12px; }
    @media (max-width: 991px) {
      .footer .copyright {
        display: block;
        margin-top: 32px; }
        .footer .copyright p {
          justify-content: center; }
        .footer .copyright a {
          display: block;
          text-align: center;
          margin-top: 16px; } }
    .footer .copyright img {
      max-width: 92px;
      margin-right: 4px; }
    .footer .copyright .logo-w {
      display: none; }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
hr,
strong,
b,
input,
select,
textarea,
.highcharts-title,
.highcharts-axis-labels,
.highcharts-yaxis-title {
  direction: rtl;
  text-align: right;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-decoration: none;
  list-style: none;
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
  font-family: 'Changa-Regular';
  color: #4d4c4c; }

body {
  background: #fff; }
  body.active {
    overflow: hidden; }

::-webkit-scrollbar {
  width: 8px;
  height: 4px; }

::-webkit-scrollbar-track {
  background: #F7F7F9; }

::-webkit-scrollbar-thumb {
  background-color: #d20000;
  cursor: pointer; }

  @font-face {
    font-family: 'Changa-SemiBold';
    src: url('../fonts/Changa-SemiBold.ttf') format('truetype'), url('../fonts/changa-semibold.svg#changa-semibold') format('svg'), url('../fonts/changa-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-Regular';
    src:  url('../fonts/Changa-Regular.ttf') format('truetype'), url('../fonts/changa-regular.svg#changa-regular') format('svg'), url('../fonts/changa-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-Medium';
    src:  url('../fonts/Changa-Medium.ttf') format('truetype'), url('../fonts/changa-medium.svg#changa-medium') format('svg'), url('../fonts/changa-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-Light';
    src:  url('../fonts/Changa-Light.ttf') format('truetype'), url('../fonts/changa-light.svg#changa-light') format('svg'), url('../fonts/changa-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-ExtraLight';
    src:  url('../fonts/Changa-ExtraLight.ttf') format('truetype'), url('../fonts/changa-extraLight.svg#changa-extraLight') format('svg'), url('../fonts/changa-extraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-ExtraBold';
    src: url('../fonts/Changa-ExtraBold.ttf') format('truetype'), url('../fonts/changa-extrabold.svg#changa-extrabold') format('svg'), url('../fonts/changa-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa-Bold';
    src: url('../fonts/Changa-Bold.ttf') format('truetype'), url('../fonts/changa-bold.svg#changa-bold') format('svg'), url('../fonts/changa-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.it-span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  background: #d200000% 0% no-repeat padding-box;
  opacity: 0.86;
  color: #fff;
  line-height: 19px;
  padding: 0px 12px;
  height: 33px; }
  .it-span svg {
    max-width: 14px;
    height: 14px;
    fill: #fff;
    margin-right: 4px; }

.title {
  display: inline-flex;
font-size: 24px !important;
    font-weight: 900;

  width: 100%;
  color: #000;
  overflow: hidden;
  font-family: 'Changa-Bold';
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  position: relative; }
  @media (max-width: 991px) {
    .title {
      font-size: 22px;
      line-height: 28px; } }
  .title a {
    color: #000;
    font-size: 26px;
    line-height: 42px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Changa-Bold'; }
    @media (max-width: 991px) {
      .title a {
        font-size: 22px;
        line-height: 28px; } }
  .title svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #000;
    width: 16px;
    height: 16px;
    margin-right: 4px; }

.title.mb {
  margin-bottom: 8px; }

a.title {
  display: block;
  font-size: 24px;
  color: #000;
  margin-top: 8px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  a.title:hover {
    color: #d20000; }

.bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: #fff;
  outline: none;
  outline-style: none;
  border: 0px;
  text-align: center;
  background: #d20000;
  font-family: 'Changa-SemiBold';
  font-size: 18px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  padding: 8px 24px; }
  .bottom:hover {
    background: #001624; }
  .bottom:focus {
    outline: none;
    outline-style: none;
    border: 0px; }

.alert {
  display: flex;
  align-items: center;
  border: 0px;
  margin: 0px;
  margin-top: 16px;
  padding: 16px;
  border-radius: 4px;
  height: 60px; }
  .alert strong {
    margin-left: 8px;
    color: #856404; }
  .alert a {
    text-decoration: underline;
    color: #fff;
    font-weight: 400; }
    .alert a:hover {
      text-decoration: none; }
  .alert .text-mass {
    margin: 0px !important;
    margin-right: 12px !important; }
  .alert p {
    color: #fff;
    margin: 0px !important; }
  .alert.alert-success {
    background: linear-gradient(303.91deg, #1F7A66 7.57%, #60B3A7 94.39%); }
  .alert.alert-danger {
    background: linear-gradient(303.91deg, #C24848 7.57%, #D34A4A 94.39%); }

.contant {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 48px 16px 16px 16px;
  background: linear-gradient(#00000000, #000000); }
  .contant .title {
    color: #fff !important;
    padding: 0px !important; }
  .contant.s-con {
    padding: 24px 16px; }
    .contant.s-con .title {
      font-size: 26px !important;
      line-height: 42px !important; }
      @media (max-width: 991px) {
        .contant.s-con .title {
          font-size: 20px !important;
          line-height: 28px !important; } }

select.form-control {
  -webkit-appearance: none;
  background: #fff url(../images/arrow.svg) no-repeat;
  background-position: 12px 24px; }

.pagination {
  width: 100%;
  margin-top: 32px;
  justify-content: center;
  overflow: hidden; }
  @media (max-width: 991px) {
    .pagination {
      margin-top: 24px;
      padding-bottom: 12px;
      overflow-x: scroll;
      justify-content: flex-start; } }
  .pagination li {
    display: inline-block;
    margin: 0px 8px; }
    .pagination li a,
    .pagination li span {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #000;
      -webkit-border-radius: 0 !important;
      border-radius: 0 !important;
      background-clip: padding-box;
      min-width: 44px;
      height: 44px;
      border: 0px;
      background: #e6e6e6;
      font-family: 'Changa-Medium';
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      padding-top: 10px;
      color: #8B8B8B; }
    .pagination li svg {
      width: 12px;
      height: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .pagination li:first-child a, .pagination li:last-child a {
      color: #d20000;
      font-size: 12px;
      padding-top: 8px; }
      .pagination li:first-child a svg, .pagination li:last-child a svg {
        max-width: 12px;
        height: 12px;
        fill: #d20000; }
    .pagination li:last-child {
      margin-left: 0px; }
      .pagination li:last-child svg {
        transform: rotate(90deg);
        margin-right: 4px; }
    .pagination li:first-child {
      margin-right: 0px; }
      .pagination li:first-child svg {
        transform: rotate(-90deg);
        margin-left: 4px; }
  .pagination .page-link.active,
  .pagination .page-link:hover {
    background: #d20000 !important;
    color: #fff !important; }
    .pagination .page-link.active svg,
    .pagination .page-link:hover svg {
      fill: #fff; }

.popup_main .share {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .popup_main .share svg {
    max-width: 16px;
    height: 16px;
    fill: #C4C6D1; }
.popup_main .popup_body {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
  z-index: 100; }
.popup_main .popup_body_show {
  display: block;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms; }
.popup_main .popup_contain {
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000c2; }
  .popup_main .popup_contain .social {
    display: flex;
    direction: ltr; }
    .popup_main .popup_contain .social a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      margin: 0px 4px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .popup_main .popup_contain .social a svg {
        fill: #fff;
        width: 22px;
        height: 22px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .popup_main .popup_contain .social a.icon-facebook {
        background: #3b5998; }
        .popup_main .popup_contain .social a.icon-facebook:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-facebook:hover svg {
            fill: #3b5998; }
      .popup_main .popup_contain .social a.icon-twitter {
        background: #00acee; }
        .popup_main .popup_contain .social a.icon-twitter:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-twitter:hover svg {
            fill: #00acee; }
      .popup_main .popup_contain .social a.icon-instagram {
        background: #8d5b46; }
        .popup_main .popup_contain .social a.icon-instagram:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-instagram:hover svg {
            fill: #8d5b46; }
      .popup_main .popup_contain .social a.icon-youtube {
        background: #c4302b; }
        .popup_main .popup_contain .social a.icon-youtube:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-youtube:hover svg {
            fill: #c4302b; }
      .popup_main .popup_contain .social a.icon-rss {
        background: #ee802f; }
        .popup_main .popup_contain .social a.icon-rss:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-rss:hover svg {
            fill: #ee802f; }
      .popup_main .popup_contain .social a.icon-linkedin {
        background: #007fb1; }
        .popup_main .popup_contain .social a.icon-linkedin:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-linkedin:hover svg {
            fill: #007fb1; }
      .popup_main .popup_contain .social a.icon-gplus {
        background: #dd4b39; }
        .popup_main .popup_contain .social a.icon-gplus:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-gplus:hover svg {
            fill: #dd4b39; }
      .popup_main .popup_contain .social a.icon-whatsapp {
        background: #189d0e; }
        .popup_main .popup_contain .social a.icon-whatsapp:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-whatsapp:hover svg {
            fill: #189d0e; }
      .popup_main .popup_contain .social a.icon-snapchat {
        background: #e2df01; }
        .popup_main .popup_contain .social a.icon-snapchat:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-snapchat:hover svg {
            fill: #e2df01; }
      .popup_main .popup_contain .social a.icon-telegram {
        background: #32afed; }
        .popup_main .popup_contain .social a.icon-telegram:hover {
          background: #F7F7F9; }
          .popup_main .popup_contain .social a.icon-telegram:hover svg {
            fill: #32afed; }
.popup_main .popup_close {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer; }
  .popup_main .popup_close svg {
    max-width: 22px; }

.line {
  position: relative;
  width: 100%;
  margin-bottom: 8px; }
  .line::before {
    content: '';
    position: absolute;
    left: 0px;
    width: calc(100% - 84px);
    height: 1px;
    background: #e8e8e8;
    top: 16px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .line p {
    position: relative;
    display: inline-block;
    font-family: 'Changa-Medium';
    font-size: 12px;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }

.social {
  display: flex;
  direction: ltr; }
  .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 8px; }
    .social a svg {
      fill: #000;
      width: 16px;
      height: 16px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .social a.icon-facebook:hover svg {
      fill: #3b5998; }
    .social a.icon-twitter:hover svg {
      fill: #00acee; }
    .social a.icon-instagram:hover svg {
      fill: #8d5b46; }
    .social a.icon-youtube:hover svg {
      fill: #c4302b; }
    .social a.icon-rss:hover svg {
      fill: #ee802f; }
    .social a.icon-linkedin:hover svg {
      fill: #007fb1; }
    .social a.icon-gplus:hover svg {
      fill: #dd4b39; }
    .social a.icon-whatsapp:hover svg {
      fill: #189d0e; }
    .social a.icon-snapchat:hover svg {
      fill: #e2df01; }
    .social a.icon-telegram:hover svg {
      fill: #32afed; }

.close-box,
.close-news {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 12px;
  top: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 1; }
  .close-box:before, .close-box:after,
  .close-news:before,
  .close-news:after {
    position: absolute;
    display: block;
    height: 1px;
    width: 16px;
    background: #fff;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .close-box:after,
  .close-news:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

.close-news {
  left: 16px;
  top: 12px; }
  .close-news:before, .close-news:after {
    background: #e3171a; }


    @media (max-width: 767px) {
      .box-h {
        height: auto !important; } }
    .box-h .dg-wrapper {
      width: 264px;
      height: 540px;
      margin: 0 auto;
      position: relative;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      -o-perspective: 1000px;
      -ms-perspective: 1000px;
      perspective: 1000px;
      margin-top: 5px !important; }
      @media (max-width: 767px) {
        .box-h .dg-wrapper {
          height: 340px; } }
      .box-h .dg-wrapper a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        padding: 8px;
        background: #fff;
        box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.31); }
        .box-h .dg-wrapper a.dg-transition {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .box-h .dg-wrapper a img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    
    .box-h2 {
      width: 95% !important;
      padding: 0px !important;
      margin: 0 auto !important; }
      @media (max-width: 767px) {
        .box-h2 {
          height: auto !important; } }
      .box-h2 .carousel-3d-body {
        overflow-x: hidden; }
      .box-h2 .carousel-3d {
        position: relative;
        width: 100%;
        max-width: 80%;
        max-height: 50%;
        height: 400px;
        margin: auto;
        margin-top: 20px;
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        @media (max-width: 767px) {
          .box-h2 .carousel-3d {
            height: 374px; } }
      .box-h2 .carousel-3d .carousel-3d-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transform: translateZ(-288px);
        transform: translateZ(-288px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: -webkit-transform 1s;
        -o-transition: transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s; }
      .box-h2 .carousel-3d .carousel-3d-item {
        position: absolute;
        height: 540px !important;
        padding: 8px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.31);
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        -o-transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s; }
        @media (max-width: 767px) {
          .box-h2 .carousel-3d .carousel-3d-item {
            height: 340px !important; } }
        .box-h2 .carousel-3d .carousel-3d-item a {
          display: flex;
          align-items: flex-start;
          width: 100%;
          height: 100%; }
      .box-h2 .carousel-3d .carousel-3d-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; }
      .box-h2 .carousel-3d .carousel-3d-controls {
        position: absolute;
        left: 0;
        top: -80px;
        width: 100%;
        height: 100%;
        text-align: center; }
      .box-h2 .carousel-3d .carousel-3d-controls a {
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 26px; }
      .box-h2 .carousel-3d-vertical {
        padding-top: 300px; }
      .box-h2 .carousel-3d-vertical .carousel-3d-controls {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }

        .tag-source {
          display: block;
          color: black;
          font-size: 22px;
          font-family: 'Changa-SemiBold';
      }
    
    /*# sourceMappingURL=home.css.map */