@font-face{
	font-family: bullpen3;
	src: url(../fonts/bullpen3.otf);
}

@font-face{
	font-family: digits;
	src: url(../fonts/DS-DIGIT.TTF);
}
/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
  --white-color:                  #ffffff;
  --primary-color:                #036705;
  --secondary-color:              #006600;
  --section-bg-color:             #116f02;
  --custom-btn-bg-color:          #009900;
  --custom-btn-bg-hover-color:    #007700;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #7fffd4;
  --link-hover-color:             #008000;
  --green-color:                  #00ff00;

  --body-font-family:             'Plus Jakarta Sans', sans-serif;

  --h1-font-size:                 68px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  20px;
  --btn-font-size:                16px;
  --form-btn-font-size:           18px;
  --menu-font-size:               16px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-thin:             200;
  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-bold:             700;
}

body {
  background-color: var(--white-color);
  font-family: var(--body-font-family);
}

.skipping {
    cursor: pointer;
    color: #2442d0;
    display: block;
}
.skpd {
    cursor: pointer;
    color: #ff0000;
    display: block;
}
.st_sg {
    font-size: 90px;
    padding: 10px;
    color: #fff;
    position: relative;
    cursor: pointer;
    top: 20px;
}
.ctr {
    text-align: center;
}
.wok {
    color: #fff;
    text-shadow: -1px 3px 6px #036705;
}
/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2,
h3,
h4,
h5,
h6 {
  color: var(--dark-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
}

h1 {
  font-size: var(--h1-font-size);
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}

ul li {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}

a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  display: inline-block;
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover-color);
}

b,
strong {
  font-weight: var(--font-weight-bold);
}
.tm_p{
    text-align: center;
    width: 90%;
    margin: 10px auto;
    font-family: digits;
    font-size: 120px;
    color: #06c376;
}
.tmc {
    width: 35px;
    height: 45px;
    border: solid 1px #acb7c1;
    background-color: #ace7ca;
    margin: 10px;
}
.tmc_c {
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 5px;
}
.cln {
    position: relative;
    top: 5px;
    font-size: 40px;
    color: #fff;
}
.rapr {
    display: none;
}
.tm_dsp{
    display: block;
}
.f-lft {
    float: right;
}
/*---------------------------------------
  SECTION               
-----------------------------------------*/
.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-bg {
  background-color: var(--section-bg-color);
}

.section-overlay {
  background-color: var(--dark-color);
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}

.section-overlay + .container {
  position: relative;
  z-index: 22;
}

.back-top-icon {
  font-size: var(--h2-font-size);
}

#usr_edt{
    display: none;
}
.btn_svg{
    width: 150px;
    float: right;
    position: relative;
    top: 55px;
}
.tnd {
    float: right;
    margin-right: 5px;
    margin-bottom: 15px;
    display: block;
}
/*---------------------------------------
  TIMELINE               
-----------------------------------------*/
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 5px;
  background-color: var(--white-color);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline-container {
  padding: 10px 40px;
  padding-top: 0;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: var(--white-color);
  border: 5px solid #7c5c52;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.timeline-container-left {
  left: 0;
}

.timeline-container-right {
  left: 50%;
}

.timeline-container-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 9px;
  width: 0;
  z-index: 1;
  right: 25px;
  border: medium solid white;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent white;
}

.timeline-container-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 9px;
  width: 0;
  z-index: 1;
  left: 25px;
  border: medium solid white;
  border-width: 20px 20px 20px 0;
  border-color: transparent white transparent transparent;
}

.timeline-container-right::after {
  left: -13px;
}

.timeline-content {
  padding: 5px;
  background-color: var(--white-color);
  position: relative;
  border-radius: var(--border-radius-medium);
}

@media screen and (max-width: 991px) {
  .timeline::after {
    left: 31px;
  }

  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .timeline-container::before {
    left: 58px;
    border: medium solid white;
    border-width: 20px 20px 20px 0;
    border-color: transparent white transparent transparent;
  }

  .timeline-container-left::after, .timeline-container-right::after {
    left: 6px;
  }

  .timeline-container-right {
    left: 0%;
  }
}


/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.t_divs{
    float: left;
    height: 150px;
    position: relative;
    width: 190px;
}
.t_divss{
    height: 25px;
}
.tglr{
    width: 40px;
    height: 20px;
    shape-rendering:geometricPrecision;
    text-rendering:geometricPrecision;
    image-rendering:optimizeQuality;
    fill-rule:evenodd;
    clip-rule:evenodd;
    float: right;
}
.t_wht{
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    float: right;
}
.t_whtt{
    position: relative;
    color: #fff;
    font-size: 13.5px;
    float: right;
    margin-bottom: 0 !important;
}
.tgl {
    fill:#606062;
}
.tgle {
    fill:#EC268F;
}
.custom-btn {
  background: var(--custom-btn-bg-color);
  border: 2px solid transparent;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-bold);
  line-height: normal;
  transition: all 0.3s;
  padding: 12px 28px;
}

.btn{
  background: transparent;
  border:  2px solid var(--white-color);;
  border-radius: var(--border-radius-large);  
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-bold);
  transition: all 0.3s;
  padding: 6px 14px;
  color: var(--white-color);
}

.btn:hover {
  background: var(--white-color);
  color: var(--secondary-color);
}

.custom-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  color: var(--white-color);
}

.custom-border-btn {
  background: transparent;
  border: 2px solid var(--white-color);
  color: var(--white-color);
}

.custom-border-btn:hover {
  background: var(--white-color);
  color: var(--secondary-color);
}

.custom-btn-bg-white {
  border-color: var(--white-color);
  color: var(--white-color);
}

.custom-btn-italic {
  font-style: italic;
}


/*---------------------------------------
  NAVIGATION BAR & OFFCANVAS              
-----------------------------------------*/
.sticky-wrapper {
  position: absolute;
  z-index: 999999;
  top: 0;
  right: 0;
  left: 0;
}

.sticky-wrapper.is-sticky .container {
  background: rgba(0, 0, 0, 0.65);
  border-radius: var(--border-radius-medium);
  padding: 4px 9px;
}

