.hide {
  display: none; }

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s; }

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0px;
    opacity: 1; } }

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(90, 90, 90, 0.5);
  z-index: 99;
  cursor: pointer; }

.left70 {
  width: 68%;
  display: inline-block;
  margin-bottom: 30px; }
  @media screen and (max-width: 1023.97px) {
    .left70 {
      width: 100%; } }

.right30 {
  width: 28%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 1023.97px) {
    .right30 {
      width: 100%; } }
  @media screen and (max-width: 1023.97px) and (min-width: 768px) and (max-width: 1023.97px) {
    .right30 {
      display: none; } }

.MenuAreaWrap {
  width: 100%;
  background-color: #a72126;
  display: inline-block;
  margin-bottom: 5px;
  box-sizing: border-box;
  max-height: 30px; }

.MenuAreaBar {
  background-color: #a72126;
  color: #Fff;
  width: 80%;
  /* height: 90px; */
  max-width: 1200px;
  margin: 0px auto;
  position: relative;
  padding: 0px;
  box-sizing: border-box;
  max-height: 30px; }
  @media screen and (max-width: 1023.97px) {
    .MenuAreaBar {
      width: 100%; } }

.MenuAreaLeft {
  width: 48%;
  text-align: left;
  display: inline-block; }
  .MenuAreaLeft > a {
    font-size: 14px;
    padding: 7px;
    color: #fff;
    /* background-color: rgba(155,155,155,0.7); */
    margin-right: 5px;
    display: inline-block; }
    .MenuAreaLeft > a:nth-last-child(1) {
      padding: 7px;
      color: #fff;
      background-color: rgba(210, 210, 210, 0.4);
      margin-right: 5px;
      display: inline-block; }
    .MenuAreaLeft > a:hover, .MenuAreaLeft > a:visited {
      padding: 7px;
      color: #fff;
      /* background-color: rgba(155,155,155,0.7); */
      margin-right: 5px; }

.MenuAreaRight {
  width: 48%;
  text-align: right;
  display: inline-block;
  float: right; }
  .MenuAreaRight .share {
    display: inline-block;
    margin-top: 2px; }
    .MenuAreaRight .share > a {
      display: inline-block;
      width: 18px; }

#promoteArea {
  position: fixed;
  width: 70px;
  right: 0px;
  bottom: 100px;
  z-index: 999; }
  #promoteArea a {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    padding-top: 15px; }
    #promoteArea a img {
      display: inline-block;
      width: 100%; }

#Medias {
  margin: 10px 0px;
  padding: 20px 0px 10px 0px;
  background-color: #ecf3f9;
  /*.swiper-pagination.disabled {
        display: none;
    }*/ }
  #Medias h6 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin: 10px 0px 15px 0px; }
  #Medias .daily-media-img {
    text-align: center; }
  #Medias .daily-media-title {
    padding: 0px 20px;
    box-sizing: border-box; }
  #Medias .swiper-wrapper {
    padding: 0px 0px; }
  #Medias a {
    color: #333;
    padding: 5px;
    display: inline-block;
    line-height: 20px; }
  #Medias .swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: auto; }
  #Medias .swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAACXBIWXMAAAsSAAALEgHS3X78AAABsElEQVRYhWOcr6z2n2EAANNAWMowavGoxaMWj1o8avHIsJhLloe+FrPyszH4blnKYN3RTl+LrTpqGYQ1TBhur1lEP4uNq5MYFF3DGC7P72R4sP40fSxWCDRl0E0sZ7i/exXD2dZ5ZFlKssUCWiIMVnWTGd7eOMNwrKKZbEtJshiUmLyWbgGzD5flM/z++Isii1mItdRj6XwGNl5Bhq3RLgwfrr2hyFIGYn1sUpkNTsEHSmMYXp98TLGlRFmsFu/MoB6SwXBzzQyyUzDJFoMTU+00cGI6XtFPNUsJWkxLwBwgJNyAy/wfr78xfPt4nUE9OJWBU4qV4cmeE1RzCl6LQeDtxftgS0Hx/OHxSYYPN55RxWKigvpM+1RwPDt0L2EQNZeln8WgwmJHdCLDr8/vGVxnrAYnOrpYDLN8W7QPmG3bNRFcqNDFYhAAlVjHmnLBhQmoWqQEEExcGJbfeMbAzPuNQT04HUw/P3yeLOtJthgEQJbxa4qDLSc3pZNdgICqRVBKVw2JI0s/xUMRoMbet8dfSNZHcZFJjqVUsZhcMGrxqMWjFo9aPGrxILeYgYEBAJxziAy8Vv50AAAAAElFTkSuQmCC") !important; }
  #Medias .swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAACXBIWXMAAAsSAAALEgHS3X78AAABpElEQVRYhWOcr6z2n2EAANNAWMowavGoxaMWj1o8avHwtZhLlmdgLLbuaGfw3bKUgZWfjb4W316ziEFYw4TBqqOWbIuZA4SEG0jV9OHGMwZm3m8M6sHpYPr54fP0sRgEQJbxa4qDLf/w+CTYMaQAirLTsYpmhrc3zjBY1U1mENASoZ/Fvz/+Yjhclg9mey3dQlJio7gA+XDtDcPujFAGNl5BBo+l84m2nCol1+uTjxkOlMaAU7pJZTZReshOXOgAlLg4pVgZ1EMyGL59vM7w9uJ9vOqpWlYfr+iHJLbaaQQT2/CoJCw7CsHxfKw5C5zo6GKxQqApOH5vrpnBcGvhXoLqqWKxqLksg0P3EnD8nmmfSpQeii0GJSLXGasZfn1+z7AjOhFcqNDcYlBhYds1EczeFu1DtKUgwEKJxaBqEZSYQIUHocSEDsj2sXF1EoOiaxjD5fmdDA/WnyZZP1kWg1KwbmI5w/3dqxjOts4jxwjyLFYNiQOnYFC1SC4gaygC1Nj79vgL2ZYykOtjSi0l22JqgFGLRy0etXjU4lGLB7nFDAwMAK8Zg/QkZ7fRAAAAAElFTkSuQmCC") !important; }