@charset "UTF-8";
/**
 * Sun.mv (c) 2017
 *
 * All rights reserved.
 *
*/
.sm-gutter {
  margin-left: -7px;
  margin-right: -7px; }

.sm-gutter > [class*='col-'] {
  padding-right: 7px;
  padding-left: 7px; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

@media only screen and (max-width: 480px) {
  .col-xxs-12 {
    width: 100%; } }
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
@keyframes reveal {
  from {
    transform: scale(0.001); }
  to {
    transform: scale(1); } }
@keyframes slide {
  to {
    transform: translateX(1.5em); } }
@keyframes error-glitch-anim {
  0% {
    clip: rect(70px, 982px, 76px, 0); }
  20% {
    clip: rect(29px, 982px, 16px, 0); }
  40% {
    clip: rect(76px, 982px, 3px, 0); }
  60% {
    clip: rect(42px, 982px, 78px, 0); }
  80% {
    clip: rect(15px, 982px, 13px, 0); }
  100% {
    clip: rect(53px, 982px, 5px, 0); } }
@keyframes error-glitch-anim-2 {
  0% {
    clip: rect(200px, 982px, 10px, 0); }
  20% {
    clip: rect(60px, 982px, 10px, 0); }
  40% {
    clip: rect(50px, 982px, 50px, 0); }
  60% {
    clip: rect(60px, 982px, 76px, 0); }
  80% {
    clip: rect(150px, 982px, 503px, 0); }
  100% {
    clip: rect(300px, 982px, 50px, 0); } }
/**
 * Global
*/
body {
  font-family: "Roboto", "Arial", "sans-serif", "Halvetica";
  font-weight: 400;
  background-color: #EEEEEE;
  color: #000000; }

html, body {
  -webkit-overflow-scrolling: touch; }

a:hover,
a:active,
a:focus {
  outline: none; }

input:focus,
input:active {
  outline: none; }

h1, h2, h3, h4, h5, h6, p {
  line-height: 1.3em;
  font-weight: normal; }

.category-color-world {
  color: #00B8D4 !important;
  border-color: #00B8D4 !important; }

.category-bkg-world {
  background-color: #00B8D4 !important; }

.category-color-multimedia {
  color: #000 !important;
  border-color: #000 !important; }

.category-bkg-multimedia {
  background-color: #000 !important; }

.category-color-sports {
  color: #FFB300 !important;
  border-color: #FFB300 !important; }

.category-bkg-sports {
  background-color: #FFB300 !important; }

.category-color-opinion {
  color: #0BA8A4 !important;
  border-color: #0BA8A4 !important; }

.category-bkg-opinion {
  background-color: #0BA8A4 !important; }

button:hover, button:active, button:focus, input:hover, input:active, input:focus {
  box-shadow: none;
  outline: none; }

/**
 * Loader Ellipsis 
*/
.loader-ellips {
  font-size: 18px;
  position: relative;
  width: 3.6em;
  height: 0.8em;
  margin-top: 0.2em; }
  .loader-ellips.loader-ellips-xs {
    font-size: 12px; }
  .loader-ellips .loader-ellips__dot {
    display: block;
    width: .5em;
    height: .5em;
    border-radius: 0.5em;
    background: #FFF;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite; }
  .loader-ellips .loader-ellips__dot:nth-child(1),
  .loader-ellips .loader-ellips__dot:nth-child(2) {
    left: 0; }
  .loader-ellips .loader-ellips__dot:nth-child(3) {
    left: 1.5em; }
  .loader-ellips .loader-ellips__dot:nth-child(4) {
    left: 3em; }
  .loader-ellips .loader-ellips__dot:nth-child(1) {
    animation-name: reveal; }
  .loader-ellips .loader-ellips__dot:nth-child(2),
  .loader-ellips .loader-ellips__dot:nth-child(3) {
    animation-name: slide; }
  .loader-ellips .loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse; }

/**
 * Ads
*/
.sponser {
  overflow: hidden; }
  .sponser .sponser-label {
    color: #969696;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 2px; }
  .sponser img {
    margin: auto;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto; }

.sponser-top-banner {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .sponser-top-banner {
      margin-bottom: 20px; } }

.sponser-featured-top-square {
  margin-left: 10px; }

.sponser-sun {
  background-color: #e2e2e2; }
  .sponser-sun .sponser-sun-ad img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto; }

.sponser-home-category {
  margin-top: 20px;
  margin-bottom: 20px; }

.sponser-home-section-1,
.sponser-home-section-2,
.sponser-category-featured-top {
  margin-top: 25px; }
  .sponser-home-section-1 .sponser,
  .sponser-home-section-2 .sponser,
  .sponser-category-featured-top .sponser {
    margin: auto;
    width: 940px; }
    @media only screen and (max-width: 992px) {
      .sponser-home-section-1 .sponser,
      .sponser-home-section-2 .sponser,
      .sponser-category-featured-top .sponser {
        width: 100%; } }

.sponser-home-section-2-square {
  margin-bottom: 15px; }
  .sponser-home-section-2-square img {
    margin-top: 8px; }

.sponser-article-reader-content-below {
  margin-top: 25px; }

/**
 * Header
*/
header .header-desktop > .main {
  background: linear-gradient(to top, #950000, #bb0000);
  box-shadow: 0 13px 22px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 10; }
  header .header-desktop > .main .top-bar {
    text-align: left; }
    header .header-desktop > .main .top-bar a {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.34);
      padding: 5px 0;
      display: inline-block;
      transition: color 0.3s ease; }
      header .header-desktop > .main .top-bar a:hover {
        color: rgba(255, 255, 255, 0.6); }
  header .header-desktop > .main .nav-bar {
    background-image: linear-gradient(to top, #840101, rgba(100, 22, 22, 0.11)); }
    header .header-desktop > .main .nav-bar nav {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      header .header-desktop > .main .nav-bar nav .link {
        font-family: 'Roboto', 'sans-serif';
        font-size: 16px;
        color: #FFF;
        padding: 15px;
        display: inline-block;
        transition: color 0.3s ease; }
        header .header-desktop > .main .nav-bar nav .link:hover {
          color: rgba(255, 255, 255, 0.6); }
      header .header-desktop > .main .nav-bar nav .logo {
        display: inline-block;
        width: 95px;
        position: relative; }
        header .header-desktop > .main .nav-bar nav .logo svg {
          position: absolute;
          top: -20px;
          left: 0;
          right: 0;
          width: 95px;
          z-index: 5; }
      header .header-desktop > .main .nav-bar nav > a:first-child {
        padding-left: 0; }
      header .header-desktop > .main .nav-bar nav > a:last-child {
        padding-right: 0; }
header .header-desktop > .bottom {
  background: linear-gradient(to left, #134381, #c90606);
  height: 45px;
  color: #FFF;
  position: relative; }
  header .header-desktop > .bottom .overlay {
    background: linear-gradient(to left, #134381, #c90606);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
    height: 45px;
    overflow: hidden;
    transition: height 0.5s ease; }
  header .header-desktop > .bottom.slide-down .overlay {
    height: 320px;
    background: linear-gradient(to left, #07182f, #06162b); }
  header .header-desktop > .bottom.slide-down .wrapper {
    margin-top: 30px; }
  header .header-desktop > .bottom.slide-down .search-form {
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 10px; }
  header .header-desktop > .bottom .wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    transition: margin 0.5s ease; }
  header .header-desktop > .bottom .search-form {
    width: 320px;
    height: 45px;
    background-color: rgba(135, 0, 0, 0.36);
    transition: border-radius, background-color 0.5s ease; }
    header .header-desktop > .bottom .search-form .input {
      background-image: url(https://en.sun.mv/public/images/core/ooredoo-search.png);
      background-repeat: no-repeat;
      background-position: 177px 9px;
      display: flex;
      flex-direction: row; }
      header .header-desktop > .bottom .search-form .input i {
        display: inline-block;
        align-self: center;
        margin: 0 5px 0 20px;
        background-image: url("https://en.sun.mv/public/images/core/search-icon.svg");
        background-repeat: no-repeat;
        height: 18px;
        width: 18px; }
      header .header-desktop > .bottom .search-form .input input {
        flex-grow: 1;
        color: #FFF;
        background: transparent;
        font-size: 16px;
        border: none;
        padding: 11.5px; }
        header .header-desktop > .bottom .search-form .input input:hover, header .header-desktop > .bottom .search-form .input input:focus, header .header-desktop > .bottom .search-form .input input:active {
          outline: none; }
  header .header-desktop > .bottom .menu {
    display: flex;
    align-items: center; }
    header .header-desktop > .bottom .menu .menu-btn {
      margin-left: 30px;
      margin-top: 7px;
      opacity: 0.7;
      display: none;
      /* https://codepen.io/designcouch/pen/Atyop */ }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon {
        width: 25px;
        height: 25px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #FFF;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon span:nth-child(1) {
        top: 0px; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon span:nth-child(2), header .header-desktop > .bottom .menu .menu-btn .menu-icon span:nth-child(3) {
        top: 7px; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon span:nth-child(4) {
        top: 14px; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon.open span:nth-child(1) {
        top: 7px;
        width: 0%;
        left: 50%; }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon.open span:nth-child(2) {
        transform: rotate(45deg); }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon.open span:nth-child(3) {
        transform: rotate(-45deg); }
      header .header-desktop > .bottom .menu .menu-btn .menu-icon.open span:nth-child(4) {
        top: 7px;
        width: 0%;
        left: 50%; }
    header .header-desktop > .bottom .menu .todays-date {
      color: rgba(255, 255, 255, 0.5);
      font-size: 14px; }
      header .header-desktop > .bottom .menu .todays-date i {
        font-size: 18px;
        float: left;
        margin-top: 0; }
      header .header-desktop > .bottom .menu .todays-date span {
        display: inline-block;
        margin-left: 15px; }
@media only screen and (max-width: 1200px) {
  header .header-desktop > .main .top-bar a {
    padding: 5px 0; }
  header .header-desktop > .main .nav-bar nav .link {
    font-size: 15px; }
  header .header-desktop > .main .nav-bar nav .logo, header .header-desktop > .main .nav-bar nav .logo svg {
    width: 85px; }
  header .header-desktop > .main .nav-bar nav .logo svg {
    top: -15px; }
  header .header-desktop > .bottom .search-form {
    width: 280px; } }
@media only screen and (max-width: 992px) {
  header .header-desktop {
    display: none; } }

header .header-mobile {
  background: linear-gradient(to left, #c90606, #6a3b81);
  height: 60px;
  display: none;
  position: relative; }
  header .header-mobile .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 60px;
    background: linear-gradient(to left, #c90606, #6a3b81);
    overflow: hidden;
    box-shadow: 0 0 40px rgba(113, 113, 113, 0.55);
    transition: height 0.5s ease; }
  header .header-mobile.slide-down .overlay {
    height: 100vh;
    overflow: auto;
    box-shadow: none;
    background-image: linear-gradient(217deg, #c90606, #6a3b81); }
  header .header-mobile.slide-down .menu {
    height: 180px; }
    header .header-mobile.slide-down .menu .logo a {
      opacity: 0.8; }
    header .header-mobile.slide-down .menu .menu-btn {
      margin-left: 10%; }
    header .header-mobile.slide-down .menu .search-btn {
      margin-right: 10%; }
  header .header-mobile.slide-down .nav-bar, header .header-mobile.slide-down .search-bar {
    height: calc(100% - 180px); }
  header .header-mobile.slide-down-nav .nav-bar {
    display: flex; }
  header .header-mobile.slide-down-search .search-bar {
    display: block; }
  header .header-mobile.slide-down-search .menu {
    justify-content: center; }
    header .header-mobile.slide-down-search .menu .menu-btn, header .header-mobile.slide-down-search .menu .search-btn {
      display: none; }
  header .header-mobile .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    transition: height 0.5s ease;
    text-align: center; }
    header .header-mobile .menu .logo {
      font-size: 0; }
      header .header-mobile .menu .logo a {
        display: block;
        transition: opacity 0.5s ease; }
      header .header-mobile .menu .logo svg {
        width: 100px; }
    header .header-mobile .menu .menu-btn {
      padding: 18px 30px 15px 30px;
      opacity: 0.7;
      /* https://codepen.io/designcouch/pen/Atyop */
      cursor: pointer;
      transition: margin 0.5s ease; }
      header .header-mobile .menu .menu-btn .menu-icon {
        width: 25px;
        height: 25px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer; }
      header .header-mobile .menu .menu-btn .menu-icon span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background-color: #FFF;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(1) {
        top: 0px; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(2), header .header-mobile .menu .menu-btn .menu-icon span:nth-child(3) {
        top: 8px; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(4) {
        top: 16px; }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(1) {
        top: 8px;
        width: 0%;
        left: 50%; }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(2) {
        transform: rotate(45deg); }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(3) {
        transform: rotate(-45deg); }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(4) {
        top: 8px;
        width: 0%;
        left: 50%; }
    header .header-mobile .menu .search-btn {
      width: 85px;
      min-width: 85px;
      padding: 17px 30px 10px 30px;
      opacity: 0.7;
      cursor: pointer;
      transition: margin 0.5s ease; }
  header .header-mobile .nav-bar {
    display: none;
    flex-direction: column;
    align-items: center; }
    header .header-mobile .nav-bar::after {
      font-family: 'Material Icons';
      font-weight: normal;
      font-size: 60px;
      content: '\e313';
      display: block;
      color: #efd0d0; }
    header .header-mobile .nav-bar nav {
      text-align: center;
      height: 80%;
      overflow-y: auto; }
      header .header-mobile .nav-bar nav::-webkit-scrollbar {
        display: none; }
      header .header-mobile .nav-bar nav a {
        font-size: 18px;
        color: #efd0d0;
        display: block;
        margin: 25px 0;
        padding: 0 80px; }
  header .header-mobile .search-bar {
    display: none; }
    header .header-mobile .search-bar .icon {
      text-align: center;
      margin-bottom: 15px;
      height: 35px; }
      header .header-mobile .search-bar .icon svg {
        width: 30px; }
    header .header-mobile .search-bar .form {
      min-height: calc(100% - (35px + 15px) );
      background-color: #eee;
      display: flex;
      flex-direction: column; }
      header .header-mobile .search-bar .form input[type="text"] {
        width: 100%;
        padding: 25px 20px 20px 20px;
        background-color: #FFF;
        font-size: 35px;
        color: #f37a7a;
        text-align: center;
        border: none; }
        header .header-mobile .search-bar .form input[type="text"]::placeholder {
          color: #f37a7a;
          font-size: 35px; }
        header .header-mobile .search-bar .form input[type="text"]:active, header .header-mobile .search-bar .form input[type="text"]:hover, header .header-mobile .search-bar .form input[type="text"]:focus {
          outline: none; }
      header .header-mobile .search-bar .form .date {
        position: relative; }
        header .header-mobile .search-bar .form .date .title {
          text-align: center;
          color: #888;
          border-bottom: solid 3px rgba(101, 0, 0, 0.16);
          display: flex;
          justify-content: space-between;
          padding: 20px 20px 15px 20px; }
          header .header-mobile .search-bar .form .date .title span:last-child {
            font-size: 25px; }
        header .header-mobile .search-bar .form .date .date-selector {
          position: absolute;
          top: 0;
          left: 0;
          right: 0; }
          header .header-mobile .search-bar .form .date .date-selector input {
            font-family: 'Roboto', sans-serif;
            background-color: transparent;
            padding: 18px 20px 18px 20px;
            appearance: none;
            -webkit-appearance: none;
            text-align: center;
            width: 100%;
            display: block;
            font-size: 20px;
            color: #999;
            border: none; }
            header .header-mobile .search-bar .form .date .date-selector input:active, header .header-mobile .search-bar .form .date .date-selector input:hover, header .header-mobile .search-bar .form .date .date-selector input:focus {
              outline: none; }
            header .header-mobile .search-bar .form .date .date-selector input::-webkit-inner-spin-button, header .header-mobile .search-bar .form .date .date-selector input::-webkit-calendar-picker-indicator {
              -webkit-appearance: none;
              display: none; }
      header .header-mobile .search-bar .form .bottom {
        align-self: center;
        background-color: #eee;
        width: 100%;
        text-align: center;
        margin-top: 30px; }
        header .header-mobile .search-bar .form .bottom .close-btn {
          display: inline-block;
          margin-bottom: 10px;
          padding: 10px 20px; }
          header .header-mobile .search-bar .form .bottom .close-btn i {
            font-size: 40px;
            color: #aaa;
            font-weight: bold; }
  @media only screen and (max-width: 992px) {
    header .header-mobile {
      display: block; } }
  @media only screen and (max-width: 768px) {
    header .header-mobile.slide-down .menu {
      height: 160px; }
      header .header-mobile.slide-down .menu .menu-btn {
        margin-left: 5%; }
      header .header-mobile.slide-down .menu .search-btn {
        margin-right: 5%; }
    header .header-mobile.slide-down .nav-bar, header .header-mobile.slide-down .search-bar {
      height: calc(100% - 160px); }
    header .header-mobile .menu .logo svg {
      width: 90px; }
    header .header-mobile .search-bar .form form {
      margin-bottom: 25px; }
    header .header-mobile .search-bar .form input[type="text"] {
      font-size: 30px;
      padding: 20px 20px 15px 20px; }
    header .header-mobile .search-bar .form .date .title span:last-child {
      font-size: 20px;
      margin-top: 0; }
    header .header-mobile .search-bar .form .date .date-selector select {
      font-size: 17px; } }

.header-desktop-v2 {
  position: relative;
  height: 134px; }
  .header-desktop-v2 .main-nav {
    background-image: linear-gradient(to right, #c90606, #132981);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    height: 97px;
    overflow: hidden;
    transition: height 0.3s ease; }
    .header-desktop-v2 .main-nav.shown {
      height: 155px; }
      .header-desktop-v2 .main-nav.shown .wrapper {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
        .header-desktop-v2 .main-nav.shown .wrapper nav {
          opacity: 0.1; }
    .header-desktop-v2 .main-nav .wrapper {
      transition: border 0.3s ease; }
      .header-desktop-v2 .main-nav .wrapper .col {
        display: flex;
        flex-direction: row; }
      .header-desktop-v2 .main-nav .wrapper .logo {
        margin: 15px 0; }
        .header-desktop-v2 .main-nav .wrapper .logo a {
          display: block;
          font-size: 0; }
        .header-desktop-v2 .main-nav .wrapper .logo svg {
          width: 67px;
          margin-right: 20px; }
      .header-desktop-v2 .main-nav .wrapper .active {
        color: #ffffff;
        font-size: 21px;
        align-self: center;
        margin-right: 20px;
        padding-left: 20px;
        border-left: solid 1px #FFF;
        user-select: none; }
      .header-desktop-v2 .main-nav .wrapper nav {
        align-self: center;
        display: flex;
        flex-direction: row;
        margin-right: 25px;
        user-select: none;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .main-nav .wrapper nav a {
          color: #ffffff;
          font-size: 17px;
          display: inline-block;
          padding: 5px 15px;
          transition: opacity 0.3s ease; }
          .header-desktop-v2 .main-nav .wrapper nav a:hover {
            opacity: 0.7; }
      .header-desktop-v2 .main-nav .wrapper .left {
        display: flex;
        margin-left: auto;
        flex-direction: row; }
      .header-desktop-v2 .main-nav .wrapper .search {
        display: flex;
        flex-direction: row-reverse;
        margin-right: 40px; }
        .header-desktop-v2 .main-nav .wrapper .search .input {
          align-self: center;
          position: relative;
          width: 158px;
          transition: width 0.3s ease;
          user-select: none; }
          .header-desktop-v2 .main-nav .wrapper .search .input .sponsor {
            float: right;
            margin-right: 10px;
            transition: opacity 0.3s ease; }
          .header-desktop-v2 .main-nav .wrapper .search .input form {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -7px;
            z-index: 2;
            width: 1px;
            overflow: hidden;
            transition: width 0.3s ease; }
            .header-desktop-v2 .main-nav .wrapper .search .input form input {
              color: #FFF;
              font-size: 16px;
              padding: 6px 11px;
              background: transparent;
              border: solid 1px #fff;
              border-radius: 6px;
              width: 100%; }
              .header-desktop-v2 .main-nav .wrapper .search .input form input:focus, .header-desktop-v2 .main-nav .wrapper .search .input form input:active {
                outline: none; }
          .header-desktop-v2 .main-nav .wrapper .search .input.shown {
            width: 176px; }
            .header-desktop-v2 .main-nav .wrapper .search .input.shown .sponsor {
              opacity: 0.2; }
            .header-desktop-v2 .main-nav .wrapper .search .input.shown form {
              width: 177px; }
        .header-desktop-v2 .main-nav .wrapper .search .icon {
          align-self: center;
          margin: 0 20px 0 5px;
          background-image: url("https://en.sun.mv/public/images/core/search-icon.svg");
          background-repeat: no-repeat;
          height: 22px;
          width: 22px;
          cursor: pointer; }
      .header-desktop-v2 .main-nav .wrapper .menu-btn {
        align-self: center;
        margin-right: auto;
        /* https://codepen.io/designcouch/pen/Atyop */
        cursor: pointer;
        margin-top: 9px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon {
          width: 25px;
          height: 25px;
          position: relative;
          transform: rotate(0deg);
          transition: .5s ease-in-out;
          cursor: pointer; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span {
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          background-color: #FFF;
          opacity: 1;
          left: 0;
          transform: rotate(0deg);
          transition: .25s ease-in-out; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(1) {
          top: 0px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(2), .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(3) {
          top: 7px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(4) {
          top: 14px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(1) {
          top: 7px;
          width: 0%;
          left: 50%; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(2) {
          transform: rotate(45deg); }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(3) {
          transform: rotate(-45deg); }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(4) {
          top: 7px;
          width: 0%;
          left: 50%; }
    .header-desktop-v2 .main-nav .more nav {
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      margin-left: 87px;
      user-select: none;
      transition: opacity 0.3s ease;
      justify-content: space-between; }
      .header-desktop-v2 .main-nav .more nav a {
        color: #ffffff;
        font-size: 16px;
        display: inline-block;
        padding: 5px 15px;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .main-nav .more nav a:hover {
          opacity: 0.7; }
    @media only screen and (max-width: 1200px) {
      .header-desktop-v2 .main-nav .wrapper nav a {
        font-size: 16px;
        padding: 5px 12px; }
      .header-desktop-v2 .main-nav .more nav {
        margin-top: 13px; }
        .header-desktop-v2 .main-nav .more nav a {
          font-size: 16px; } }
    @media only screen and (max-width: 992px) {
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(1),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(2),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(3),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(4) {
        display: none; }
      .header-desktop-v2 .main-nav .more nav {
        margin-right: 0; }
        .header-desktop-v2 .main-nav .more nav a {
          padding: 5px 12px; } }
  .header-desktop-v2 .sub-nav {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; }
    .header-desktop-v2 .sub-nav .col {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
    .header-desktop-v2 .sub-nav .todaysdate {
      font-size: 14px;
      color: #a5a5a5;
      margin: 8px 0;
      user-select: none; }
      .header-desktop-v2 .sub-nav .todaysdate i {
        font-size: 16px;
        float: left;
        margin-right: 10px; }
    .header-desktop-v2 .sub-nav .social-nav {
      display: flex; }
      .header-desktop-v2 .sub-nav .social-nav a {
        color: #999;
        width: 58px;
        display: flex;
        justify-content: center;
        border-left: solid 1px #ddd;
        user-select: none;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .sub-nav .social-nav a:hover {
          opacity: 0.7; }
        .header-desktop-v2 .sub-nav .social-nav a img {
          align-self: center; }
      .header-desktop-v2 .sub-nav .social-nav a.int-edition {
        padding: 8px 0 0 25px;
        font-size: 14px;
        width: auto; }
    body.dark-mode .header-desktop-v2 .sub-nav {
      background-color: #1b1b1b; }
      body.dark-mode .header-desktop-v2 .sub-nav .social-nav a {
        border-color: #3e3e3e; }
  @media only screen and (max-width: 992px) {
    .header-desktop-v2 {
      display: none; } }

/** 
 * Widgets
*/
.widget .widget-title {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: .9em;
  display: inline-block;
  border-left: solid 4px #95989A;
  color: #95989A;
  padding-left: 10px; }
.widget .widget-content {
  margin-top: 10px; }

/**
 * Article Widgets
*/
.widget-article .article-tag {
  font-size: 14px;
  font-weight: 500;
  line-height: .9em;
  display: inline-block;
  padding-left: 5px;
  border-left: solid 4px #95989A;
  color: #95989A;
  margin-bottom: 10px; }
  .widget-article .article-tag:hover, .widget-article .article-tag:active, .widget-article .article-tag:focus {
    text-decoration: none;
    color: #95989A; }
.widget-article h1 {
  font-size: 36px;
  font-weight: 900;
  color: #000;
  line-height: 1.1em;
  margin-bottom: 25px; }
.widget-article h2 {
  font-size: 16px;
  font-weight: 500;
  color: #000; }
.widget-article h3 {
  font-size: 14px;
  font-weight: 500;
  color: #595959; }
.widget-article .main-image {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto; }
.widget-article .datetime {
  font-family: "Segoe UI", "Roboto", "Arial", "sans-serif", "Halvetica";
  font-size: 12px;
  font-weight: 400;
  color: #95989A;
  margin-bottom: 20px; }
.widget-article .excerpt {
  font-size: 15px;
  font-weight: 400;
  color: #95989A; }
.widget-article:hover, .widget-article:active, .widget-article:focus,
.widget-article a:hover, .widget-article a:active, .widget-article a:focus {
  text-decoration: none; }
.widget-article h1, .widget-article h2, .widget-article h3, .widget-article h4, .widget-article h5 {
  transition: color 0.3s ease-in-out; }
.widget-article .live-tag {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 3px 8px 2px 8px;
  margin-top: 5px;
  border: solid 1px;
  border-radius: 6px; }
  .widget-article .live-tag .spot {
    display: inline-block;
    padding: 4px;
    margin-right: 4px;
    border-radius: 50%;
    animation: blink 1s ease-in-out infinite; }
  .widget-article .live-tag.tag-breaking, .widget-article .live-tag.tag-living {
    color: #F80000;
    border-color: #F80000; }
    .widget-article .live-tag.tag-breaking .spot, .widget-article .live-tag.tag-living .spot {
      background-color: #F80000; }
  .widget-article .live-tag.tag-living:after {
    content: 'Live'; }
  .widget-article .live-tag.tag-breaking:after {
    content: 'Breaking'; }
  .widget-article .live-tag.tag-developing {
    color: #0E8968;
    border-color: #0E8968; }
    .widget-article .live-tag.tag-developing:after {
      content: 'Developing'; }
    .widget-article .live-tag.tag-developing .spot {
      background-color: #0E8968; }
.widget-article.article-big .main-image {
  border-radius: 5px; }
.widget-article.article-big:hover h1, .widget-article.article-big:active h1, .widget-article.article-big:focus h1 {
  color: #730101; }
@media only screen and (max-width: 480px) {
  .widget-article.article-big .article-tag {
    display: none; }
  .widget-article.article-big h1 {
    margin-top: 25px;
    margin-bottom: 10px; }
  .widget-article.article-big h1, .widget-article.article-big .datetime, .widget-article.article-big .live-tag {
    margin-left: 25px;
    margin-right: 25px; }
  .widget-article.article-big .excerpt {
    display: none; } }
.widget-article.article-big-portrait .article-item {
  position: relative;
  display: block;
  height: 650px; }
  .widget-article.article-big-portrait .article-item .main-image {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px; }
  .widget-article.article-big-portrait .article-item .portrait-overlay {
    height: 360px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(254, 254, 254, 0) 0%, black 59%, #545454 100%); }
    .widget-article.article-big-portrait .article-item .portrait-overlay .portrait-details {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 30px; }
      .widget-article.article-big-portrait .article-item .portrait-overlay .portrait-details h1 {
        color: #FFF; }
      .widget-article.article-big-portrait .article-item .portrait-overlay .portrait-details .datetime {
        color: #FFF;
        margin-bottom: 0;
        color: #95989A; }
.widget-article.gallery-big .article-item {
  display: block;
  position: relative; }
  .widget-article.gallery-big .article-item .bottom-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 80%, black 100%);
    height: 60%;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0; }
    .widget-article.gallery-big .article-item .bottom-gradient .title {
      position: absolute;
      bottom: 50px;
      left: 7%;
      width: 70%;
      z-index: 3; }
      .widget-article.gallery-big .article-item .bottom-gradient .title .photo-icon {
        display: inline-block;
        height: 100%;
        width: 46px;
        margin-top: 18px;
        position: absolute;
        background-image: url("https://en.sun.mv/public/images/core/icon-camera-lg.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 46px auto; }
      .widget-article.gallery-big .article-item .bottom-gradient .title h2 {
        font-weight: 500;
        font-size: 36px;
        color: #FFF;
        margin-left: 70px;
        margin-top: 18px; }
        .widget-article.gallery-big .article-item .bottom-gradient .title h2:hover {
          color: #FFF; }
.widget-article.article-thumb:hover h2, .widget-article.article-thumb:active h2, .widget-article.article-thumb:focus h2 {
  color: #730101; }
.widget-article.article-thumb .article-item {
  display: block; }
  .widget-article.article-thumb .article-item .main-image {
    display: inline-block;
    float: left;
    margin-right: 4%;
    width: 40%;
    border-radius: 5px; }
  .widget-article.article-thumb .article-item h2 {
    display: block;
    float: left;
    width: 56%;
    margin: 0;
    margin-bottom: 10px; }
  .widget-article.article-thumb .article-item .datetime {
    font-size: 10px;
    margin-top: 5px; }
.widget-article.article-thumb-square:hover h2, .widget-article.article-thumb-square:active h2, .widget-article.article-thumb-square:focus h2 {
  color: #730101; }
.widget-article.article-thumb-square .article-item {
  display: block; }
  .widget-article.article-thumb-square .article-item .main-image {
    margin-bottom: 10px; }
  .widget-article.article-thumb-square .article-item .square-details .article-tag {
    margin-bottom: 13px; }
  .widget-article.article-thumb-square .article-item .square-details h2 {
    font-size: 16px;
    font-weight: 500;
    color: #6B6B6B;
    margin: 0; }
.widget-article.article-feetha:hover h2, .widget-article.article-feetha:active h2, .widget-article.article-feetha:focus h2 {
  color: #730101 !important; }
.widget-article.article-feetha .article-item {
  min-height: 104.5px;
  position: relative;
  display: block;
  background-color: #FFF;
  margin-bottom: 5px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); }
  .widget-article:last-child .feetha-item {
    margin-bottom: 0; }
  .widget-article.article-feetha .article-item .main-image {
    width: 32%;
    display: block;
    height: 100%;
    left: 0;
    background-position: center;
    background-size: cover;
    position: absolute;
    display: none; }
  .widget-article.article-feetha .article-item .feetha-details {
    display: block;
    margin-left: 25px;
    margin-right: 10px;
    float: left; }
  .widget-article.article-feetha .article-item h2 {
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 8px; }
.widget-article.article-feetha.article-feetha-single .article-item {
  margin-bottom: 0; }
.widget-article.article-feetha.article-feetha-category .main-image {
  width: 25%; }
.widget-article.article-feetha.article-feetha-category .feetha-details {
  margin-left: 28%; }
.widget-article.article-feetha.article-feetha-search .main-image {
  right: 0;
  left: auto; }
.widget-article.article-feetha.article-feetha-search .feetha-details {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 35px;
  margin-right: 36%; }
  .widget-article.article-feetha.article-feetha-search .feetha-details .article-tag {
    margin-bottom: 10px; }
  .widget-article.article-feetha.article-feetha-search .feetha-details h2 {
    margin-top: 5px; }
@media only screen and (max-width: 992px) {
  .widget-article.article-feetha .article-item .main-image {
    width: 21%;
    display: block; }
  .widget-article.article-feetha .article-item .feetha-details {
    margin-left: 24%; }
  .widget-article.article-feetha.article-feetha-search .feetha-details {
    margin-right: 24%;
    margin-left: 35px; } }
@media only screen and (max-width: 768px) {
  .widget-article.article-feetha .article-item .main-image {
    width: 24%; }
  .widget-article.article-feetha .article-item .feetha-details {
    margin-left: 26%; }
  .widget-article.article-feetha.article-feetha-search .feetha-details {
    margin-right: 26%;
    margin-left: 35px; } }
@media only screen and (max-width: 480px) {
  .widget-article.article-feetha .article-item .main-image {
    width: 32%; }
  .widget-article.article-feetha .article-item .feetha-details {
    margin-left: 35%; }
  .widget-article.article-feetha.article-feetha-search .feetha-details {
    margin-right: 35%;
    margin-left: 35px; } }
.widget-article.article-category-featured:hover h2, .widget-article.article-category-featured:active h2, .widget-article.article-category-featured:focus h2 {
  color: #cecece !important; }
.widget-article.article-category-featured .article-item {
  position: relative;
  display: block;
  margin-bottom: 90px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden; }
  .widget-article.article-category-featured .article-item .featured-overlay {
    position: absolute;
    background: linear-gradient(transparent, #000000, #4E4E4E);
    height: 175px;
    width: 100%;
    bottom: -90px; }
    .widget-article.article-category-featured .article-item .featured-overlay .featured-details {
      margin: 25px 20px;
      position: absolute;
      bottom: 0; }
      .widget-article.article-category-featured .article-item .featured-overlay .featured-details .article-tag {
        margin-bottom: 15px;
        display: block; }
      .widget-article.article-category-featured .article-item .featured-overlay .featured-details h2 {
        font-size: 16px;
        font-weight: 500;
        color: #FFF;
        margin: 0; }
.widget-article.article-category-featured.category-featured-home-fixed .article-item {
  margin-bottom: 10px;
  height: 345px; }
  .widget-article.article-category-featured.category-featured-home-fixed .article-item .main-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .widget-article.article-category-featured.category-featured-home-fixed .article-item .featured-overlay {
    bottom: 0;
    margin-bottom: 0; }
.widget-article.article-category-featured.category-featured-page-fixed .article-item {
  margin-bottom: 0;
  height: 350px; }
  .widget-article.article-category-featured.category-featured-page-fixed .article-item .main-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .widget-article.article-category-featured.category-featured-page-fixed .article-item .featured-overlay {
    bottom: 0; }
.widget-article.article-category-featured.category-featured-page-small .article-item {
  margin-bottom: 0;
  height: 220px; }
  .widget-article.article-category-featured.category-featured-page-small .article-item .main-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .widget-article.article-category-featured.category-featured-page-small .article-item .featured-overlay {
    bottom: 0; }
@media only screen and (max-width: 992px) {
  .widget-article.article-category-featured.category-featured-page-fixed .article-item {
    height: 0;
    padding-bottom: 75%;
    position: relative; }
    .widget-article.article-category-featured.category-featured-page-fixed .article-item .main-image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; } }
@media only screen and (max-width: 768px) {
  .widget-article.article-category-featured.category-featured-page-small .article-item {
    height: 0;
    padding-bottom: 75%;
    position: relative; }
    .widget-article.article-category-featured.category-featured-page-small .article-item .main-image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; } }
.widget-article.article-category-square:hover h2, .widget-article.article-category-square:active h2, .widget-article.article-category-square:focus h2 {
  color: #730101 !important; }
.widget-article.article-category-square .article-item {
  display: block;
  background-color: #FFF;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
  min-height: 345px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden; }
  .widget-article.article-category-square .article-item .main-image {
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .widget-article.article-category-square .article-item .square-details {
    padding: 25px; }
    .widget-article.article-category-square .article-item .square-details .article-tag {
      margin-bottom: 13px; }
    .widget-article.article-category-square .article-item .square-details h2 {
      font-size: 16px;
      font-weight: 500;
      color: #6B6B6B;
      margin: 0; }
.widget-article.article-category-square.widget-article.article-category-square-simple .article-item {
  min-height: auto;
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16); }
  .widget-article.article-category-square.widget-article.article-category-square-simple .article-item .square-details {
    padding: 20px 25px; }
    .widget-article.article-category-square.widget-article.article-category-square-simple .article-item .square-details h2 {
      color: #1C1C1C; }
.widget-article.article-category-feetha:hover h3, .widget-article.article-category-feetha:active h3, .widget-article.article-category-feetha:focus h3 {
  color: #730101; }
.widget-article.article-category-feetha .article-item {
  display: block;
  background-color: #FFF;
  padding: 20px;
  margin-bottom: 10px;
  min-height: 108.6px; }
  .widget-article:last-child .article-item {
    margin-bottom: 0; }
  .widget-article.article-category-feetha .article-item .feetha-details .article-tag {
    margin-bottom: 13px; }
  .widget-article.article-category-feetha .article-item .feetha-details h3 {
    margin: 0; }
@media only screen and (max-width: 768px) {
  .widget-article.article-category-feetha:last-child {
    margin-bottom: 20px; } }
.widget-article.article-feetha-photo:hover h2, .widget-article.article-feetha-photo:active h2, .widget-article.article-feetha-photo:focus h2 {
  color: #999 !important; }
.widget-article.article-feetha-photo .article-item {
  background-color: #000; }
  .widget-article.article-feetha-photo .article-item .feetha-details h2 {
    color: #CCC; }
.widget-article.article-opinion:hover h3, .widget-article.article-opinion:active h3, .widget-article.article-opinion:focus h3 {
  color: #730101; }
.widget-article.article-opinion .article-item {
  display: block;
  background-color: #FFF;
  margin-bottom: 10px;
  margin-left: 35px;
  position: relative; }
  .widget-article:last-child .article-item {
    margin-bottom: 0; }
  .widget-article.article-opinion .article-item .avatar {
    position: absolute;
    left: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.15);
    width: 65px; }
  .widget-article.article-opinion .article-item .opinion-details {
    margin-left: 60px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    min-height: 95px;
    position: relative; }
    .widget-article.article-opinion .article-item .opinion-details h3 {
      margin: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
@media only screen and (max-width: 480px) {
  .widget-article.article-opinion .article-item .opinion-details {
    margin-left: 40px; } }
.widget-article.article-reader-related:hover h3, .widget-article.article-reader-related:active h3, .widget-article.article-reader-related:focus h3 {
  color: #730101; }
.widget-article.article-reader-related .article-item {
  display: block;
  background-color: #FFF;
  padding: 10px;
  border-bottom: solid 1px #E1E2E3; }
  .widget-article:last-child .article-item {
    border-bottom: none; }
  .widget-article.article-reader-related .article-item .feetha-details {
    display: flex; }
    .widget-article.article-reader-related .article-item .feetha-details img {
      width: 100px;
      height: 80px;
      object-fit: cover;
      margin-right: 10px; }
    .widget-article.article-reader-related .article-item .feetha-details .article-tag {
      margin-bottom: 13px; }
    .widget-article.article-reader-related .article-item .feetha-details h3 {
      color: #000;
      margin: 0;
      font-size: 17px; }

.load-more {
  text-align: center;
  margin-top: 10px; }
  .load-more button {
    padding: 10px 20px;
    width: 100%;
    color: #888;
    border: solid 1px #e2e2e2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    font-weight: 500;
    font-size: 12px;
    transition: border-color, background-color 0.2s ease-in-out;
    user-select: none; }
    .load-more button .loader-ellips {
      width: 67px;
      margin-left: auto;
      margin-right: auto; }
    .load-more button:hover, .load-more button.loading {
      border-color: #C40606;
      color: #FFF;
      background-color: #C40606; }
  .load-more.dark button {
    border: solid 1px #4e4e4e;
    background-color: #4e4e4e;
    color: #dcdcdc; }

/**
 * Gallery Slider
*/
.featured-gallery {
  width: 100%;
  height: 750px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  background-color: #000; }
  .featured-gallery .inner {
    position: absolute;
    font-size: 0;
    width: 4680px; }
  .featured-gallery .inner > div {
    width: 1148px;
    padding-left: 3px;
    padding-right: 3px;
    height: 750px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #EEEEEE; }
    .featured-gallery .inner > div .gallery-image {
      width: 100%;
      height: 100%;
      background-size: cover;
      cursor: pointer;
      position: relative; }
      .featured-gallery .inner > div .gallery-image .overlay {
        position: absolute;
        background-color: #FFF;
        opacity: 0.5;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: opacity 1s ease-in-out; }
        .featured-gallery .inner > div .gallery-image .overlay.active {
          opacity: 0; }
      .featured-gallery .inner > div .gallery-image .title {
        position: absolute;
        bottom: 118px;
        right: 120px;
        z-index: 3;
        width: 600px;
        border-top: solid 4px #95989A;
        display: none; }
        .featured-gallery .inner > div .gallery-image .title .photo-icon {
          display: inline-block;
          height: 100%;
          width: 70px;
          position: absolute;
          background-image: url("https://en.sun.mv/public/images/core/icon-camera-lg.png");
          background-repeat: no-repeat;
          background-position: center center;
          margin-left: 45px; }
        .featured-gallery .inner > div .gallery-image .title h2 {
          font-weight: 900;
          font-size: 36px;
          color: #FFF;
          margin-left: 150px;
          margin-top: 18px; }
          .featured-gallery .inner > div .gallery-image .title h2:hover {
            color: #FFF; }
    .featured-gallery .inner > div .bottom-gradient {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 80%, black 100%);
      height: 708px;
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0; }
  .featured-gallery .nav-link {
    display: none;
    position: absolute;
    background-image: url("https://en.sun.mv/public/images/core/gallery-nav.png");
    background-repeat: no-repeat;
    background-position: 70% center;
    background-size: 70px auto;
    z-index: 5;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: opacity 0.4s ease-in-out; }
    .featured-gallery .nav-link:hover {
      opacity: .6; }
    .featured-gallery .nav-link.next {
      right: 0;
      transform: rotate(180deg); }
    .featured-gallery .nav-link.prev {
      left: 0; }

.thumb-gallery, .featured-gallery-mobile {
  margin-top: 5px;
  position: relative;
  overflow: hidden; }
  .thumb-gallery .inner > div, .featured-gallery-mobile .inner > div {
    overflow: hidden; }
    .thumb-gallery .inner > div .gallery-image, .featured-gallery-mobile .inner > div .gallery-image {
      width: 100%;
      height: 460px;
      background-size: cover;
      cursor: pointer;
      position: relative; }
      .thumb-gallery .inner > div .gallery-image .title, .featured-gallery-mobile .inner > div .gallery-image .title {
        position: absolute;
        bottom: 25px;
        right: 50px;
        width: 72%;
        z-index: 3;
        border-top: solid 4px #95989A; }
        .thumb-gallery .inner > div .gallery-image .title .photo-icon, .featured-gallery-mobile .inner > div .gallery-image .title .photo-icon {
          display: inline-block;
          height: 100%;
          width: 46px;
          position: absolute;
          background-image: url("https://en.sun.mv/public/images/core/icon-camera-lg.png");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 46px auto; }
        .thumb-gallery .inner > div .gallery-image .title h2, .featured-gallery-mobile .inner > div .gallery-image .title h2 {
          font-weight: 900;
          font-size: 23px;
          color: #FFF;
          margin-left: 70px;
          margin-top: 18px; }
          .thumb-gallery .inner > div .gallery-image .title h2:hover, .featured-gallery-mobile .inner > div .gallery-image .title h2:hover {
            color: #FFF; }
      .thumb-gallery .inner > div .gallery-image .bottom-gradient, .featured-gallery-mobile .inner > div .gallery-image .bottom-gradient {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 80%, black 100%);
        height: 435px;
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0; }
  .thumb-gallery .nav-link, .featured-gallery-mobile .nav-link {
    position: absolute;
    background-image: url("https://en.sun.mv/public/images/core/gallery-nav.png");
    background-repeat: no-repeat;
    background-position: 70% center;
    background-size: 100%;
    width: 35px;
    z-index: 5;
    top: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0.4;
    transition: opacity 0.2s ease-in-out; }
    .thumb-gallery .nav-link:hover, .featured-gallery-mobile .nav-link:hover {
      opacity: .8; }
    .thumb-gallery .nav-link.next, .featured-gallery-mobile .nav-link.next {
      right: 50px;
      transform: rotate(180deg); }
    .thumb-gallery .nav-link.prev, .featured-gallery-mobile .nav-link.prev {
      left: 50px; }

/**
 * Featured Top
*/
.notification {
  display: block;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #FFF; }
  .notification:hover, .notification:active, .notification:focus {
    text-decoration: none;
    color: #FFF; }
  .notification.notification-breaking {
    background: linear-gradient(#8F0A0A, #F70606); }

.featured-top {
  margin-bottom: 20px;
  background-color: #FFF;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); }
  .featured-top.featured-top-article {
    background-color: #F8F8F8;
    height: 825px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0; }
  .featured-top .featured-article,
  .featured-top .featured-thumb,
  .featured-top .featured-side,
  .featured-top .featured-side-thumb-square {
    padding-top: 20px;
    padding-bottom: 20px; }
  .featured-top .featured-article .widget-article {
    margin-right: 10px; }
  .featured-top .featured-thumb {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD; }
    .featured-top .featured-thumb .widget-article {
      margin-bottom: 15px;
      margin-left: 10px;
      margin-right: 10px; }
  .featured-top .featured-side .widget-most-read {
    margin-left: 10px; }
    .featured-top .featured-side .widget-most-read ol {
      padding: 0;
      margin-top: 10px;
      counter-reset: item;
      list-style-type: none;
      list-style-position: outside; }
      .featured-top .featured-side .widget-most-read ol li:before {
        content: counter(item) ;
        counter-increment: item;
        font-size: 21px;
        font-weight: 700;
        color: #636363;
        display: inline-block;
        position: absolute; }
      .featured-top .featured-side .widget-most-read ol li {
        display: block;
        position: relative;
        border-bottom: solid 1px #DDD;
        margin-bottom: 17px;
        padding-bottom: 17px;
        top: -4px; }
        .featured-top .featured-side .widget-most-read ol li:last-child {
          border-bottom: none; }
      .featured-top .featured-side .widget-most-read ol li a {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        display: inline-block;
        margin-left: 25px;
        transition: color 0.3s ease-in-out; }
        .featured-top .featured-side .widget-most-read ol li a:hover, .featured-top .featured-side .widget-most-read ol li a:active, .featured-top .featured-side .widget-most-read ol li a:focus {
          text-decoration: none;
          color: #730101; }
  .featured-top .featured-side-thumb-square {
    margin-left: 10px; }
    .featured-top .featured-side-thumb-square .widget-article:first-child {
      margin-bottom: 40px; }
  @media only screen and (max-width: 992px) {
    .featured-top .featured-article .widget-article {
      margin-right: 0; }
    .featured-top .featured-thumb {
      padding-top: 0;
      border-left: none; }
      .featured-top .featured-thumb .widget-article {
        margin-left: 0; }
    .featured-top .featured-side {
      padding-top: 0; } }
  @media only screen and (max-width: 768px) {
    .featured-top .featured-thumb {
      margin-top: 20px;
      border-right: none; }
      .featured-top .featured-thumb .article-thumb {
        margin-right: 0; }
    .featured-top .featured-side .widget-most-read,
    .featured-top .featured-side .adv-featured-top {
      margin-left: 0 !important; } }
  @media only screen and (max-width: 480px) {
    .featured-top .container {
      padding-left: 0;
      padding-right: 0; }
      .featured-top .container .sm-gutter {
        margin-left: 0;
        margin-right: 0; }
      .featured-top .container .sm-gutter > [class*='col-'] {
        padding-left: 0;
        padding-right: 0; }
    .featured-top .featured-thumb {
      margin-left: 25px;
      margin-right: 25px; } }

/**
 * Home
*/
.home-section-1 {
  margin-top: 40px; }

.home-category .article-category-featured .article-item .featured-overlay {
  margin-bottom: 10px; }
.home-category .article-category-square:first-child {
  margin-bottom: 10px; }
@media only screen and (max-width: 992px) {
  .home-category {
    margin-top: 25px; } }

.home-section-gallery {
  margin-top: 35px; }

.home-section-2 {
  margin-top: 30px; }
  @media only screen and (max-width: 992px) {
    .home-section-2 .widget-opinion {
      margin-top: 25px; } }

/**
 * Byline
*/
.byline {
  font-size: 0; }
  .byline .author {
    display: inline-block; }
    .byline .author img {
      border-radius: 50px;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.36);
      float: left;
      margin-right: 16px;
      max-width: 60px; }
    .byline .author span {
      display: inline-block; }
      .byline .author span .name {
        font-size: 20px;
        color: #707070;
        margin-top: 5px;
        margin-bottom: 4px; }
        .byline .author span .name a {
          color: #090808; }
        .byline .author span .name .twitter-follow {
          margin-left: 5px;
          display: inline-block;
          background-image: url("https://en.sun.mv/public/images/core/twitter-follow-sm.svg");
          background-repeat: no-repeat;
          background-position: left center;
          background-size: 20px auto;
          cursor: pointer; }
          .byline .author span .name .twitter-follow:after {
            content: ' Follow';
            margin-left: 24px;
            font-size: 15px;
            color: #0A9FE0; }
          .byline .author span .name .twitter-follow:hover, .byline .author span .name .twitter-follow:focus, .byline .author span .name .twitter-follow:active {
            text-decoration: none; }
      .byline .author span .datetime, .byline .author span .desig {
        font-size: 15px;
        color: #707070;
        margin-bottom: 0; }
  .byline .social-share {
    display: inline-block;
    float: right;
    margin-top: 8px; }
    .byline .social-share a {
      cursor: pointer; }
    .byline .social-share .comment {
      display: inline-block;
      border-right: solid 1px #CFCFCF;
      padding-right: 15px;
      margin-right: 5px; }
    .byline .social-share img {
      width: 45px;
      margin-left: 10px;
      transition: opacity 0.2s ease-in-out; }
      .byline .social-share img:hover {
        opacity: 0.8; }
  .byline.byline-bottom {
    border-bottom: solid 1px #CFCFCF;
    margin-top: 25px;
    padding-bottom: 15px; }
  .byline.byline-live .social-share {
    float: none;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px; }
    .byline.byline-live .social-share .comment img {
      margin-left: 0; }
    .byline.byline-live .social-share img {
      width: 30px; }
  .byline.byline-photo .author .name, .byline.byline-photo .author .name a {
    color: #FFF; }
  .byline.byline-photo .author .datetime {
    color: #B1B1B1; }
  @media only screen and (max-width: 768px) {
    .byline {
      margin-right: 20px;
      margin-left: 20px; }
      .byline .social-share {
        display: block;
        float: none;
        text-align: center;
        border-top: solid 1px #CFCFCF;
        padding-top: 13px;
        margin-top: 10px; }
    .byline.byline-live .social-share {
      border-top: none; } }
  @media only screen and (max-width: 480px) {
    .byline .author img {
      width: 40px; }
    .byline .social-share .comment {
      margin-right: 0;
      padding-right: 10px; }
    .byline .social-share img {
      width: 30px; } }

/**
 * Article
*/
.article-reader-wrapper {
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    .article-reader-wrapper .container {
      padding-left: 0;
      padding-right: 0; }
      .article-reader-wrapper .container .sm-gutter {
        margin-left: 0;
        margin-right: 0; }
      .article-reader-wrapper .container .sm-gutter > [class*='col-'] {
        padding-left: 0;
        padding-right: 0; } }

.article-reader-details {
  margin-top: 45px;
  margin-bottom: 35px; }
  .article-reader-details h1 {
    font-size: 44px;
    font-weight: 900;
    color: #000; }
  .article-reader-details .article-subheading {
    margin-top: 15px;
    padding-left: 20px;
    list-style-type: square; }
    .article-reader-details .article-subheading li {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 4px; }
  @media only screen and (max-width: 768px) {
    .article-reader-details {
      padding-left: 30px;
      padding-right: 30px; } }

.article-reader-space {
  margin-bottom: 25px; }

.article-reader-photo {
  margin-top: 22px; }
  .article-reader-photo .reader-image {
    position: relative; }
    .article-reader-photo .reader-image img {
      display: block;
      max-width: 100%;
      width: 100%;
      height: auto; }
    .article-reader-photo .reader-image .reader-image-caption {
      font-size: 13px;
      font-weight: 400;
      color: #FFF;
      height: 120px;
      position: absolute;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2a2a2a 69%, black 100%);
      bottom: 0;
      left: 0;
      right: 0; }
      .article-reader-photo .reader-image .reader-image-caption p {
        text-align: center;
        display: block;
        position: absolute;
        margin: 20px;
        bottom: 0;
        left: 0;
        right: 0; }

.article-reader-portrait {
  position: relative;
  margin-top: 22px; }
  .article-reader-portrait .portrait-image {
    width: 76%; }
  .article-reader-portrait .portrait-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 50%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, black 50%, black 100%); }
  .article-reader-portrait .content {
    margin: 45px;
    position: absolute;
    top: 0;
    bottom: 0; }
    .article-reader-portrait .content h1 {
      font-size: 36px;
      font-weight: 900;
      color: #FFF;
      margin: 0; }
    .article-reader-portrait .content .byline {
      position: absolute;
      bottom: 0; }
      .article-reader-portrait .content .byline .author {
        display: block;
        margin-bottom: 15px; }
        .article-reader-portrait .content .byline .author img {
          width: 50px; }
        .article-reader-portrait .content .byline .author .name {
          color: #939393; }
          .article-reader-portrait .content .byline .author .name a {
            color: #FFF; }
      .article-reader-portrait .content .byline .social-share {
        display: block;
        float: none; }
        .article-reader-portrait .content .byline .social-share img {
          width: 37px; }
        .article-reader-portrait .content .byline .social-share .comment img {
          margin-left: 0; }
  @media only screen and (max-width: 768px) {
    .article-reader-portrait .portrait-image {
      width: 100%; }
    .article-reader-portrait .portrait-overlay {
      position: static;
      width: 100%;
      background: #222; }
    .article-reader-portrait .content {
      position: static;
      margin: 0;
      padding: 20px; }
      .article-reader-portrait .content .byline {
        margin-top: 40px;
        position: static; }
        .article-reader-portrait .content .byline .social-share img {
          width: 27px; } }

.article-reader-video {
  margin-top: 22px; }
  .article-reader-video .video-frame {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
  .article-reader-video .video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.article-reader-body {
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  padding-top: 55px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 20px; }
  .article-reader-body .reader-body-content {
    font-size: 19px;
    font-weight: 400;
    color: #393939; }
    .article-reader-body .reader-body-content, .article-reader-body .reader-body-content p {
      line-height: 1.7em; }
    .article-reader-body .reader-body-content h1, .article-reader-body .reader-body-content h2, .article-reader-body .reader-body-content h3, .article-reader-body .reader-body-content h4 {
      font-weight: bold; }
    .article-reader-body .reader-body-content > p:first-child:first-letter, .article-reader-body .reader-body-content > p > p {
      font-family: 'Georgia';
      font-size: 79px;
      line-height: 0.9;
      margin: -3px 20px 0 0;
      color: #9E9E9E;
      float: left;
      display: block;
      text-transform: uppercase; }
    .article-reader-body .reader-body-content > p {
      margin-bottom: 30px; }
    .article-reader-body .reader-body-content figure {
      margin-left: -40px;
      margin-right: -40px;
      margin-bottom: 30px;
      position: relative; }
      .article-reader-body .reader-body-content figure > p {
        display: none; }
      .article-reader-body .reader-body-content figure img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto; }
      .article-reader-body .reader-body-content figure figcaption {
        font-size: 13px;
        font-weight: 400;
        color: #FFF;
        text-align: center;
        padding: 15px 15px 10px 15px;
        background: linear-gradient(rgba(0, 0, 0, 0), #000);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
      .article-reader-body .reader-body-content figure.portrait {
        position: relative; }
        .article-reader-body .reader-body-content figure.portrait img {
          width: 63%; }
        .article-reader-body .reader-body-content figure.portrait figcaption {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.77);
          width: 40%;
          padding: 15% 9% 0 10%;
          text-align: left; }
          .article-reader-body .reader-body-content figure.portrait figcaption:before {
            content: '';
            background-image: url("https://en.sun.mv/public/images/core/icon-camera-lg.png");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 42px;
            height: 45px;
            display: block;
            margin-bottom: 10px;
            display: block; }
    .article-reader-body .reader-body-content blockquote:not(.twitter-tweet) {
      background-color: #FFF;
      position: relative;
      float: left;
      width: 250px;
      left: -70px;
      margin-right: -30px;
      padding: 50px 30px 40px 30px;
      border: solid 1px #900307;
      font-size: 17px;
      font-weight: 500;
      color: #616161; }
      .article-reader-body .reader-body-content blockquote:not(.twitter-tweet):before {
        position: absolute;
        width: 70px;
        height: 40px;
        display: block;
        background-image: url("https://en.sun.mv/public/images/core/quote-icon.png");
        background-repeat: no-repeat;
        background-position: center;
        background-color: #FFF;
        position: absolute;
        top: -17px;
        left: 0;
        right: 0;
        margin: auto;
        content: ' '; }
      .article-reader-body .reader-body-content blockquote:not(.twitter-tweet) .name {
        display: block;
        margin-top: 30px;
        font-weight: 700;
        font-size: 19px;
        color: #393939;
        margin-bottom: -5px; }
      .article-reader-body .reader-body-content blockquote:not(.twitter-tweet) .prof {
        font-weight: 400;
        font-size: 14px;
        color: #7E7E7E; }
    .article-reader-body .reader-body-content .embed-article {
      position: relative;
      float: left;
      width: 250px;
      left: -70px;
      bottom: 0;
      margin-right: -30px;
      margin-bottom: 30px;
      background-color: #FFF;
      box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16); }
      .article-reader-body .reader-body-content .embed-article a {
        display: block; }
        .article-reader-body .reader-body-content .embed-article a:hover, .article-reader-body .reader-body-content .embed-article a:focus {
          text-decoration: none; }
        .article-reader-body .reader-body-content .embed-article a:first-child {
          border-bottom: solid 1px #95989A; }
        .article-reader-body .reader-body-content .embed-article a img {
          display: block;
          max-width: 100%;
          width: 100%;
          height: auto; }
        .article-reader-body .reader-body-content .embed-article a .details {
          padding: 35px; }
          .article-reader-body .reader-body-content .embed-article a .details h3 {
            font-size: 16px;
            font-weight: 700;
            color: #393939;
            margin: 0; }
          .article-reader-body .reader-body-content .embed-article a .details .more:after {
            font-size: 16px;
            font-weight: 700;
            color: #8C8C8C;
            display: block;
            margin-top: 20px;
            content: 'Read More';
            background-image: url("https://en.sun.mv/public/images/core/more-icon.png");
            background-repeat: no-repeat;
            background-position: 100px center; }
  @media only screen and (max-width: 992px) {
    .article-reader-body .reader-body-content blockquote {
      float: none;
      width: auto;
      left: 0;
      margin-right: 0;
      margin-bottom: 30px; }
    .article-reader-body .reader-body-content .embed-article {
      position: relative;
      float: none;
      width: auto;
      left: 0;
      margin-right: 0; }
      .article-reader-body .reader-body-content .embed-article a img {
        display: none; } }
  @media only screen and (max-width: 480px) {
    .article-reader-body {
      padding-left: 20px;
      padding-right: 20px; }
      .article-reader-body .reader-body-content figure {
        margin-left: -20px;
        margin-right: -20px; }
        .article-reader-body .reader-body-content figure.portrait img {
          width: 100%; }
        .article-reader-body .reader-body-content figure.portrait figcaption {
          position: static;
          width: auto;
          padding: 20px;
          text-align: center; }
          .article-reader-body .reader-body-content figure.portrait figcaption:before {
            display: none; } }

@media only screen and (max-width: 768px) {
  .article-reader-body-bottom {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px; } }

.article-reader-sidebar .widget-reader-related-article {
  margin-top: 20px; }
  .article-reader-sidebar .widget-reader-related-article .widget-content {
    background-color: #FFF;
    box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16); }
.article-reader-sidebar .widget-reader-next-article {
  margin-top: 20px; }
.article-reader-sidebar .widget-reader-tags {
  margin-top: 20px; }
  .article-reader-sidebar .widget-reader-tags .widget-content {
    padding: 15px;
    background-color: #FFF;
    box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16); }
    .article-reader-sidebar .widget-reader-tags .widget-content a {
      display: inline-block;
      padding: 10px 20px;
      margin: 7px 3px;
      background-color: #DFDFDF;
      border-radius: 17px;
      font-size: 14px;
      font-weight: 500;
      color: #848484; }
      .article-reader-sidebar .widget-reader-tags .widget-content a:hover, .article-reader-sidebar .widget-reader-tags .widget-content a:focus {
        text-decoration: none; }
@media only screen and (max-width: 768px) {
  .article-reader-sidebar {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px; } }

/**
 * Liveblog
*/
.liveblog-featured {
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media only screen and (max-width: 480px) {
    .liveblog-featured {
      height: 500px; } }

.liveblog-wrapper {
  position: relative;
  z-index: 1;
  top: -100px; }

.liveblog-details {
  background-color: #BB0101;
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.16);
  border-bottom: solid 1px #95989A;
  padding: 30px;
  margin-bottom: 25px; }
  .liveblog-details .update-strip {
    font-size: 0; }
    .liveblog-details .update-strip .live-tag {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      display: inline-block;
      padding: 4px 12px 2px 12px;
      border: solid 1px #F80000;
      border-radius: 6px;
      background-color: #FFF; }
      .liveblog-details .update-strip .live-tag .spot {
        display: inline-block;
        padding: 5px;
        margin-right: 7px;
        border-radius: 50%;
        background-color: #FF0000;
        animation: blink 1s ease-in-out infinite; }
      .liveblog-details .update-strip .live-tag:after {
        content: 'Live';
        color: #FF0000; }
    .liveblog-details .update-strip .update-time {
      font-size: 16px;
      font-weight: 500;
      color: #FFF;
      display: inline-block;
      border-left: solid 2px #D25858;
      margin-left: 15px;
      padding-left: 15px; }
  .liveblog-details h1 {
    font-size: 36px;
    font-weight: 900;
    color: #FFF;
    margin-top: 15px; }
  .liveblog-details .liveblog-subheading {
    padding-left: 0;
    margin-top: 25px;
    margin-bottom: 0; }
    .liveblog-details .liveblog-subheading li {
      list-style-type: none;
      font-size: 16px;
      font-weight: 500;
      color: #EFC4C4;
      margin-bottom: 10px; }
      .liveblog-details .liveblog-subheading li:before {
        font-size: 45px;
        display: inline-block;
        content: "\2022";
        position: relative;
        top: 11px;
        margin-right: 15px;
        line-height: 0; }
  @media only screen and (max-width: 480px) {
    .liveblog-details {
      margin-left: -15px;
      margin-right: -15px; }
      .liveblog-details .update-strip .update-time {
        display: block;
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        margin-top: 15px; } }

.liveblog-summary {
  padding-top: 20px;
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px; }
  .liveblog-summary .widget-liveblog-summary {
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 20px;
    border-bottom: solid 1px #DBDCDC; }
    .liveblog-summary .widget-liveblog-summary .widget-content,
    .liveblog-summary .widget-liveblog-summary .widget-content p {
      font-size: 14px;
      color: #393939; }
  .liveblog-summary .liveblog-highlights {
    padding: 0;
    margin-top: 25px;
    padding-left: 33px;
    padding-right: 33px;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: solid 1px #DBDCDC; }
    .liveblog-summary .liveblog-highlights .highlights-show {
      display: none; }
    .liveblog-summary .liveblog-highlights li {
      list-style-type: none;
      margin-bottom: 25px; }
    .liveblog-summary .liveblog-highlights li a {
      display: block; }
      .liveblog-summary .liveblog-highlights li a .highlight-time {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #A90000;
        margin-bottom: 2px; }
        .liveblog-summary .liveblog-highlights li a .highlight-time:before {
          display: inline-block;
          height: 11px;
          width: 11px;
          margin-right: 5px;
          margin-bottom: -1px;
          content: '';
          background-image: url("https://en.sun.mv/public/images/core/liveblog-highlight-icon.png");
          background-repeat: no-repeat; }
      .liveblog-summary .liveblog-highlights li a .highlight-heading {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #848484;
        margin-left: 17px; }
      .liveblog-summary .liveblog-highlights li a:hover, .liveblog-summary .liveblog-highlights li a:focus, .liveblog-summary .liveblog-highlights li a:active {
        text-decoration: none; }
  .liveblog-summary .liveblog-comment {
    padding-left: 33px;
    padding-right: 33px;
    text-align: left;
    border-top: solid 1px #DBDCDC; }
    .liveblog-summary .liveblog-comment span {
      display: inline-block;
      cursor: pointer;
      margin-top: 5px;
      padding: 10px 5px; }
      .liveblog-summary .liveblog-comment span:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("https://en.sun.mv/public/images/core/comment-icon.svg");
        background-size: 100%;
        background-repeat: no-repeat; }
      .liveblog-summary .liveblog-comment span:after {
        font-size: 14px;
        font-weight: 500;
        color: #999;
        content: 'Comments';
        display: inline-block;
        position: relative;
        top: -5px;
        margin-left: 8px; }
      .liveblog-summary .liveblog-comment span:hover:after {
        color: #888; }
  @media only screen and (max-width: 768px) {
    .liveblog-summary .liveblog-highlights {
      margin-top: 5px;
      height: 45px;
      overflow: hidden; }
      .liveblog-summary .liveblog-highlights .highlights-show {
        display: block;
        cursor: pointer;
        padding: 10px 0;
        margin-bottom: 10px; }
        .liveblog-summary .liveblog-highlights .highlights-show:before {
          font-size: 12px;
          font-weight: 700;
          color: #A90000;
          content: 'Highlights'; }
        .liveblog-summary .liveblog-highlights .highlights-show:after {
          content: '';
          width: 11px;
          height: 11px;
          margin-left: 10px;
          display: inline-block;
          transform: rotate(90deg);
          background-image: url("https://en.sun.mv/public/images/core/liveblog-highlight-icon.png");
          background-repeat: no-repeat;
          background-position: center bottom;
          transition: transform 0.3s ease-in-out; }
        .liveblog-summary .liveblog-highlights .highlights-show.open:after {
          transform: rotate(270deg); } }

.liveblog-bullet {
  background: #FFF;
  padding: 20px 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 0;
  margin-bottom: 15px; }
  .liveblog-bullet .author {
    width: 12%;
    display: inline-block;
    float: left; }
    .liveblog-bullet .author img {
      max-width: 55px;
      display: block;
      max-width: 100%;
      width: 100%;
      height: auto; }
  .liveblog-bullet .details {
    font-size: 14px;
    font-weight: 500;
    width: 88%;
    display: inline-block;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: left; }
    .liveblog-bullet .details .info {
      margin-bottom: 8px; }
      .liveblog-bullet .details .info .time {
        display: inline-block;
        color: #D10909; }
      .liveblog-bullet .details .info .author-name {
        display: inline-block;
        color: #848484;
        margin-left: 8px;
        padding-left: 8px;
        line-height: 1em;
        border-left: solid 4px #D9DADB; }
    .liveblog-bullet .details h2 {
      font-size: 18px;
      font-weight: 500;
      color: #000;
      margin-top: 0;
      margin-bottom: 8px; }
    .liveblog-bullet .details .content, .liveblog-bullet .details .content p {
      font-size: 14px;
      font-weight: 400;
      color: #393939; }
    .liveblog-bullet .details .content img {
      max-width: 100%; }
  .liveblog-bullet .bullet-featured {
    margin-top: 15px;
    margin-bottom: -20px; }
    .liveblog-bullet .bullet-featured figure {
      width: 100%; }
      .liveblog-bullet .bullet-featured figure img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto; }
      .liveblog-bullet .bullet-featured figure figcaption {
        font-size: 13px;
        font-weight: 400;
        color: #FFF;
        text-align: center;
        padding: 5px 15px 9px 15px;
        background: linear-gradient(#909090, #000); }
  .liveblog-bullet .bullet-quote {
    width: 88%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin-left: 2%;
    margin-top: 35px;
    margin-bottom: 20px; }
    .liveblog-bullet .bullet-quote blockquote {
      background-color: #FFF;
      position: relative;
      margin-bottom: 0;
      padding: 30px 70px 30px 40px;
      border: solid 1px #900307;
      width: 75%; }
      .liveblog-bullet .bullet-quote blockquote:before {
        position: absolute;
        width: 43px;
        height: 30px;
        display: block;
        background-image: url("https://en.sun.mv/public/images/core/quote-icon.png");
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 20px;
        left: -8%;
        content: ' '; }
      .liveblog-bullet .bullet-quote blockquote .content {
        display: block;
        font-size: 17px;
        font-weight: 500;
        color: #616161; }
      .liveblog-bullet .bullet-quote blockquote .by {
        display: block;
        /* position: absolute; */
        top: 20px;
        right: -55px;
        padding-top: 10px;
        background-color: #FFF; }
        .liveblog-bullet .bullet-quote blockquote .by .name {
          font-weight: 700;
          font-size: 19px;
          color: #393939;
          margin-bottom: 2px; }
        .liveblog-bullet .bullet-quote blockquote .by .prof {
          font-weight: 400;
          font-size: 14px;
          color: #7E7E7E; }
  .liveblog-bullet.no-author .details {
    padding-left: 5%;
    padding-right: 5%; }
  .liveblog-bullet.no-author .bullet-quote {
    width: 100%; }
  @media only screen and (max-width: 768px) {
    .liveblog-bullet .bullet-quote {
      width: 80%; }
      .liveblog-bullet .bullet-quote blockquote {
        width: 100%;
        padding: 30px; }
        .liveblog-bullet .bullet-quote blockquote:before {
          left: -18%;
          height: 50px;
          background-color: #FFF; }
        .liveblog-bullet .bullet-quote blockquote .by {
          position: static; }
          .liveblog-bullet .bullet-quote blockquote .by img {
            display: none; } }
  @media only screen and (max-width: 480px) {
    .liveblog-bullet .author {
      width: 18%; }
    .liveblog-bullet .details {
      width: 80%; } }

.liveblog-sidebar .widget-reader-related-article {
  margin-top: 20px; }
.liveblog-sidebar .widget-liveblog-next-article {
  margin-top: 20px; }
@media only screen and (max-width: 768px) {
  .liveblog-sidebar {
    margin-top: 20px; } }

.liveblog-comment-popup {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  z-index: 800;
  background-color: #eee;
  width: 450px;
  transform: translateX(110%);
  transition: all 0.4s ease-in-out;
  visibility: none; }
  .liveblog-comment-popup.open {
    visibility: visible;
    transform: translateX(0);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.6); }
  .liveblog-comment-popup .comment-close {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #DDD;
    z-index: 805;
    margin-left: 20px;
    margin-right: 30px;
    padding: 10px 16px;
    text-align: center; }
    .liveblog-comment-popup .comment-close .close {
      display: inline-block;
      font-size: 25px;
      color: #666; }
  .liveblog-comment-popup .comment-popup-wrapper {
    direction: rtl;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 20px;
    width: auto; }
    .liveblog-comment-popup .comment-popup-wrapper .comment-popup-content {
      direction: ltr; }
      .liveblog-comment-popup .comment-popup-wrapper .comment-popup-content .widget-comment-form {
        margin-top: 0; }
  @media only screen and (max-width: 1200px) {
    .liveblog-comment-popup {
      width: 380px; } }
  @media only screen and (max-width: 992px) {
    .liveblog-comment-popup {
      width: 300px; } }
  @media only screen and (max-width: 768px) {
    .liveblog-comment-popup {
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      top: 20%;
      transform: translateX(0) translateY(110%); }
      .liveblog-comment-popup.open {
        transform: translateX(0) translateY(0); } }

/**
 * Comments
*/
.widget-comment-form {
  margin-top: 20px; }
  .widget-comment-form .comment-form {
    background-color: #FFF; }
    .widget-comment-form .comment-form .comment-writer {
      border-bottom: solid 1px #CACBCC; }
      .widget-comment-form .comment-form .comment-writer textarea {
        font-size: 14px;
        font-weight: 400;
        color: #8F8F8F;
        width: 100%;
        max-width: 100%;
        height: 200px;
        padding: 30px;
        border: none;
        resize: none; }
        .widget-comment-form .comment-form .comment-writer textarea::placeholder {
          color: #B5B5B5; }
        .widget-comment-form .comment-form .comment-writer textarea:active, .widget-comment-form .comment-form .comment-writer textarea:focus {
          box-shadow: none;
          outline: none; }
    .widget-comment-form .comment-form .comment-bottom {
      padding: 20px; }
      .widget-comment-form .comment-form .comment-bottom .comment-name {
        display: inline-block;
        width: 70%;
        float: left; }
        .widget-comment-form .comment-form .comment-bottom .comment-name label {
          font-size: 14px;
          font-weight: 400;
          color: #848484;
          margin-right: 10px; }
        .widget-comment-form .comment-form .comment-bottom .comment-name input[type="text"] {
          font-size: 14px;
          font-weight: 400;
          color: #8F8F8F;
          width: 70%;
          border: none; }
      .widget-comment-form .comment-form .comment-bottom .comment-send {
        display: inline-block;
        width: 29%;
        text-align: right; }
        .widget-comment-form .comment-form .comment-bottom .comment-send button {
          font-size: 14px;
          font-weight: 500;
          color: #E76363;
          border: solid 1px #FF7979;
          background-color: #FFF;
          cursor: pointer;
          border-radius: 9px;
          padding: 3px 10px; }
  .widget-comment-form .comment-feedback {
    margin-bottom: 10px; }
    .widget-comment-form .comment-feedback p {
      margin: 0;
      display: block;
      padding: 10px 20px;
      font-weight: bold; }
      .widget-comment-form .comment-feedback p.error {
        background: #E50000;
        color: #FFF; }
      .widget-comment-form .comment-feedback p.success {
        background: #0E8968;
        color: #FFF; }
  .widget-comment-form.comment-form-reply {
    margin-bottom: 60px; }
    .widget-comment-form.comment-form-reply .widget-title {
      width: 100%;
      padding-top: 4px; }
      .widget-comment-form.comment-form-reply .widget-title span {
        float: right;
        margin-right: 9px;
        font-size: 17px;
        cursor: pointer;
        color: #E50000; }
  @media only screen and (max-width: 768px) {
    .widget-comment-form .comment-form .comment-name {
      width: 10%; } }

.comment-section {
  margin-top: 20px; }
  .comment-section .comment {
    background: #FFF;
    margin-bottom: 20px; }
    .comment-section .comment .comment-name {
      padding: 18px 20px; }
      .comment-section .comment .comment-name .comment-icon {
        display: inline-block;
        background-color: #FFF;
        width: 20px;
        height: 28px;
        background-image: url("https://en.sun.mv/public/images/core/comment-icon.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        float: left;
        margin-right: 10px; }
      .comment-section .comment .comment-name .name {
        font-family: 16px;
        font-weight: 500;
        color: #666;
        display: inline-block; }
      .comment-section .comment .comment-name .date {
        font-size: 12px;
        font-weight: 400;
        color: #999;
        display: inline-block;
        margin-left: 15px;
        padding-left: 15px;
        border-left: solid 2px #CCC; }
    .comment-section .comment .comment-body {
      padding-left: 20px;
      padding-right: 20px; }
      .comment-section .comment .comment-body p {
        font-family: 14px;
        font-weight: 400;
        color: #666;
        margin: 0; }
    .comment-section .comment .comment-share {
      margin-top: 20px;
      border-top: solid 1px #eee; }
      .comment-section .comment .comment-share .engagement {
        font-size: 0;
        float: left; }
        .comment-section .comment .comment-share .engagement .engagement-action {
          display: inline-block;
          padding: 20px 30px;
          cursor: pointer;
          font-size: 12px;
          color: #999;
          border-right: solid 1px #eee;
          user-select: none; }
          .comment-section .comment .comment-share .engagement .engagement-action .loader {
            margin-right: 4px; }
          .comment-section .comment .comment-share .engagement .engagement-action span {
            display: inline-block;
            margin-left: 5px; }
          .comment-section .comment .comment-share .engagement .engagement-action i {
            transition: color .3s ease-in-out; }
          .comment-section .comment .comment-share .engagement .engagement-action.like:hover i {
            color: #0E8968; }
          .comment-section .comment .comment-share .engagement .engagement-action.dislike:hover i {
            color: #FF0000; }
      .comment-section .comment .comment-share .comment-show-reply {
        display: inline-block;
        float: right;
        color: #999;
        font-weight: 500;
        font-size: 13px;
        cursor: pointer;
        padding: 17px 20px; }
        .comment-section .comment .comment-share .comment-show-reply i {
          transform: rotate(180deg); }
      .comment-section .comment .comment-share .share {
        border-left: solid 1px #eee;
        display: inline-block;
        float: right;
        font-size: 0;
        padding: 15px 20px; }
        .comment-section .comment .comment-share .share span {
          width: 25px;
          height: 25px;
          font-size: 12px;
          color: #FFF;
          position: relative;
          background-color: #CCC;
          border-radius: 50%;
          display: inline-block;
          margin: 2px 3px 0 2px;
          cursor: pointer;
          transition: opacity 0.3s ease-in-out; }
          .comment-section .comment .comment-share .share span i {
            position: absolute;
            left: 35%;
            top: 30%; }
          .comment-section .comment .comment-share .share span.tw i {
            left: 28%; }
          .comment-section .comment .comment-share .share span:hover {
            opacity: 0.8; }
        .comment-section .comment .comment-share .share .fb {
          background-color: #4867AA; }
        .comment-section .comment .comment-share .share .tw {
          background-color: #1DA1F2; }
  .comment-section .comment-reply {
    background-color: #f9f9f9;
    margin-left: 40px; }
    .comment-section .comment-reply .comment-name {
      border-bottom: solid 1px #e6e3e3;
      margin-bottom: 20px; }
      .comment-section .comment-reply .comment-name .comment-reply-icon {
        transform: rotate(180deg);
        color: #666;
        margin-right: 5px; }
  @media only screen and (max-width: 768px) {
    .comment-section .comment .comment-share .engagement .engagement-action {
      padding: 15px 13px; }
    .comment-section .comment .comment-share .comment-show-reply {
      padding: 14px; }
    .comment-section .comment .comment-share .share {
      padding: 10px 5px; }
    .comment-section .comment-reply {
      margin-left: 20px; } }

/**
 * Category
*/
.category-section-1 {
  margin-top: 40px; }

.category-section-2,
.category-section-3,
.category-section-bottom {
  margin-top: 20px; }

.category-section-1 .category-featured-page-fixed,
.category-section-2 .category-featured-page-fixed,
.category-section-3 .category-featured-page-fixed,
.category-section-bottom .category-featured-page-fixed {
  margin-bottom: 10px; }

@media only screen and (max-width: 992px) {
  .category-section-1,
  .category-section-2,
  .category-section-3,
  .category-section-bottom {
    margin-top: 0; }
    .category-section-1 .widget, .category-section-1 .sponser-home-section-2-square,
    .category-section-2 .widget,
    .category-section-2 .sponser-home-section-2-square,
    .category-section-3 .widget,
    .category-section-3 .sponser-home-section-2-square,
    .category-section-bottom .widget,
    .category-section-bottom .sponser-home-section-2-square {
      margin-top: 20px; } }
@media only screen and (max-width: 768px) {
  .thumb-gallery {
    margin-right: -15px;
    margin-left: -15px; } }
/**
 * Search
*/
.featured-top {
  margin-bottom: 40px; }
  .featured-top .search-box {
    color: #9D9D9D;
    font-size: 33px;
    font-weight: 400;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: solid 2px #DEDEDE;
    margin-top: 50px;
    padding-bottom: 15px;
    padding-left: 50px;
    background-image: url("https://en.sun.mv/public/images/core/search-icon-lg.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 0 10px;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    .featured-top form {
      margin-left: 20px;
      margin-right: 20px; } }

.filter-bar {
  margin-bottom: 20px; }
  .filter-bar .filter-button {
    padding: 8px 13px;
    background-color: #FFF;
    border: solid 1px #CCC;
    box-shadow: 0px 1px 3px #d0cdcd;
    color: #828282cc;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out; }
    .filter-bar .filter-button:active, .filter-bar .filter-button:focus {
      padding-top: 9px;
      padding-bottom: 7px;
      box-shadow: 0px 3px 3px #d0cdcd;
      background-color: #E50000;
      border-color: #E50000;
      color: #FFF; }
  .filter-bar .md-checkbox {
    position: relative;
    margin: 16px 0; }
    .filter-bar .md-checkbox label {
      cursor: pointer;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.54);
      font-weight: 700;
      margin-left: 5px; }
      .filter-bar .md-checkbox label:before, .filter-bar .md-checkbox label:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0; }
      .filter-bar .md-checkbox label:before {
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
        cursor: pointer;
        transition: background .3s;
        margin-top: 2px; }
    .filter-bar .md-checkbox input[type="checkbox"] {
      outline: 0;
      margin-right: 10px; }
      .filter-bar .md-checkbox input[type="checkbox"]:checked + label:before {
        background: #E90000;
        border: none; }
      .filter-bar .md-checkbox input[type="checkbox"]:checked + label:after {
        transform: rotate(-45deg);
        top: 5px;
        left: 4px;
        width: 12px;
        height: 6px;
        border: 2px solid #fff;
        border-top-style: none;
        border-right-style: none;
        margin-top: 2px; }
  .filter-bar select {
    width: 100%;
    background-color: transparent;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #5D5D5D;
    border: none;
    border-bottom: 1px solid #CCC;
    cursor: pointer; }
    .filter-bar select:focus {
      outline: none; }
  .filter-bar input[type="text"] {
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    color: #5D5D5D;
    padding: 10px 5px;
    border: none;
    border-bottom: 1px solid #CCC; }
  .filter-bar .title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    color: #5D5D5D;
    border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 768px) {
    .filter-bar .filter-categories {
      display: none;
      position: fixed;
      background: #FFF;
      z-index: 5;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 85%;
      height: 70%;
      overflow-y: scroll;
      overflow-x: hidden;
      padding: 10px 25px;
      box-shadow: 0px 0px 80px 0px #0009; } }

.search-not-found {
  margin-bottom: 20%;
  font-size: 23px;
  font-weight: 500;
  color: #666; }

.bootstrap-tagsinput {
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 10px 5px;
  color: #5D5D5D;
  vertical-align: middle;
  border: none;
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid #CCC;
  line-height: 22px;
  cursor: text; }
  .bootstrap-tagsinput input[type='text'] {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit; }
  .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #FFF; }
    .bootstrap-tagsinput .tag.label-info {
      background-color: #C40606 !important; }
    .bootstrap-tagsinput .tag [data-role='remove'] {
      margin-left: 8px;
      cursor: pointer; }
      .bootstrap-tagsinput .tag [data-role='remove']:after {
        content: '\00d7';
        padding: 0px 2px; }
      .bootstrap-tagsinput .tag [data-role='remove']:hover {
        opacity: 0.8; }

/**
 * Photo
*/
.photo-featured {
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .photo-featured {
      height: 500px; } }
  .photo-featured .title-gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.92) 58%, black 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .photo-featured .title .photo-icon {
    display: inline-block;
    height: 100%;
    width: 46px;
    position: absolute;
    background-image: url("https://en.sun.mv/public/images/core/icon-camera-lg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 46px auto; }
  .photo-featured .title .title-wrap {
    display: block;
    margin-left: 75px;
    margin-bottom: 70px;
    margin-top: 60px; }
  .photo-featured .title h1 {
    font-size: 36px;
    font-weight: 900;
    color: #FFF; }
  .photo-featured .title h2 {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    margin-top: 2px; }

.photo-byline {
  background-color: #313131;
  padding-top: 40px;
  padding-bottom: 40px; }

.photo-item {
  border-bottom: solid 1px #6f6f6f;
  margin-bottom: 30px; }
  .photo-item img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto; }
  .photo-item .caption {
    margin-top: 40px;
    color: #D7D7D7;
    font-size: 16px;
    font-weight: 500; }
  .photo-item .social {
    margin-top: 20px; }
    .photo-item .social a {
      cursor: pointer; }
      .photo-item .social a img {
        display: inline-block;
        width: 30px;
        margin-right: 5px;
        transition: opacity 0.2s ease-in-out; }
      .photo-item .social a:hover img {
        opacity: 0.7; }
  @media only screen and (max-width: 768px) {
    .photo-item img {
      margin-top: 30px; } }

/**
 * Page
*/
.page-featured-top .page-title {
  font-weight: 900;
  font-size: 36px;
  display: block;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 0px 20px;
  border-left: solid 10px #C40606; }

.page-content-section .page-content h1, .page-content-section .page-content h2, .page-content-section .page-content h3, .page-content-section .page-content h4 {
  font-weight: 700;
  color: #333; }
.page-content-section .page-content h2 {
  font-size: 23px; }
.page-content-section .page-content p {
  color: #222; }

/**
 * Footer
*/
footer {
  margin-top: 60px;
  background: linear-gradient(to top, #480000, #070020); }
  footer .row > [class*='col'] {
    border-right: solid 1px rgba(255, 255, 255, 0.5);
    min-height: 255px; }
    footer .row > [class*='col']:last-child {
      border: none; }
    footer .row > [class*='col'] > div {
      padding: 60px 0 20px 0; }
  footer .logo {
    text-align: left; }
    footer .logo svg {
      width: 220px; }
  footer .address {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #FFF;
    text-align: left;
    line-height: 1.7em;
    display: flex;
    flex-direction: column; }
    footer .address a {
      color: #FFF; }
    footer .address address {
      align-self: center; }
      footer .address address > span {
        display: block;
        margin-bottom: 10px; }
  footer .about-links {
    display: flex;
    flex-direction: column;
    text-align: left; }
    footer .about-links ul, footer .about-links ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    footer .about-links ul {
      align-self: center; }
    footer .about-links ul li a {
      font-family: 'Roboto', sans-serif;
      color: #FFF;
      font-size: 14px;
      margin-bottom: 10px;
      display: block; }
      footer .about-links ul li a:hover {
        text-decoration: underline; }
  footer .social-links {
    display: flex;
    flex-direction: column;
    text-align: left; }
    footer .social-links ul, footer .social-links ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    footer .social-links ul {
      align-self: center; }
    footer .social-links ul li a {
      font-family: 'Roboto', sans-serif;
      color: #FFF;
      font-weight: 500;
      font-size: 16px;
      display: flex;
      margin-bottom: 15px;
      transition: opacity 0.3s ease; }
      footer .social-links ul li a:hover {
        opacity: 0.7; }
    footer .social-links ul li a div:first-child {
      padding-right: 10px; }
    footer .social-links ul li a div:last-child span {
      display: block; }
    footer .social-links ul li a div:last-child span:first-child {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: 500;
      color: #FFF; }
    footer .social-links ul li a div:last-child span:last-child {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 500;
      color: #FFF;
      line-height: 15px; }
  footer .app-download {
    display: flex;
    flex-direction: column; }
    footer .app-download .wrapper {
      align-self: center; }
    footer .app-download .label {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: 500;
      color: #FFF;
      display: inline-block;
      margin-bottom: 25px;
      text-align: center; }
    footer .app-download a {
      display: block;
      margin-bottom: 15px;
      text-align: center;
      transition: opacity 0.3s ease; }
      footer .app-download a:hover {
        opacity: 0.7; }
      footer .app-download a img {
        max-width: 100%; }
  @media only screen and (max-width: 1200px) {
    footer .row > [class*='col'] {
      min-height: auto; }
    footer .logo svg {
      width: 180px; }
    footer .address, footer .about-links ul li a {
      font-size: 12px; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 10px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 14px; }
    footer .social-links ul li a div:first-child img {
      width: 35px; }
    footer .app-download .label {
      font-size: 11px; }
    footer .app-download a img {
      width: 110px; } }
  @media only screen and (max-width: 1200px) {
    footer .row > [class*='col'] {
      border-right: none; }
    footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 15px 0; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 12px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 16px; }
    footer .social-links ul li a div:first-child img {
      width: auto; }
    footer .app-download .label {
      font-size: 11px;
      margin-bottom: 10px; }
    footer .app-download a {
      margin-bottom: 10px; }
      footer .app-download a img {
        width: 120px; } }
  @media only screen and (max-width: 992px) {
    footer .row > [class*='col']:nth-child(2), footer .row > [class*='col']:nth-child(4) {
      border-right: none; }
    footer .row > [class*='col']:nth-child(3), footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 30px 0; }
    footer .logo {
      text-align: center; } }
  @media only screen and (max-width: 768px) {
    footer .row > [class*='col']:nth-child(2), footer .row > [class*='col']:nth-child(3), footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 30px 0; }
    footer .logo svg {
      width: 165px; }
    footer .address, footer .about-links {
      text-align: center;
      font-size: 11px; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 10px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 14px; }
    footer .social-links ul li a div:first-child img {
      width: 35px; }
    footer .app-download .label {
      font-size: 10px; }
    footer .app-download a {
      margin-bottom: 5px; }
      footer .app-download a img {
        width: 100px; } }

/**
 * Dark Theme
*/
body.dark-theme {
  background-color: #393939; }
  body.dark-theme .headbar .widget-search-bottom .todays-date {
    color: #fff; }
  body.dark-theme .headbar .widget-search-bottom .adv-search {
    color: #C8C8C8; }
  body.dark-theme .featured-top {
    background-color: #2E2E2E; }
  body.dark-theme .footer {
    background: linear-gradient(#131313, #414141); }
  body.dark-theme .footer-bottom-strip {
    background-color: #777777; }

/**
 * Slick Theme
*/
.slick-loading .slick-list {
  background: #fff url("https://en.sun.mv/public/image/core/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("https://en.sun.mv/public/fonts/slick.eot");
  src: url("https://en.sun.mv/public/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://en.sun.mv/public/fonts/slick.woff") format("woff"), url("https://en.sun.mv/public/fonts/slick.ttf") format("truetype"), url("https://en.sun.mv/public/fonts/slick.svg#slick") format("svg"); }
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/**
 * Error
*/
.error-container {
  text-align: center;
  margin-bottom: 100px; }
  .error-container .error-image {
    margin: 20px 0;
    max-width: 100%; }
  .error-container .glitch-image {
    max-width: 100%; }
  .error-container .error-sun-glitch {
    background-image: url("https://en.sun.mv/public/images/core/error-glitch.png");
    background-size: 100%;
    width: 982px;
    max-width: 100%;
    height: 243px;
    position: relative;
    margin: 40px auto; }
  .error-container .error-sun-glitch::before,
  .error-container .error-sun-glitch::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 982px;
    max-width: 100%;
    height: 243px; }
  .error-container .error-sun-glitch::before {
    animation: error-glitch-anim 1s infinite linear alternate-reverse;
    clip: rect(0px, 982px, 10px, 0px);
    left: 2px;
    background-image: url("https://en.sun.mv/public/images/core/error-glitch-red.png"); }
  .error-container .error-sun-glitch::after {
    animation: error-glitch-anim-2 1s infinite linear alternate-reverse;
    clip: rect(30px, 982px, 243px, 0px);
    left: -2px;
    background-image: url("https://en.sun.mv/public/images/core/error-glitch-blue.png"); }

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

/* Mobile Local edition  */
.mobile_local_edition {
  z-index: 1;
  padding: 10px;
  display: none;
  text-align: center;
  margin-top: -20px;
  background-color: #ffffff15;
}

.mobile_local_edition .en_flag {
  display: inline;
  padding: 5px;
  width: 40px;
}

.mobile_local_edition .en_text {
  font-size: 18px;
  color: #ffffffbf;
}

.showLocalEdition {
  display: block;
}