.navbar {
  background: transparent;
  z-index: 999999;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar .container {
  background: rgba(0, 0, 0, 0.7);
  border-radius: var(--border-radius-medium);
  padding: 3px 15px;
}

.navbar-brand,
.navbar-brand:hover {
  font-size: var(--h4-font-size);
  font-weight: var(--font-weight-bold);
  display: block;
  color: var(--white-color);
}

.navbar .navbar-brand-image {
 /* filter: brightness(0) invert(1); */
}

.navbar-brand-image {
  width: 48px;
  height: 66px;
  margin-right: 10px;
}

.navbar .custom-btn {
  padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  border-radius: var(--border-radius-large);
  margin: 10px;
  padding: 10px;
}

.navbar-nav .nav-link {
  display: inline-block;
  color: var(--white-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-bold);
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
  color: var(--secondary-color);
}
.ltl-txt {
    position:relative;
    right: 97px;
    top: 30px;
    font-size: small;
    color: white;
}
.navbar .dropdown-menu {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  border: 0;
  display: inherit;
  opacity: 0;
  min-width: 9rem;
  margin-top: 20px;
  padding: 13px 0 10px 0;
  transition: all 0.3s;
  pointer-events: none;
}

.navbar .dropdown-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 15px solid var(--white-color);
  position: absolute;
  top: -10px;
  left: 10px;
}

.navbar .dropdown-item {
  display: inline-block;
  color: var(--p-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.navbar .dropdown-item.active, 
.navbar .dropdown-item:active,
.navbar .dropdown-item:focus, 
.navbar .dropdown-item:hover {
  background: transparent;
  color: var(--link-hover-color);
}

.navbar .dropdown-toggle::after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: var(--menu-font-size);
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 2px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    margin-top: 0;
    pointer-events: auto;
  }
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 20px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  -webkit-transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  -webkit-transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  -webkit-transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--white-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 20px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--white-color);
  width: 20px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}

.rdc {
    padding-right: 15px;
    /*border-right: 1px solid #52EF13;  */
    text-shadow: -1px 3px 11px #00ff00;
    font-size: 16px;
}
.rdcc {  
    text-shadow: -1px 3px 11px #00ff00;
    font-size: 16px;
}
#clk{
        color: #00D407;
        background-color: #076300;
    }
#clk:hover{
        background-color: #003333;
    }
#ices{
    display: none;
}
.lndd{
    display: inline !important;
}
/*---------------------------------------
  HERO        
-----------------------------------------*/
.hero-section {
  background-color: var(--dark-color);
  position: relative;
  overflow: hidden;
  min-height: 620px;
  text-align: center;
}

.hero-section::after {
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-55%, -50%) rotate(45deg);
  width: 250px;
  height: 350px;
  pointer-events: none;
}

@media screen and (min-width: 991px) {
  .hero-section {
    height: 100vh;
  }
}

.hero-section h1 {
  color: var(--green-color);
}

.small-text {
  text-shadow: -1px 3px 11px #080709;
  color: #52EF13;
  font-weight: bold;
}

.hero-section .custom-border-btn {
  border-color: transparent;
}

.hero-section .container {
  position: relative;
  z-index: 9;
}

.hero-slides {
  width: 100%;
  height: 100%;
  position: absolute !important;
}

.opening-hours-list {
  margin: 0;
  padding: 0;
}

.opening-hours-list li {
  color: rgba(255, 255, 255, 0.75);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-normal);
  margin-bottom: 10px;
}

.opening-hours-list li .underline {
  background-color: rgba(255, 255, 255, 0.75);
  width: 35%;
  height: 1px;
  margin: auto 15px 0 15px;
}
#cta{
    margin-top: 27px;
}
#attk{
    display: none;
}
#chk_a{
    display: none;
}
#chk_b{
    display: none;
}
#err{
    display: none;
}
.atti{
    height: 150px;
}

/*---------------------------------------
  ABOUT              
-----------------------------------------*/
.about-section {
  background-color: var(--secondary-color);
  position: sticky;
}

.about-section .ratio {
  border-radius: var(--border-radius-medium);
}

.custom-video {
  border-radius: var(--border-radius-medium);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-image-wrap {
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
}

.about-video-info {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0,140,20,0.97));
  border-radius: var(--border-radius-medium);
  bottom: 0;
  height: auto;
  padding: 40px;
}

.ltl {
    position: relative;
    bottom: 20px;
}
.frail {
    padding-left: 15px;
    font-size: medium;
    border-left-style: solid;
    border-left-color: #86ff9b;
}

.mc {
    border:  2px solid var(--white-color);;
  border-radius: var(--border-radius-large);  
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-bold);
    padding: 5px 15px 5px 15px;
    margin-bottom: 50px;
    color: #52EF13;
    margin-left: 20px;
    border-width: 5px;
    background-color: rgba(41, 41, 44, 0.70);
}

.about-video-info h4 {
  color: var(--white-color);
}

.about-section h6 {
  color: var(--secondary-color);
}

.team-block-wrap {
  background-color: var(--secondary-color);
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
  max-height: 450px;
  cursor: pointer;
}

.team-block-wrap:hover .team-block-image {
  -webkit-transform: scale(1.2);
}

.team-block-image-wrap {
  width: 100%;
}

.t-gang{
    padding-right: 15px;
    border-right: 1px solid #52EF13;
}

.team-block-image {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
}

.team-block-info {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(143, 176, 128, 0.97));
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px;
}


.team-block-info .badge {
  margin: auto;
  top: 2px;
  bottom: 0;
}

.trn_scl {
    margin: auto;
	position: relative;
	text-align: center;
	font-size: 25px;
    display: none;
}
.trn_scl:hover{
	/*-webkit-transition-property: all;*/
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: trn_s;
	-webkit-animation-duration: 1s;
}

