html {
  scroll-behavior: smooth;
}
body {
  background:#c30928 ; 
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
.desktop {
  display: block;
  /*    position: relative;*/
}
.mobile {
  display: none;
}
.mt-top {
  margin-top: 78px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color:#eaa14c !important;
}
.content {
  /* background:#c30928 ; */
  position: relative;
  background-image: url('img/bg.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 185.8%;
  /* (img-height / img-width * container-width) */
  /* (853 / 1280 * 100) */
}
.button {
  background-color: #eaa14c;
  border: none;
  color: #dd0330 !important;
  padding: 0.4vw 1.7vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1vw;
  margin: 35px 21px;
  cursor: pointer;
  border-radius: 12px;
  outline: none !important;
}
.button:hover {
  text-decoration: none;
  color: #dd0330;
  
}
.inside-div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.description-section-one {
  margin: auto;
  width: 24%;
  position: absolute;
  top: 14%;
  left: 0;
  right: 0;
}
.description-section-two {
  margin: auto;
  width: 29%;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}
.video-section {
  width: 50vw;
  margin: auto;
  position: absolute;
  top: 36%;
  left: 0;
  right: 0;
}
.description-section-three {
  margin: auto;
  width: 29%;
  position: absolute;
  top: 67%;
  left: 16%;
}
.description-section-four {
  margin: auto;
  width: 29%;
  position: absolute;
  top: 69%;
  left: 59%;
}
.description-section-five {
  margin: auto;
  width: 29%;
  position: absolute;
  top: 88%;
  left: 0;
  right: 0;
}
p {
  color: rgba(232, 210, 150, 1);
  font-size: 0.95vw;
}
.section-one img {
  width: 9.375vw;
  margin: auto;
  position: absolute;
  top: 2%;
  left: 0;
  right: 0;
}
.section-two img {
  width: 12.09vw;
  top: 21%;
  position: absolute;
  left: 59%;
}
.section-three img {
  width: 8.29vw;
  position: absolute;
  top: 55%;
  left: 26%;
}
.section-four img {
  width: 9.28vw;
  position: absolute;
  top: 61.5%;
  left: 68%;
}
img.section-five-main {
  margin: auto;
  width: 9.18vw;
  position: absolute;
  top: 79%;
  left: 0;
  right: 0;
}
.picture-desc {
  /* width: 56.25vw !important; */
  /* top: 48% !important; */
  /* left: 39% !important; */
  width: 42.25vw !important;
  top: 58% !important;
  left: 54% !important;
}
.picture-desc-two {
  /* width: 57.7vw !important; */
  /* top: 63% !important; */
  /* left: 6% !important; */
    width: 45.7vw !important;
    top: 57% !important;
    left: 11% !important;

}
.section-four img.picture-desc-two-bottom {
    width: 45.7vw ;
    top: 66.3% ;
    left: 11.75% ;

}
.picture-desc-three {
  margin: auto;
  width: 50% !important;
  position: absolute;
  top: 90.5% !important;
  left: 0;
  right: 0;
}
.picture-desc-three img {
  max-width: 100%;
  height: auto;
}
.bg-nav {
  background: #b11925;
}
.nav-link {
  color: #fff;
  font-size: 15px;
}
.nav-link::after {
  height: 25px;
  width: 25px;
  background-color: #eaa14c;
  border-radius: 50%;
  display: inline-block;
}
.nav-link:hover {
  color: #eaa14c;
}
.active .nav-link {
  color: #eaa14c !important;
}
.nav-item {
  padding-right: 20px;
}
.navbar-nav li {
  position: relative;
}
.navbar-nav li:before {
  /*content: '�';*/
  content: '.';
  position: absolute;
  right: 9px;
  top: 3px;
  color: #eaa14c;
}
.navbar-nav li:last-child:before {
  content: '';
}
footer {
  background: #B11925;
  bottom: 0;
  width: 100%;
}
.modal-content {
  background-color: #cd162d;
  border: none;
  border-radius: 0;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.39);
  padding: 14.5% 0;
}
.modal-content:before {
  content: '';
  background: url(img/rama-top.png);
  top: 0;
  left: 0;
  position: absolute;
  width: 315px;
  height: 215px;
  background-size: contain;
}
.modal-content:after {
  content: '';
  background: url(img/rama-bottom.png);
  bottom: 0;
  top: auto;
  right: 0;
  position: absolute;
  width: 550px;
  height: 519px;
  background-size: contain;
  background-position-y: bottom;
  background-position-x: right;
  background-repeat: no-repeat;
}
.modal-body {
  z-index: 99;
}
.modal-header {
  border-bottom: none;
  margin: auto;
}
.pop-title {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 95px;
}
.pop-title-games {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -8vw;
}
.acc {
  position: absolute;
  right: 15px;
  top: 19px;
  width: 20px;
}
img.modal-bg {
  width: 56vw;
}
#eventsactivities {
  margin: auto;
  left: 0;
  right: 0;
  /* width: 75%; */
}
.accordion {
    margin: auto;
    left: 0;
    right: 0;
    /* width: 75%; */
}
.close {
  float: right;
  font-size: 55px;
  font-weight: 300;
  line-height: 1;
  color: #eaa14c;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  top: 14px;
  right: 37px;
}
.close:hover {
  color: #eaa14c;
}
.card {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 7px;
}
.card-header {
  padding: 7px 15px;
  background-color: #eaa14c;
  position: relative;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.39);
}
.card-header:before{
  content: url('img/minus.png');
  position: absolute;
  right: 15px;
  top: 19px;
  width: 16px;
}
.card-header.collapsed:before{
  content: url('img/add.png');
  position: absolute;
  right: 15px;
  top: 19px;
  width: 16px;
}

