/* Carousel 100% Fullscreen */
  
  html,
  body {
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Lato, sans-serif;
      background-color: rgb(226, 226, 226);
  }
  
  .pope {
      display: block;
      margin: auto;
      padding-top: 20px;
      width: 400;
  }
  
  .navbar-brand {
      position: absolute;
  }
  
  h1 {
      text-align: center;
      margin-top: 70px;
      font-family: 'Droid Sans', sans-serif;
      font-weight: bold;
      color: black;
  }
  
  .nav li a:hover {
      background-color: none !important;
      opacity: 50%;
      color: black;
  }
  
  @media only screen and (max-width: 1400px) {
      ul.navbar-nav {
          margin-top: 5%;
          text-align: center;
      }
      .navbar-brand {
          display: block;
          margin: auto;
          font-size: small;
      }
      #nicosia {
          visibility: hidden;
      }
  }
  
  nav {
      /* background-color: #151a25 !important; */
      background-color: rgba(27, 25, 25, 0.5);
      padding-top: 0.5%;
      padding-bottom: 0.5%;
  }
  
  .carousel,
  .item,
  .active {
      height: 100%;
  }
  /* #streaming{ */
  /* display: block;
    margin: auto;
    text-align: center; */
  /* } */
  
  .carousel-inner {
      height: 100%;
  }
  
  .carousel {
      margin-bottom: 60px;
  }
  
  .carousel-caption2 {
      display: block;
      text-align: center;
      width: 60%;
      margin: auto;
      padding: 20px;
      z-index: 10;
      background-color: rgba(27, 25, 25, 0.3);
      margin-top: 50%;
      font-family: 'Playfair Display';
      color: aliceblue;
      font-size: 2em;
  }
  
  .carousel .item {
      background-color: black;
  }
  
  .carousel .carousel-inner .bg {
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .carousel .carousel-inner .bg1 {
      background-image: url('../Assets/Top_Gallery/top_12_1.jpg');
      background-position: center top;
  }
  
  .carousel .carousel-inner .bg1::after {
      opacity: 70%;
  }
  
  .carousel .carousel-inner .bg2 {
      background-image: url('../Assets/Top_Gallery/top_2.jpg');
      background-position: center center;
  }
  
  .carousel .carousel-inner .bg3 {
      background-image: url('../Assets/Top_Gallery/top_13.JPG');
      background-position: center top;
  }
  
  .carousel-indicators {
      margin-bottom: 2%;
  }
  
  .logo {
      background-image: url('../Assets/Top_Gallery/top_14.JPG');
  }
  /* Remove the navbar's default margin-bottom and rounded borders */
  
  .navbar {
      margin-bottom: 0;
      border-radius: 0;
      background-color: rgba(27, 25, 25, 0.3);
      color: whitesmoke;
      /*     
      background-color: #D8A95A;
      background-color: #EDCC98;
      background-color: #D29D55; */
  }
  
  .navbar a {
      color: whitesmoke;
  }
  /* .liveebtn{
      position: relative;
      right:25%; 
    } */
  
  .live {
      background-color: rgb(170, 15, 15);
      border: none;
      font-size: small;
      position: relative;
      margin: auto;
      /* display: block; */
      /* margin: auto; */
  }
  
  .live2 {
      background-color: rgb(170, 15, 15);
      border: none;
      font-size: small;
  }
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  
  @media (max-width: 600px) {
      .carousel .carousel-inner .bg1 {
          background-position: 80% 20%;
      }
      .carousel .carousel-inner .bg2 {
          background-position: 22%;
      }
      .carousel .carousel-inner .bg3 {
          background-size: cover;
          background-position: 22%;
      }
      .carousel-caption2 {
          display: block;
          text-align: center;
          width: 90%;
          margin: auto;
          padding: 20px;
          margin-top: 190%;
          font-family: 'Playfair Display';
          color: aliceblue;
          font-size: 1.3em;
      }
  }
  
  .box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-top: 20px;
  }
  
  .box span {
      display: block;
      width: 20px;
      height: 20px;
      border-bottom: 2px solid white;
      border-right: 2px solid white;
      transform: rotate(45deg);
      margin: -10px;
      animation: animate 2s infinite;
  }
  
  .box span:nth-child(2) {
      animation-delay: -0.2s;
  }
  
  .box span:nth-child(3) {
      animation-delay: -0.4s;
  }
  
  @keyframes animate {
      0% {
          opacity: 0;
          transform: rotate(45deg) translate(-20px, -20px);
      }
      50% {
          opacity: 1;
      }
      100% {
          opacity: 0;
          transform: rotate(45deg) translate(20px, 20px);
      }
  }
  
  .fade-in {
      animation: fadeIn ease 10s;
      -webkit-animation: fadeIn ease 10s;
      -moz-animation: fadeIn ease 10s;
      -o-animation: fadeIn ease 10s;
      -ms-animation: fadeIn ease 10s;
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  .fade-out {
      animation: fadeOut ease 8s;
      -webkit-animation: fadeOut ease 8s;
      -moz-animation: fadeOut ease 8s;
      -o-animation: fadeOut ease 8s;
      -ms-animation: fadeOut ease 8s;
  }
  
  @keyframes fadeOut {
      0%,
      100% {
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOut {
      0%,
      100% {
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOut {
      0%,
      100% {
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOut {
      0%,
      100% {
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOut {
      0%,
      100% {
          opacity: 0;
      }
  }
  
  .elementToFadeInAndOut {
      -webkit-animation: fadeinout 15s linear forwards;
      animation: fadeinout 15s linear forwards;
  }
  
  @-webkit-keyframes fadeinout {
      0%,
      100% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
  }
  
  @keyframes fadeinout {
      0%,
      100% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
  }
  
  .dropdown-menu {
      background-color: #151a25;
      padding-left: 1%;
  }
  
  .footer-dark {
      padding: 50px 0;
      color: #f0f9ff;
      background-color: rgb(27, 25, 25);
  }
  
  .footer-dark h3 {
      margin-top: 0;
      margin-bottom: 12px;
      font-weight: bold;
      font-size: 16px;
  }
  
  .footer-dark ul {
      padding: 0;
      list-style: none;
      line-height: 1.6;
      font-size: 14px;
      margin-bottom: 0;
  }
  
  .footer-dark ul a {
      color: inherit;
      text-decoration: none;
      opacity: 0.6;
  }
  
  .footer-dark ul a:hover {
      opacity: 0.8;
  }
  
  @media (max-width:767px) {
      .footer-dark .item:not(.social) {
          text-align: center;
          padding-bottom: 20px;
      }
      h1 {
          font-size: x-large;
          margin-top: 15% !important;
      }
      /* #hstaff{
    margin-top: 
  } */
      .page-description {
          font-size: medium !important;
      }
  }
  
  .footer-dark .item.text {
      margin-bottom: 36px;
  }
  
  @media (max-width:767px) {
      .footer-dark .item.text {
          margin-bottom: 0;
      }
  }
  
  .footer-dark .item.text p {
      opacity: 0.6;
      margin-bottom: 0;
  }
  
  .footer-dark .item.social {
      text-align: center;
  }
  
  @media (max-width:991px) {
      .footer-dark .item.social {
          text-align: center;
          margin-top: 20px;
      }
      button #scrolltotop {
          border-radius: 3%;
          color: transparent !important;
          background-color: transparent !important;
          margin: auto;
          display: block;
      }
  }
  
  .footer-dark .item.social>a {
      font-size: 20px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      display: inline-block;
      text-align: center;
      border-radius: 50%;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
      margin: 0 8px;
      color: #151a25;
      opacity: 0.75;
  }
  
  .footer-dark .item.social>a:hover {
      opacity: 0.9;
  }
  
  .footer-dark .copyright {
      text-align: center;
      padding-top: 24px;
      opacity: 0.3;
      font-size: 13px;
      margin-bottom: 0;
  }
  
  .container2 {
      width: 100%;
      margin-bottom: 5%;
  }
  
  .dropdown-item {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      color: aliceblue !important;
  }
  
  .dropdown-item>a:hover {
      color: aliceblue !important;
      opacity: 50%;
  }
  
  a:focus {
      color: black;
      opacity: 50%;
      background: none;
  }
  
  iframe {
      /* overflow:initial;
 

  height: 75vh; */
      /* display: flex; */
      /* margin-left: 25%; */
      width: 100%;
      margin-top: 25px;
      margin-left: 20px;
  }
  
  .iframe {
      /* position: relative; */
      /* padding-bottom: 30.25%; */
      /* padding-top: 35px; */
      /* height: 0; */
      overflow: hidden;
      display: block;
      margin: auto;
  }
  /* 
.iframe iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  
}  */
  /* Then style the iframe to fit in the container div with full height and width */
  /* .responsive-iframe {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 90%;
  display: block;
  margin-left:400px;
}  */
  /* .iframe {
  position: relative;
  width: 100%;
  overflow: hidden;
 height: 100%;
 padding-top: 40%;
  /* max-height:300px;
  max-width: 750px;
  display: block;
  margin: auto;  
} */
  
  .navbar-toggle .icon-bar {
      background-color: white;
  }
  
  .navbar-brand {
      z-index: -1;
  }
  
  button #scrolltotop {
      border-radius: 3%;
      color: transparent !important;
      background-color: transparent !important;
  }
  
  .fa-chevron-up {
      color: black;
  }
  /* Map Mobile View*/
  
  .tab {
      margin-right: 15px;
  }
  
  .tab2 {
      margin-right: 15px;
      visibility: hidden;
  }
  
  .live3 {
      background-color: rgb(170, 15, 15);
      border: none;
      font-size: small;
      display: block;
      position: none;
      margin: 0;
      width: fit-content;
      visibility: hidden;
  }
  
  .transition-fade {
      opacity: 1;
      transition: 500ms;
  }
  
  html.is-animating .transition-fade {
      opacity: 0;
  }
  /*1111111111111111111111111111111111111111111111111111*/
  
  .card2 {
      position: relative;
      height: fit-content;
      width: 100%;
      max-width: 850px;
      margin: auto;
      background-color: #ffffff;
      border-radius: 25px;
      box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
      margin-bottom: 20px;
      padding-bottom: 20px;
      margin-top: 20px;
  }
  
  .card2 span {
      font-size: 16px;
  }
  
  .card {
      position: relative;
      height: 350px;
      width: 100%;
      max-width: 850px;
      margin: auto;
      background-color: #ffffff;
      border-radius: 25px;
      box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
  }
  
  .card .inner_part {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 0 0 30px;
      height: 350px;
      position: absolute;
  }
  
  #slideImg:checked~.inner_part {
      padding: 0;
      transition: .1s ease-in;
  }
  
  .inner_part .img {
      height: 260px;
      width: 260px;
      overflow: hidden;
      flex-shrink: 0;
      border-radius: 20px;
      box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  }
  
  #slideImg:checked~.inner_part .img {
      height: 350px;
      width: 850px;
      z-index: 99;
      transition: .3s .2s ease-in;
  }
  
  .img img {
      height: 100%;
      width: 100%;
      cursor: pointer;
      opacity: 0;
      transition: .6s;
  }
  
  #slide_1:checked~.inner_part .img_1,
  #slide_2:checked~.inner_part .img_2,
  #slide_3:checked~.inner_part .img_3 {
      opacity: 1;
      transition-delay: .2s;
  }
  
  .content {
      padding: 0 20px 0 35px;
      width: 80%;
      margin-left: 50px;
      opacity: 0;
      transition: .6s;
  }
  
  .content2 {
      padding: 10px 20px 0 35px;
      width: 90%;
      margin: auto;
      opacity: 1;
  }
  
  #slideImg:checked~.inner_part .content {
      display: none;
  }
  
  #slide_1:checked~.inner_part .content_1,
  #slide_2:checked~.inner_part .content_2,
  #slide_3:checked~.inner_part .content_3 {
      opacity: 1;
      margin-left: 0;
      z-index: 100;
      transition-delay: .3s;
  }
  
  .content .title {
      font-size: 30px;
      font-weight: 700;
      color: #0d0925;
      margin: 0 0 20px 0;
  }
  
  .content .text {
      font-size: 19px;
      color: #4e4a67;
      margin: 0 auto 30px auto;
      line-height: 1.5em;
      text-align: justify;
  }
  
  .content button {
      padding: 15px 20px;
      border: none;
      font-size: 16px;
      color: #fff0e6;
      font-weight: 600;
      letter-spacing: 1px;
      border-radius: 50px;
      cursor: pointer;
      outline: none;
      background: #000000;
      float: right;
  }
  
  .content button:hover {
      background: #cecece;
      color: #000000;
  }
  
  .slider {
      position: absolute;
      bottom: 25px;
      left: 55%;
      transform: translateX(-50%);
      z-index: 1;
  }
  
  #slideImg:checked~.slider {
      display: none;
  }
  
  .slider .slide {
      position: relative;
      height: 10px;
      width: 50px;
      background: #d9d9d9;
      border-radius: 5px;
      display: inline-flex;
      margin: 0 3px;
      cursor: pointer;
  }
  
  .slider .slide:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      height: 100%;
      width: -100%;
      background: #000000;
      ;
      border-radius: 10px;
      transform: scaleX(0);
      transition: transform .6s;
      transform-origin: left;
  }
  
  #slide_1:checked~.slider .slide_1:before,
  #slide_2:checked~.slider .slide_2:before,
  #slide_3:checked~.slider .slide_3:before {
      transform: scaleX(1);
      width: 100%;
  }
  
  input {
      display: none;
  }
  
  @media only screen and (max-width: 1400px) {
      #iframe {
          width: 0;
          height: 0;
          visibility: hidden;
          /* width: 300px !important;
   height: 200px !important;
   overflow: hidden;
   margin-left: 15%; */
      }
      .iframe {
          position: none;
          padding-bottom: 0;
          padding-top: 35px;
          height: 0;
          /* overflow: hidden;
   display: block;
   margin: auto; */
          visibility: hidden;
      }
  }
  
  @media only screen and (max-width: 1000px) {
      .card2 span {
          font-size: 14px;
      }
      .card2 h3 {
          font-size: 19px;
          font-weight: bold !important;
      }
      .pope {
          width: 100%;
      }
      .content .title {
          font-size: 19px;
      }
      .content {
          padding: 0 10px 0 15px;
          width: 80%;
          margin-left: 20px;
          opacity: 0;
          transition: .6s;
      }
      .content .text {
          font-size: 14px;
      }
      .content_3 .text {
          font-size: 13px;
      }
      #slideImg {
          height: 60%;
          width: 40%;
      }
      /* .img_1{
    height: 10%;
    width: 10%;
  } */
      .inner_part {
          height: 40%;
          width: 100%;
          overflow: hidden;
          position: relative;
          display: block;
          flex-shrink: 0;
          border-radius: 20px;
          box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
      }
      .inner_part .img {
          height: 60%;
          width: 40%;
      }
      .mapouter {
          width: 100% !important;
          /* margin-bottom: 100px; */
      }
      .tab {
          margin-right: 0;
      }
      .tab2 {
          margin-right: 0;
          visibility: hidden;
      }
      iframe {
          width: 90% !important;
          /* margin: 0%; */
      }
      /* .responsive-iframe{
    width: 100% !important;
    margin:auto;
    /* overflow: hidden; */
      /* }  */
      .liveebtn {
          position: none;
          right: 0;
          top: 0;
      }
      .live {
          /* background-color: rgb(170, 15, 15);
    border: none;
    font-size: small;
    display: block;
   
    width: fit-content; */
          margin: 0;
          position: none;
          margin: none;
          visibility: hidden;
      }
      clearfix {
          z-index: -1;
      }
      .live3 {
          background-color: rgb(170, 15, 15);
          border: none;
          font-size: small;
          display: block;
          position: none;
          margin: auto;
          /* margin-top: -10%; */
          width: max-content;
          visibility: visible;
          margin-top: 0;
      }
      .or {
          visibility: hidden;
      }
      .slider .slide {
          position: relative;
          height: 5px;
          width: 20px;
          background: #d9d9d9;
          border-radius: 5px;
          display: inline-flex;
          margin: 0 3px;
          cursor: pointer;
      }
      .content button {
          padding: 5px 10px;
          border: none;
          font-size: 12px;
          color: #fff0e6;
          font-weight: 600;
          letter-spacing: 1px;
          border-radius: 50px;
          cursor: pointer;
          outline: none;
          background: #000000;
          float: right;
      }
  }