/*---------------------------------------
  OUR MENU              
-----------------------------------------*/
.menu-section {
  background-image: url('../images/kip.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #022c2c;
}

.menu-block {
    border: 1px ridge #52EF13;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
}

.mnu-blck {
    border-top: 1px ridge #52EF13;
    border-bottom: 1px ridge #52EF13;
    padding: 10px 10px 10px 10px;
}

.menu-block-wrap {
  background: rgba(0, 0, 0, 0.65);
  border-radius: var(--border-radius-medium);
  padding: 45px;
}

.menu-block .pd-1{
    padding-bottom: 25px;
}

.menu-block .border-top {
  border-top-color: rgba(255, 255, 255, 0.35) !important;
}

.menu-block h6 {
  color: var(--white-color);
}

.menu-block small {
  color: rgba(134, 2205, 155, 0.65);
}

.menu-block strong {
  color: rgba(134, 2205, 155, 0.85);
}

.lst {
    margin-bottom: 3rem !important;
    margin-top: 1.5rem !important;
}

/*
.menu-block-image {
  border-radius: 100%;
  width: 350px;
  height: 350px;
  object-fit: cover;
  display: block;
  margin: auto;
  cursor: pointer;
}
*/
.form-control optgroup{
    background-color: #003333 !important;
}

optgroup option{
    background-color: #fff !important;
    color: #006633 !important;
}
.badge {
  background-color: var(--primary-color);
  font-size: 12px;
  position: relative;
  bottom: 4px;
  padding-bottom: 6px;
}

.badge::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--primary-color);
}
.rag {
    height: 50px;
}
.rng, .rag {
    display: block;
    padding-left: 2px;
    margin-left: auto !important;
    width: 100%;
}
.rng strong {
    /*height: 50px;*/
    color: #fff;
    position: relative;
    bottom: 0;
    border-bottom: 1px solid #fff;
    padding: 3px 0px 5px 0px;
}

/*---------------------------------------
  REVIEWS              
-----------------------------------------*/
.reviews-section {
  background-color: #089f50;
}
.ptn {
    background-image:url(../images/wnt.png);
    background-color: #2d670a;
    background-repeat: no-repeat;
    background-size: cover;
}
/*
.ptn .h2::after{
    content: " ";    
    height: 750px;
    width: 950px;
    background-image:url(../images/wnt.png);
    position: relative;
    display: block;
    overflow: hidden;
}*/
.rfn{
    text-align: center;
    font-weight: bolder;
    background-color: rgba(255, 255, 255);
    color: #025306;
    width: 150px;
    margin-bottom:10px;
}
.redo{
    display: flex;
    flex-wrap: wrap;
}
.wht{
    margin: auto;
    background-color: rgba(236, 252, 152, 0.43);
    border-radius: 10px;
    width:40%;
    height: 100%;
}
.gin{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;    
    text-align: center;
}
.wht h4:first-child{
    text-shadow: 0px 0px 10px #fff;
    display: block;
    color: #05761f;
    text-align: center;
}
.fet{
    margin: 10px;
}
.fet small{
    margin-top: 5px;
    display: block;
    font-size: 0.5rem;
}
.bck{
    background-image: url(../images/keep.png);
   /* background-repeat: no-repeat;*/
    background-size: contain;        
}
.ceo small{
    width: 100%;
    color: white;
}
/*
.img-flow{
    padding: 20px 0px 20px 0px;;    
    background-color: rgba(46, 125, 15, 0.48);
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 150px;
    gap: 50px;
}*/