.card-header:first-child {
  border-radius: 0;
}
.card-body {
  background-color: #bf172a;
}
.btn-link {
  font-weight: 900;
  color: #dd0031;
  text-decoration: none;
} 
.btn-link:hover {
  font-weight: 900;
  color: #dd0031;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
  outline: none;
}
.address-box {
  text-align: left;
}
.game-rules-box {
  min-height: 300px;
}
.address-box a, .game-rules-box a {
  color: #f7ba93;
  text-decoration: underline;
}
.address-box p {
  font-size: 0.80vw;
}
.picture-desc-three a:hover{
  text-decoration: none;
}
ul.location {
  background: url(img/location.png) no-repeat 0 5%;
  padding-left: 17px;
  list-style: none;
}
#rule-tnc {
  display: none;

}
#btn-close{
  z-index: 9999;;
}
#btn-close-tnc {
  display: none;
  z-index: 999;
}
.img-events{
  width: 13vw;
}
.navbar-dark .navbar-toggler {
  border-color: transparent;
}

/** FINALIZE **/

.navbar-brand img{
  width: 170px;
}

footer img {
    width: 130px;
}

/** FINALIZE **/
@media only screen and (min-width: 576px) {
  .modal-dialog {
    max-width: 1125px;
  }
}
/*mobile*/
@media only screen and (max-width: 768px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block;
  }
  p {
    font-size: 3.25vw;
  }
  .button {
    margin-top: 2vw;
    padding: 2.4vw 5.7vw;
    font-size: 3.2vw;
  }
  .content {
    margin: 0;
    /* background-image: url('img/bg_mobile.jpg'); */
    background-image: url('img/mobile_bg.jpg');
    /*      margin-bottom: 15vw;*/
    /* padding-top: 889vw; */
    padding-top: 746.2877%;
  }
  .navbar-brand img {
    width: 30vw;
  }
  .section-one img {
    width: 21.375vw;
    top: 4%;
  }
  .section-two img {
    width: 30.09vw;
    margin: auto;
    left: 0;
    right: 0;
	top: 23%;
  }
  .section-three img {
    width: 17.29vw;
    top: 44%;
    margin: auto;
    left: 0;
    right: 0;
  }
  .section-four img {
    width: 22.28vw;
    top: 55%;
    margin: auto;
    left: 0;
    right: 0;
  }
  img.section-five-main {
    width: 21.18vw;
    top: 68%;
  }
  .description-section-one {
    width: 45%;
	top: 11%;
  }
  .description-section-two {
    width: 70%;
  }
  .description-section-three {
    width: 72%;
    top: 58%;
    left: 0;
    right: 0;
	text-align:center;
  }
  .description-section-four {
    margin: auto;
    width: 75%;
    top: 70.5%;
    left: 0;
    right: 0;
  }
  .description-section-five {
    width: 70%;
    top: 74%;
  }
  .video-section {
    width: 86vw;
  }
  .picture-desc {
    /* width: 95.25vw !important; */
    /* top: 40.5% !important; */
    /* left: 0 !important; */
    width: 79.25vw !important;
    top: 47.5% !important;
    left: 0 !important;
  }
  .picture-desc-two {
     /* width: 101.7vw !important; */
    /* top: 61.5% !important; */
    /* left: -33px !important; */
    /* right: 0 !important; */
  width: 99.7vw !important;
    /* top: 60% !important; */
   top: 57% !important;
    left: 0% !important;
    right: 0 !important;
  
  }
  
  .section-four img.picture-desc-two-bottom {
    width: 95.7vw;
    top: 63.3%;
  left: 4vw;
}

  .picture-desc-three {
    top: 78.5% !important;
    width: 83% !important;
  }
  .pop-title {
    top: 47vw;
  }
  .pop-title-games {
    top: -25vw;
    width: 70vw;
  }
  .modal-content {
    padding: 70.5% 0;
        box-shadow: 0px 0px 15px black;
  }
  .modal-content:before {
    content: '';
    background: url(img/rama-top-m.png);
    top: 0;
    left: 0;
    position: absolute;
    width: 315px;
    height: 215px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .modal-content:after {
    background: url(img/rama-bottom-m.png);
    content: '';
    bottom: 0;
    right: 0;
    position: absolute;
    width: 208px;
    height: 215px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .address-box p {
    font-size: 3.5vw;
  }
  ul.location {
    padding-left: 20px;
  }
  .img-events {
    width: 50vw;
  }
  .navbar-nav li:before {
    content: '';
  }

}