@import url("https://fonts.googleapis.com/css2?family=Poppins:200,300,400,500,600,700,800,900&display=swap");
* {
  margin:          0;
  padding:         0;
  box-sizing:      border-box;
  font-family:     "Times New Roman", Times, serif;
//font-family:     'Poppins', sans-serif;
  scroll-behavior: smooth;
}
body {
  min-height: 1000px;
  background: #e2e2e2;
}
p {
  font-weight: 300;
  color:       #lll;
}
header {
  position:        fixed;
  top:             0;
  left:            0;
  width:           100%;
  height:          100px;
  background:      #650000;
  padding:         10px 0 20px 40px;
  z-index:         10000;
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  transition:      0.5%;
}
header.sticky {
  background: #650000;
  padding:    10px 0 20px 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
header .logo {
  font-weight:     700;
  font-size:       2em;
  text-decoration: none;
}
header .navigation {
  position: relative;
  display:  flex;
}
header .navigation li {
  list-style:  none;
}
header .navigation li a {
  color:           #e2e2e2;
  font-size:       1.1em;
  padding:         15px 25px;
  text-decoration: none;
  display:         flex;
  justify-content: space-between;
}
header .navigation li a:hover {
/*color:      #ffff57; */
  color:      #fff;
  background: #650000;
}
header .navigation li ul {
  position:   absolute;
  width:      250px;
//background: #e2e2e2;
  background: #445964;
  display:    none;
}
header .navigation li:hover > ul {
  display: block;
  z-index: 999;
}
header .navigation li ul li {
  position: relative;
  width:    100%;
  border:   1px solid rgba(0, 0, 0, 0.2);
  z-index:  999;
}
header .navigation li ul li ul {
  top:  0;
  left: 200px;
}
section {
  padding: 100px 100px;
}
.banner {
  position:          relative;
  width:             100%;
//min-height:        100vh;
  display:           flex;
//justify-content:   center;
//align-items:       center;
//background:        url(../incprogs/libimage/pt.jpg);
  background:        url(../incprogs/libimage/bg-65000B.png);
  background-repeat: no-repeat;
  background-size:   cover;
  z-index:           500;
}
.banner_c {
  position:            relative;
  width:               100%;
  min-height:          100vh;
//background:          url(../incprogs/libimage/KING_H.jfif);
  background:          url(../incprogs/libimage/King_V.png);
  background-repeat:   no-repeat;
  background-position: center top;
  background-size:     contain;
  background-size:     cover;
}
.row {
  position:        relative;
  width:           100%;
  display:         flex;
  margin-top:      10px;
  justify-content: space-between;
}
.row .col00 {
  position:   relative;
  width:      100%;
}
.row .col70 {
  position:   relative;
  width:      68%;
  min-height: 300px;
}
.row .col30 {
  position: relative;
  width:    28%;
}
.row .col30 .imgBx {
  position:   relative;
  width:      100%;
  height:     100%;
  /*min-height: 300px; */
}
.row .col30 .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     300px;
  min-height: 100px;
//height:     100%;
  object-fit: cover;
}
.row .col50 {
  position: relative;
  width:    48%;
}
.row .col50 .imgBx {
  position:   relative;
  width:      100%;
/*height:     100%; */
  min-height: 320px;
/*min-height: 300px; */
}
.row .col50 .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
/*height:     540px; */
/*height:     100%; */
  object-fit: cover;
  border:     3px solid #555;
}
/*
.row .col50 {
  position: relative;
  width:    48%;
}
.row .col50 .imgBx {
  position:   relative;
  width:      100%;
//height:     100%;
  min-height: 420px;
//min-height: 300px;
}
.row .col50 .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
//width:      1000%;
//height:     540px;
//height:     100%;
  object-fit: cover;
  border:     3px solid #555;
}
*/
.p_title {
  color:       #650000;
  font-size:   1.5em;
  font-weight: bold;
}
.tickets {
  position:        relative;
  width:           100%;
  background:      url(../incprogs/libimage/bg-adbox.png)
  background-size: cover;
}
.t_title {
  width:           100%;
  display:         flex;
  justify-content: left;
  align-items:     left;
  padding-left:    20px;
  flex-direction:  column;
}
.t_title h2 {
  color:       #4e5944;
  font-size:   1.5em;
  font-weight: normal;
}
.t_title h2 span {
  color:       #650000;
  font-size:   1.8em;
  font-weight: normal;
}
.t_title_div {
  color:     #650000;
  font-size: 1.0em;
}
.tickets .t_title h2 h1 {
  display:     inline-block;
  color:       red;
  font-size:   0.6em;
  font-weight: normal;
}
.t_box {
  position:              relative;
  display:               grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows:    3fr 5fr;
  grid-template-areas:   "form message" "form qrcode";
  grid-gap:              20px;
  margin-top:            10px;
}
.ticket {
  padding:    30px;
  background: #fff;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
}
.form {
  grid-area: form;
}
.message {
  grid-area: message;
}
.qrcode {
  grid-area:       qrcode;
  display:         flex;
  align-items:     center;
  justify-content: center;
}
.formBox {
  position: relative;
  width:    100%;
}
.formBox .row100 {
  width: 100%;
}
.formBox .row50 {
  display: flex;
  gap:     16px;
}
.inputRadio {
  display:        flex;
  flex-direction: column;
  margin-bottom:  10px;
  width:          100%;
}
.inputRadio span {
  color:         #650000;
  font-size:     1em;
  font-weight:   700;
  margin-bottom: 5px;
}
.radioControl {
  display:     flex;
  color:       #626262;
  font-size:   1em;
  font-weight: 500;
}
.radioControl .radio {
  flex:           1 0 auto;
  display:        flex;
  flex-direction: column;
  align-items:    center;
}
.inputBox {
  display:        flex;
  flex-direction: column;
  margin-bottom:  2px;
  width:          50%;
}
.inputBox span {
  color:         #650000;
  margin-top:    6px;
  margin-bottom: 2px;
  font-weight:   700;
}
.inputBox input {
  padding:   8px;
  font-size: 1.0em;
  outline:   none;
  border:    1px solid #333;
}
.fieldset1 {
  padding:       1px; //15
  margin-bottom: 10px;
}
.inputBox1 {
  display:        flex;
  flex-direction: column;
  margin-bottom:  2px;
  width:          50%;
}
.inputBox1 span {
  color:         #650000;
  margin-top:    6px;
  margin-bottom: 2px;
  font-weight:   700;
}
.inputBox1 input {
  padding:   6px;
  font-size: 1.0em;
  max-width: 50px;
  outline:   none;
//border:    1px solid #333;
}
.inputBox input[type="button"] {
  background:  #650000;
  color:       #e2e2e2;
  border:      none;
  font-size:   1.1em;
  max-width:   120px;
  font-weight: 500;
  cursor:      pointer;
  margin-top:  5px;
  padding:     12px 12px;
}
fieldset {
  border:        1px solid #333;
  padding:       8px; //15
  margin-bottom: 10px;
}
label {
  display:      inline-block; /* Makes labels display side-by-side */
  font-size:    1.0em;
  margin-right: 12px; /* 15Adds spacing between radio buttons */
}
input[type="radio"] {
  display:      inline;
  margin-right: 10px;
}
.contact {
  position:        relative;
  width:           100%;
  background:      url(../incprogs/libimage/bg-adbox.png)
  background-size: cover;
}
.c_box {
  position:              relative;
  display:               grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows:    1fr 2fr;
  grid-template-areas:   "info address" "info map";
  grid-gap:              20px;
  margin-top:            10px;
}
.info {
  grid-area:  info;
  padding:    30px;
  color:      #650000;
  background: url(../incprogs/libimage/bg-adbox.png)
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
}
.center-img,
.center-txt {
  display:        inline-block;
  font-weight:    bold;
  vertical-align: middle;
  margin-bottom:  6px;
}
.address {
  grid-area:  address;
  padding:    30px;
  color:      #fff;     
  background: #650000;
  font-size:  1.2em;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
}
.map {
  grid-area:  map;
  width:      100%;
  padding:    0;
}
.map iframe {
  width:      100%;
  min-height: 300px;
}
.titleText {
  color:       #4e5944;
  font-size:   1.5em;
  font-weight: normal;
}
.titleText span {
  color:       #650000;
  font-size:   1.8em;
  font-weight: normal;
}
.bannerz .content {
  max-width:  900px;
  text-align: center;
}
.bannerz .content h2 {
  font-size: 5em;
  color:     #fff;
}
.bannerz .content p {
  font-size: 1em;
  color:     #fff;
}
.btn {
  font-size:       1em;
  color:           #fff;
  background:      #ff0157;
  display:         inline-block;
  padding:         10px 30px;
  margin-top:      20px;
  text-transform:  uppercase;
  text-decoration: none;
  letter-spacing:  2px;
  transition:      0.5%;
}
.btn:hover {
  letter-spacing: 6px;  
}
.title {
  width:           100%;
  display:         flex;
  justify-content: center;
  align-items:     center;
  flex-direction:  column;
}
.menu .content {
  display:         flex;
  justify-content: center;
  flex-direction:  row-reverse;
  flex-wrap:       wrap;
  margin-top:      40px;
}
.menu .content .box {
  width:      340px;
  margin:     20px;
  border:     15px solid #fff;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.08);
}
.menu .content .box .imgBx {
  position: relative;
  width:    100%;
  height:   300px;
}
.menu .content .box .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  object-fit: cover;
}
.menu .content .box .text {
  padding: 15px 0 5px;
}
.menu .content .box .text h3 {
  font-weight: 400;
  color:       #111;
}
.expert .content {
  display:         flex;
  justify-content: center;
  flex-direction:  row;
  flex-wrap:       wrap;
  margin-top:      40px;
}
.expert .content .box {
  width:  250px;
  margin: 15px;
}
.expert .content .box .imgBx {
  position: relative;
  width:    100%;
  height:   300px;
}
.expert .content .box .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  object-fit: cover;
}
.expert .content .box .text {
  padding: 15px 0 5px;
}
.expert .content .box .text h3 {
  font-weight: 400;
  color:       #111;
}
.testimonials {
  background:      url(../styles-5/bg2.jpg);
  background-size: cover;
}
.white .titleText,
.white p {
  color: #fff;
}
.testimonials .content {
  display:         flex;
  justify-content: center;
  flex-direction:  row;
  flex-wrap:       wrap;
  margin-top:      40px;
}
.testimonials .content .box {
  width:           340px;
  margin:          20px;
  padding:         40px;
  background:      #fff;
  display:         flex;
  justify-content: center;
  align-items:     center;
  flex-direction:  column;
}
.testimonials .content .box .imgBx {
  position:      relative;
  width:         80px;
  height:        80px;
  margin-bottom: 20px;
  border-radius: 50%;
  overflow:      hidden;
}
.testimonials .content .box .imgBx img {
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  object-fit: cover;
}
.testimonials .content .box .text {
  text-align: center;
}
.testimonials .content .box .text p {
  color:      #666;
  font-style: italic;
}
.testimonials .content .box .text h3 {
  margin-top:  20px;
  color:       #111;
  font-size:   1em;
  color:       #ff0157;
  font-weight: 600;
}
.contactz {
  background:      url(../styles-5/bg3.jpg);
  background-size: cover;
}
.contactForm {
  padding:    75px 50px;
  background: #fff;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
  max-width:  500px;
  margin-top: 50px;
}
.contactForm h3 {
  color:         #111;
  font-size:     1.2em;
  margin-bottom: 20px;
  font-weight:   500;
}
.contactForm .inputBox {
  position:      relative;
  width:         100%;
  margin-bottom: 20px;
}
.contactForm .inputBox input,
.contactForm .inputBox textarea {
  width:       100%;
  border:      1px solid #555;
  padding:     10px;
  color:       #111;
  outline:     none;
  font-size:   16px;
  font-weight: 300;
  resize:      none;
}
.contactForm .inputBox input[type="submit"] {
  font-size:       1em;
  color:           #fff;
  background:      #ff0157;
  display:         inline-block;
  text-transform:  uppercase;
  text-decoration: none;
  letter-spacing:  2px;
  transition:      0.5%;
  max-width:       100px;
  font-weight:     500;
  border:          none;
  cursor:          pointer;
}
.copyrightText {
  padding:    8px 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
.copyrightText p {
  color: #333;
}
.copyrightText a {
  color:           #ff0157;
  font-weight:     500;
  text-decoration: none;
}
/* responsive */
@media(max-width: 991px) {
  header,
  header.sticky {
    padding: 10px 20px;
  }
  header .navigation {
    display:  none;
    overflow: auto;
  }
  header .navigation.active {
    width:           100%;
    height:          calc(100% - 68px);
    position:        fixed;
    top:             68px;
    left:            0;
    display:         initial;
    justify-content: left;
    align-items:     left;
    flex-direction:  column;
    background:      #778891;
//  background:      #445964;
  }
  header .navigation li {
    margin-left: 0;
    border-top:  1px solid rgba(0, 0, 0, 0.3);
  }
  header .navigation li:nth-last-child(1) span {
    display: none;
  }
  header .navigation li:nth-last-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  header .navigation li a {
//  color:     #ffff57;
    color:     #fff;
    font-size: 1.6em;
  }
  header .navigation li ul {
    position: relative;
    width:    100%;
    left:     0;
  }
  header .navigation li ul li ul{
    top:  0;
    left: 0;
  }
  header .navigation li:hover ul li {
    background: #546e7b;
  }
  .menuToggle {
    position:            relative;
    width:               40px;
    height:              40px;
    background:          url(../incprogs/libimage/menu.png);
    background-size:     30px;
    background-repeat:   no-repeat;
    background-position: center;
    cursor:              pointer;
  }
  .menuToggle.active {
    background:          url(../incprogs/libimage/close.png);
    background-size:     25px;
    background-repeat:   no-repeat;
    background-position: center;
  }
/*
  header.sticky .menuToggle {
    filter: invert(1);
  }
*/
  section {
    padding: 5px;
  }
  .banner_c {
    margin-top:          -44;
    margin-left:         -5;
    padding:             0;
    width:               100vw;
    height:              100vh;
 //-background-image:    url(../incprogs/libimage/kj.jpg);
    background-image:    url(../incprogs/libimage/King_L.png);
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     contain;
  }
  .t_title {
    padding: 100px 0 0 0;
  }
  .t_title_div {
    color:     #650000;
    font-size: 0.9em;
  }
  .t_title div {
    font-size: 0.9em;
  }
  .tickets {
    padding: 5px;
  }
  .t_box {
    padding-top: 2px;
    grid-template-columns: 1fr;
    grid-template-rows:    auto;
    grid-template-areas:   "form" "message" "qrcode";
  }
  .ticket {
    padding: 10px 30px 30px 30px; //-padding: 30px;
  }
  .formBox .row50 {
    display:        flex;
    gap:            0;
    flex-direction: column;
  }
  .inputBox {
    width: 100%;
  }
  .inputBox1 {
    width: 100%;
  }
  .qrcode {
    min-height: 300px;
    padding:    0;
  }
  .contact {
    padding: 0;
  }
  .c_box {
    padding-top: 2px;
    grid-template-columns: 1fr;
    grid-template-rows:    auto;
    grid-template-areas:   "info" "address" "map";
  }
  .bannerz .content h2 {
    font-size: 3em;
    color:     #fff;
  }
  .row {
    flex-direction: column;
  }
  .row .col70 {
    position: relative;
    width:    100%;
  }
  .row .col30 {
    position: relative;
    width:    100%;
  }
  .row .col30 .imgBx {
    min-height: 360px;
    margin-top: 10px;
  }
  .row .col30 .imgBx img {
    position:   absolute;
    top:        0;
    left:       0;
    width:      100%;
    height:     360px;
/*  height:     100%; */
    object-fit: cover;
    border:     3px solid #555;
  }
  .row .col50 {
    position: relative;
    width:    100%;
  }
  .row .col50 .imgBx {
    height:     300px;
    margin-top: 20px;
  }
  .menu .content {
    margin-top: 20px;
  }
  .menu .content .box {
    margin: 10px;
  }
  .menu .content .box .imgBx {
    height: 260px;
  }
  .title {
    text-align: center;
  }
  .titleText {
    padding: 80px 0 0 0;
    margin-bottom: 15px;
/*
    font-size:     1.8em;
    line-height:   1.5em;
    margin-bottom: 15px;
    font-weight:   300;
*/
  }
  .testimonials .content .box {
    margin:  10px;
    padding: 20px;
  }
  .contactForm {
    padding:       35px 40px;
    margin-top:    20px;
    margin-bottom: 30px;
  }
}
@media(max-width: 480px) {
  .bannerz .content h2 {
    font-size: 2.2em;
    color:     #fff;
  }
}