@-webkit-keyframes flip {
	0%, 50% {
		transform: rotateY(0deg);
		}
	100% {
		transform: rotateY(360deg);
	}
}
@-webkit-keyframes jump {
	0%{
        transform: translateX(0px);
	} 
    50% {
		transform: translateX(-150px);
		}
    75% {
        transform: translateX(150px);
    }
	100% {
		transform: translateX(0px);
	}
}
@media screen and (max-width: 1180px) {
    .rdo {
        padding-top: 50%;
    }

    @-webkit-keyframes jump {
        0% {
            transform: translateY(0px);
        }

        50% {
            transform: translateY(-150px);
        }

        75% {
            transform: translateY(150px);
        }

        100% {
            transform: translateY(0px);
        }
    }
}

    @media screen and (max-width: 480px) {
        .rdo {
            padding-top: 0%;
        }
        .menu-block small {
            font-size: 10px;
        }

        @-webkit-keyframes jump {
            0% {
                transform: translateX(0px);
            }

            50% {
                transform: translateX(-75px);
            }

            75% {
                transform: translateX(100px);
            }

            100% {
                transform: translateX(0px);
            }
        }
    }

    .dtl {
        background-color: rgb(0,140,20);
        margin: 0, auto;
        width: 375px;
        text-align: center;
        margin-top: 10px;
    }

    .dir {
        border-radius: 220px;
        width: 180px;
        height: 180px;
        object-fit: cover;
        animation-delay: 0s;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        transition: transform 2s;
    }

        .dir:hover {
            transform: rotateY(360deg);
        }

    .imgf {
        /*border-radius: 220px;*/
        padding-top: 20px;
        width: 50px;
        height: 110px;
        object-fit: contain;
        animation-delay: 0s;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        transition: transform 2s;
    }

        .imgf:hover {
            transform: translateX(0px);
        }

    .reviews-block {
        background-color: var(--section-bg-color);
        border-radius: var(--border-radius-medium);
        position: relative;
        overflow: hidden;
        height: 550px;
    }

        .reviews-block .border-top {
            border-top-color: rgba(255, 255, 255, 0.35) !important;
        }

    .flx {
        display: flex;
        flex-direction: column;
    }

    .vid {
        width: 100%;
        position: absolute;
    }

    .ganf {
        position: relative;
        top: 60%;
        padding-left: 10px;
    }

    .reviews-block-image {
        /*border-radius: var(--border-radius-large);*/
        width: 65px;
        height: 85px;
        margin-right: 10px;
    }

    .reviews-block-info {
        padding: 20px 30px;
    }

        .reviews-block-info p {
            font-size: var(--btn-font-size);
            font-style: italic;
            color: rgba(255, 255, 255, 0.75);
        }

    .reviews-group i {
        color: var(--white-color);
    }


    /*---------------------------------------
  BOOKING SECTION              
-----------------------------------------*/
    .booking-section {
        background-image: url('../images/gym-k.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .booking-form-wrap {
        background-color: rgba(0, 0, 0, 0.65);
        border-radius: var(--border-radius-medium);
        position: relative;
        overflow: hidden;
        margin-top: 100px;
    }

    .booking-form {
        padding: 55px 65px;
    }

    .booking-form-image-wrap {
        position: relative;
        height: 100%;
    }

    .booking-form-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .booking-form-text span {
        color: var(--white-color);
        font-size: var(--btn-font-size);
    }

    .reservation-page .custom-border-btn {
        border-color: var(--secondary-color);
        color: var(--secondary-color);
    }

        .reservation-page .custom-border-btn:hover {
            border-color: transparent;
        }


    /*---------------------------------------
  CONTACT               
-----------------------------------------*/
    .contact-section {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(50, 254, 10, 0.5)), url('../images/gym-b.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .num {
        opacity: 0;
        padding-left: 20px;
        font-family: bullpen3;
        font-size: 68px;
        color: rgba(97,255,85,1.00);
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        /*animation-name: flipped;*/
        -webkit-animation-iteration-count: 1;
    }

    .slf {
        display: none;
        opacity: 0;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
    }

    .qtl {
        margin-top: 40px;
        height: 630px;
        transform: skew(-20deg, 15deg);
        width: 490px;
        border-width: 10px;
        border-style: solid;
        border-color: #ffF;
        background-color: rgb(0,0,0);
    }

        .qtl img {
            width: 100%;
            height: 100%;
        }

    .lined {
        margin-left: 20px;
        position: relative;
        top: -180px;
        width: 30%;
        display: inline-block;
    }

    .ord {
        width: 50%;
    }

        .ord p {
           color: #fff;
        }

        .ord h1 {
            color: #13ff00;
        }

    @-webkit-keyframes fd {
        0%, 50% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    .whyd {
        padding-top: 100px;
        position: relative;
        background-color: #52EF13;
        background-image: url(../images/ploi.jpg);
        background-size: contain;
    }

    .num:first-child {
        padding-left: 0px;
    }

    @keyframes flipped {
        0%, 50% {
            opacity: 70;
            color: rgba(46,135,4,0.90);
            -webkit-transform: rotateY(0deg);
        }

        100% {
            opacity: 100;
            color: rgba(54,238,86,1.00);
            -webkit-transform: rotateY(360deg);
        }
    }

    .google-map {
        border-radius: var(--border-radius-medium);
        filter: grayscale(100);
    }

    .contact-block-wrap {
        background: var(--primary-color);
        border-radius: var(--border-radius-medium);
        padding: 0;
        min-height: 200px;
    }

    .contact-block {
        background: var(--secondary-color);
        border-radius: var(--border-radius-medium);
        transform: rotate(8deg);
        height: 100%;
        padding: 20px 40px;
    }

        .contact-block h6 {
            -webkit-transform: rotate(-8deg);
        }

        .contact-block .custom-icon {
            background: var(--primary-color);
            border-radius: var(--border-radius-large);
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            position: relative;
        }

        .contact-block strong {
            display: block;
            color: var(--white-color);
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 10px;
        }


    /*---------------------------------------
  CUSTOM FORM               
-----------------------------------------*/
    .custom-form .form-control {
        color: #fff;
        border-radius: var(--border-radius-small);
        margin-bottom: 30px;
        padding-top: 13px;
        padding-bottom: 13px;
        box-shadow: none;
        outline: none;
        transition: all 0.3s;
    }

        .custom-form .form-control:hover,
        .custom-form .form-control:focus {
            background: var(--primary-color);
            border-color: transparent;
        }

    .custom-form .form-label {
        color: var(--white-color);
        font-style: italic;
        margin-bottom: 15px;
    }

    .custom-form button[type="submit"] {
        background: var(--custom-btn-bg-color);
        border: none;
        border-radius: var(--border-radius-large);
        color: var(--white-color);
        font-size: var(--form-btn-font-size);
        font-weight: var(--font-weight-bold);
        transition: all 0.3s;
        margin-bottom: 0;
    }

        .custom-form button[type="submit"]:hover,
        .custom-form button[type="submit"]:focus {
            background: var(--white-color);
            border-color: transparent;
            color: var(--primary-color);
        }

    .contact-form .form-control,
    .booking-form .form-control {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.25);
    }

    .booking-form .form-control {
        color: var(--white-color);
    }

    .custom-form input::-webkit-input-placeholder,
    .custom-form textarea::-webkit-input-placeholder {
        color: var(--white-color);
    }

    .booking-form input:-moz-placeholder,
    .booking-form textarea:-moz-placeholder {
        color: var(--white-color);
    }

.custom-form input[type="password"]::-ms-reveal,
.custom-form input[type="password"]::-ms-clear {
    display: none;
}

    /*---------------------------------------
  SITE FOOTER              
-----------------------------------------*/
    .site-footer {
        background-color: var(--primary-color);
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .site-footer strong {
            color: var(--white-color);
        }

        .site-footer p,
        .site-footer-link {
            color: rgba(255, 255, 255, 0.75);
            font-size: var(--btn-font-size);
        }

    .site-footer-link {
        color: rgba(255, 255, 255, 0.75);
        font-size: var(--btn-font-size);
        transition: all 0.3s;
    }

        .site-footer-link:hover {
            color: rgba(255, 255, 255, 0.75);
            text-decoration: underline;
        }

    .copyright-text {
        color: rgba(255, 255, 255, 0.75);
        font-size: var(--menu-font-size);
    }

        .copyright-text a {
            color: rgba(255, 200, 160, 0.75);
        }

    .hid {
        display: none;
        visibility: hidden;
        padding-top: 130px;
    }
/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
    .social-icon {
        margin: 0;
        padding: 0;
    }

    .social-icon-item {
        list-style: none;
        display: inline-block;
        vertical-align: top;
    }

    .social-icon-link {
        background: var(--primary-color);
        border-radius: var(--border-radius-large);
        color: var(--white-color);
        font-size: var(--menu-font-size);
        display: block;
        margin: 0 5px;
        text-align: center;
        width: 35px;
        height: 35px;
        line-height: 35px;
        transition: background 0.2s, color 0.2s;
        -webkit-transition: background 0.2s, color 0.2s;
    }

        .social-icon-link:hover {
            background: var(--white-color);
            color: var(--primary-color);
        }

        .social-icon-link span {
            display: block;
        }


    /*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (min-width: 820px) {
    .rng strong {
        height: 55px !important;
    }
    .t_row {
        height: 880px;
    }
    .rowv {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        height: 70%;
    }
    .rdc {
        width: 100% !important;
        padding-top: 30px !important;
    }
    #frmd {
        margin: 65px 200px !important;
    }
}
@media screen and (min-width: 992px) {
    .row_d{
        margin: 0 auto;
        width: 50%;
    }
    .pdd {
        margin: 310px 0;
    }
}
    @media screen and (max-width: 1200px) {
	.prc_btn {
    padding-top: 30px !important;
	}
        h1 {
            font-size: 62px;
        }

        .qtl {
            margin-top: 90px;
            height: 670px;
            width: 580px;
        }

            .qtl img {
                width: 100%;
                height: 100%;
            }

        .lined {
            width: 530px;
        }

        .ord {
            width: 90%;
        }
    }

    @media screen and (max-width: 991px) {
        #reg_em {
    padding: 10px 220px !important;
    margin: auto 60px !important;
    margin-bottom: 12px !important;
}
.mgem {
    margin-bottom: 3px !important;
}
.up_btm {
    position: relative;
    bottom: 70px;
}
.bck-img{
     padding-top: 75px !important;
}
.prc_btn {
    padding-top: 15px !important;
}
.boxx {
    border-top-left-radius: 180px !important;
    border-top-right-radius: 180px !important;
}
     
        .navbar .container,
        .sticky-wrapper.is-sticky .container {
            background: rgba(0, 0, 0, 0.9);
            margin-right: 10px;
            margin-left: 10px;
            width: 50%;
        }
        .b
                .qtl {
            margin-top: 55px;
            height: 670px;
           width: 530px;
        }

            .qtl img {
                width: 100%;
                height: 100%;
            }

        .lined {
            width: 520px;
        }

        .ord {
            width: 90%;
        }
        h1 {
            font-size: 54px;
        }

        h2 {
            font-size: 36px;
        }

        h3 {
            font-size: 32px;
        }

        h4 {
            font-size: 28px;
        }

        h5 {
            font-size: 20px;
        }

        h6 {
            font-size: 18px;
        }

        .section-padding {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .hero-section {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .navbar-brand,
        .navbar-brand:hover {
            font-size: var(--h5-font-size);
        }

        .navbar-expand-lg .navbar-nav {
            padding-bottom: 20px;
        }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding: 0;
                margin-bottom: 0;
            }

        .navbar .custom-btn {
            margin-bottom: 10px;
        }

        .booking-form {
            padding: 45px;
        }

        .contact-section .container {
            width: auto;
            margin-right: 10px;
            margin-left: 10px;
            padding: 35px;
        }

        .site-footer {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .ltl-txt {
            right: 85px;
        }
    }
    
    @media screen and (max-width: 767px) {
.tm_tb{
   /* height: 380px !important;*/
}
.t_table {
    font-size: 0.7em !important;
}
.t_body {
    font-size-adjust: 0.67 !important;
}
    #reg_em {
    padding: 8px 130px !important;
    margin: auto 60px !important;
    margin-bottom: 10px !important;
}
.filler {
    padding-top: 95px !important;
}
.mgem {
    margin-bottom: 3px !important;
}
.rowd {
   width: 100% !important;
}
        .boxx {
        border-top-left-radius: 85px !important;
        border-top-right-radius: 85px !important;
    }
        .navbar .container,
        .sticky-wrapper.is-sticky .container {
            background: rgba(0, 0, 0, 0.9);
            margin-right: 10px;
            margin-left: 10px;
            width: 60%;
        }
        .btn {
            font-size: 14px;
            padding: 2px 5px 1px 1px;
        }

        .custom-btn {
            font-size: 14px;
            padding: 12px 20px;
        }

        .menu-block-wrap,
        .reviews-block-image-wrap,
        .reviews-block-info {
            padding: 20px;
        }

        .ltl-txt {
            right: 85px;
        }
        .qtl {
            margin-top: 55px;
            height: 470px;
           width: 330px;
        }

            .qtl img {
                width: 100%;
                height: 100%;
            }

        .lined {
            width: 320px;
        }

        .ord {
            width: 90%;
        }
    }
    
    @media screen and (max-width: 578px) {
.t_body {
    font-size-adjust: 0.52 !important;
}
#reg_em {
    padding: 7px 90px !important;
    margin: auto 55px !important;
    margin-bottom: 9px !important;
}
.mgem {
    margin-bottom: 3px !important;
}
#prcs {
    left: 5px !important;
    bottom: 178px !important;
    width: 245px !important;
    height: 196px !important;
}
.rowd {
   width: 100% !important;
}
.fgl {
    width: 270px !important;   
    padding-left: 10px;
}
.fgl p { 
    width: 270px !important;
    font-size: 18px !important;
    margin-bottom: 5px;
}
.ffgl {
    width: 320px !important;
    padding-left: 10px;
}
.ffgl .lng {
    width: 320px !important;
    padding-left: 15px;
    font-size: 18px !important;
}
.ons {
    font-size: 15px !important;
}
#nav_hid {
    display: none;
}
#_1 {
    display: block !important;
}
#nav_hid {
      display: none !important;
}
 #_1 {
     display: block !important;
}
        .navbar .container,
        .sticky-wrapper.is-sticky .container {
            background: rgba(0, 0, 0, 1);
            margin-right: 10px;
            margin-left: 10px;
            width: 60%;
        }
         .navbar-brand-image {
         width: 35px;
         height: 37px;
    }
         .navbar-toggler .navbar-toggler-icon{
             width: 20px;
         }
         .navbar-toggler .navbar-toggler-icon:after,
         .navbar-toggler .navbar-toggler-icon:before{
             width: 20px;
         }
        .navbar-brand {
            font-size: 20px;
            margin-right: 10px;            
        }        
            .navbar-brand,
            .navbar-brand:hover {
                font-size: 22px;
                margin-right: 10px;
            }
        .ltl-txt {
            top: 25px;
            right: 75px;
            font-size: 11.5px;
}
        .qtl {
            margin-top: 80px;
            height: 430px;
            width: 330px;
        }

            .qtl img {
                width: 100%;
                height: 100%;
            }

        .lined {
            width: 330px;
        }

        .ord {
            width: 90%;
        }
    }
    
    @media screen and (max-width: 480px) {
        .inln{
            margin-bottom: 10px;
        }
.d-adj{
    display: block;
    height: 40px;
}
.rng strong {
    font-size: 12px;
    display: block;
    height: 60px;
}
.rag {
    height: 60px;
}
.tmc_c {
    width: 80%;
    text-align: center;
}
.tm_p {
    width: 100%;
    font-size: 98px;
}
.tm_tb {
   /* height: 480px !important; */
}
.t_table {
    font-size: 0.4em !important;
}
.t_body {
    font-size-adjust: 0.49 !important;
}
.filler {
    padding-top: 85px !important;
}
        /*#sing{
            margin-bottom: 5px;
        }*/
        #gymYH .rng strong {
            height: 97px !important;
        }
        
        #reg_em {
            padding: 5px 70px !important;
            margin: auto 40px !important;
            margin-bottom: 7px !important;
        }
.mgem {
    margin-bottom: 3px !important;
}
#nmd{
    display: block;
}
#subst {
     display: none;
}
        
.stbx {
    width: 260px !important;
}
.cnfm {
    width: 80% !important;
    padding: 10px 10px 10px 35px !important;
}
#prcs {
    left: 15px;
    bottom: 155px;
    position: relative;
    width: 90px;
    height: 99px;
    z-index: 0;
}
.about-video-info h5 {
    font-size: 12.2px !important;
}
#nav_hid {
    display: none;
}
#_1 {
    display: block !important;
}
        .navbar .container,
        .sticky-wrapper.is-sticky .container {
            background: rgba(0, 0, 0, 1);
            margin-right: 10px;
            margin-left: 10px;
            width: 60%;
        }
        .qtl {
            margin-top: 50px;
            height: 370px;
           width: 230px;
        }

            .qtl img {
                width: 100%;
                height: 100%;
            }

        .lined {
            width: 230px;
        }

        .ord {
            width: 90%;
        }

        h1 {
            font-size: 38px;
        }

        h2 {
            font-size: 28px;
        }

        h3 {
            font-size: 26px;
        }

        h4 {
            font-size: 22px;
        }

        h5 {
            font-size: 20px;
        }

        .hero-section::after {
            width: 200px;
            height: 200px;
        }

        .booking-form {
            padding: 35px;
        }

        .opening-hours-list li {
            font-size: 12px;
        }

        .reviews-block-image-wrap {
            flex-direction: column;
        }

        .reviews-block-image {
            margin-bottom: 15px;
        }

        .timeline-container {
            padding-left: 55px;
        }

            .timeline-container::before {
                left: 44px;
                border: thin solid white;
                border-width: 15px 15px 15px 0;
                border-color: transparent white transparent transparent;
            }

        .timeline-container-left::before,
        .timeline-container-right::before {
            top: 13px;
        }

        .redo {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }

        .wht {
            width: 100%;
            margin-bottom: 50px;
        }

        .menu-block .rdc {
            width: 100%;
            font-size: medium;
            padding-top: 30px !important;
        }
.rdc {
    padding-right: 100px;
}
        .num {
            font-size: 52px;
        }

        .ganf {
            top: 30%;
        }
        .navbar-brand-image {
         width: 30px;
         height: 42px;
}
        .navbar-brand {
            width: 50px;
            font-size: 18px;
            margin-right: 5px;
        }
        .ltl-txt {
            top: 25px;
            right: 65px;
            font-size: 11.5px;
}
       /* .navbar-brand:nth-child(3) {
            background-color: red;
            flex-shrink: 1;
        }*/
       
    }

.log {
    margin: 0 auto;
    /*flex: 0 0 auto; */
    text-align: center;
}

.log p {
    color: #fff;
}
#reg-clk{
    margin-bottom: 0px !important;
}
#logr {
    color: #e40b0b;
    display: block;
    width: 100%;
    text-align: center;
}

#eyers, #eyersv {
    position: relative;
    display: none;
    visibility: hidden;
    bottom: 65px;
    left: 90%;
    color: #3900ff;
}


#eyer, #eyerv {
    position: relative;
    display: inline;
    bottom: 65px;
    left: 90%;
    color: #3900ff;
}

#eyes, #eyesv {
    position: relative;
    display: none;
    visibility: hidden;
    bottom: 65px;
    left: 90%;
    color: #3900ff;
}


#eye, #eyev {
    position: relative;
    display: inline;
    bottom: 65px;
    left: 90%;
    color: #3900ff;
}

.red_e {
    left: 45% !important;
}

#mtch {
    position: relative;
    display: inline;
    bottom: 35px;
    left: 60%;
    color: #fff;
    font-size: 9px;
}

.usr {    
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.progress {
    height: 100%;
    display: block;
}

.u_img {
    background-color: #0c1a0c;
    width: 130px;
    height: 230px;
    border-radius: 100%;
    object-fit: contain;
    display: inline;
}
#days {
    display: block;
}
.redoo {
    position: absolute;
}
.boxx {
    display: inline-block;
    background-color: #fff;
    border-top-left-radius: 260px;
    border-top-right-radius: 260px;
}

@font-face {
                                font-family: "Bodoni MT Condensed";
                                font-variant: normal;
                                font-style: normal,italic;
                                font-weight: normal;
                                src: url("#FontID1") format(svg);
                            }

                            @font-face {
                                font-family: "Nova Flat";
                                font-variant: normal;
                                font-style: normal;
                                font-weight: normal;
                                src: url("#FontID0") format(svg);
                            }

                            .str0 {
                                stroke: #00D407;
                                stroke-width: 9.99;
                                stroke-miterlimit: 2.61313;
                            }

                            .str2 {
                                stroke: #73FA77;
                                stroke-width: 3.99;
                                stroke-miterlimit: 2.61313;
                            }

                            .str1 {
                                stroke: #00D407;
                                stroke-width: 2;
                                stroke-miterlimit: 2.61313;
                            }

                            .fil1 {
                                fill: none;
                            }

                            .fil6 {
                                fill: black;
                            }

                            .fil2 {
                                fill: #006633;
                            }

                            .fil0 {
                                fill: #00D407;
                            }

                            .fil5 {
                                fill: #33CC66;
                            }

                            .fil7 {
                                fill: white;
                            }

                            .fil4 {
                                fill: #00D407;
                                fill-rule: nonzero;
                            }

                            .fil3 {
                                fill: #33CC66;
                                fill-rule: nonzero;
                            }

                            .fnt1 {
                                font-weight: normal;
                                font-size: 57.06px;
                                font-family: 'Nova Flat';
                            }

                            .fnt3 {
                                font-weight: normal;
                                font-size: 57.06px;
                                font-family: 'Nova Flat';
                            }

                            .fnt0 {
                                font-weight: normal;
                                font-size: 67px;
                                font-family: 'Nova Flat';
                            }

                            .fnt2 {
                                font-style: italic;
                                font-weight: normal;
                                font-size: 53px;
                                font-family: 'Bodoni MT Condensed';
                            }
                              #_1372250344880 {
                                display: none;
                            }
                            #_1 {
                                display: none;
                            }
                            #nav_hid{
                                display: block;
                            }
                            
.svgg {
    width: 100%; 
    height: 100%;
}

.boxx {
    width: 100%;
}
.gol {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.fgl {
    width: 350px;
    background-color: #52EF13;
    padding-left: 10px;
    position: absolute;
    display: block; 
}
.fgl p { 
    width: 350px;
    color: #fff;
    position: relative;
    z-index: 10;
    background-color: #267a0e;
    padding-left: 15px;
    font-family: 'Nova Flat';
    font-size: 24px;
    margin-bottom: 5px;
}
.ffgl {
    width: 450px;
    background-color: #52EF13;
    padding-left: 10px;
    position: absolute;
    display: block; 
}
.ffgl .lng {
    width: 450px;
    color: #fff;
    position: relative;
    z-index: 10;
    background-color: #267a0e;
    padding-left: 15px;
    font-family: 'Nova Flat';
    font-size: 24px;
    margin-bottom: 5px;
}
#gl {
    margin-top: 10px;
    list-style-image: url('data:image/png;base64,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');
    list-style-position: inside;
}
#gl li {
    color: rgb(4, 60, 9);
    font-size: medium;
    border-top: 5px solid #52EF13;
}
#schd_ls li{
    color: rgb(4, 60, 9);
    font-size: medium;
    border-top: 5px solid #52EF13;
}
.stbx li {
    color: rgb(4, 60, 9);
}
.cont {
    margin-top: 50px;
    padding-left: 40px;
}
.tm_tb {
    object-fit: contain;
    background-image: url(../images/t_img/reet.png);
    background-repeat: no-repeat;
    /* height: 540px; */
}
.tb_pd {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-top: 20px;
}
.pstn-ctr{
    width: auto;
    display: block;
    margin: 0 auto;
    color: #fff;
}
.rbtn{
    padding: 10px;
    border-radius: 80px;
    background: transparent;
    border: 3px solid #fff;
    margin: 0 auto;
    width: 200px;
    display: block;
    color: #26bf29;
}
.rbtn:hover{
    background-color: rgb(4, 60, 9);
}
.t_table {
    width: 100%;
    font-family: Helvetica, sans-serif;
    font-size: 0.9em;
}
.t_body tr {
    height: 12px;
}
.t_body tr:nth-child(1) {
    height: 10px;
}
.t_body {
    font-size-adjust: 0.72;
    display: contents;
    /*height: 290px;*/
}
.t_body tr:nth-child(even) {
  background-color: #006600;
  color: #39ff2e;
}
.t_body tr:nth-child(odd) {
  background-color: #051a03;
  color: #aaff2f;
}
.filler {
    padding-top: 130px;
}
table {
  font-family: 'Nova Flat';
  border-collapse: collapse;
  /*width: 100%;*/
  border-spacing: 5px 5px;
}

tr, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 10px;
}
.tcell{
    border: 2px solid #7aa19b;
    padding: 10px;
}
tr:nth-child(even) {
  background-color: #7ee19b;
}
#tb {
    overflow-x: auto;
}
.ops {
    display: table;
    border-width: 0px;
    border-style: none;
    border-color: rgba(0, 0, 0, 0.00);
}

.progresd {
    margin-top: 20px;
}
.bdg {
    width: 150px;
    height: 170px;
}

.buser { 
  background-image: url('../images/kip.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

#renew {
    padding-left: 15px;
    padding-bottom: 0;
    cursor: pointer;
    color: #52EF13;
    border-bottom: 1px solid #52EF13; 
}
.usr_pt {
    width: 50%;
    display: inline-block !important; 
}
.mid {
    text-align: center;
}
#snd{
    position: relative;
    display: inline;
}
.sndd {
    display: block !important;
}
/*------------------------------------------------------------*/
.rowd {
    display: flex;
    flex-direction: row;
    width: 50%;
}
.rowv {
    /*position: relative;*/
    margin: 80px 15px 80px 15px;
    background-repeat:no-repeat;
    background-size: cover;
    /*object-fit: cover;*/
    display: none;
    flex-direction: column;
    border-radius: 160px;
    width: 90%;
    background-color: rgb(0,0,0);
    background-image: url(../images/R.jpeg);
    -webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1.5s;
}
.underline {
    border-bottom-style: solid !important;    
    border-bottom: 1px;
    border-bottom-color: #fff;
    display: block;
    margin: 0px 30px 0px 30px;
    
}
.btm_ln {
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center;
    
}
.btm_ln h3 {
    color: #fff;
}
.prc_btn {
    margin: 0px 100px 0px 100px;
    padding-top: 50px;
}
.t_row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
}

.bck-img {
    text-align: center;
    margin: 0 auto;
    padding: 100px 15px 20px 15px;
    height: 320px;
}
.bcki {
    display: none;
    bottom: 150px;
    position: relative;
    z-index: 3;
}
.bck-img:hover {    
    -webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.5s;
}

@keyframes bckd {
    0%, 50%{
        transform: rotateY(180deg);
    }
    100% {
         transform: rotateY(360deg);
    }
}

@keyframes slide {
    0%, 50%{
        transform: translateX(300px);
    }
    100% {
        transform: translateX(0px);
    }
}

.plns {
    padding-top: 15px;
    margin: 0 auto !important;
    display: block !important;
    color: #fff !important;
    text-align: center !important;
}
.destry {
    max-width: 100%;
    width: 100%;
    display: block;
}
.bigg {
    margin: 5px 10px 5px 10px;
    font-size: 40px;
    color: #fff;
}
code {
    display: block;
    color: lightgreen;
    background-color: rgba(0, 10, 0, 0.54);
}

.bcki p, .bcki label{
    color: #fff;
    background-color: rgba(0, 10, 0, 0.54);
}
.slct {
     background: var(--custom-btn-bg-color);
     border: none;
     border-radius: var(--border-radius-large);
     color: var(--white-color);
     font-size: var(--form-btn-font-size);
        font-weight: var(--font-weight-bold);
        transition: all 0.3s;
        margin: 0 auto;
        width: 100%;
}

.rec_up {
    background: #04a311;
    border-radius: 20px;
    color: #fff;
    transition: all 0.3s;
    width: 70%;
    margin: 10px 30px 10px 30px;
}
.btm_ln small {
    color: #52EF13;
    font-weight: 500;
}
.gang {
    width: 110px;
}

.team-block-info .trn_dts {
    height: 130px;
    overflow: hidden;
    overflow-y: scroll;
    
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #548a5e; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #52EF13; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #006633; 
}
#ump {
    display: none;
}
.sel-opt{
    background-color: #003333 !important;
}

.sel-opt option{
    background-color: #fff !important;
    color: #006633 !important;
}
.brd{
    margin-bottom: 15px !important;
}
.brd h6 {
    padding-right: 15px;
    border-right: 1px solid #52EF13;
}
.defs {
    padding-left: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid #52EF13;
    border-radius: var(--border-radius-small);
}
.sel_txt {
    padding: 10px 20px 10px 0px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 0px;
}
.sel_opts {
    padding: 10px 20px 10px 0px;
    color: #fff;    
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 0px;
    cursor: pointer;
    border-bottom: 1px solid #52EF13;
}
.sel_opts:last-child {
    border-bottom: 0px;
}
.sel_opts:hover, .sel_opts:focus {
    color: #00ff3c;
    transition: color linear 3s;
}
.sel_div{
    width: 100%;
    background-color: #003333;
    box-sizing: border-box;
    border: 1px solid #52EF13;
    border-radius: var(--border-radius-small);
    padding-left: 10px;
    margin-bottom: 10px;
}
.sel_subs_div {
    width: 72%;
    display: flex;
    border-left: 1px solid #52EF13;
    border-right: 1px solid #52EF13;
    border-bottom: 1px solid #52EF13;
    background-image: url(../images/R.jpeg);
    /*object-fit: cover;*/
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 15px;
}
.sel_sub_opt {    
    margin: 12px auto;
    background-color: rgb(9, 56, 23);
    text-align: center;
    border: 10px ridge #00D407;
    cursor: pointer;
    width: 200px;
    height: 140px;
}
.sel_sub_p {
    padding: 15px 20px 10px 20px;
    color: white;
    margin-bottom: 0px;
    font-size: 15px;
}
.sel_sub_opt:hover, .sel_sub_opt:focus {
    transform: scale(1.04);
    background-color: #006633;
    transition: transform ease 1s;
}
#subs select{
    display:none;
}
#cwds {
    display: none;
}
.rsz {
    font-size: 12.9px;
}

/*--------------------------------------*/
.tc {
  background-color: #003333;
  position: relative;
  overflow: hidden;
  min-height: 620px;
}
.trm {
    margin-top: 115px;
}
.trm li {
    color: #fff;
}
.trm p {
    font-family: Calibri;
    font-size: 0.25in;
    font-weight: bolder;
    color: #fff;
    margin-bottom: 0 !important;
}
/*--------------------------------------*/
.sct {
    width: 100%;
}
.contain {
    width: 100%;
    margin: 410px auto;
}
.bckd {
    top: 0;
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    filter:saturate(0.4) contrast(0.9) brightness(0.5);
}
#welc {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #0c0c0c;
}
.fts{
    position: relative;
    width: 100%;
}
.ctr{    
    margin: auto  0;
    text-align: center;
}

.ctr h1 {
    color: #45f200;
    text-shadow: -2px 2px 2px #1f3322, -2px 2px 2px #809c84;
}
.ctr small {
    color: #52EF13;
}
.ctr h3 {
    color: #00ff15;
}
 #frmd {
     margin: 65px 10px;
    display: none;
    overflow: scroll;
    height: 970px;
}
.ght {
    height: 420px;
}
.stbx {
    height: 250px;
    width: 350px;
    overflow: scroll;
    border-width: 0px 5px 5px 0px;
    border-color: #267a0e;
    border-style: solid;
}
.cnfm {
    background-color: #003333;
    position: relative;
    display: none;
    z-index: 100;
    width: 50%;
    height: 50%;
    margin-left: 20px;
    margin-right: 20px;
    padding: 15px 15px 15px 45px;
    top: 55px;
}
.gl_chk{
    margin-left: 25px;
}
 /*
select {
			width: 100%;
			height: 40px;
			margin-bottom: 20px;
			padding: 10px;
			border: 1px solid #ccc;
}*/
.bell {
    display: inline !important;
}
#vrfy {
    display: none;
}
#fbd{
    display: block;
}
#reg_em {
    padding: 10px 120px;
    margin: auto 70px;
    margin-bottom: 15px;
}
.mgem {
    margin-bottom: 5px !important;
}
#nmd{
    display: block;
}
#subst {
     display: none;
}
#subst select{
     display: none;
}
/*------------------------------------------------*/
.vrf{
    display: none;
}
/*------------------------------------------------*/
.inln {
    display: inline-flex;
    margin-right: 15px;
    background-color: #003333;
    padding: 10px 15px;
}
.inln:hover em{
    color: #00D407;
    cursor: pointer;
}
#sgm{
    color: #00D407;
}
#cpl, #ld_fmy {
    display: none;
}
.lnn {
    border-bottom-style: solid !important;
    border-bottom: 1px;
    border-bottom-color: #00D407;
    display: block;
    padding-bottom: 7px;
    margin-bottom: 10px;
    padding-left: 1px;
}
.flx {
    flex-wrap: wrap;
}
.pckg {
    margin: 0 auto;
    width: 115px;
    border-radius: 15px;
    background-color: #0db952;
}
.c_pckg {
    margin: 0 auto;
    width: 165px;
    border-radius: 15px;
    background-color: #0db952;
}
.nte {
    margin-top: 15px;
    position: relative;
    display: block;
}
.rd_nte{
    font-size: 12px;
    display: block;
    position: relative;
    color: red;
}
.em_div{
    height: 150px;
    width: 100%;
}
.fm_div{
    height: 215px !important;
}
.em_svg{
    width: 120px;
    border-radius: 15px;
    background-color: #0db952;
    position: relative;
    right: -65%;
    height: 22px;
}
.pkg_wht{
    font-size: 16px !important;
    font-weight: bolder;
}
.flxs{
    flex-direction: row;
}
.dd-adj{
    font-size: 22px;
}